@import url(https://cdn.icomoon.io/157440/ngx-feng/style.css?xqvz1z);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap|Titillium+Web:400,700);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://i.icomoon.io/public/5287269068/ngx-feng/style.css);
@import url(https://i.icomoon.io/public/5287269068/st-investsmart-web/style.css);
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);-ms-transform:translateY(-1.28125em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);-ms-transform:translateY(-1.28124em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);-ms-transform:translateY(-1.28123em) scale(0.75);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone,.mat-button-toggle-group{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header{color:rgba(0,0,0,.38)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}.mat-datepicker-content-touch{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-item-disabled{background-color:#eee}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled]::after,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#c5cae9}.mat-progress-bar-buffer{background-color:#c5cae9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081}

@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-badge-small .mat-badge-content{font-size:9px}
.mat-badge-large .mat-badge-content{font-size:24px}
.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}
.mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}
.mat-body-strong,.mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}
.mat-small,.mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}
.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}
.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}
.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}
.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}
.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-card-title{font-size:24px;font-weight:500}
.mat-card-header .mat-card-title{font-size:20px}
.mat-card-subtitle,.mat-card-content{font-size:14px}
.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-checkbox-layout .mat-checkbox-label{line-height:24px}
.mat-chip{font-size:14px;font-weight:500}
.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}
.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-header-cell{font-size:12px;font-weight:500}
.mat-cell,.mat-footer-cell{font-size:14px}
.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-calendar-body{font-size:13px}
.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}
.mat-calendar-table-header th{font-size:11px;font-weight:400}
.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}
.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-form-field-wrapper{padding-bottom:1.34375em}
.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}
.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}
.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}
.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}
.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}
.mat-form-field-label{top:1.34375em}
.mat-form-field-underline{bottom:1.34375em}
.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}
.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}
.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);-ms-transform:translateY(-1.28125em) scale(0.75);width:133.3333333333%}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);-ms-transform:translateY(-1.28124em) scale(0.75);width:133.3333433333%}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);-ms-transform:translateY(-1.28123em) scale(0.75);width:133.3333533333%}
.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}
.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}
@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}
.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}
.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}
.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}
.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}
.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}
.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}
input.mat-input-element{margin-top:-0.0625em}
.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}
.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-select-trigger{height:1.125em}
.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}
.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-step-label{font-size:14px;font-weight:400}
.mat-step-sub-label-error{font-weight:normal}
.mat-step-label-error{font-size:14px}
.mat-step-label-selected{font-size:14px;font-weight:500}
.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}
.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}
.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}
.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}
.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-list-base .mat-list-item{font-size:16px}
.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}
.mat-list-base .mat-list-option{font-size:16px}
.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}
.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}
.mat-list-base[dense] .mat-list-item{font-size:12px}
.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}
.mat-list-base[dense] .mat-list-option{font-size:12px}
.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}
.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}
.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}
.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}
.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}
.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}
.mat-ripple{overflow:hidden;position:relative}
.mat-ripple:not(:empty){transform:translateZ(0)}
.mat-ripple.mat-ripple-unbounded{overflow:visible}
.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(0)}
.cdk-high-contrast-active .mat-ripple-element{display:none}
.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}
.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}
.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
@keyframes cdk-text-field-autofill-start{/*!*/}
@keyframes cdk-text-field-autofill-end{/*!*/}
.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}
textarea.cdk-textarea-autosize{resize:none}
textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}
textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}
.mat-focus-indicator{position:relative}
.mat-mdc-focus-indicator{position:relative}
.mat-ripple-element{background-color:rgba(0,0,0,.1)}
.mat-option{color:rgba(0,0,0,.87)}
.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}
.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}
.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}
.mat-optgroup-label{color:rgba(0,0,0,.54)}
.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}
.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}
.mat-pseudo-checkbox::after{color:#fafafa}
.mat-pseudo-checkbox-disabled{color:#b0b0b0}
.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}
.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}
.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}
.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}
.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}
.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}
.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}
.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}
.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}
.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}
.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}
.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}
.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}
.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}
.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}
.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}
.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}
.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}
.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}
.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}
.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}
.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}
.mat-theme-loaded-marker{display:none}
.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}
.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}
.mat-badge-content{color:#fff;background:#3f51b5}
.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}
.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}
.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}
.mat-badge{position:relative}
.mat-badge-hidden .mat-badge-content{display:none}
.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}
.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}
.mat-badge-content.mat-badge-active{transform:none}
.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}
.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}
.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}
.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}
.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}
.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}
.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}
.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}
.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}
.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}
.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}
.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}
.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}
.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}
.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}
.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}
.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}
.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}
.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}
.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}
.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}
.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}
.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}
.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}
.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}
.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}
.mat-button-focus-overlay{background:#000}
.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}
.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}
.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}
.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}
.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}
.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}
.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}
.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}
.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}
.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}
.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-button-toggle-standalone,.mat-button-toggle-group{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{box-shadow:none}
.mat-button-toggle{color:rgba(0,0,0,.38)}
.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}
.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}
.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}
.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}
.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}
.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px rgba(0,0,0,.12)}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}
.mat-card{background:#fff;color:rgba(0,0,0,.87)}
.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-card-subtitle{color:rgba(0,0,0,.54)}
.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}
.mat-checkbox-checkmark{fill:#fafafa}
.mat-checkbox-checkmark-path{stroke:#fafafa !important}
.mat-checkbox-mixedmark{background-color:#fafafa}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}
.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}
.mat-checkbox .mat-ripple-element{background-color:#000}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}
.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}
.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}
.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}
.mat-chip.mat-standard-chip::after{background:#000}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-table{background:#fff}
.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}
mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}
.mat-header-cell{color:rgba(0,0,0,.54)}
.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}
.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}
.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}
.mat-calendar-table-header{color:rgba(0,0,0,.38)}
.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}
.mat-calendar-body-label{color:rgba(0,0,0,.54)}
.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}
.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}
.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}
.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}
.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}
.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}
.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}
.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}
.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}
.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}
.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}
.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}
.mat-datepicker-content-touch{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-datepicker-toggle-active{color:#3f51b5}
.mat-datepicker-toggle-active.mat-accent{color:#ff4081}
.mat-datepicker-toggle-active.mat-warn{color:#f44336}
.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}
.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}
.mat-divider{border-top-color:rgba(0,0,0,.12)}
.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}
.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}
.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}
.mat-action-row{border-top-color:rgba(0,0,0,.12)}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}
@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}
.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}
.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}
.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}
.mat-expansion-panel-header{height:48px}
.mat-expansion-panel-header.mat-expanded{height:64px}
.mat-form-field-label{color:rgba(0,0,0,.6)}
.mat-hint{color:rgba(0,0,0,.6)}
.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}
.mat-focused .mat-form-field-required-marker{color:#ff4081}
.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}
.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}
.mat-error{color:#f44336}
.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}
.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}
.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}
.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}
.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}
.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}
.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}
.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}
.mat-icon.mat-primary{color:#3f51b5}
.mat-icon.mat-accent{color:#ff4081}
.mat-icon.mat-warn{color:#f44336}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}
.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}
.mat-input-element{caret-color:#3f51b5}
.mat-input-element::placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}
.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}
.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}
.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}
.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}
.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}
.mat-list-item-disabled{background-color:#eee}
.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}
.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}
.mat-menu-panel{background:#fff}
.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}
.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}
.mat-menu-item[disabled],.mat-menu-item[disabled]::after,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}
.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}
.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}
.mat-paginator{background:#fff}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}
.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}
.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}
.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}
.mat-paginator-container{min-height:56px}
.mat-progress-bar-background{fill:#c5cae9}
.mat-progress-bar-buffer{background-color:#c5cae9}
.mat-progress-bar-fill::after{background-color:#3f51b5}
.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}
.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}
.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}
.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}
.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}
.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}
.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}
.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}
.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}
.mat-radio-button .mat-ripple-element{background-color:#000}
.mat-select-value{color:rgba(0,0,0,.87)}
.mat-select-placeholder{color:rgba(0,0,0,.42)}
.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}
.mat-select-arrow{color:rgba(0,0,0,.54)}
.mat-select-panel{background:#fff}
.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}
.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}
.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}
.mat-drawer.mat-drawer-push{background-color:#fff}
.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}
.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}
.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}
[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}
[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}
.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}
.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}
.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}
.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}
.mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}
.mat-primary .mat-slider-thumb-label-text{color:#fff}
.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}
.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ff4081}
.mat-accent .mat-slider-thumb-label-text{color:#fff}
.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}
.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}
.mat-warn .mat-slider-thumb-label-text{color:#fff}
.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}
.mat-slider:hover .mat-slider-track-background,.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}
.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}
.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}
.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}
.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}
.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}
.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}
@media(hover: none){.mat-step-header:hover{background:none}}
.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}
.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}
.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}
.mat-step-header.mat-accent .mat-step-icon{color:#fff}
.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}
.mat-step-header.mat-warn .mat-step-icon{color:#fff}
.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}
.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}
.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}
.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}
.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}
.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}
.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}
.mat-horizontal-stepper-header{height:72px}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}
.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}
.mat-sort-header-arrow{color:#757575}
.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}
.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}
.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}
.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}
.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}
.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}
.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}
.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}
.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}
.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}
.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}
.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}
.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}
.mat-toolbar.mat-accent{background:#ff4081;color:#fff}
.mat-toolbar.mat-warn{background:#f44336;color:#fff}
.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}
.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}
.mat-toolbar .mat-input-element{caret-color:currentColor}
.mat-toolbar-multiple-rows{min-height:64px}
.mat-toolbar-row,.mat-toolbar-single-row{height:64px}
@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}
.mat-tooltip{background:rgba(97,97,97,.9)}
.mat-tree{background:#fff}
.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}
.mat-tree-node{min-height:48px}
.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}
.mat-simple-snackbar-action{color:#ff4081}
@font-face {
  font-family: LedDotMatrix;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/LedDotMatrix/LEDDot-Matrix.ttf") format("truetype");
}
@font-face {
  font-family: "Titillium Web Black";
  src: url("https://vasco-gs.s3.amazonaws.com/prod/assets/fonts/titillium-web.black.ttf") format("truetype"), url("https://vasco-gs.s3.amazonaws.com/prod/assets/fonts/titillium-web.black.woff") format("woff"), url("https://vasco-gs.s3.amazonaws.com/prod/assets/fonts/titillium-web.black.woff2") format("woff2");
}
@font-face {
  font-family: Metropolis;
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Metropolis/Metropolis-Regular.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Metropolis;
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Metropolis/Metropolis-Bold.otf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Metropolis-Bold;
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Metropolis/Metropolis-Bold.otf") format("truetype");
  font-style: bold;
  font-weight: 800;
}
@font-face {
  font-family: "Big Shoulders";
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Big_Shoulders/static/BigShoulders-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Big Shoulders";
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Big_Shoulders/static/BigShoulders-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Big Shoulders";
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Big_Shoulders/static/BigShoulders-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Big Shoulders";
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Big_Shoulders/static/BigShoulders-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Big Shoulders";
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Big_Shoulders/static/BigShoulders-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Big Shoulders";
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Big_Shoulders/static/BigShoulders-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Big Shoulders";
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Big_Shoulders/static/BigShoulders-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Big Shoulders";
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Big_Shoulders/static/BigShoulders-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Big Shoulders";
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Big_Shoulders/static/BigShoulders-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: CityDmed;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/citydmed.ttf") format("truetype");
}
@font-face {
  font-family: CityDMed;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/CityDMed.ttf") format("truetype");
}
@font-face {
  font-family: CityDBol;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/CityDBol.ttf") format("truetype");
}
@font-face {
  font-family: GillSans;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/GillSans.otf") format("truetype");
}
@font-face {
  font-family: GillSansBold;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/GillSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: GillSansMT;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/GillSans-MT.ttf") format("truetype");
}
@font-face {
  font-family: GillSansMTBold;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/GillSans-MT-Bold.ttf") format("truetype");
  font-style: bold;
  font-weight: 700;
}
@font-face {
  font-family: GillSansMTItalic;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/GillSans-MT-Italic.ttf") format("truetype");
}
@font-face {
  font-family: BebasNeue;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/BebasNeue.otf") format("truetype");
}
@font-face {
  font-family: RidleyGrotesk-Medium;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/RidleyGrotesk-Medium.otf") format("truetype");
}
@font-face {
  font-family: RidleyGrotesk-SemiBold;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/RidleyGrotesk-SemiBold.otf") format("truetype");
}
@font-face {
  font-family: RidleyGrotesk-ExtraBold;
  src: url("https://fluminensefc.s3.amazonaws.com/prod/assets/fonts/RidleyGrotesk-ExtraBold.otf") format("truetype");
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 100 900;
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/IBM_Plex_Sans/IBMPlexSans-VariableFont_wdth%2Cwght.ttf") format("truetype-variations");
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: italic;
  font-weight: 100 900;
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/IBM_Plex_Sans/IBMPlexSans-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype-variations");
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --background-system-error: #ffe0e1;
  --background-system-warning: #f3e0b9;
  --background-system-success: #eefcf2;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-color: #fff;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --home-experience-call-to-action-content-font-family:"montserrat";
  --home-experience-call-to-action-content-font-size: 32px;
  --home-experience-call-to-action-content-device-font-size: 56px;
  --home-experience-call-to-action-content-padding: "130px 0 120px";
  --home-experience-call-to-action-content-line-height: normal;
  --home-experience-call-to-action-content-device-line-height: normal;
  --home-experience-call-to-action-content-max-width: 655px;
  --home-experience-call-to-action-button-margin: 0;
  --home-experience-call-to-action-content-align: "left";
  --home-experience-video-scroll-color: var(--secondary);
  --home-experience-video-scroll-font-size: 30px;
  --home-experience-video-scroll-device-font-size: 48px;
  --home-experience-video-scroll-text-align: "left";
  --home-experience-video-catalog-font-size: 38px;
  --home-experience-video-catolog-font-family: "700 28px / 28px var(--font-title)";
  --home-experience-video-catolog-device-font-family: "Montserrat-bold";
  --home-experience-video-scroll-spacing: normal;
  --home-experience-video-catalog-device-font-size: 30px;
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color:#0A0A0A;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --gift-card-price-color: black;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-text-color-second: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.fengst-snackbar .mat-simple-snackbar span {
  font-weight: bold;
}
.fengst-snackbar--success {
  background-color: var(--success);
  color: var(--on-success);
}
.fengst-snackbar--success button {
  background-color: var(--on-success);
  color: var(--success);
}
.fengst-snackbar--error {
  background-color: var(--error);
  color: var(--on-error);
}
.fengst-snackbar--error button {
  background-color: var(--on-error);
  color: var(--error);
}
.fengst-snackbar--warning {
  background-color: var(--warning);
  color: var(--on-warning);
}
.fengst-snackbar--warning button {
  background-color: var(--on-warning);
  color: var(--warning);
}
.fengst-snackbar--info {
  background-color: var(--info);
  color: var(--on-info);
}
.fengst-snackbar--info button {
  background-color: var(--on-info);
  color: var(--info);
}
.feng-btn {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  border-color: transparent;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.feng-btn--border-inside {
  box-shadow: 0 0 0 0, inset 0 0 0 var(--button-inside-border-width) var(--button-inside-border-color);
}
.feng-btn--loading::after {
  display: inline-flex;
  content: ".";
  width: 25px;
  margin-left: 5px;
  text-align: initial;
  letter-spacing: 5px;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-name: pulseEllipses;
  animation-delay: 0;
}
@keyframes pulseEllipses {
  0% {
    content: ".  ";
  }
  20% {
    content: ".. ";
  }
  40% {
    content: "...";
  }
  60% {
    content: "...";
  }
  80% {
    content: ".. ";
  }
  100% {
    content: ".  ";
  }
}
.feng-btn:disabled:not(.feng-btn--processing) {
  cursor: not-allowed;
}
.feng-btn__img-size--tiny {
  margin: var(--button-margin-tiny);
  width: var(--button-width-tiny);
}
.feng-btn__img-size--small {
  margin: var(--button-margin-small);
  width: var(--button-width-small);
}
.feng-btn__img-size--medium {
  margin: var(--button-margin-medium);
  width: var(--button-width-medium);
}
.feng-btn__img-size--large {
  margin: var(--button-margin-large);
  width: var(--button-width-large);
}
.feng-btn__img-size--giant {
  margin: var(--button-margin-giant);
  width: var(--button-width-giant);
}
.feng-btn--tiny:not(.feng-btn--icon) {
  padding: var(--button-padding-tiny);
  font-size: var(--button-font-size-tiny);
}
.feng-btn--tiny:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: var(--button-icon-margin-tiny);
}
.feng-btn--tiny:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: var(--button-icon-margin-tiny);
}
.feng-btn--small:not(.feng-btn--icon) {
  padding: var(--button-padding-small);
  font-size: var(--button-font-size-small);
}
.feng-btn--small:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: var(--button-icon-margin-small);
}
.feng-btn--small:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: var(--button-icon-margin-small);
}
.feng-btn--medium:not(.feng-btn--icon) {
  padding: var(--button-padding-medium);
  font-size: var(--button-font-size-medium);
}
.feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: var(--button-icon-margin-medium);
}
.feng-btn--medium:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: var(--button-icon-margin-medium);
}
.feng-btn--large:not(.feng-btn--icon) {
  padding: var(--button-padding-large);
  font-size: var(--button-font-size-large);
}
.feng-btn--large:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: var(--button-icon-margin-large);
}
.feng-btn--large:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: var(--button-icon-margin-large);
}
.feng-btn--giant:not(.feng-btn--icon) {
  padding: var(--button-padding-giant);
  font-size: var(--button-font-size-giant);
}
.feng-btn--giant:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: var(--button-icon-margin-giant);
}
.feng-btn--giant:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: var(--button-icon-margin-giant);
}
.feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 1.4em;
}
.feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--primary-RGB), 0.3);
}
.feng-btn--primary:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--primary-RGB), 0.5);
}
.feng-btn--primary:disabled {
  opacity: 0.5;
  color: var(--on-primary);
}
.feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--primary);
  background-color: var(--background);
}
.feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--primary);
  color: var(--on-primary);
}
.feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--primary);
  filter: brightness(94%);
}
.feng-btn--primary.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.feng-btn--primary.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--primary.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--primary);
  background-color: rgba(var(--primary-RGB), 0.05);
  border-color: var(--primary);
}
.feng-btn--primary.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--primary);
  background-color: rgba(var(--primary-RGB), 0.1);
  border-color: var(--primary);
}
.feng-btn--primary.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--primary);
}
.feng-btn--secondary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--secondary-RGB), 0.3);
}
.feng-btn--secondary:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--secondary-RGB), 0.5);
}
.feng-btn--secondary:disabled {
  opacity: 0.5;
  color: var(--on-secondary);
}
.feng-btn--secondary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--secondary);
  background-color: var(--background);
}
.feng-btn--secondary:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--secondary);
  color: var(--on-secondary);
}
.feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--secondary);
  filter: brightness(94%);
}
.feng-btn--secondary.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--secondary);
  color: var(--secondary);
}
.feng-btn--secondary.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--secondary.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--secondary);
  background-color: rgba(var(--secondary-RGB), 0.05);
  border-color: var(--secondary);
}
.feng-btn--secondary.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--secondary);
  background-color: rgba(var(--secondary-RGB), 0.1);
  border-color: var(--secondary);
}
.feng-btn--secondary.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--secondary);
}
.feng-btn--success:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--success-RGB), 0.3);
}
.feng-btn--success:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--success-RGB), 0.5);
}
.feng-btn--success:disabled {
  opacity: 0.5;
  color: var(--on-success);
}
.feng-btn--success:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--success);
  background-color: var(--background);
}
.feng-btn--success:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--success:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--success);
  color: var(--on-success);
}
.feng-btn--success:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--success);
  filter: brightness(94%);
}
.feng-btn--success.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--success);
  color: var(--success);
}
.feng-btn--success.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--success.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--success);
  background-color: rgba(var(--success-RGB), 0.05);
  border-color: var(--success);
}
.feng-btn--success.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--success);
  background-color: rgba(var(--success-RGB), 0.1);
  border-color: var(--success);
}
.feng-btn--success.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--success);
}
.feng-btn--warning:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--warning-RGB), 0.3);
}
.feng-btn--warning:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--warning-RGB), 0.5);
}
.feng-btn--warning:disabled {
  opacity: 0.5;
  color: var(--on-warning);
}
.feng-btn--warning:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--warning);
  background-color: var(--background);
}
.feng-btn--warning:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--warning:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--warning);
  color: var(--on-warning);
}
.feng-btn--warning:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--warning);
  filter: brightness(94%);
}
.feng-btn--warning.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--warning);
  color: var(--warning);
}
.feng-btn--warning.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--warning.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--warning);
  background-color: rgba(var(--warning-RGB), 0.05);
  border-color: var(--warning);
}
.feng-btn--warning.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--warning);
  background-color: rgba(var(--warning-RGB), 0.1);
  border-color: var(--warning);
}
.feng-btn--warning.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--warning);
}
.feng-btn--danger:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--error-RGB), 0.3);
}
.feng-btn--danger:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--error-RGB), 0.5);
}
.feng-btn--danger:disabled {
  opacity: 0.5;
  color: var(--on-error);
}
.feng-btn--danger:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--error);
  background-color: var(--background);
}
.feng-btn--danger:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--danger:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--error);
  color: var(--on-error);
}
.feng-btn--danger:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--error);
  filter: brightness(94%);
}
.feng-btn--danger.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--error);
  color: var(--error);
}
.feng-btn--danger.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--danger.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--error);
  background-color: rgba(var(--error-RGB), 0.05);
  border-color: var(--error);
}
.feng-btn--danger.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--error);
  background-color: rgba(var(--error-RGB), 0.1);
  border-color: var(--error);
}
.feng-btn--danger.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--error);
}
.feng-btn--info:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--info-RGB), 0.3);
}
.feng-btn--info:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--info-RGB), 0.5);
}
.feng-btn--info:disabled {
  opacity: 0.5;
  color: var(--on-info);
}
.feng-btn--info:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--info);
  background-color: var(--background);
}
.feng-btn--info:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--info:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--info);
  color: var(--on-info);
}
.feng-btn--info:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--info);
  filter: brightness(94%);
}
.feng-btn--info.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--info);
  color: var(--info);
}
.feng-btn--info.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--info.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--info);
  background-color: rgba(var(--info-RGB), 0.05);
  border-color: var(--info);
}
.feng-btn--info.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--info);
  background-color: rgba(var(--info-RGB), 0.1);
  border-color: var(--info);
}
.feng-btn--info.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--info);
}
.feng-btn--ghost:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--background-RGB), 0.3);
}
.feng-btn--ghost:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--background-RGB), 0.5);
}
.feng-btn--ghost:disabled {
  opacity: 0.5;
  color: var(--on-background);
}
.feng-btn--ghost:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--on-background);
  background-color: var(--background);
}
.feng-btn--ghost:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--ghost:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--background);
  color: var(--on-background);
}
.feng-btn--ghost:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--background);
  filter: brightness(94%);
}
.feng-btn--ghost.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--on-background);
  color: var(--on-background);
}
.feng-btn--ghost.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--ghost.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--on-background);
  border-color: var(--on-background);
}
.feng-btn--ghost.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--on-background);
  background-color: rgba(var(--background-RGB), 0.3);
  border-color: var(--on-background);
}
.feng-btn--ghost.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--on-background);
}
.feng-btn--link:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--background-RGB), 0.3);
}
.feng-btn--link:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--background-RGB), 0.5);
}
.feng-btn--link:hover:not(:disabled) {
  text-decoration: underline;
}
.feng-btn--link:disabled {
  opacity: 0.5;
  color: var(--on-background);
}
.feng-btn--link:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--on-background);
  background-color: var(--background);
}
.feng-btn--link:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--link:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--background);
  color: var(--on-background);
}
.feng-btn--link:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--background);
  filter: brightness(94%);
}
.feng-btn--link.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--on-background);
  color: var(--on-background);
}
.feng-btn--link.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--link.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--on-background);
  border-color: var(--on-background);
}
.feng-btn--link.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--on-background);
  background-color: rgba(var(--background-RGB), 0.3);
  border-color: var(--on-background);
}
.feng-btn--link.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--on-background);
}
.feng-btn--icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.feng-btn--icon.feng-btn--primary:not(.feng-btn--invert) {
  color: var(--primary);
}
.feng-btn--icon.feng-btn--primary.feng-btn--invert {
  color: var(--on-primary);
  background: var(--primary);
}
.feng-btn--icon.feng-btn--secondary:not(.feng-btn--invert) {
  color: var(--secondary);
}
.feng-btn--icon.feng-btn--secondary.feng-btn--invert {
  color: var(--on-secondary);
  background: var(--secondary);
}
.feng-btn--icon.feng-btn--success:not(.feng-btn--invert) {
  color: var(--success);
}
.feng-btn--icon.feng-btn--success.feng-btn--invert {
  color: var(--on-success);
  background: var(--success);
}
.feng-btn--icon.feng-btn--warning:not(.feng-btn--invert) {
  color: var(--warning);
}
.feng-btn--icon.feng-btn--warning.feng-btn--invert {
  color: var(--on-warning);
  background: var(--warning);
}
.feng-btn--icon.feng-btn--danger:not(.feng-btn--invert) {
  color: var(--error);
}
.feng-btn--icon.feng-btn--danger.feng-btn--invert {
  color: var(--on-error);
  background: var(--error);
}
.feng-btn--icon.feng-btn--info:not(.feng-btn--invert) {
  color: var(--info);
}
.feng-btn--icon.feng-btn--info.feng-btn--invert {
  color: var(--on-info);
  background: var(--info);
}
.feng-btn--icon.feng-btn--ghost:not(.feng-btn--invert) {
  color: var(--on-background);
}
.feng-btn--icon.feng-btn--ghost.feng-btn--invert {
  color: var(--background);
  background: var(--on-background);
}
.feng-btn--icon.feng-btn--link:not(.feng-btn--invert) {
  color: var(--on-background);
}
.feng-btn--icon.feng-btn--link.feng-btn--invert {
  color: var(--background);
  background: var(--on-background);
}
.feng-btn--icon.feng-btn--tiny {
  width: 25px;
  height: 25px;
  font-size: 14px;
}
.feng-btn--icon.feng-btn--small {
  width: 30px;
  height: 30px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .feng-btn--icon.feng-btn--small {
    font-size: 18px;
    width: 32px;
    height: 32px;
  }
}
.feng-btn--icon.feng-btn--medium {
  width: 35px;
  height: 35px;
  font-size: 18px;
}
@media (min-width: 992px) {
  .feng-btn--icon.feng-btn--medium {
    font-size: 20px;
    width: 37px;
    height: 37px;
  }
}
.feng-btn--icon.feng-btn--large {
  width: 40px;
  height: 40px;
  font-size: 20px;
}
@media (min-width: 992px) {
  .feng-btn--icon.feng-btn--large {
    font-size: 22px;
    width: 42px;
    height: 42px;
  }
}
.feng-btn--icon.feng-btn--giant {
  width: 45px;
  height: 45px;
  font-size: 22px;
}
@media (min-width: 992px) {
  .feng-btn--icon.feng-btn--giant {
    font-size: 24px;
    width: 47px;
    height: 47px;
  }
}
.feng-btn--processing {
  cursor: progress;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-name: pulseOpacity;
  animation-delay: 0;
}
@keyframes pulseOpacity {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}
.feng-checkbox {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.feng-checkbox .mat-checkbox-inner-container {
  display: none;
}
.feng-checkbox__label {
  margin-left: var(--checkbox-label-margin);
  text-align: start;
}
.feng-checkbox--highlighted-label .feng-checkbox__label {
  padding: 5px 15px;
}
.feng-checkbox--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-checkbox.mat-checkbox-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-checkbox.mat-checkbox-disabled i {
  cursor: not-allowed;
}
.feng-checkbox.mat-checkbox:not(.mat-checkbox-disabled) i:hover {
  cursor: pointer;
}
.feng-checkbox.mat-checkbox-checked .mat-checkbox-label i {
  content: initial;
}
.feng-checkbox.mat-checkbox:not(.mat-checkbox-checked):not(:hover) .mat-checkbox-label i:before {
  content: unset;
}
.feng-checkbox.mat-checkbox .mat-checkbox-label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.feng-checkbox.mat-checkbox .mat-checkbox-label i {
  display: grid;
  justify-content: center;
  align-items: center;
  border: var(--checkbox-border-width) solid rgba(0, 0, 0, 0.5);
  border-radius: var(--checkbox-border-radius);
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  color: rgba(0, 0, 0, 0.3);
  font-size: var(--checkbox-size);
  font-weight: bold;
  transition: background 200ms ease;
}
.feng-checkbox.mat-checkbox .mat-checkbox-label i:before {
  font-size: 0.5em;
}
.feng-checkbox--primary.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-primary);
  background-color: var(--primary);
}
.feng-checkbox--primary.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--primary);
  color: var(--on-primary);
}
.feng-checkbox--secondary.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-secondary);
  background-color: var(--secondary);
}
.feng-checkbox--secondary.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--secondary);
  color: var(--on-secondary);
}
.feng-checkbox--success.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-success);
  background-color: var(--success);
}
.feng-checkbox--success.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--success);
  color: var(--on-success);
}
.feng-checkbox--warning.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-warning);
  background-color: var(--warning);
}
.feng-checkbox--warning.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--warning);
  color: var(--on-warning);
}
.feng-checkbox--danger.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-error);
  background-color: var(--error);
}
.feng-checkbox--danger.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--error);
  color: var(--on-error);
}
.feng-checkbox--info.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-info);
  background-color: var(--info);
}
.feng-checkbox--info.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--info);
  color: var(--on-info);
}
.swal2-title {
  color: #595959 !important;
  font-size: 25px;
  font-weight: 700;
}
.swal2-actions {
  gap: 10px;
}
.swal2-actions button {
  text-align: center;
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  font-size: 14px;
  padding: 8px 18px;
}
.swal2-actions button:focus {
  outline: none;
}
.swal2-actions button:disabled {
  cursor: not-allowed;
  background: #f1f1f1;
  color: lightgray;
}
.swal2-actions button:disabled:hover {
  background: #f1f1f1;
  color: lightgray;
}
.swal2-actions .swal2-confirm {
  padding: 10px 20px;
  color: var(--on-background);
  background-color: var(--background);
}
.swal2-actions .swal2-confirm:hover {
  background-color: var(--background);
  filter: brightness(94%);
}
.swal2-actions .swal2-cancel {
  padding: 10px 20px;
  color: var(--on-error);
  background-color: var(--error);
}
.swal2-actions .swal2-cancel:hover {
  background-color: var(--error);
  filter: brightness(94%);
}
.feng-input {
  transition: box-shadow 0.2s ease-in-out;
  border-radius: var(--input-border-radius);
}
.feng-input--icon-right:not(.feng-input--icon-left) {
  grid-template: 1fr/auto 41px;
}
.feng-input--icon-left:not(.feng-input--icon-right) {
  grid-template: 1fr/41px auto;
}
.feng-input--icon-left.feng-input--icon-right {
  grid-template: 1fr/41px auto 41px;
}
.feng-input--password .mat-form-field-infix {
  display: grid;
  grid-template-columns: auto 25px;
  grid-gap: 5px;
}
.feng-input__password-visibility {
  padding: 0 5px;
}
.feng-input__password-visibility:hover {
  cursor: pointer;
  opacity: 0.5;
}
.feng-input__password-strength {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
}
.feng-input__password-strength-step {
  height: 1px;
  flex: 1;
  background: #ccc;
  margin-top: 9px;
}
.feng-input__password-strength-step--1 {
  background: #f00;
}
.feng-input__password-strength-step--2 {
  background: #ffd500;
}
.feng-input__password-strength-step--3 {
  background: #41c205;
}
.feng-input__password-strength-step:not(:first-child) {
  margin-left: 1px;
}
@media (min-width: 992px) {
  .feng-input__password-strength-step:not(:first-child) {
    margin-left: 11.2px;
  }
}
.feng-input--primary {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--primary:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--primary:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--primary.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-RGB), 0.3);
}
.feng-input--primary.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--primary.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--primary.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--primary.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--primary.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--primary.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--primary.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--primary.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--primary.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--primary) !important;
  background-color: rgba(var(--primary-RGB), 0.2);
}
.feng-input--primary.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-input--primary.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-input--primary.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--primary.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--primary);
  color: var(--on-primary);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--primary.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--primary.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--primary.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--primary.feng-input--readonly {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--secondary {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--secondary:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--secondary:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--secondary.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--secondary-RGB), 0.3);
}
.feng-input--secondary.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--secondary.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--secondary.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--secondary.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--secondary.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--secondary.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--secondary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--secondary) !important;
  background-color: rgba(var(--secondary-RGB), 0.2);
}
.feng-input--secondary.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--secondary.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--secondary);
  color: var(--on-secondary);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--secondary.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--secondary.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--secondary.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--secondary.feng-input--readonly {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--success {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--success:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--success:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--success.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--success-RGB), 0.3);
}
.feng-input--success.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--success.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--success.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--success.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--success.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--success.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--success.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--success.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--success.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--success.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--success.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--success.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--success.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--success.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--success) !important;
  background-color: rgba(var(--success-RGB), 0.2);
}
.feng-input--success.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--success) !important;
}
.feng-input--success.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--success) !important;
}
.feng-input--success.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--success.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--success);
  color: var(--on-success);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--success.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--success.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--success.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--success.feng-input--readonly {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--warning {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--warning:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--warning:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--warning.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--warning-RGB), 0.3);
}
.feng-input--warning.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--warning.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--warning.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--warning.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--warning.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--warning.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--warning.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--warning.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--warning.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--warning.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--warning.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--warning.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--warning.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--warning.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--warning) !important;
  background-color: rgba(var(--warning-RGB), 0.2);
}
.feng-input--warning.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-input--warning.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-input--warning.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--warning.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--warning);
  color: var(--on-warning);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--warning.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--warning.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--warning.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--warning.feng-input--readonly {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--danger {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--danger:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--danger:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--danger.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--error-RGB), 0.3);
}
.feng-input--danger.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--danger.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--danger.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--danger.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--danger.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--danger.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--danger.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--danger.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--danger.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--danger.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--danger.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--danger.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--danger.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--danger.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--error) !important;
  background-color: rgba(var(--error-RGB), 0.2);
}
.feng-input--danger.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--error) !important;
}
.feng-input--danger.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--error) !important;
}
.feng-input--danger.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--danger.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--error);
  color: var(--on-error);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--danger.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--danger.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--danger.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--danger.feng-input--readonly {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--info {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--info:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--info:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--info.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--info-RGB), 0.3);
}
.feng-input--info.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--info.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--info.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--info.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--info.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--info.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--info.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--info.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--info.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--info.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--info.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--info.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--info.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--info.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--info) !important;
  background-color: rgba(var(--info-RGB), 0.2);
}
.feng-input--info.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--info) !important;
}
.feng-input--info.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--info) !important;
}
.feng-input--info.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--info.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--info);
  color: var(--on-info);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--info.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--info.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--info.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--info.feng-input--readonly {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input input[type=date] {
  height: 19px;
  display: grid;
  grid-template-columns: 1fr;
}
.fengstui-global-loading {
  position: fixed;
  top: 0;
  left: 0;
  display: grid;
  justify-content: center;
  align-items: center;
  z-index: 1100;
  width: 100%;
  height: 100%;
  color: white;
  background: var(--global-loading-background-color);
  align-content: center;
  justify-items: center;
}
.fengstui-global-loading__wrapper {
  position: relative;
  width: var(--loading-wrapper-size);
  height: var(--loading-wrapper-size);
  top: -2%;
  display: grid;
  justify-content: center;
  align-content: center;
}
.fengstui-global-loading__wrapper img {
  width: var(--loading-image-size);
  height: auto;
}
.fengstui-global-loading__status {
  color: var(--global-loading-status-text-color);
  background-color: var(--global-loading-status-background-color);
  text-align: center;
  padding: 1em;
  margin: 0;
}
.fengstui-global-loading--default img {
  animation: pulseImg 1s ease-in-out infinite;
  transform-origin: center center;
}
@keyframes pulseImg {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.fengstui-global-loading--ring .spinner {
  height: var(--loading-wrapper-size);
  width: var(--loading-wrapper-size);
  animation: rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  fill: var(--global-loading-fill-color);
}
.fengstui-global-loading--ring .spinner .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #ddd;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.fengstui-global-loading--orbital svg {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--loading-wrapper-size);
  height: auto;
  z-index: -1;
}
.fengstui-global-loading--orbital svg .circle {
  stroke: var(--on-primary);
  fill: none;
  animation: pulse 2s linear infinite;
}
.fengstui-global-loading--orbital svg .spinner {
  fill: var(--primary);
  stroke: none;
  animation: rotate 2s linear infinite;
  transform-origin: center center;
}
@keyframes pulse {
  0% {
    opacity: 0.2;
    stroke-width: 2;
  }
  25% {
    opacity: 0.5;
    stroke-width: 1;
  }
  50% {
    opacity: 0.5;
    stroke-width: 1;
  }
  100% {
    opacity: 0.2;
    stroke-width: 2;
  }
}
@keyframes rotate {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }
  25% {
    opacity: 0.5;
    transform: rotate(90deg);
  }
  50% {
    opacity: 0.5;
    transform: rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}
.fengstui-global-loading--pulse .pulse {
  width: var(--loading-wrapper-size);
  height: var(--loading-wrapper-size);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.fengstui-global-loading--pulse .pulse div {
  position: absolute;
  border: 4px solid var(--global-loading-fill-color);
  border-radius: 50%;
  animation: ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  transform-origin: center center;
}
.fengstui-global-loading--pulse .pulse div:nth-child(1) {
  border-width: 3px;
  animation-delay: 0s;
}
.fengstui-global-loading--pulse .pulse div:nth-child(2) {
  border-width: 6px;
  animation-delay: -0.5s;
}
.fengstui-global-loading--pulse .pulse div:nth-child(3) {
  border-width: 9px;
  animation-delay: -1s;
}
@keyframes ripple {
  0% {
    top: 47.5%;
    left: 47.5%;
    width: 5%;
    height: 5%;
    opacity: 0.3;
  }
  100% {
    top: 0px;
    left: 0px;
    width: var(--loading-wrapper-size);
    height: var(--loading-wrapper-size);
    opacity: 0;
  }
}
.fengstui-local-loading {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 8;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.fengstui-local-loading__status {
  color: var(--local-loading-status-text-color);
  background-color: var(--local-loading-status-background-color);
  text-align: center;
  padding: 0.85em;
  margin: 0;
}
.fengstui-local-loading--default .bars {
  display: grid;
  align-items: center;
  position: relative;
  width: 80px;
  height: 60px;
}
.fengstui-local-loading--default .bars div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 8px;
  height: 32px;
  background: var(--primary);
  animation: pulseBars 1.96s ease infinite;
  transform-origin: center center;
}
.fengstui-local-loading--default .bars div:nth-child(1) {
  left: 10px;
  animation-delay: -0.48s;
}
.fengstui-local-loading--default .bars div:nth-child(2) {
  left: 35px;
  animation-delay: -0.24s;
}
.fengstui-local-loading--default .bars div:nth-child(3) {
  left: 60px;
  animation-delay: 0;
}
@keyframes pulseBars {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  25%, 50% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}
.fengstui-local-loading--bars .bars {
  display: grid;
  align-items: center;
  position: relative;
  width: 80px;
  height: 60px;
}
.fengstui-local-loading--bars .bars div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 8px;
  height: 32px;
  background: var(--primary);
  animation: pulseBullets 1s ease infinite;
  transform-origin: center center;
}
.fengstui-local-loading--bars .bars div:nth-child(1) {
  left: 10px;
  animation-delay: -0.24s;
}
.fengstui-local-loading--bars .bars div:nth-child(2) {
  left: 35px;
  animation-delay: -0.14s;
}
.fengstui-local-loading--bars .bars div:nth-child(3) {
  left: 60px;
  animation-delay: 0;
}
@keyframes pulseBullets {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  25%, 50% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}
.fengstui-local-loading--bullets .bullets {
  display: grid;
  align-items: center;
  position: relative;
  width: 80px;
  height: 20px;
}
.fengstui-local-loading--bullets .bullets div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary);
  animation: pulseBullets 1s ease infinite;
  transform-origin: center center;
}
.fengstui-local-loading--bullets .bullets div:nth-child(1) {
  left: 10px;
  animation-delay: -0.24s;
}
.fengstui-local-loading--bullets .bullets div:nth-child(2) {
  left: 35px;
  animation-delay: -0.14s;
}
.fengstui-local-loading--bullets .bullets div:nth-child(3) {
  left: 60px;
  animation-delay: 0;
}
@keyframes pulseBullets {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  25%, 50% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}
.fengstui-local-loading--progress .progress {
  width: 90%;
  max-width: 200px;
}
.fengstui-local-loading--progress .progress__bar {
  width: 100%;
  background-color: #e0e0e0;
  padding: 3px;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}
.fengstui-local-loading--progress .progress__bar-fill {
  display: block;
  height: 3px;
  background-color: var(--primary);
  border-radius: 3px;
  transition: width 500ms ease-in-out;
  animation: progressFill 1.5s ease-in-out infinite;
}
@keyframes progressFill {
  0% {
    width: 0%;
    margin-right: auto;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0%;
    margin-left: auto;
  }
}
.feng-textarea {
  transition: box-shadow 0.2s ease-in-out;
  border-radius: var(--input-border-radius);
}
.feng-textarea--primary {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--primary.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-RGB), 0.3);
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--primary.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--primary.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--primary) !important;
  background-color: rgba(var(--primary-RGB), 0.2);
}
.feng-textarea--primary.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-textarea--primary.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-textarea--primary.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--primary.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-textarea--secondary {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--secondary.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--secondary-RGB), 0.3);
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--secondary);
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--secondary.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--secondary.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--secondary) !important;
  background-color: rgba(var(--secondary-RGB), 0.2);
}
.feng-textarea--secondary.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-textarea--secondary.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-textarea--secondary.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--secondary.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-textarea--success {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--success.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--success-RGB), 0.3);
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--success);
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--success.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--success.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--success) !important;
  background-color: rgba(var(--success-RGB), 0.2);
}
.feng-textarea--success.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--success) !important;
}
.feng-textarea--success.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--success) !important;
}
.feng-textarea--success.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--success.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-textarea--warning {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--warning.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--warning-RGB), 0.3);
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--warning);
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--warning.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--warning.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--warning) !important;
  background-color: rgba(var(--warning-RGB), 0.2);
}
.feng-textarea--warning.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-textarea--warning.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-textarea--warning.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--warning.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-textarea--danger {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--danger.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--error-RGB), 0.3);
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--error);
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--danger.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--danger.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--error) !important;
  background-color: rgba(var(--error-RGB), 0.2);
}
.feng-textarea--danger.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--error) !important;
}
.feng-textarea--danger.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--error) !important;
}
.feng-textarea--danger.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--danger.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-textarea--info {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--info.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--info-RGB), 0.3);
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--info);
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--info.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--info.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--info) !important;
  background-color: rgba(var(--info-RGB), 0.2);
}
.feng-textarea--info.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--info) !important;
}
.feng-textarea--info.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--info) !important;
}
.feng-textarea--info.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--info.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-radio {
  display: grid;
  grid-gap: 5px;
  transition: box-shadow 0.2s ease-in-out;
}
.feng-radio--disabled > label,
.feng-radio--disabled .mat-radio-group {
  opacity: 0.5;
}
.feng-radio--disabled > label label,
.feng-radio--disabled .mat-radio-group label {
  opacity: 0.75;
}
.feng-radio--disabled label,
.feng-radio--disabled .mat-radio-group,
.feng-radio--disabled .mat-radio-disabled,
.feng-radio--disabled .mat-radio-disabled .mat-radio-label {
  cursor: not-allowed;
}
.feng-radio .mat-radio-group {
  display: grid;
  justify-content: flex-start;
}
.feng-radio .mat-radio-group .mat-radio-button .mat-radio-outer-circle {
  border-width: 1px;
}
.feng-radio .mat-radio-group .mat-radio-button:not(.mat-radio-disabled) .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.3);
}
.feng-radio .mat-radio-group .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: var(--on-background);
}
.feng-radio .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label-content {
  padding-left: var(--radio-label-margin);
}
.feng-radio .mat-radio-group .mat-radio-button .mat-radio-checked .mat-radio-inner-circle {
  transform: scale(0.8);
}
.feng-radio--vertical .mat-radio-group {
  grid-auto-flow: row;
  grid-gap: var(--radio-label-gap-vertical);
}
.feng-radio--horizontal .mat-radio-group {
  grid-auto-flow: column;
  grid-gap: var(--radio-label-gap-horizontal);
}
.feng-radio--primary .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--primary .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--primary);
}
.feng-radio--primary .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--primary .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--primary);
}
.feng-radio--secondary .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--secondary .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--secondary);
}
.feng-radio--secondary .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--secondary .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--secondary);
}
.feng-radio--success .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--success .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--success);
}
.feng-radio--success .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--success .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--success);
}
.feng-radio--warning .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--warning .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--warning);
}
.feng-radio--warning .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--warning .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--warning);
}
.feng-radio--danger .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--danger .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--error);
}
.feng-radio--danger .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--danger .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--error);
}
.feng-radio--info .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--info .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--info);
}
.feng-radio--info .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--info .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--info);
}
.feng-toggle.mat-slide-toggle.mat-slide-toggle-label-before .mat-slide-toggle-label .mat-slide-toggle-bar {
  margin-left: var(--toggle-label-margin);
  margin-right: 0;
}
.feng-toggle.mat-slide-toggle .mat-slide-toggle-label .mat-slide-toggle-bar {
  margin-left: 0;
  margin-right: var(--toggle-label-margin);
}
.feng-toggle.mat-slide-toggle.mat-disabled {
  opacity: 0.5;
}
.feng-toggle.mat-slide-toggle.mat-disabled .mat-slide-toggle-label,
.feng-toggle.mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container {
  cursor: not-allowed;
}
.feng-toggle.mat-slide-toggle .mat-slide-toggle-label .mat-slide-toggle-bar {
  width: var(--toggle-size);
  height: calc(var(--toggle-size) * 0.38);
  border-radius: var(--toggle-bar-border-radius);
}
.feng-toggle.mat-slide-toggle .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  width: calc(var(--toggle-size) * 0.55);
  border-radius: var(--toggle-thumb-border-radius);
}
.feng-toggle--primary.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--primary-RGB), 0.5);
}
.feng-toggle--primary.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--primary);
}
.feng-toggle--secondary.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--secondary-RGB), 0.5);
}
.feng-toggle--secondary.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--secondary);
}
.feng-toggle--success.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--success-RGB), 0.5);
}
.feng-toggle--success.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--success);
}
.feng-toggle--warning.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--warning-RGB), 0.5);
}
.feng-toggle--warning.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--warning);
}
.feng-toggle--danger.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--error-RGB), 0.5);
}
.feng-toggle--danger.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--error);
}
.feng-toggle--info.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--info-RGB), 0.5);
}
.feng-toggle--info.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--info);
}
.feng-select {
  transition: box-shadow 0.2s ease-in-out;
  border-radius: var(--select-border-radius);
  display: grid;
  grid-auto-flow: column;
}
.feng-select__mat-form-field {
  border-width: var(--select-outline-width);
  border-style: var(--select-outline-style);
  border-radius: var(--select-border-radius);
}
.feng-select__mat-form-field.mat-form-field-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-select__mat-form-field.mat-form-field-disabled .mat-select-trigger {
  cursor: not-allowed;
}
.feng-select__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-select__mat-form-field.mat-form-field-invalid {
  border-width: var(--select-outline-width);
  border-style: var(--select-outline-style);
}
.feng-select__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-select__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: var(--select-border-radius);
  background-color: var(--select-background);
  padding: var(--select-padding-top-bottom) var(--select-icon-margin) var(--select-padding-top-bottom) var(--select-padding-left);
}
.feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: 1px solid rgba(0, 0, 0, 0.4);
  padding-left: var(--select-icon-margin);
}
.feng-select--primary.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-RGB), 0.3);
}
.feng-select--primary.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-select--primary .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--primary .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--primary .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--primary) !important;
  background-color: rgba(var(--primary-RGB), 0.2);
}
.feng-select--primary .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-select--secondary.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--secondary-RGB), 0.3);
}
.feng-select--secondary.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-select--secondary .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--secondary .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--secondary .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--secondary) !important;
  background-color: rgba(var(--secondary-RGB), 0.2);
}
.feng-select--secondary .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-select--success.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--success-RGB), 0.3);
}
.feng-select--success.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--success) !important;
}
.feng-select--success .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--success .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--success .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--success) !important;
  background-color: rgba(var(--success-RGB), 0.2);
}
.feng-select--success .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--success) !important;
}
.feng-select--warning.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--warning-RGB), 0.3);
}
.feng-select--warning.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-select--warning .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--warning .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--warning .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--warning) !important;
  background-color: rgba(var(--warning-RGB), 0.2);
}
.feng-select--warning .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-select--danger.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--error-RGB), 0.3);
}
.feng-select--danger.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--error) !important;
}
.feng-select--danger .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--danger .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--danger .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--error) !important;
  background-color: rgba(var(--error-RGB), 0.2);
}
.feng-select--danger .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--error) !important;
}
.feng-select--info.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--info-RGB), 0.3);
}
.feng-select--info.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--info) !important;
}
.feng-select--info .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--info .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--info .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--info) !important;
  background-color: rgba(var(--info-RGB), 0.2);
}
.feng-select--info .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--info) !important;
}
body.feng-select--primary--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--primary-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--primary--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--primary--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-primary);
  background-color: rgba(var(--primary-RGB), 0.5);
}
body.feng-select--primary--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-primary);
  background-color: rgba(var(--primary-RGB), 0.7);
}
body.feng-select--primary--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
body.feng-select--secondary--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--secondary-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--secondary--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--secondary--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-secondary);
  background-color: rgba(var(--secondary-RGB), 0.5);
}
body.feng-select--secondary--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-secondary);
  background-color: rgba(var(--secondary-RGB), 0.7);
}
body.feng-select--secondary--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
body.feng-select--success--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--success-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--success--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--success--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-success);
  background-color: rgba(var(--success-RGB), 0.5);
}
body.feng-select--success--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-success);
  background-color: rgba(var(--success-RGB), 0.7);
}
body.feng-select--success--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
body.feng-select--warning--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--warning-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--warning--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--warning--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-warning);
  background-color: rgba(var(--warning-RGB), 0.5);
}
body.feng-select--warning--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-warning);
  background-color: rgba(var(--warning-RGB), 0.7);
}
body.feng-select--warning--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
body.feng-select--danger--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--error-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--danger--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--danger--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-error);
  background-color: rgba(var(--error-RGB), 0.5);
}
body.feng-select--danger--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-error);
  background-color: rgba(var(--error-RGB), 0.7);
}
body.feng-select--danger--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
body.feng-select--info--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--info-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--info--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--info--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-info);
  background-color: rgba(var(--info-RGB), 0.5);
}
body.feng-select--info--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-info);
  background-color: rgba(var(--info-RGB), 0.7);
}
body.feng-select--info--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
.feng-chips {
  transition: box-shadow 0.2s ease-in-out;
  display: grid;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.feng-chips--disabled {
  opacity: 0.5;
}
.feng-chips--primary.mat-chip.mat-standard-chip {
  color: var(--on-primary);
  background-color: var(--primary);
}
.feng-chips--secondary.mat-chip.mat-standard-chip {
  color: var(--on-secondary);
  background-color: #7C7C7C;
}
.feng-chips--success.mat-chip.mat-standard-chip {
  color: var(--on-success);
  background-color: var(--success);
}
.feng-chips--warning.mat-chip.mat-standard-chip {
  color: var(--on-warning);
  background-color: var(--warning);
}
.feng-chips--danger.mat-chip.mat-standard-chip {
  color: var(--on-error);
  background-color: var(--error);
}
.feng-chips--info.mat-chip.mat-standard-chip {
  color: var(--on-info);
  background-color: var(--info);
}
.feng-chips--tiny {
  border-radius: var(--chips-tiny-border-radius);
  padding: var(--chips-tiny-padding);
  font-size: var(--chips-tiny-font-size);
}
.feng-chips--small {
  border-radius: var(--chips-small-border-radius);
  padding: var(--chips-small-padding);
  font-size: var(--chips-small-font-size);
}
.feng-chips--medium {
  border-radius: var(--chips-medium-border-radius);
  padding: var(--chips-medium-padding);
  font-size: var(--chips-medium-font-size);
}
.feng-chips--large {
  border-radius: var(--chips-large-border-radius);
  padding: var(--chips-large-padding);
  font-size: var(--chips-large-font-size);
}
.feng-chips--giant {
  border-radius: var(--chips-giant-border-radius);
  padding: var(--chips-giant-padding);
  font-size: var(--chips-giant-font-size);
}
.app-modal-default {
  min-height: 480px;
}
.app-modal-default header {
  position: relative;
}
.app-modal-default header h1 {
  display: block;
  text-align: center;
  font-size: 22px;
  margin: 3px 0px;
}
.app-modal-default header button.modal-default-close {
  display: block;
  background: none;
  position: absolute;
  right: -10px;
  top: -15px;
  background: transparent;
  border: 0;
  font-size: 24px;
  cursor: pointer;
}
.app-modal-default header button.modal-default-close i {
  color: #000;
}
.app-modal-default header.plan-header {
  border-radius: 0;
}
.app-modal-default header.plan-header > div {
  height: 72px;
  background-size: cover;
  background-position-y: 21%;
}
.app-modal-default header.plan-header > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.13);
  right: 16px;
  top: 16px;
  font-size: 24px;
}
.app-modal-default div.modal-default-text p {
  text-align: justify;
}
.app-modal-default div.modal-default-text--center {
  text-align: center;
}
.app-modal-default ::ng-deep mat-dialog-content div.modal-default-html p {
  text-align: justify;
}
.app-modal-default ::ng-deep mat-dialog-content div.modal-default-html p img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.app-modal-default-success {
  min-height: 480px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.app-modal-default-success ::ng-deep .mat-dialog-content {
  max-height: inherit !important;
}
.app-modal-default-success header h1 {
  display: block;
  text-align: center;
  font-size: 22px;
  margin: 3px 0px;
}
.app-modal-default-success header button.modal-default-close {
  display: block;
  background: none;
  position: absolute;
  right: -10px;
  top: -15px;
  background: transparent;
  border: 0;
  font-size: 24px;
  cursor: pointer;
}
.app-modal-default-success header button.modal-default-close i {
  color: #000;
}
.app-modal-default-success div.modal-default-text p {
  text-align: justify;
}
.app-modal-default-success div.modal-default-text--center {
  text-align: center;
}
::ng-deep mat-dialog-content div.modal-default-html p {
  text-align: justify;
}
::ng-deep mat-dialog-content div.modal-default-html p img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.fengstui-panel {
  background: #fff;
  border: none;
  box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08);
  border-radius: 4px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}
.fengstui-panel > div {
  height: 100%;
  padding: 15px 22px;
  flex: 1 1 auto;
}
.fengstui-paginator {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F4F4F4;
  border-bottom: 1px solid #E4E4E4;
  padding: 7px 14px;
}
@media (min-width: 992px) {
  .fengstui-paginator {
    justify-content: flex-end;
    background: #fff;
    border-bottom: none;
  }
}
.fengstui-paginator button {
  background: transparent;
  border: none;
  padding: 14px;
  cursor: pointer;
  color: #000;
}
.fengstui-paginator button:disabled {
  color: #6C757D;
}
.fengstui-paginator__pages {
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}
@media (min-width: 992px) {
  .fengstui-paginator__pages {
    display: flex;
  }
}
.fengstui-paginator__pages li button {
  padding: 14px;
  color: #393939;
}
.fengstui-paginator__pages .active {
  color: #000;
  font-weight: bold;
}
.fengstui-paginator__pages-select {
  display: flex;
}
.fengstui-paginator__pages-select select {
  border: solid 1px #E4E4E4;
  border-radius: 6px;
  padding: 10.5px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .fengstui-paginator__pages-select {
    display: none;
  }
}
.feng-expansion-panel, .feng-expansion-panel .ng-star-inserted {
  box-shadow: none;
  border-radius: 0;
  padding-right: 0;
  border-bottom: 1px solid #979797;
}
.feng-expansion-panel .mat-expansion-indicator, .feng-expansion-panel .ng-star-inserted .mat-expansion-indicator {
  font-size: 55px;
  width: 50px;
  height: 50px;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feng-expansion-panel .mat-expansion-panel:not([class*=mat-elevation-z]), .feng-expansion-panel .mat-expansion-panel, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel:not([class*=mat-elevation-z]), .feng-expansion-panel .ng-star-inserted .mat-expansion-panel {
  box-shadow: none;
}
.feng-expansion-panel .mat-expansion-indicator::after, .feng-expansion-panel .ng-star-inserted .mat-expansion-indicator::after {
  color: black;
}
.feng-expansion-panel:nth-last-of-type(1), .feng-expansion-panel .ng-star-inserted:nth-last-of-type(1) {
  border: 0;
}
.feng-expansion-panel .mat-expansion-indicator, .feng-expansion-panel .ng-star-inserted .mat-expansion-indicator {
  width: 25px !important;
  height: 25px !important;
  font-size: 30px !important;
}
.feng-expansion-panel .mat-expansion-panel-header-title, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header-title {
  margin: 0;
}
.feng-expansion-panel .mat-expansion-panel-header, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header {
  padding: 0;
}
.feng-expansion-panel .mat-expansion-panel-header-description, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header-description {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}
.feng-expansion-panel .mat-expansion-panel-header-description p, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header-description p {
  text-align: left;
}
.feng-expansion-panel .mat-expansion-panel-body, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-body {
  padding: 0 !important;
}
.feng-expansion-panel .mat-expansion-panel-body p, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-body p {
  font-size: 15px;
  color: #27292D;
}
@media (min-width: 992px) {
  .feng-expansion-panel .mat-expansion-indicator, .feng-expansion-panel .ng-star-inserted .mat-expansion-indicator {
    padding: 0 24px 0;
    width: 50px !important;
    height: 50px !important;
    font-size: 55px !important;
  }
  .feng-expansion-panel .mat-expansion-panel-header-title, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header-title {
    margin: 16px;
  }
  .feng-expansion-panel .mat-expansion-panel-header, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header {
    padding: 0 24px;
  }
  .feng-expansion-panel .mat-expansion-panel-header-description, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header-description {
    padding: 0 65px;
  }
  .feng-expansion-panel .mat-expansion-panel-body, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-body {
    padding: 0 24px 16px;
  }
}
.feng-expansion-panel__title, .feng-expansion-panel .ng-star-inserted__title {
  padding: 0;
}
.feng-form-error--on-background.mat-error {
  color: var(--on-background);
}
.feng-form-error--primary.mat-error {
  color: var(--primary);
}
.feng-form-error--secondary.mat-error {
  color: var(--secondary);
}
.feng-form-error--success.mat-error {
  color: var(--success);
}
.feng-form-error--warning.mat-error {
  color: var(--warning);
}
.feng-form-error--danger.mat-error {
  color: var(--error);
}
.feng-form-error--info.mat-error {
  color: var(--info);
}
.feng-ui-password {
  text-align: left;
  width: 100%;
}
.feng-ui-password__strength {
  margin-top: 3px !important;
  display: flex;
  flex-direction: row;
}
.feng-ui-password__strengthBar {
  display: flex;
  flex-grow: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: 2px;
}
.feng-ui-password__point:last-of-type {
  margin: 0 !important;
}
.feng-ui-password__point {
  background: #ddd;
  border-radius: 2px;
  display: inline-block;
  height: 5px;
  margin-right: 1px;
  flex-grow: 1;
}
.feng-ui-password__p {
  font-weight: bold;
  flex-grow: 0.1;
  color: #393939 !important;
  margin-bottom: 9px !important;
  margin-top: 10px !important;
}
.feng-ui-password__card-message {
  padding-left: 0px;
  margin: 0;
  line-height: 1.5;
}
.feng-ui-password__card-message > li {
  list-style: none;
  /* Remove os marcadores de lista */
}
.feng-ui-password__card-message--valid {
  color: #1F845A;
}
.feng-ui-password__card-message--invalid {
  color: #CA3521;
}
.stepper {
  overflow: hidden;
  margin-top: 2rem;
  counter-reset: step;
  padding: 0 16px;
}
.stepper__head {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}
.stepper__head-wrap {
  width: 100%;
  position: relative;
}
.stepper__head-step {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.stepper__head-step-circle {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--divider-color);
  color: var(--surface);
  font-family: var(--header-counter-font-family);
  font-weight: 700;
  z-index: 1;
  font-size: 20px;
  aspect-ratio: 1/1;
}
.stepper__head-step-circle--active {
  background: var(--on-secondary);
  color: var(--on-primary);
}
.stepper__head-step-label {
  font: normal normal 400 16px/24px "Roboto";
  color: var(--surface);
  position: relative;
  white-space: nowrap;
  left: -9px;
  margin: 10px 0 0 0;
}
.stepper__head-step-label--active {
  color: var(--primary-light);
}
.stepper__head-line {
  height: 4px;
  background: var(--divider-color);
  flex-grow: 1;
  position: relative;
  top: 15px;
  z-index: 0;
  position: absolute;
  left: 0;
  width: 100%;
}
.stepper__head-line--done {
  background: #d89135;
}
.stepper__content {
  margin-top: 40px;
}
.stepper__content-step {
  transition: 0.3s;
  overflow: hidden;
}
.stepper__content-step.hide {
  transition: 0.3s;
  height: 0;
}
.breadcrumb {
  display: flex;
  align-items: center;
  font-size: 14px;
  flex-wrap: wrap;
}
.breadcrumb__separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.38);
}
.breadcrumb__link {
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}
.breadcrumb__link:hover {
  text-decoration: underline;
}
.breadcrumb__current {
  color: var(--primary);
  font-weight: bold;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --background-system-error: #ffe0e1;
  --background-system-warning: #f3e0b9;
  --background-system-success: #eefcf2;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --gift-card-price-color: black;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
div.auth-cognito-container {
  background: var(--auth-cognito-bg);
  color: var(--auth-cognito-color);
  margin-top: 20px;
}
div.auth-cognito-container .auth-cognito-content {
  display: block;
  max-width: 500px;
  min-height: 760px;
  margin: auto;
  text-align: center;
}
div.auth-cognito-container .auth-cognito-content .start-validation {
  margin: 20px 0;
}
div.auth-cognito-container .auth-cognito-content__logo {
  display: block;
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--auth-cognito-logo-bg);
  border-radius: var(--auth-cognito-logo-radius);
  margin: auto;
  width: 90%;
}
@media (min-width: 767px) {
  div.auth-cognito-container .auth-cognito-content__logo {
    width: 100%;
  }
}
div.auth-cognito-container .auth-cognito-content__logo img {
  height: var(--auth-cognito-logo-height);
  object-fit: cover;
}
div.auth-cognito-container .auth-cognito-content__text {
  padding: 10px 40px 0;
}
div.auth-cognito-container .auth-cognito-content__text h1 {
  font-weight: normal;
  font-size: 26px;
}
div.auth-cognito-container .auth-cognito-content__text h2 {
  font-weight: normal;
  font-size: 15px;
}
div.auth-cognito-container .auth-cognito-content__form {
  padding: 10px 40px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
div.auth-cognito-container .auth-cognito-content__form-recover {
  margin: 10px 0;
}
div.auth-cognito-container .auth-cognito-content__form-recover > a {
  text-decoration: none;
  padding: 10px 0;
}
.view-first-access {
  display: block;
  min-height: 760px;
  margin: auto;
  background: white;
  text-align: center;
  width: 100%;
  padding: 10px 20px 25px;
}
@media (min-width: 576px) {
  .view-first-access {
    width: 500px;
    padding: 20px 20px 50px;
  }
}
.view-first-access .logo {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--first-access-bg);
  border-radius: 5px;
}
.view-first-access .logo img {
  width: var(--header-desktop-logo-width);
  object-fit: cover;
}
.view-first-access h1 {
  font-weight: normal;
  font-size: 28px;
}
.view-first-access h2 {
  font-weight: normal;
  font-size: 15px;
  padding: 0 10px;
}
.view-first-access .forms {
  padding: 0;
  display: grid;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .view-first-access .forms {
    padding: 0 30px;
  }
}
.view-first-access .forms__changePwd {
  display: grid;
  grid-gap: 10px;
}
.view-first-access__terms {
  grid-gap: 10px;
  margin-bottom: 2rem;
}
.view-data-pending {
  display: block;
  min-height: 760px;
  margin: auto;
  background: white;
  text-align: center;
  width: 100%;
  padding: 10px 10px 25px;
}
@media (min-width: 576px) {
  .view-data-pending {
    width: 500px;
    padding: 20px 20px 50px;
  }
}
.view-data-pending .logo {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-data-pending .logo img {
  width: var(--header-desktop-logo-width);
  object-fit: cover;
}
.view-data-pending h1 {
  font-weight: normal;
  font-size: 28px;
}
.view-data-pending h2 {
  font-weight: normal;
  font-size: 15px;
  padding: 0 10px;
}
.view-data-pending .view-data-pending-form > form {
  padding: 0 30px;
  display: grid;
  grid-gap: 10px;
}
.view-data-pending .view-data-pending-form .form-pending {
  position: relative;
}
.view-data-pending .view-data-pending-form .form-pending .loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}
.pendindg-documents {
  padding: 24px;
  min-height: calc(100svh - 209px);
}
@media (min-width: 992px) {
  .pendindg-documents {
    padding: 56px 0;
  }
}
@media (min-width: 2000px) {
  .pendindg-documents {
    min-height: calc(100svh - 300px);
  }
}
.pendindg-documents__content {
  max-width: 660px;
  margin: 0 auto;
}
.pendindg-documents__content h1 {
  text-align: center;
  font: normal normal 700 24px/24px Titillium Web;
  color: #000;
}
@media (min-width: 992px) {
  .pendindg-documents__content h1 {
    font: normal normal 700 40px/40px Titillium Web;
  }
}
.pendindg-documents__content-subtitle {
  color: #727272;
  text-align: center;
  font: normal normal 400 16px/24px Titillium Web;
}
.pendindg-documents__card {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-bottom: 32px;
}
.pendindg-documents__card-title {
  color: #393939;
  font-weight: 700;
  margin: 0;
}
.pendindg-documents__card-title span {
  font-weight: normal;
}
.pendindg-documents__card-upload {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  background: #F4F4F4;
  padding: 16px;
  row-gap: 16px;
}
@media (min-width: 992px) {
  .pendindg-documents__card-upload {
    flex-direction: row;
  }
}
.pendindg-documents__card-upload-button button {
  width: 100%;
}
@media (min-width: 992px) {
  .pendindg-documents__card-upload-button button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.pendindg-documents__card-upload-file {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.pendindg-documents__card-upload-icon {
  color: #666666;
  font-size: 23px;
}
.pendindg-documents__card-upload-content p, .pendindg-documents__card-upload-content small {
  margin: 0;
}
.pendindg-documents__card-upload-content p {
  font-weight: 700;
  font-size: 16px;
  color: #393939;
}
.pendindg-documents__card-upload-content-submit {
  display: flex;
  margin: 0 auto;
  padding-bottom: 50px;
}
.pendindg-documents__card-upload-content-submit button {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .pendindg-documents__card-upload-content-submit button {
    width: 250px;
  }
}
.pendindg-documents__anist {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  max-width: 523px;
}
.pendindg-documents__anist h1 {
  margin: 0;
}
.pendindg-documents__anist-icon {
  font-size: 65px;
  color: #1F845A;
}
@media (min-width: 992px) {
  .pendindg-documents__anist p {
    white-space: pre-line;
  }
}
.pendindg-documents__success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  max-width: 657px;
}
.pendindg-documents__success h1 {
  margin: 0;
}
@media (min-width: 992px) {
  .pendindg-documents__success p {
    white-space: pre-line;
  }
}
.pendindg-documents__success-status {
  background: #EFEFEF;
  width: 100%;
  padding: 16px 24px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pendindg-documents__success-status p {
  font: normal normal 400 16px/24px Barlow;
  color: #393939;
  margin: 0;
}
.pendindg-documents__success-status strong {
  font: normal normal 700 20px/32px Barlow;
  color: #393939;
}
div.view-pending-container {
  background: var(--pending-mail-bg);
  color: var(--pending-mail-color);
}
div.view-pending-container .view-pending-content {
  display: block;
  max-width: 500px;
  min-height: 760px;
  margin: auto;
  text-align: center;
}
div.view-pending-container .view-pending-content .start-validation {
  margin: 20px 0;
}
div.view-pending-container .view-pending-content__logo {
  display: block;
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pending-mail-logo-bg);
}
div.view-pending-container .view-pending-content__logo img {
  height: var(--pending-mail-logo-height);
  object-fit: cover;
}
div.view-pending-container .view-pending-content__text {
  padding: 10px 40px 0;
}
div.view-pending-container .view-pending-content__text h1 {
  font-weight: normal;
  font-size: 28px;
}
div.view-pending-container .view-pending-content__text h2 {
  font-weight: normal;
  font-size: 15px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form {
  display: block;
  max-width: 400px;
  margin: auto;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form span.foreign-address {
  font-size: 14px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form span.foreign-address span {
  margin-left: 14px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  margin: 25px auto;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field.col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". .";
  grid-column-gap: 8px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field.col-2 div {
  max-width: 100%;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field.col-2 div mat-form-field {
  width: 100%;
  max-width: 196px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field.col-2 div div.charset-validation {
  font-size: 9px;
  margin: 3px auto;
  color: #c0c0c0;
  position: absolute;
  bottom: -3px;
  right: 5px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field span.instructions {
  position: absolute;
  font-size: 13px;
  font-style: italic;
  left: 0px;
  bottom: -18px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field mat-form-field {
  width: 100%;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field button {
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px;
  font-size: 18px;
}
div.view-pending-container .view-pending-content__text div.view-pending-footer h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
}
div.view-pending-container .view-pending-content__text div.view-pending-footer h3 i {
  margin-left: 10px;
  font-size: 20px;
}
.view-guardian-pending-container {
  background: var(--pending-mail-bg);
  color: var(--pending-mail-color);
}
.view-guardian-pending-container form {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
}
.view-guardian-pending-container form .padding-field {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  justify-content: center;
}
div.auth-pass-container {
  background: #fff;
  color: #000;
  margin-top: 20px;
}
div.auth-pass-container .auth-pass-content {
  display: block;
  max-width: 500px;
  min-height: 760px;
  margin: auto;
  text-align: center;
}
div.auth-pass-container .auth-pass-content .start-validation {
  margin: 20px 0;
}
div.auth-pass-container .auth-pass-content__logo {
  display: block;
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 90%;
}
@media (min-width: 767px) {
  div.auth-pass-container .auth-pass-content__logo {
    width: 100%;
  }
}
div.auth-pass-container .auth-pass-content__logo img {
  height: 200px;
  object-fit: cover;
}
div.auth-pass-container .auth-pass-content__text {
  padding: 10px 40px 0;
}
div.auth-pass-container .auth-pass-content__text h1 {
  font-weight: normal;
  font-size: 26px;
}
div.auth-pass-container .auth-pass-content__text h2 {
  font-weight: normal;
  font-size: 15px;
}
div.auth-pass-container .auth-pass-content__form {
  padding: 10px 40px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
div.auth-pass-container .auth-pass-content__form-recover {
  margin: 10px 0;
}
div.auth-pass-container .auth-pass-content__form-recover > a {
  text-decoration: none;
  padding: 10px 0;
}
.fengstauth-modal-auth-admin {
  height: 100%;
  max-width: 80vw;
  padding: 0px;
  position: relative;
  align-items: center;
}
.fengstauth-modal-auth-admin__login-button button {
  width: 100%;
  font-weight: bold;
  height: 44px;
}
.fengstauth-modal-auth-admin__close-button {
  position: absolute;
  display: block;
  top: 1em;
  right: 1em;
}
.fengstauth-modal-auth-admin__close-button a {
  font-size: 22px;
  color: black;
  cursor: pointer;
}
.fengstauth-modal-auth-admin::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstauth-modal-auth-admin ::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstauth-modal-auth-admin .mat-dialog-container {
  width: 660px;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 100%;
  padding: 0px 0px 0px;
  border-radius: 0.3em;
  box-shadow: none;
}
.fengstauth-modal-auth-admin__content {
  padding: 0;
  margin: 0;
  width: 100%;
  display: grid;
  grid-template: auto auto/auto;
  max-height: unset;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-admin__content {
    display: grid;
    grid-template: auto/220px 1px auto;
  }
}
.fengstauth-modal-auth-admin__image {
  background: var(--auth-modal-stlogo-bg);
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.fengstauth-modal-auth-admin__image > img {
  margin: 20px 0 0;
  width: var(--mobile-auth-modal-stlogo-width);
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-admin__image > img {
    margin: 0;
    width: var(--auth-modal-stlogo-width);
  }
}
.fengstauth-modal-auth-admin__vertical-divider {
  display: none;
  margin: 20px 0;
  background: #d0d0d0;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-admin__vertical-divider {
    display: grid;
  }
}
.fengstauth-modal-auth-admin__title {
  color: var(--primary);
  margin: 4px 0;
  font-size: 16px;
  font-weight: normal;
}
.fengstauth-modal-auth-admin__form {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  text-align: center;
  min-height: 180px;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-admin__form {
    padding: 40px;
  }
}
.fengstauth-modal-auth-admin__form p, .fengstauth-modal-auth-admin__form h1 {
  color: var(--primary);
}
.fengstauth-modal-auth-admin__form form {
  display: grid;
  grid-template: auto auto auto/auto;
  width: 100%;
  grid-gap: 12px;
  margin-top: 15px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-admin__form form {
    margin-top: 20px;
  }
}
.fengstauth-modal-auth-admin__form form .keep-logged {
  font-size: 14px;
}
.fengstauth-modal-auth-admin__form form .keep-logged span {
  margin-left: 14px;
}
.fengstauth-modal-auth-admin__recaptcha {
  display: grid;
  justify-content: center;
}
.fengstauth-modal-auth-admin__error {
  text-align: center;
  color: var(--error);
  font-weight: bold;
  font-size: 14x;
  margin-bottom: 30px;
}
.fengstauth-modal-auth-resale {
  max-width: 80vw;
  padding: 0px;
  position: relative;
  align-items: center;
}
.fengstauth-modal-auth-resale .login-btn button {
  width: 100%;
  font-weight: bold;
  height: 44px;
}
.fengstauth-modal-auth-resale .close-btn {
  position: absolute;
  display: block;
  top: 1em;
  right: 1em;
}
.fengstauth-modal-auth-resale .close-btn a {
  font-size: 22px;
  color: black;
  cursor: pointer;
}
.fengstauth-modal-auth-resale::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstauth-modal-auth-resale ::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstauth-modal-auth-resale .modal-auth-resale {
  height: 100%;
}
.fengstauth-modal-auth-resale .mat-dialog-container {
  width: 660px;
  height: auto;
  max-width: 100%;
  padding: 0px 0px 0px;
  border-radius: 0.3em;
  box-shadow: none;
  background: white;
}
.fengstauth-modal-auth-resale ._content {
  background: white;
  padding: 0;
  margin: 0;
  width: 100%;
  display: grid;
  grid-template: auto auto/auto;
  max-height: unset;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-resale ._content {
    display: grid;
    grid-template: auto/220px 1px auto;
  }
}
.fengstauth-modal-auth-resale ._content .log-vertical-divider {
  margin: 20px 0;
  background: #d0d0d0;
}
.fengstauth-modal-auth-resale ._content .log-horizontal-divider {
  background: #d0d0d0;
  margin: 7.5px 0;
  height: 1px;
}
.fengstauth-modal-auth-resale ._content .img {
  background: var(--auth-modal-stlogo-bg);
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.fengstauth-modal-auth-resale ._content .img > img {
  margin: 20px 0 0;
  width: var(--mobile-auth-modal-stlogo-width);
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-resale ._content .img > img {
    margin: 0;
    width: var(--auth-modal-stlogo-width);
  }
}
.fengstauth-modal-auth-resale ._content .form-content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-resale ._content .form-content {
    padding: 40px 40px 10px;
  }
}
.fengstauth-modal-auth-resale ._content .form-content p, .fengstauth-modal-auth-resale ._content .form-content h1 {
  color: #ab1016;
}
.fengstauth-modal-auth-resale ._content .form-content .title {
  color: #404040;
  margin: 4px 0;
  font-size: 20px;
  font-weight: normal;
}
.fengstauth-modal-auth-resale ._content .form-content .firstaccess {
  margin: 0;
}
.fengstauth-modal-auth-resale ._content .form-content .forget {
  font-size: 14px;
  color: #404040;
  font-weight: normal;
  cursor: pointer;
}
.fengstauth-modal-auth-resale ._content .form-content .signup-link {
  font-size: 14px;
  margin: 0;
  color: #404040;
}
.fengstauth-modal-auth-resale ._content .form-content .signup-link > a {
  color: #ab1016;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.fengstauth-modal-auth-resale ._content .form-content form {
  display: grid;
  grid-template: auto auto auto/auto;
  width: 100%;
  grid-gap: 12px;
  margin-top: 15px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-resale ._content .form-content form {
    margin-top: 20px;
  }
}
.fengstauth-modal-auth-resale ._content .form-content form .firstaccess {
  margin: 0;
  font-size: 16px;
  color: #ab1016;
}
.fengstauth-modal-auth-resale ._content .form-content form .keep-logged {
  font-size: 14px;
}
.fengstauth-modal-auth-resale ._content .form-content form .keep-logged span {
  margin-left: 14px;
}
.fengstauth-modal-auth-resale ._content .form-content ._rec--form {
  grid-template: auto auto/auto;
  margin: 0;
}
.fengstauth-modal-auth-resale ._content .social-btns {
  bottom: 1.5em;
  padding-top: 10px;
  width: 100%;
}
.fengstauth-modal-auth-resale ._content .social-btns div._grid-socialButtons {
  display: grid;
  grid-template: auto/auto auto auto;
  grid-gap: 20px;
  margin: auto;
  justify-content: center;
  align-items: center;
}
.fengstauth-modal-auth-resale ._content .social-btns div._grid-socialButtons > p {
  font-size: 14px;
  color: #404040;
  margin: 0;
}
.fengstauth-modal-auth-resale ._content .social-btns div._grid-socialButtons button._socialButtons--facebook button {
  background: #43619c;
}
.fengstauth-modal-auth-resale ._content .social-btns div._grid-socialButtons button._socialButtons--twitter button {
  background: #1da1f2;
}
.fengstauth-modal-auth-resale ._content .social-btns div._grid-socialButtons button._socialButtons--google button {
  background: #f2481d;
}
.fengstauth-modal-auth-resale ._content ._error {
  text-align: center;
  color: #d8422e;
  font-weight: bold;
  font-size: 14x;
  margin-bottom: 30px;
}
.fengstauth-modal-auth-resale ._content div._component-dividerSection {
  color: black;
  position: relative;
  height: auto;
  width: 100%;
  margin: 30px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.fengstauth-modal-auth-resale ._content div._component-dividerSection p._label,
.fengstauth-modal-auth-resale ._content div._component-dividerSection h6._label {
  background: white;
  margin: 0px;
  padding: 4px 5%;
  position: relative;
  text-align: center;
}
.fengstauth-modal-auth-resale ._content div._component-dividerSection hr._label_hr {
  position: absolute;
  margin: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  top: 45%;
}
::ng-deep .cdk-global-overlay-wrapper {
  align-items: center;
}
.fengstauth-modal-auth-st-cpf {
  max-width: 80vw;
  padding: 0px;
  position: relative;
  align-items: center;
  z-index: 999;
  overflow: auto;
  font-family: var(--font-primary) !important;
  margin-top: 0 !important;
}
.fengstauth-modal-auth-st-cpf .login-btn button {
  width: 100%;
  font-weight: bold;
  height: 44px;
}
.fengstauth-modal-auth-st-cpf .close-btn {
  position: absolute;
  display: block;
  top: 0.7em;
  right: 0.7em;
}
.fengstauth-modal-auth-st-cpf .close-btn a {
  font-size: 32px;
  color: var(--auth-modal-closebtn-color);
  cursor: pointer;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf .close-btn a {
    color: var(--auth-modal-closebtn-color);
  }
}
.fengstauth-modal-auth-st-cpf::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstauth-modal-auth-st-cpf ::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstauth-modal-auth-st-cpf .modal-auth-cpf {
  height: 100%;
  position: relative;
}
.fengstauth-modal-auth-st-cpf .modal-auth-cpf__pre-login {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 50px;
  position: relative;
}
.fengstauth-modal-auth-st-cpf .modal-auth-cpf__pre-login > form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstauth-modal-auth-st-cpf .modal-auth-cpf__pre-login p {
  margin: 0;
  color: #727272;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.fengstauth-modal-auth-st-cpf .modal-auth-cpf__pre-login h1 {
  color: #393939;
  text-align: center;
  margin: 0 20px;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf .modal-auth-cpf__pre-login h1 {
    font-size: 20px;
    line-height: 32px;
  }
}
.fengstauth-modal-auth-st-cpf .modal-auth-cpf__pre-login--register {
  color: #393939;
  text-align: center;
  margin: 6px 0 0 0 !important;
  font-family: var(--font-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.fengstauth-modal-auth-st-cpf .modal-auth-cpf__pre-login fengstui-button button {
  color: white !important;
  border-radius: 100px;
}
.fengstauth-modal-auth-st-cpf .modal-auth-cpf__callout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #E9E9E9;
  background: #FAFAFA;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf .modal-auth-cpf__callout {
    padding: 16px;
  }
}
.fengstauth-modal-auth-st-cpf .modal-auth-cpf__callout i {
  margin: 0;
  font-size: 22px;
  color: var(--secondary);
}
.fengstauth-modal-auth-st-cpf .modal-auth-cpf__callout p {
  text-align: left;
  margin: 0;
  color: #393939;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf .modal-auth-cpf__callout p {
    font-size: 14px;
    line-height: 20px;
  }
}
.fengstauth-modal-auth-st-cpf .mat-dialog-container {
  width: 400px;
  height: auto;
  max-width: 100%;
  padding: 0px 0px 0px;
  border-radius: 10px;
  box-shadow: none;
  background: white;
}
.fengstauth-modal-auth-st-cpf ._content {
  background: white;
  padding: 16px;
  margin: 0;
  width: 100%;
  max-height: unset;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf ._content {
    padding: 32px;
  }
}
.fengstauth-modal-auth-st-cpf ._content .log-vertical-divider {
  margin: 20px 0;
  background: #d0d0d0;
}
.fengstauth-modal-auth-st-cpf ._content .log-horizontal-divider {
  background: #d0d0d0;
  margin: 7.5px 0;
  height: 1px;
}
.fengstauth-modal-auth-st-cpf ._content .img {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf ._content .img {
    padding: 10px 0;
  }
}
.fengstauth-modal-auth-st-cpf ._content .img > img {
  margin: var(--mobile-auth-modal-stlogo-margin);
  width: var(--mobile-auth-modal-stlogo-width);
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf ._content .img {
    padding: 0;
  }
  .fengstauth-modal-auth-st-cpf ._content .img > img {
    margin: 0;
    width: var(--auth-modal-stlogo-width);
  }
}
.fengstauth-modal-auth-st-cpf ._content .form-content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}
.fengstauth-modal-auth-st-cpf ._content .form-content p, .fengstauth-modal-auth-st-cpf ._content .form-content h1 {
  color: #ab1016;
}
.fengstauth-modal-auth-st-cpf ._content .form-content fengstui-button button {
  color: white !important;
  border-radius: 100px;
}
.fengstauth-modal-auth-st-cpf ._content .form-content > form > div > .adb2c-text {
  margin: 0 0 4px;
  color: #727272;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.fengstauth-modal-auth-st-cpf ._content .form-content .title {
  color: #393939;
  text-align: center;
  margin: 0 20px;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf ._content .form-content .title {
    font-size: 20px;
    line-height: 32px;
  }
}
.fengstauth-modal-auth-st-cpf ._content .form-content .message {
  color: #0c0c0c;
  margin: 4px 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 180%;
  font-weight: bold;
}
.fengstauth-modal-auth-st-cpf ._content .form-content .firstaccess {
  margin: 0;
}
.fengstauth-modal-auth-st-cpf ._content .form-content .forget {
  font-weight: normal;
  cursor: pointer;
  color: var(--secondary);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.fengstauth-modal-auth-st-cpf ._content .form-content .signup-link {
  font-size: 12px;
  margin: 0;
  color: black;
  font-weight: bold;
}
.fengstauth-modal-auth-st-cpf ._content .form-content .signup-link > a {
  color: var(--secondary);
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf ._content .form-content .signup-link {
    font-size: 14px;
  }
}
.fengstauth-modal-auth-st-cpf ._content .form-content form {
  display: grid;
  grid-template: auto auto auto/auto;
  width: 100%;
  grid-gap: 16px;
  text-align: center;
}
.fengstauth-modal-auth-st-cpf ._content .form-content form .firstaccess {
  margin: 0;
  font-size: 16px;
  color: #ab1016;
}
.fengstauth-modal-auth-st-cpf ._content .form-content form .keep-logged {
  font-size: 13px;
}
.fengstauth-modal-auth-st-cpf ._content .form-content form .keep-logged .feng-checkbox__label {
  margin-left: 8px;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf ._content .form-content form .keep-logged {
    font-size: 14px;
  }
  .fengstauth-modal-auth-st-cpf ._content .form-content form .keep-logged .feng-checkbox__label {
    margin-left: 20px;
  }
}
.fengstauth-modal-auth-st-cpf ._content .form-content ._rec--form {
  grid-template: auto auto/auto;
  margin: 0;
}
.fengstauth-modal-auth-st-cpf ._content .form-content .forgotemail > a {
  color: #ab1016;
  text-decoration: none;
  font-weight: 700;
}
.fengstauth-modal-auth-st-cpf ._content .social-btns {
  bottom: 1.5em;
  padding-top: 10px;
  width: 100%;
}
.fengstauth-modal-auth-st-cpf ._content .social-btns div._grid-socialButtons {
  display: grid;
  grid-template: auto/auto auto auto;
  grid-gap: 20px;
  margin: auto;
  justify-content: center;
  align-items: center;
}
.fengstauth-modal-auth-st-cpf ._content .social-btns div._grid-socialButtons > p {
  font-size: 14px;
  color: #404040;
  margin: 0;
}
.fengstauth-modal-auth-st-cpf ._content .social-btns div._grid-socialButtons button._socialButtons--facebook button {
  background: #43619c;
}
.fengstauth-modal-auth-st-cpf ._content .social-btns div._grid-socialButtons button._socialButtons--twitter button {
  background: #1da1f2;
}
.fengstauth-modal-auth-st-cpf ._content .social-btns div._grid-socialButtons button._socialButtons--google button {
  background: #f2481d;
}
.fengstauth-modal-auth-st-cpf ._content ._error {
  text-align: center;
  color: #d8422e;
  font-weight: bold;
  font-size: 14x;
  margin-bottom: 30px;
}
.fengstauth-modal-auth-st-cpf ._content div._component-dividerSection {
  color: black;
  position: relative;
  height: auto;
  width: 100%;
  margin: 30px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.fengstauth-modal-auth-st-cpf ._content div._component-dividerSection p._label,
.fengstauth-modal-auth-st-cpf ._content div._component-dividerSection h6._label {
  background: white;
  margin: 0px;
  padding: 4px 5%;
  position: relative;
  text-align: center;
}
.fengstauth-modal-auth-st-cpf ._content div._component-dividerSection hr._label_hr {
  position: absolute;
  margin: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  top: 45%;
}
.fengstauth-modal-auth-st-cpf ._content .adb2c-button > p {
  color: #393939;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.fengstauth-modal-auth-st-cpf ._content .adb2c-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 1px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st-cpf ._content .adb2c-button .feng-btn {
    padding: 10px 15px;
  }
}
.fengstauth-modal-auth-st-cpf ._content .adb2c-button .feng-btn > img {
  width: 80px;
}
.fengstauth-modal-auth-st-v2 {
  max-width: 450px !important;
  width: 100%;
  padding: 0px;
  position: relative;
  align-items: center;
  align-self: center;
  text-align: right;
  height: auto !important;
  z-index: 999;
  overflow: auto;
  color: #393939;
}
.fengstauth-modal-auth-st-v2__close {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.fengstauth-modal-auth-st-v2__close i {
  font-size: 40px;
}
.fengstauth-modal-auth-st-v2 .mat-dialog-container {
  width: 96%;
  margin: auto;
  border-radius: 10px;
  padding: 16px 16px 32px 16px;
}
@media (min-width: 576px) {
  .fengstauth-modal-auth-st-v2 .mat-dialog-container {
    width: 100%;
  }
}
.fengstauth-modal-auth-st-v2__container {
  display: flex;
  flex-direction: column;
  text-align: center;
  position: relative;
  width: 100%;
  min-height: 270px;
  height: 100%;
  gap: 16px;
}
.fengstauth-modal-auth-st-v2__container img {
  width: 100%;
  max-width: 165px;
  margin: 0 auto;
}
.fengstauth-modal-auth-st-v2__container > div h2 {
  font-size: 16px;
  margin: 0px 0px 8px 0px;
}
@media (min-width: 767px) {
  .fengstauth-modal-auth-st-v2__container > div h2 {
    font-size: 20px;
  }
}
.fengstauth-modal-auth-st-v2__container > div h3 {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
}
.fengstauth-modal-auth-st-v2__container fengstui-button button {
  width: 100% !important;
}
.fengstauth-modal-auth-st-v2__title {
  margin: 0px;
  font-size: 18px;
  line-height: 20px;
}
@media (min-width: 767px) {
  .fengstauth-modal-auth-st-v2__title {
    font-size: 20px;
    line-height: 26px;
  }
}
.fengstauth-modal-auth-st-v2__subtitle {
  color: #727272;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding-top: 16px;
}
@media (min-width: 767px) {
  .fengstauth-modal-auth-st-v2__subtitle {
    font-size: 16px;
  }
}
.fengstauth-modal-auth-st-v2__subtitle {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 400;
}
@media (min-width: 767px) {
  .fengstauth-modal-auth-st-v2__subtitle {
    font-size: 16px;
  }
}
.fengstauth-modal-auth-st-v2__info-box {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: #FAFAFA;
  border-radius: 8px;
  border: 1px solid #E9E9E9;
}
.fengstauth-modal-auth-st-v2__info-box p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  font-weight: 400;
}
@media (min-width: 767px) {
  .fengstauth-modal-auth-st-v2__info-box p {
    font-size: 16px;
    line-height: 20px;
  }
}
.fengstauth-modal-auth-st-v2__info-box i {
  color: var(--secondary);
  font-size: 16px;
}
.fengstauth-modal-auth-st-v2__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstauth-modal-auth-st-v2__form .feng-input--secondary.feng-input--focused {
  box-shadow: none !important;
}
.fengstauth-modal-auth-st-v2__recover {
  color: var(--secondary);
}
.fengstauth-modal-auth-st-v2__recovery-footer {
  padding-top: 16px;
}
.fengstauth-modal-auth-st-v2__footer {
  padding-top: 16px;
}
::ng-deep .cdk-global-overlay-wrapper {
  align-items: center;
}
.fengstauth-modal-auth-st {
  max-width: 80vw;
  padding: 0px;
  position: relative;
  align-items: center;
  height: auto !important;
  z-index: 999;
  overflow: auto;
  margin-top: 6vh !important;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st {
    margin-top: 10vh !important;
  }
}
.fengstauth-modal-auth-st .login-btn button {
  width: 100%;
  font-weight: bold;
  height: 44px;
}
.fengstauth-modal-auth-st .close-btn {
  position: absolute;
  display: block;
  top: 1em;
  right: 1em;
}
.fengstauth-modal-auth-st .close-btn a {
  font-size: 22px;
  color: var(--mobile-auth-modal-closebtn-color);
  cursor: pointer;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st .close-btn a {
    color: var(--auth-modal-closebtn-color);
  }
}
.fengstauth-modal-auth-st::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstauth-modal-auth-st ::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstauth-modal-auth-st .modal-auth {
  height: 100%;
}
.fengstauth-modal-auth-st .mat-dialog-container {
  width: 660px;
  height: auto;
  max-width: 100%;
  padding: 0px 0px 0px;
  border-radius: 0.3em;
  box-shadow: none;
  background: white;
}
.fengstauth-modal-auth-st ._content {
  background: white;
  padding: 0;
  margin: 0;
  width: 100%;
  display: grid;
  grid-template: auto auto/auto;
  max-height: unset;
  min-height: 512px;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st ._content {
    display: grid;
    grid-template: auto/220px 1px auto;
  }
}
.fengstauth-modal-auth-st ._content .log-vertical-divider {
  margin: 20px 0;
  background: #d0d0d0;
}
.fengstauth-modal-auth-st ._content .log-horizontal-divider {
  background: #d0d0d0;
  margin: 7.5px 0;
  height: 1px;
}
.fengstauth-modal-auth-st ._content .img {
  background: var(--auth-modal-stlogo-bg);
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.fengstauth-modal-auth-st ._content .img > img {
  margin: var(--mobile-auth-modal-stlogo-margin);
  width: var(--mobile-auth-modal-stlogo-width);
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st ._content .img {
    padding: 0;
  }
  .fengstauth-modal-auth-st ._content .img > img {
    margin: 0;
    width: var(--auth-modal-stlogo-width);
  }
}
.fengstauth-modal-auth-st ._content .form-content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding: 30px 10px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengstauth-modal-auth-st ._content .form-content {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st ._content .form-content {
    padding: 32px 40px 10px;
  }
}
.fengstauth-modal-auth-st ._content .form-content p, .fengstauth-modal-auth-st ._content .form-content h1 {
  color: #ab1016;
}
.fengstauth-modal-auth-st ._content .form-content .title {
  color: #404040;
  margin: 4px 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 180%;
}
.fengstauth-modal-auth-st ._content .form-content .message {
  color: #0c0c0c;
  margin: 4px 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 180%;
  font-weight: bold;
}
.fengstauth-modal-auth-st ._content .form-content .firstaccess {
  margin: 0;
}
.fengstauth-modal-auth-st ._content .form-content .forget {
  font-size: 14px;
  color: #404040;
  font-weight: normal;
  cursor: pointer;
}
.fengstauth-modal-auth-st ._content .form-content .signup-link {
  font-size: 14px;
  margin: 0;
  color: #404040;
}
.fengstauth-modal-auth-st ._content .form-content .signup-link > a {
  color: #ab1016;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.fengstauth-modal-auth-st ._content .form-content form {
  display: grid;
  grid-template: auto auto auto/auto;
  width: 100%;
  grid-gap: 12px;
  margin-top: 15px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st ._content .form-content form {
    margin-top: 20px;
  }
}
.fengstauth-modal-auth-st ._content .form-content form .firstaccess {
  margin: 0;
  font-size: 16px;
  color: #ab1016;
}
.fengstauth-modal-auth-st ._content .form-content form .keep-logged {
  font-size: 14px;
}
.fengstauth-modal-auth-st ._content .form-content form .keep-logged span {
  margin-left: 14px;
}
.fengstauth-modal-auth-st ._content .form-content ._rec--form {
  grid-template: auto auto/auto;
  margin: 0;
}
.fengstauth-modal-auth-st ._content .form-content .forgotemail > a {
  color: #ab1016;
  text-decoration: none;
  font-weight: 700;
}
.fengstauth-modal-auth-st ._content .social-btns {
  bottom: 1.5em;
  padding-top: 10px;
  width: 100%;
}
.fengstauth-modal-auth-st ._content .social-btns div._grid-socialButtons {
  display: grid;
  grid-template: auto/auto auto auto;
  grid-gap: 20px;
  margin: auto;
  justify-content: center;
  align-items: center;
}
.fengstauth-modal-auth-st ._content .social-btns div._grid-socialButtons > p {
  font-size: 14px;
  color: #404040;
  margin: 0;
}
.fengstauth-modal-auth-st ._content .social-btns div._grid-socialButtons button._socialButtons--facebook button {
  background: #43619c;
}
.fengstauth-modal-auth-st ._content .social-btns div._grid-socialButtons button._socialButtons--twitter button {
  background: #1da1f2;
}
.fengstauth-modal-auth-st ._content .social-btns div._grid-socialButtons button._socialButtons--google button {
  background: #f2481d;
}
.fengstauth-modal-auth-st ._content ._error {
  text-align: center;
  color: #d8422e;
  font-weight: bold;
  font-size: 14x;
  margin-bottom: 30px;
}
.fengstauth-modal-auth-st ._content div._component-dividerSection {
  color: black;
  position: relative;
  height: auto;
  width: 100%;
  margin: 30px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.fengstauth-modal-auth-st ._content div._component-dividerSection p._label,
.fengstauth-modal-auth-st ._content div._component-dividerSection h6._label {
  background: white;
  margin: 0px;
  padding: 4px 5%;
  position: relative;
  text-align: center;
}
.fengstauth-modal-auth-st ._content div._component-dividerSection hr._label_hr {
  position: absolute;
  margin: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  top: 45%;
}
.fengstauth-modal-auth-st ._content .adb2c-button > p {
  color: #393939;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.fengstauth-modal-auth-st ._content .adb2c-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstauth-modal-auth-st ._content .adb2c-button .feng-btn > img {
  width: 80px;
}
.fengstauth-modal-auth-st ._content .fanbase-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstauth-modal-auth-st ._content .fanbase-button .feng-btn > img {
  width: 80px;
}
.fengstauth-modal-auth-st ._content .fanbase-content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding: 30px 10px;
}
@media (min-width: 576px) {
  .fengstauth-modal-auth-st ._content .fanbase-content {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-st ._content .fanbase-content {
    padding: 3em 1.5em;
  }
}
.fengstauth-modal-auth-st ._content .fanbase-content .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstauth-modal-auth-st ._content .fanbase-content .feng-btn > img {
  width: 80px;
}
.fengstauth-modal-auth-st ._content .fanbase-content p.fanbase-content__action {
  text-align: center;
  line-height: 2.4em;
  margin: 1em auto;
}
.fengstauth-modal-auth-staging {
  height: 100%;
  max-width: 80vw;
  padding: 0px;
  position: relative;
  align-items: center;
}
.fengstauth-modal-auth-staging__login-button button {
  width: 100%;
  font-weight: bold;
  height: 44px;
}
.fengstauth-modal-auth-staging__close-button {
  position: absolute;
  display: block;
  top: 1em;
  right: 1em;
}
.fengstauth-modal-auth-staging__close-button a {
  font-size: 22px;
  color: black;
  cursor: pointer;
}
.fengstauth-modal-auth-staging::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstauth-modal-auth-staging ::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstauth-modal-auth-staging .mat-dialog-container {
  width: 660px;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 100%;
  padding: 0px 0px 0px;
  border-radius: 0.3em;
  box-shadow: none;
}
.fengstauth-modal-auth-staging__content {
  padding: 0;
  margin: 0;
  width: 100%;
  display: grid;
  grid-template: auto auto/auto;
  max-height: unset;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-staging__content {
    display: grid;
    grid-template: auto/220px 1px auto;
  }
}
.fengstauth-modal-auth-staging__image {
  background: var(--auth-modal-stlogo-bg);
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.fengstauth-modal-auth-staging__image > img {
  margin: 20px 0 0;
  width: var(--mobile-auth-modal-stlogo-width);
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-staging__image > img {
    margin: 0;
    width: var(--auth-modal-stlogo-width);
  }
}
.fengstauth-modal-auth-staging__vertical-divider {
  display: none;
  margin: 20px 0;
  background: #d0d0d0;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-staging__vertical-divider {
    display: grid;
  }
}
.fengstauth-modal-auth-staging__title {
  color: var(--primary);
  margin: 4px 0;
  font-size: 16px;
  font-weight: normal;
}
.fengstauth-modal-auth-staging__form {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  text-align: center;
  min-height: 180px;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-staging__form {
    padding: 40px;
  }
}
.fengstauth-modal-auth-staging__form p, .fengstauth-modal-auth-staging__form h1 {
  color: var(--primary);
}
.fengstauth-modal-auth-staging__form form {
  display: grid;
  grid-template: auto auto auto/auto;
  width: 100%;
  grid-gap: 12px;
  margin-top: 15px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstauth-modal-auth-staging__form form {
    margin-top: 20px;
  }
}
.fengstauth-modal-auth-staging__form form .keep-logged {
  font-size: 14px;
}
.fengstauth-modal-auth-staging__form form .keep-logged span {
  margin-left: 14px;
}
.fengstauth-modal-auth-staging__recaptcha {
  display: grid;
  justify-content: center;
}
.fengstauth-modal-auth-staging__error {
  text-align: center;
  color: var(--error);
  font-weight: bold;
  font-size: 14x;
  margin-bottom: 30px;
}
div.retrieve-cognito-container {
  background: var(--retrieve-cognito-bg);
  color: var(--retrieve-cognito-color);
  margin-top: 20px;
}
div.retrieve-cognito-container .retrieve-cognito-content {
  display: block;
  max-width: 500px;
  min-height: 760px;
  margin: auto;
  text-align: center;
}
div.retrieve-cognito-container .retrieve-cognito-content .start-validation {
  margin: 20px 0;
}
div.retrieve-cognito-container .retrieve-cognito-content__logo {
  display: block;
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--retrieve-cognito-logo-bg);
  border-radius: var(--retrieve-cognito-logo-radius);
  margin: auto;
  width: 90%;
}
@media (min-width: 767px) {
  div.retrieve-cognito-container .retrieve-cognito-content__logo {
    width: 100%;
  }
}
div.retrieve-cognito-container .retrieve-cognito-content__logo img {
  height: var(--retrieve-cognito-logo-height);
  object-fit: cover;
}
div.retrieve-cognito-container .retrieve-cognito-content__text {
  padding: 10px 40px 0;
}
div.retrieve-cognito-container .retrieve-cognito-content__text h1 {
  font-weight: normal;
  font-size: 26px;
}
div.retrieve-cognito-container .retrieve-cognito-content__text h2 {
  font-weight: normal;
  font-size: 15px;
}
div.retrieve-cognito-container .retrieve-cognito-content__form {
  padding: 10px 40px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
div.retrieve-cognito-container .retrieve-cognito-content__form-recover {
  margin: 10px 0;
}
div.retrieve-cognito-container .retrieve-cognito-content__form-recover > a {
  text-decoration: none;
  padding: 10px 0;
}
.b2c-expired {
  background-color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: var(--font-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 0 10px;
  text-align: center;
}
.b2c-sso {
  background-color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: var(--font-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 0 10px;
  text-align: center;
}
.fengstauth-benefit-research {
  max-width: 450px;
  margin: 0 auto;
  padding: 30px 20px;
}
.fengstauth-benefit-research__header {
  text-align: center;
}
.fengstauth-benefit-research__header img {
  width: 70px;
}
.fengstauth-benefit-research__header h2 {
  line-height: 2rem;
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  .fengstauth-benefit-research__header img {
    width: 130px;
  }
  .fengstauth-benefit-research__header h2 {
    line-height: 2.5rem;
    font-size: 2rem;
  }
}
.fengstauth-benefit-research__content form {
  display: grid;
  gap: 1em;
}
.fengstauth-benefit-research__content form > div {
  display: grid;
  grid-auto-flow: column;
  gap: 1%;
}
.fengstauth-benefit-research__content form > div > img {
  width: 95%;
  background-size: cover;
}
.fengstauth-benefit-research__footer {
  margin-top: 25px;
  text-align: center;
}
.fengstauth-benefit-research__footer h3:hover {
  cursor: pointer;
  opacity: 0.75;
}
.fengstauth-login-appcontainer {
  background-color: var(--on-background);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.fengstauth-login-appcontainer .fengstauth-login-app {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fengstauth-login-appcontainer .fengstauth-login-app__header {
  width: 100%;
  height: 45px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.fengstauth-login-appcontainer .fengstauth-login-app__header div {
  position: absolute;
  left: 10px;
}
.fengstauth-login-appcontainer .fengstauth-login-app__header div .fengi-cross-circle:before {
  font-size: 2rem;
}
.fengstauth-login-appcontainer .fengstauth-login-app__header div::before {
  font-size: 2rem;
}
.fengstauth-login-appcontainer .fengstauth-login-app__header span {
  font-size: 2rem;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  max-width: 500px;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content img {
  height: auto;
  width: 220px;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content .trace {
  width: 100%;
  margin: 1rem 0;
  height: 2px;
  background-color: #2d58cc;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content span {
  text-transform: capitalize;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content p, .fengstauth-login-appcontainer .fengstauth-login-app__content span, .fengstauth-login-appcontainer .fengstauth-login-app__content label {
  color: #fff;
  margin: 0;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content p {
  text-align: center;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content form {
  margin-top: 0.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content form div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content form .feng-input {
  opacity: 0.5;
  cursor: not-allowed;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content form ::ng-deep fengstui-button {
  margin-top: 1rem;
}
.fengstauth-login-appcontainer .fengstauth-login-app__content form ::ng-deep fengstui-button button {
  width: 140px;
  background-color: var(--secondary);
  color: var(--primary);
}
.fengstauth-login-appcontainer .fengstauth-login-app__content form fengstui-button {
  text-align: center;
}
.fengstauth-login-appcontainer .fengstauth-login-app ::ng-deep fengstui-local-loading .bullets div {
  filter: contrast(0);
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --background-system-error: #ffe0e1;
  --background-system-warning: #f3e0b9;
  --background-system-success: #eefcf2;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --header-sub-home-logged: #fff;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-color: #fff;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --home-slider-button-color: var(--secondary);
  --home-experience-call-to-action-content-font-family:"montserrat";
  --home-experience-call-to-action-content-font-size: 32px;
  --home-experience-call-to-action-content-device-font-size: 56px;
  --home-experience-call-to-action-content-padding: "130px 0 120px";
  --home-experience-call-to-action-content-line-height: normal;
  --home-experience-call-to-action-content-device-line-height: normal;
  --home-experience-call-to-action-content-max-width: 655px;
  --home-experience-call-to-action-button-margin: 0;
  --home-experience-call-to-action-content-align: "left";
  --home-experience-video-scroll-color: var(--secondary);
  --home-experience-video-scroll-font-size: 30px;
  --home-experience-video-scroll-device-font-size: 48px;
  --home-experience-video-scroll-text-align: "left";
  --home-experience-video-catalog-font-size: 38px;
  --home-experience-video-catolog-font-family: "700 28px / 28px var(--font-title)";
  --home-experience-video-catolog-device-font-family: "Montserrat-bold";
  --home-experience-video-scroll-spacing: normal;
  --home-experience-video-catalog-device-font-size: 30px;
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-title-font-color-cards: #393939;
  --home-private-bg-icon-color-cards: #F00A0A29;
  --home-private-icon-color-cards: #CA3521;
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color:#0A0A0A;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --gift-card-price-color: black;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-text-color-second: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.design-system {
  background: var(--background);
  padding-top: 150px;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 70vh;
  position: relative;
}
.design-system .hidden {
  display: none !important;
}
.design-system__section {
  height: -moz-fit-content;
  height: fit-content;
  padding: 50px 0 100px;
}
.design-system__section-title {
  display: grid;
  background-color: var(--info);
  align-items: center;
  padding: 20px;
}
@media (min-width: 992px) {
  .design-system__section-title {
    padding: 20px 0;
    justify-content: center;
  }
}
.design-system__section-title span {
  width: 100%;
  margin: auto;
}
@media (min-width: 992px) {
  .design-system__section-title span {
    width: var(--max-width);
  }
}
.design-system__section-title h1 {
  color: var(--on-background);
}
.design-system__section-content {
  display: grid;
  width: 100%;
  padding: 20px 20px 50px;
  margin: auto;
}
@media (min-width: 992px) {
  .design-system__section-content {
    width: var(--max-width);
    padding: 20px 0 50px;
  }
}
.design-system__section-content p {
  line-height: 1.5em;
}
.design-system__section-content code {
  background: #f5f5f5;
  color: black;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 0.9em;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.6), 1px 1px 3px rgba(0, 0, 0, 0.3);
  margin: auto 3px;
}
.design-system__section-content code.--selected {
  background: black;
  color: white;
}
.design-system__section-content code.--selected::after {
  content: "padrão";
  display: inline-block;
  position: relative;
  top: -5px;
  font-size: 0.6em;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin-left: 5px;
}
.design-system__section-content .elements-grid {
  display: grid;
  grid-gap: 8px;
}
.design-system__section-content .elements-grid__buttons {
  display: flex;
  flex-direction: column;
}
.design-system__section-content .elements-grid__buttons > * {
  margin: 5px 0;
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__buttons {
    flex-direction: row;
    justify-content: space-between;
  }
  .design-system__section-content .elements-grid__buttons > * {
    margin: 0;
  }
}
.design-system__section-content .elements-grid__inputs {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__inputs {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__inputs {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__inputs {
    grid-template-columns: repeat(5, max-content);
  }
}
.design-system__section-content .elements-grid__textareas {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__textareas {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__textareas {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__textareas {
    grid-template-columns: repeat(5, max-content);
  }
}
.design-system__section-content .elements-grid__radios {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__radios {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__radios {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__radios {
    grid-template-columns: repeat(5, max-content);
  }
}
.design-system__section-content .elements-grid__checkboxs {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__checkboxs {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__checkboxs {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__checkboxs {
    grid-template-columns: repeat(5, max-content);
  }
}
.design-system__section-content .elements-grid__toggles {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__toggles {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__toggles {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__toggles {
    grid-template-columns: repeat(6, max-content);
  }
}
.design-system__section-content .elements-grid__selects {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__selects {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__selects {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__selects {
    grid-template-columns: repeat(6, max-content);
  }
}
.design-system__section-content .elements-grid__chips {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__chips {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__chips {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__chips {
    grid-template-columns: repeat(6, max-content);
  }
}
.internal-server-error {
  background: var(--background);
  color: var(--on-background);
  display: grid;
  grid-gap: 20px;
  justify-content: center;
  padding: 200px 30px 200px;
  text-align: center;
  grid-auto-rows: min-content;
  height: -moz-fit-content;
  height: fit-content;
}
.internal-server-error h1 {
  font-size: 50px;
  font-weight: bold;
  margin: 0;
}
.internal-server-error h2 {
  font-size: 30px;
  font-weight: normal;
  margin: 0;
}
.internal-server-error p {
  width: 60%;
  margin: 0 auto;
}
.internal-server-error a {
  overflow-wrap: break-word;
}
.scailing_message {
  background: var(--background);
  color: var(--on-background);
  display: grid;
  grid-gap: 20px;
  justify-content: center;
  padding: 80px 30px 90px;
  text-align: center;
  grid-auto-rows: min-content;
  height: -moz-fit-content;
  height: fit-content;
}
.scailing_message h1 {
  font-size: 26px;
  line-height: 100%;
  font-weight: bold;
  margin: 0;
}
.scailing_message h2 {
  font-size: 20px;
  line-height: 100%;
  font-weight: normal;
  margin: 0;
}
.scailing_message p {
  font-size: 16px;
  width: 100%;
  margin: 0 auto;
}
.scailing_message a {
  overflow-wrap: break-word;
}
@media (min-width: 767px) {
  .scailing_message {
    padding: 160px 30px 160px;
  }
  .scailing_message h1 {
    font-size: 44px;
  }
  .scailing_message h2 {
    font-size: 26px;
  }
  .scailing_message p {
    font-size: 20px;
    width: 60%;
  }
}
.maintenance {
  position: relative;
  display: grid;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  padding-top: 40px;
  align-items: initial;
}
@media (min-width: 992px) {
  .maintenance {
    padding-top: 40px;
    align-items: center;
  }
}
.maintenance__content {
  background: var(--background);
  color: var(--on-background);
  text-align: center;
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: min-content;
}
@media (min-width: 992px) {
  .maintenance__content {
    position: relative;
    top: -10%;
  }
}
.maintenance__content-logo {
  height: auto;
  width: var(--maintenance-logo-width-mobile);
  padding: var(--maintenance-logo-background-padding);
  background-color: var(--maintenance-logo-background-color);
  border-radius: var(--maintenance-logo-background-border-radius);
  margin: 0 auto 20px;
}
@media (min-width: 992px) {
  .maintenance__content-logo {
    width: var(--maintenance-logo-width-desktop);
    margin: 0 auto 50px;
  }
}
.maintenance__content-logo img {
  width: 100%;
  height: auto;
}
.maintenance__content i {
  font-size: 60px;
  color: var(--primary);
}
@media (min-width: 992px) {
  .maintenance__content i {
    font-size: 110px;
  }
}
.maintenance__content h1 {
  font-size: 35px;
  font-weight: bold;
  margin: 0;
}
@media (min-width: 992px) {
  .maintenance__content h1 {
    font-size: 60px;
  }
}
.maintenance__content h2 {
  font-size: 30px;
  font-weight: normal;
  margin: 0;
}
.maintenance__content p {
  width: 60%;
  margin: 0 auto;
}
.maintenance__description {
  margin: 2em 0;
}
.maintenance-1 {
  position: relative;
  display: grid;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background: url("https://flamengo.s3.sa-east-1.amazonaws.com/prod/assets/images/2025/landing/manutencao-bg.png") center top no-repeat, linear-gradient(0deg, rgba(123, 13, 9, 0.279) 30%, #7b0c09 100%), center/cover no-repeat;
}
.maintenance-1__content {
  color: #fff;
  text-align: center;
  display: grid;
  grid-gap: 56px;
  grid-auto-rows: min-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 992px) {
  .maintenance-1__content {
    grid-gap: 48px;
  }
}
.maintenance-1__content-logo {
  height: auto;
  width: 243px;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .maintenance-1__content-logo {
    width: 300px;
  }
}
@media (min-width: 767px) {
  .maintenance-1__content-logo {
    width: 396px;
  }
}
@media (min-width: 992px) {
  .maintenance-1__content-logo {
    width: 496px;
  }
}
@media (min-width: 1200px) {
  .maintenance-1__content-logo {
    width: 596px;
  }
}
.maintenance-1__content-logo img {
  width: 100%;
  height: auto;
}
.maintenance-1__content-texts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.maintenance-1__content h1 {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 24px;
  line-height: 35px;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 576px) {
  .maintenance-1__content h1 {
    font-size: 26px;
  }
}
@media (min-width: 767px) {
  .maintenance-1__content h1 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .maintenance-1__content h1 {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .maintenance-1__content h1 {
    font-size: 31px;
  }
}
.maintenance-1__content a {
  color: #FFF;
  font-family: "Montserrat";
  font-size: 16px;
  line-height: 30px;
  font-style: normal;
  font-weight: 500;
  margin: 20px 0;
  text-decoration: none;
  padding: 20px;
  border-radius: 20px;
}
@media (min-width: 576px) {
  .maintenance-1__content a {
    font-size: 16px;
  }
}
@media (min-width: 767px) {
  .maintenance-1__content a {
    font-size: 16px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .maintenance-1__content a {
    font-size: 18px;
    width: 400px;
  }
}
@media (min-width: 1200px) {
  .maintenance-1__content a {
    font-size: 18px;
    width: 600px;
  }
}
.maintenance-1__description {
  margin: 2em 0;
}
.admin-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  width: 100%;
  height: 70px;
  padding: 1em;
  box-sizing: border-box;
  border-bottom: 2px solid var(--on-primary);
  text-align: center;
}
.admin-bar__actions {
  border: 0;
  border-radius: 0;
  font-size: 14px;
  padding: 8px 18px;
}
.staging {
  position: relative;
  display: grid;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  padding-top: 40px;
  align-items: initial;
  background-color: var(--background);
  color: var(--on-background);
}
@media (min-width: 992px) {
  .staging {
    padding-top: 40px;
    align-items: center;
  }
}
.staging__content {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: min-content;
}
@media (min-width: 992px) {
  .staging__content {
    position: relative;
    top: -10%;
  }
}
.staging__content-logo {
  height: auto;
  width: var(--staging-logo-width-mobile);
  padding: var(--staging-logo-background-padding);
  background-color: var(--staging-logo-background-color);
  border-radius: var(--staging-logo-background-border-radius);
  margin: 0 auto 20px;
}
@media (min-width: 992px) {
  .staging__content-logo {
    width: var(--staging-logo-width-desktop);
    margin: 0 auto 50px;
  }
}
.staging__content-logo img {
  width: 100%;
  height: auto;
}
.staging__content h1 {
  font-size: 35px;
  font-weight: bold;
  margin: 0;
}
@media (min-width: 992px) {
  .staging__content h1 {
    font-size: 60px;
  }
}
.staging__content h2 {
  font-size: 30px;
  font-weight: normal;
  margin: 0;
}
.staging__content p {
  width: 60%;
  margin: 0 auto;
}
.staging-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  width: 100%;
  height: 70px;
  padding: 1em;
  box-sizing: border-box;
  border-bottom: 2px solid var(--on-primary);
  text-align: center;
}
.staging-bar--with-admin:not(.resale-bar--with-resale) {
  top: 70px;
}
.staging-bar--with-admin.resale-bar--with-resale {
  top: 140px;
}
.staging-bar__actions {
  border: 0;
  border-radius: 0;
  font-size: 14px;
  padding: 8px 18px;
}
.page-not-found {
  background: var(--background);
  color: var(--on-background);
  display: grid;
  grid-gap: 20px;
  justify-content: center;
  padding: 200px 30px 200px;
  text-align: center;
  grid-auto-rows: min-content;
}
.page-not-found i {
  font-size: 110px;
  color: var(--primary);
}
.page-not-found h1 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
}
.page-not-found h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}
.fengstlayout-recovery-password {
  position: relative;
  display: grid;
  width: 100%;
  height: 80vh;
  justify-content: center;
  padding-top: 40px;
  align-items: initial;
}
@media (min-width: 992px) {
  .fengstlayout-recovery-password {
    padding-top: 40px;
    align-items: center;
  }
}
.fengstlayout-recovery-password__loading {
  position: relative;
  height: 50px;
}
.fengstlayout-recovery-password__content {
  background: var(--background);
  color: var(--on-background);
  text-align: center;
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: min-content;
}
@media (min-width: 992px) {
  .fengstlayout-recovery-password__content {
    position: relative;
    top: -10%;
  }
}
.fengstlayout-recovery-password__content-icon {
  font-size: 60px;
}
@media (min-width: 992px) {
  .fengstlayout-recovery-password__content-icon {
    font-size: 110px;
  }
}
.fengstlayout-recovery-password__content-icon--success {
  color: var(--success);
}
.fengstlayout-recovery-password__content-icon--error {
  color: var(--error);
}
.fengstlayout-recovery-password__content h1 {
  font-size: 26px;
  font-weight: bold;
  margin: 0;
}
@media (min-width: 992px) {
  .fengstlayout-recovery-password__content h1 {
    font-size: 46px;
  }
}
.fengstlayout-recovery-password__content h2 {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}
.fengstlayout-recovery-password__content p {
  width: 60%;
  margin: 0 auto;
}
.fengstlayout-recovery-password__content form {
  display: grid;
  gap: 20px;
}
.fengstlayout-recovery-pass-2 {
  background: var(--recoverypass-v2-background);
  width: 100%;
  min-height: calc(100svh - var(--footer-height));
  margin: 0;
  position: relative;
  display: flex;
  box-sizing: border-box;
  padding: var(--recoverypass-v2-content-padding);
}
@media (min-width: 767px) {
  .fengstlayout-recovery-pass-2 {
    background-size: var(--recoverypass-v2-background-size-small);
  }
}
@media (min-width: 992px) {
  .fengstlayout-recovery-pass-2 {
    background-size: var(--recoverypass-v2-background-size-medium);
  }
}
@media (min-width: 1200px) {
  .fengstlayout-recovery-pass-2 {
    background-position: var(--recoverypass-v2-background-position-large);
    background-size: var(--recoverypass-v2-background-size-large);
  }
}
@media (min-width: 1500px) {
  .fengstlayout-recovery-pass-2 {
    background-position: var(--recoverypass-v2-background-position-extra-large);
    background-size: var(--recoverypass-v2-background-size-extra-large);
  }
}
.fengstlayout-recovery-pass-2__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  z-index: 1;
}
.fengstlayout-recovery-pass-2__content-brand {
  width: var(--recoverypass-v2-logo-width);
  padding-top: 32px;
}
@media (min-width: 1500px) {
  .fengstlayout-recovery-pass-2__content-brand {
    padding-top: 0;
  }
}
.fengstlayout-recovery-pass-2__content-card {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--recoverypass-v2-card-form-background);
  border-radius: var(--recoverypass-v2-card-form-radius);
  padding: var(--recoverypass-v2-card-form-padding);
  display: flex;
  flex-direction: column;
  row-gap: var(--recoverypass-v2-card-form-row-gap);
  margin: 33px 0 123px;
  box-sizing: border-box;
}
.fengstlayout-recovery-pass-2__content-card .feng-btn {
  width: 100% !important;
  border-radius: 4px !important;
}
@media (min-width: 767px) {
  .fengstlayout-recovery-pass-2__content-card {
    width: var(--recoverypass-v2-card-form-width-desktop);
  }
}
@media (min-width: 1500px) {
  .fengstlayout-recovery-pass-2__content-card {
    margin: 33px 0;
  }
}
.fengstlayout-recovery-pass-2__content-card--success {
  background: transparent;
  color: var(--recoverypass-v2-sucess-color);
  text-align: center;
}
.fengstlayout-recovery-pass-2__content-card-title {
  color: var(--recoverypass-v2-card-form-title-color);
  font-size: var(--recoverypass-v2-card-form-title-size);
  font-weight: var(--recoverypass-v2-card-form-title-weight);
  font-family: var(--recoverypass-v2-card-form-title-family);
  line-height: var(--recoverypass-v2-card-form-title-line-height);
  margin: 0;
}
.fengstlayout-recovery-pass-2__content-card-inputs {
  display: flex;
  flex-direction: column;
  row-gap: var(--recoverypass-v2-card-form-row-gap);
  margin-top: 16px;
}
.fengstlayout-recovery-pass-2__content-card-inputs-disabled {
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstlayout-recovery-pass-2__content-card-inputs-divider {
  border: none;
  height: 1px;
  background: var(--recoverypass-v2-card-form-divider-color);
  width: 100%;
}
.fengstlayout-recovery-pass-2__content-card-inputs-password-info, .fengstlayout-recovery-pass-2__content-card-inputs-required-list-item {
  font-family: var(--recoverypass-v2-card-form-title-family);
  font-weight: var(--recoverypass-v2-card-form-password-info-title-weight);
  font-size: var(--recoverypass-v2-card-form-password-info-title-size);
  line-height: var(--recoverypass-v2-card-form-password-info-title-line-height);
  color: var(--recoverypass-v2-card-form-password-info-color);
}
.fengstlayout-recovery-pass-2__content-card-inputs-required-list {
  list-style: var(--recoverypass-v2-card-form-password-info-list-style);
  padding: 0;
  margin: 0 0 14px;
}
.fengstlayout-recovery-pass-2__content-card-inputs-required-list-item {
  font-weight: 400;
}
.fengstlayout-recovery-pass-2__content-card-inputs-submit--goto {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
}
.fengstlayout-recovery-pass-2__content-card-inputs-submit .feng-btn {
  background: var(--home-auth-card-button-sign-bg) !important;
  color: var(--home-auth-card-button-sign-color) !important;
}
.fengstlayout-recovery-pass-2__content-card-success-msg {
  font-weight: 400;
  font-size: var(--recoverypass-v2-sucess-font-size);
}
.fengstlayout-recovery-pass-2__content-card .icon {
  font-size: var(--recoverypass-v2-sucess-icon-size);
}
.fengstlayout-recovery-pass-2__content-card-success-text {
  font-weight: 400;
  font-size: var(--recoverypass-v2-sucess-text-size);
  font-family: var(--font-button);
}
.fengstlayout-recovery-pass-2__divider-or {
  position: relative;
}
.fengstlayout-recovery-pass-2__divider-or p {
  margin: 0 auto;
  text-align: center;
  background: #fff;
  z-index: 1;
  position: relative;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 6px;
}
.fengstlayout-recovery-pass-2__divider-or hr {
  border: none;
  height: 1px;
  background: var(--register-v2-card-form-divider-color);
  width: 100%;
  position: absolute;
  top: 4px;
}
.fengstlayout-discount-validator {
  display: grid;
  width: 100%;
  height: 80vh;
  padding-top: 40px;
  align-items: initial;
  text-align: center;
  justify-items: center;
}
.fengstlayout-discount-validator__content {
  max-width: 800px;
  width: 100%;
  padding: 2rem;
}
.fengstlayout-discount-validator__content fengstui-button .feng-btn {
  margin-top: 2.4rem;
  max-width: 100%;
  width: 100%;
  border-radius: 6px;
}
.fengstlayout-discount-validator__content-request {
  max-width: 500px;
  width: 100%;
  text-align: initial;
}
.fengstlayout-discount-validator__content-request p {
  font-size: 1.4rem;
}
.fengstlayout-discount-validator__content-request p:nth-child(2) {
  margin: 0;
  padding: 0;
}
.header {
  top: 0;
  height: 65px;
  position: fixed;
  width: 100%;
  z-index: 9;
  background: linear-gradient(180deg, black 40%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 95%);
}
@media (min-width: 992px) {
  .header {
    height: 120px;
  }
}
.header.internal-header {
  background: #C11D1E;
  height: 65px;
}
@media (min-width: 992px) {
  .header.internal-header .topo .mobile {
    display: none;
  }
}
.header.internal-header .topo-content .desktop {
  display: none;
}
@media (min-width: 992px) {
  .header.internal-header .topo-content .desktop {
    display: flex;
  }
}
@media (min-width: 992px) {
  .header.internal-header {
    background: #C11D1E;
    background: -webkit-gradient(left top, right top, color-stop(0%, var(--primary)), color-stop(36%, var(--primary)), color-stop(48%, var(--primary)), color-stop(69%, var(--primary)), color-stop(69%, black), color-stop(100%, black));
    background: linear-gradient(to right, #C11D1E 0%, #C11D1E 36%, #C11D1E 48%, #C11D1E 69%, black 69%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#C11D1E", endColorstr="#000000", GradientType=1 );
    height: 115px;
    display: flex;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .header.internal-header .logoST img {
    top: 0 !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .text-socios {
    padding-top: 24px;
  }
  .header.internal-header .text-socios .number {
    font-size: 25px !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .login-wrapper i {
    background: transparent !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .header-content .topo {
    justify-content: space-around !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .login-wrapper {
    display: flex !important;
    position: relative !important;
    align-items: center !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .space {
    width: 0;
    display: none;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .header.internal-header .space {
    display: flex;
  }
}
.header.internal-header .partner {
  padding-left: 20px;
  display: none !important;
}
@media (min-width: 992px) {
  .header.internal-header .partner {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .topo-content {
    margin: 0;
    height: 112px !important;
  }
}
.header .header-wrapper {
  background-size: 100% 108px;
}
.header .header-wrapper .header-content .topo {
  width: 100%;
  display: grid;
  grid-template: auto/auto auto;
  justify-content: right;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
  .header .header-wrapper .header-content .topo .topo-content {
    display: flex;
    align-items: center;
    height: 150px;
  }
}
.header .header-wrapper .header-content .topo .logoST {
  height: 100%;
  position: absolute;
  left: 5px;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .logoST {
    position: inherit;
  }
}
.header .header-wrapper .header-content .topo .logoST img {
  height: auto;
  width: 70px;
  text-align: start;
  position: relative;
  top: 0;
  z-index: 10;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .logoST img {
    height: auto;
    width: 120px;
  }
}
.header .header-wrapper .header-content .topo .text-socios {
  font-weight: bold;
  color: #fff;
  position: relative;
  top: 2px;
  font-size: 27px;
  z-index: 10;
  display: flex;
  line-height: 0;
  font-style: normal;
  align-items: center;
  padding-top: 0;
  height: 100%;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .text-socios {
    max-width: 100%;
    right: 0;
    top: 0;
  }
}
.header .header-wrapper .header-content .topo .text-socios span.description {
  height: 100%;
  color: #FFFFFF;
  font-size: 15px;
  letter-spacing: 2.22px;
  line-height: 62px;
  padding-right: 20px;
  text-align: center;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .text-socios span.description {
    height: 0;
    font-size: 20px;
    line-height: 0;
  }
}
.header .header-wrapper .header-content .topo .text-socios .number {
  color: #FFFFFF;
  font-size: 27px;
  letter-spacing: 4px;
  line-height: 62px;
  font-weight: bolder;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .text-socios .number {
    font-size: 45px;
    line-height: 0;
    padding-right: 0;
  }
}
.header .header-wrapper .header-content .topo .text-socios .partner {
  display: none;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .text-socios .partner {
    line-height: 0;
    height: 0;
  }
}
.header .header-wrapper .header-content .topo .columns {
  margin-right: 0;
}
.header .header-wrapper .header-content .topo .columns .login-text {
  font-weight: bold;
}
.header .header-wrapper .header-content .topo .login-btn {
  display: none;
}
.header .header-wrapper .header-content .topo .login-btn a {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .login-btn {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
  }
}
.header .header-wrapper .header-content .topo .login-btn button {
  font-weight: bold;
}
.header .header-wrapper .header-content .login-wrapper {
  color: #FFFFFF;
  display: none;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .login-wrapper {
    display: grid;
    grid-template: auto/auto auto;
    grid-gap: 20px;
    align-self: center;
    position: relative;
    align-items: center;
    margin-right: 25px;
  }
}
.header .header-wrapper .header-content .login-wrapper a, .header .header-wrapper .header-content .login-wrapper a:active, .header .header-wrapper .header-content .login-wrapper a:visited {
  height: 100%;
  display: flex;
  flex-flow: row;
  align-self: center;
  color: #fff;
}
.header .header-wrapper .header-content .login-wrapper i {
  background: #B11116;
  padding: 10px;
  border-radius: 100%;
  color: #fff !important;
  margin-left: 15px;
}
.header .header-wrapper .header-content .login-wrapper .line {
  box-sizing: border-box;
  margin: auto auto auto 25px;
  width: 1px;
  height: 34.5px;
  border: 1px solid #ccc;
}
.header-2 {
  width: 100%;
  height: 120px;
  background-color: var(--primary);
  color: var(--on-primary);
}
@media (min-width: 992px) {
  .header-2 {
    background-color: var(--primary);
  }
}
.header-2 .button-header {
  border-left: 1px solid #646464;
}
.header-2 .button-login-header button {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.header-2 .button-login-header button i {
  font-size: 18px;
  margin-right: 8px;
}
.header-2 .header-container {
  position: relative;
  height: 100%;
  margin: auto;
  max-width: 600px;
  display: grid;
  grid-row-gap: 10px;
}
.header-2 .header-container .login-container:hover {
  cursor: pointer;
}
.header-2 .header-container .header-row-1 {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-column-gap: 10px;
  justify-content: right;
}
.header-2 .header-container .header-row-1 .header-row-1-left {
  align-self: center;
  text-transform: uppercase;
  color: #000;
  font-size: 25px;
  text-align: right;
}
.header-2 .header-container .header-row-1 .header-row-1-right {
  align-self: center;
}
.header-2 .header-container .header-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.header-2 .header-container .header-row-2 .header-row-2-left {
  display: flex;
  justify-content: flex-start;
  text-align: center;
  color: #000;
}
.header-2 .header-container .header-row-2 .header-row-2-left button {
  align-self: center;
  text-transform: uppercase;
  font-weight: normal;
  height: 30px;
  font-size: 11px;
  width: 90px;
  padding: 3px 10px;
}
.header-2 .header-container .header-row-2 .header-row-2-right {
  display: flex;
  justify-content: flex-end;
}
.header-2 .header-container .header-row-2 .header-row-2-right .login-container {
  align-self: center;
  width: 110px;
  display: grid;
  grid-template-columns: 75% 25%;
  grid-column-gap: 5px;
  margin-right: 10px;
  align-items: center;
}
.header-2 .header-container .header-row-2 .header-row-2-right .login-container .login-container-left {
  color: #000;
  align-self: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  text-align: right;
  display: flex;
  align-items: center;
}
.header-2 .header-container .header-row-2 .header-row-2-right .login-container .login-container-right i {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  color: white;
  background-color: var(--primary);
}
.header-2 .header-container .logo-header {
  position: absolute;
  top: 20px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
}
.header-2 .header-container .logo-header a img {
  position: relative;
  display: block;
  max-width: 120px;
  height: auto;
  margin: auto;
}
.header-2 .header-container .logo-header a img:hover {
  cursor: pointer;
}
.header-2 .header-container .header-col-1, .header-2 .header-container .header-col-2, .header-2 .header-container .header-col-3 {
  display: none;
}
@media (min-width: 992px) {
  .header-2 .header-container {
    display: grid;
    height: 100%;
    grid-template-columns: 50% 50%;
    justify-content: center;
    max-width: 960px;
  }
  .header-2 .header-container .header-row-1, .header-2 .header-container .header-row-2, .header-2 .header-container .header-row-3 {
    display: none;
  }
  .header-2 .header-container .logo-header {
    display: none;
    z-index: 2;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .header-2 .header-container .logo-header {
    display: block;
    position: absolute;
    height: auto;
    right: auto;
    bottom: auto;
    left: -135px;
    top: 0px;
  }
  .header-2 .header-container .logo-header a img {
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .header-2 .header-container .header-col-1 {
    align-self: center;
    display: block;
    padding-right: 10px;
    display: flex;
    justify-content: center;
  }
  .header-2 .header-container .header-col-1 .login-container {
    width: 100%;
    align-self: center;
    display: grid;
    justify-content: right;
    grid-template-columns: 25% 44%;
    grid-column-gap: 10px;
    margin-right: 10px;
  }
  .header-2 .header-container .header-col-1 .login-container .login-container-right {
    color: #fff;
    align-self: center;
    font-size: 14px;
    text-align: left;
  }
  .header-2 .header-container .header-col-1 .login-container .login-container-left i {
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: white;
  }
}
@media (min-width: 992px) {
  .header-2 .header-container .header-col-2 {
    align-self: center;
    text-align: center;
    display: block;
  }
  .header-2 .header-container .header-col-2 .cadastro {
    display: flex;
    height: 36px;
    background-color: black;
    margin: 0 auto;
    justify-content: center;
  }
  .header-2 .header-container .header-col-2 .cadastro button {
    padding: 0 28px;
    font-weight: bold;
    align-self: center;
  }
}
@media (min-width: 992px) {
  .header-2 .header-container .header-col-3 {
    display: grid;
    grid-template-rows: 65% 35%;
    clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
    height: 120px;
    background-color: white;
    justify-content: center;
  }
  .header-2 .header-container .header-col-3 .header-col-3-header {
    align-self: center;
    width: 350px;
  }
  .header-2 .header-container .header-col-3 .header-col-3-footer {
    align-self: center;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    color: black;
    font-weight: 900;
    margin-top: 0;
    height: 50px;
  }
}
.header-2 .header-container.hide-scoreboard {
  grid-template-areas: "header-row-2";
}
.header-2 .header-container.hide-scoreboard .header-row-1 {
  display: none;
}
@media (min-width: 992px) {
  .header-2 .header-container.hide-scoreboard {
    grid-template-columns: 25% 75%;
  }
}
.header-2 .header-container.hide-scoreboard .header-col-3 {
  display: none;
}
.header-3 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-bg);
  height: var(--header-mobile-height);
}
@media (min-width: 992px) {
  .header-3 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-3--floating-login {
  height: 70px;
}
.header-3--floating-login .header-3__content {
  padding-top: 0px;
}
.header-3--floating-login .header-3__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-3--floating-login .header-3__content-navigation {
    display: grid;
  }
}
.header-3 * {
  box-sizing: border-box;
}
.header-3__counter {
  width: 100%;
  display: flex;
  padding-top: 0px;
  padding-left: 20px;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--font-title);
  font-weight: normal;
}
@media (min-width: 767px) {
  .header-3__counter {
    flex-direction: row;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .header-3__counter {
    margin-top: 0px;
  }
}
.header-3__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-3__counter > .number {
  margin: 0 10px 8px;
  font-weight: bold;
  font-size: 30px;
}
.header-3__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-3__counter > .partner {
    display: block;
  }
}
.header-3__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0 3%;
  overflow: visible;
  grid-template: auto/65px auto max-content;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .header-3__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-3__content {
    width: var(--max-width-md);
    grid-template: auto/89px auto max-content;
  }
}
@media (min-width: 1200px) {
  .header-3__content {
    width: var(--max-width);
  }
}
.header-3__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-3__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-3__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-3__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-3__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  grid-template: auto auto/auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
@media (min-width: 576px) {
  .header-3__content-navigation {
    grid-template: auto/auto auto;
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-3__content-navigation {
    margin-top: 0px;
  }
}
.header-3__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-title);
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-3__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-3__content-navigation a:first-child {
  color: #27292D;
}
.header-3__content-navigation a fengstui-button .feng-btn {
  font-family: var(--font-title) !important;
  font-style: italic !important;
  padding: 12px 10px !important;
  font-size: 12px;
}
.header-3__content-navigation a fengstui-button .feng-btn::before {
  content: "SEJA ST";
}
@media (min-width: 992px) {
  .header-3__content-navigation a fengstui-button .feng-btn {
    padding: 12px 30px !important;
    font-size: 18px;
  }
  .header-3__content-navigation a fengstui-button .feng-btn::before {
    content: "SEJA SÓCIO TORCEDOR";
  }
}
.header-3__content-navigation a fengstui-button .feng-btn:hover {
  background-color: black !important;
}
.header-3-logged {
  display: grid;
  background: #fff;
  width: 100%;
  z-index: 9;
  height: 68px;
  border-bottom: 1px solid #9e9e9e;
}
@media (min-width: 992px) {
  .header-3-logged {
    height: 135px;
    justify-content: center;
  }
}
.header-3-logged:not(.header-3-logged--is-home) {
  border-bottom: 2px solid #979797;
}
.header-3-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 5%;
  width: 90%;
  padding: 5px 0;
  grid-template: auto/30px 0 max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-3-logged__content {
    grid-gap: 30px;
    width: var(--max-width-md);
    padding: 0;
    grid-template: auto/68px auto;
  }
}
@media (min-width: 1200px) {
  .header-3-logged__content {
    width: var(--max-width);
  }
}
.header-3-logged__content-logo {
  display: grid;
  align-items: center;
}
.header-3-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-3-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-3-logged__content-mobile-menu {
  display: grid;
}
.header-3-logged__content-mobile-menu i {
  color: var(--menu-itens-color);
  font-size: 26px;
  font-weight: 700;
}
.header-3-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-3-logged__content-mobile-menu .fengi-x1::before {
  color: #404040;
  text-shadow: 2px 2px 1px var(--menu-itens-color);
}
.header-3-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-3-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-3-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 15px;
  }
}
.header-3-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-3-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--font-title);
}
@media (min-width: 992px) {
  .header-3-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
  }
}
.header-3-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-3-logged__content-others-counter > .number {
  margin: 0 10px 8px;
  font-size: 26px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-3-logged__content-others-counter > .number {
    font-size: 30px;
  }
}
.header-3-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-3-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-3-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-3-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-3-logged__content-notifications {
    right: -25px;
  }
}
.header-3-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-3-logged__content-notifications-box {
    width: 375px;
  }
}
.header-3-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-3-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-3-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-3-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-3-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-3-logged__content-notifications-box-message b,
.header-3-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-3-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-3-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-3-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-3-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-3-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 35px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-3-logged__content-notifications i.fengi-bell {
    font-size: 22px;
    right: 20px;
  }
}
.header-3-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-3-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-3-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-3-logged__content-user a.loggedInMenu {
  color: var(--on-background);
  min-width: 70px;
}
.header-3-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-3-logged__content-user a.exit {
  color: var(--on-background);
  padding-left: 10px;
  font-size: 12px;
}
.header-3-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-3-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-3-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-3-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-3-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-3-logged__content-user-points {
    display: block;
  }
}
.header-3-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-3-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-3-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
}
@media (min-width: 992px) {
  .header-3-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-3-logged__content-navigation {
    grid-gap: 10px;
    display: grid;
  }
}
.header-3-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  padding: 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: flex-end;
}
.header-3-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-3-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-3-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-3-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-3-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-3-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-3-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-3-logged__content-icons {
    margin-left: 200px;
  }
  .header-3-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-3-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-3-logged--is-home {
  border: "0";
}
.header-3-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-3-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-3-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-3-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-3-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-3-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-3-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: var(--header-mobile-menu-font-size);
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-3-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-3-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-3-logged__mobile-menu {
    display: none;
  }
}
.header-3-logged__mobile-menu img {
  width: 50%;
}
.header-3-logged__mobile-menu i {
  width: 70px;
}
.header-4-new {
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
  position: relative;
  margin-bottom: -200px;
  z-index: 9999;
}
@media (min-width: 992px) {
  .header-4-new {
    margin-bottom: -243px;
  }
}
.header-4-new--floating-login {
  height: 70px;
}
.header-4-new--floating-login .header-4-new__content {
  padding-top: 0px;
}
.header-4-new--floating-login .header-4-new__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-4-new--floating-login .header-4-new__content-navigation {
    display: grid;
  }
}
.header-4-new * {
  box-sizing: border-box;
}
.header-4-new__counter {
  width: 160px;
  height: 82px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  text-align: center;
  justify-self: center;
  background-color: var(--background);
  border-radius: 5px;
  color: var(--secondary);
}
@media (min-width: 767px) {
  .header-4-new__counter {
    width: 190px;
    height: 78px;
  }
}
@media (min-width: 1600px) {
  .header-4-new__counter {
    width: 250px;
    height: 114px;
  }
}
.header-4-new__counter > .description {
  color: black;
  padding-bottom: 10px;
  font-family: var(--unlogged-font-primary) !important;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .header-4-new__counter > .description {
    font-size: 19px;
    padding-bottom: 10px;
    justify-self: normal;
  }
}
@media (min-width: 1600px) {
  .header-4-new__counter > .description {
    font-size: 26px;
  }
}
.header-4-new__counter > .number {
  background-color: white;
  font-family: var(--unlogged-font-title) !important;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 32px;
}
@media (min-width: 992px) {
  .header-4-new__counter > .number {
    font-size: 34px;
    padding-top: 10px;
  }
}
@media (min-width: 1600px) {
  .header-4-new__counter > .number {
    font-size: 45px;
  }
}
.header-4-new__content {
  width: 100%;
  height: 100px;
  border-bottom: 2px solid #999999;
}
@media (min-width: 992px) {
  .header-4-new__content {
    height: 120px;
  }
}
.header-4-new__content__action {
  width: 90%;
  height: 72px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 992px) {
  .header-4-new__content__action {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .header-4-new__content__action {
    max-width: 1200px;
  }
}
.header-4-new__content__action-navigation {
  display: none;
  padding: 10px 0px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.header-4-new__content__action-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-4-new__content__action-navigation--register {
  color: var(--secondary);
}
@media (min-width: 767px) {
  .header-4-new__content__action-navigation {
    display: flex;
  }
}
@media (min-width: 992px) {
  .header-4-new__content__action-navigation {
    display: flex;
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  .header-4-new__content__action-navigation {
    display: flex;
    margin-top: 0px;
  }
}
.header-4-new__content__action-navigation a {
  padding: 10px;
  color: #fff;
  text-decoration: none;
  line-height: 20px;
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--unlogged-font-primary) !important;
  cursor: pointer;
}
.header-4-new__content__action-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-4-new__content__action-navigation a {
    font-size: 16px;
    line-height: 20px;
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-4-new__content__action-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-4-new__content__action-login {
  display: flex;
  padding: 10px 0px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.header-4-new__content__action-login a {
  padding: 10px;
  color: #fff;
  text-decoration: none;
  line-height: 20px;
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--unlogged-font-primary) !important;
  cursor: pointer;
}
.header-4-new__content__action-login a:last-child {
  color: var(--secondary);
}
.header-4-new__content__action-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 767px) {
  .header-4-new__content__action-logo {
    width: 174px;
  }
}
@media (min-width: 992px) {
  .header-4-new__content__action-logo {
    top: var(--header-desktop-logo-top);
    width: 190px;
  }
}
.header-4-new__content__action-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 767px) {
  .header-4-new__content__action-logo img {
    width: 100%;
  }
}
.header-4 {
  background: var(--primary-dark);
  position: relative;
  border-bottom: solid 3px var(--primary-light);
}
@media (min-width: 992px) {
  .header-4 {
    justify-content: center;
    background: var(--primary-dark);
    height: var(--header-desktop-height);
  }
}
.header-4--floating-login {
  height: 70px;
}
.header-4--floating-login .header-4__content {
  padding: 0;
}
.header-4--floating-login .header-4__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-4--floating-login .header-4__content-navigation {
    display: grid;
  }
}
.header-4 * {
  box-sizing: border-box;
}
.header-4__content {
  width: 100%;
  height: 100px;
  padding: 0 35px;
  display: grid;
  align-items: center;
  grid-template: auto/auto auto;
}
@media (min-width: 992px) {
  .header-4__content {
    max-width: 1280px;
    width: 92%;
    margin: 0 auto;
    padding: 20px 0px 0px 0px;
  }
}
@media (min-width: 767px) {
  .header-4__content {
    grid-template: auto/26% 46% 29%;
  }
}
.header-4__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .header-4__content-logo {
    top: var(--header-desktop-logo-top);
    margin: 0px;
  }
}
.header-4__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-4__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
@media (max-width: 768px) {
  .header-4__content-counter-logged-out {
    display: none;
  }
}
@media (min-width: 767px) {
  .header-4__content-counter-logged-out {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 266px;
    height: 64px;
    gap: 8px;
    font-size: 16px;
    color: #f8f8f8;
    margin: auto;
    border: 1px solid white;
    border-radius: 8px;
  }
}
.header-4__content-counter-logged-out > .description-logged-out {
  font-size: 20px;
  font-family: var(--unlogged-font-primary);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.header-4__content-counter-logged-out > .text-socio-loading-logged-out {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-4__content-counter-logged-out > .number-logged-out {
  font-family: var(--unlogged-font-title);
  color: var(--secondary);
  font-weight: normal;
  font-size: 32px;
}
.header-4__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-4__content-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-4__content-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-4__content-navigation {
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-4__content-navigation {
    margin-top: 0px;
  }
}
.header-4__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--unlogged-font-primary);
  font-weight: normal;
}
.header-4__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-4__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-4__content-navigation a:first-child {
  color: white;
}
.header-4__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-4-logged {
  background: var(--primary-dark);
  color: var(--primary-light);
  border-bottom: solid 3px var(--primary-light);
  z-index: 999;
}
.header-4-logged__content {
  height: 86px;
  padding: 10px 4px;
}
@media (min-width: 992px) {
  .header-4-logged__content {
    height: 195px;
  }
}
.header-4-logged__content-container {
  width: 100%;
}
.header-4-logged__content-logo img {
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-4-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
  }
}
.header-4-logged__content-mobile-menu {
  display: grid;
}
.header-4-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
  margin: 0 20px 0 0;
}
.header-4-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-4-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-4-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-4-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-4-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 45px;
  }
}
.header-4-logged__content-others {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .header-4-logged__content-others {
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 0 26px 0;
  }
}
@media (min-width: 992px) {
  .header-4-logged__content-others {
    width: 90%;
    justify-content: space-between;
    padding: 40px 0 26px 0;
  }
}
.header-4-logged__content-others-counter {
  width: 124px;
  height: 65px;
  display: flex;
  font-size: 16px;
  margin-top: 6px;
  justify-content: center;
  color: #f8f8f8;
  align-items: center;
  flex-direction: column;
  border: 1px solid white;
  border-radius: 8px;
  margin: auto;
  gap: 4px;
}
@media (min-width: 992px) {
  .header-4-logged__content-others-counter {
    width: 266px;
    height: 64px;
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
.header-4-logged__content-others-counter > .description {
  text-align: center;
  font-family: var(--unlogged-font-primary);
  font-weight: 600;
  font-size: 15px;
}
@media (min-width: 992px) {
  .header-4-logged__content-others-counter > .description {
    display: flex;
    align-items: center;
    font-size: 18px;
  }
}
.header-4-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-4-logged__content-others-counter > .number {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--unlogged-font-title);
  border-radius: 0 5px 5px 0;
  color: var(--secondary);
  font-size: 28px;
}
@media (min-width: 992px) {
  .header-4-logged__content-others-counter > .number {
    font-size: 32px;
  }
}
.header-4-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-4-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-4-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-4-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-4-logged__content-notifications {
    right: -25px;
  }
}
.header-4-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-4-logged__content-notifications-box {
    width: 375px;
  }
}
.header-4-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-4-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-4-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-4-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-4-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-4-logged__content-notifications-box-message b,
.header-4-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-4-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-4-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-4-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-4-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-4-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-4-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-4-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-4-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-4-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-4-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-4-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-4-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-4-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-4-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-4-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-4-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-4-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-4-logged__content-user-points {
    display: block;
  }
}
.header-4-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-4-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-4-logged__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-4-logged__content-navigation {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 96%;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .header-4-logged__content-navigation {
    width: 100%;
    justify-content: center;
  }
}
.header-4-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: Uni-Sans;
  font-weight: normal;
  font-size: 12px;
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
@media (min-width: 1200px) {
  .header-4-logged__content-navigation a {
    margin: 0 7px;
  }
}
.header-4-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-4-logged__content-navigation a.--selected {
  color: var(--menu-active-background);
  border-bottom: 1px solid var(--menu-active-background);
}
.header-4-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-4-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-4-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-4-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-4-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-4-logged__content-icons {
    margin-left: 200px;
  }
  .header-4-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-4-logged--menu-opened {
  position: fixed;
  width: 100%;
  top: 0;
}
.header-4-logged--is-home {
  border: "0";
}
.header-4-logged__mobile-menu {
  position: fixed;
  overflow: auto;
  padding-bottom: 80px;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-4-logged__mobile-menu.--open {
  top: 84px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-4-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-4-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-4-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-4-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-4-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  font-family: Uni-Sans;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-4-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-4-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-4-logged__mobile-menu {
    display: none;
  }
}
.header-4-logged__mobile-menu img {
  width: 50%;
}
.header-4-logged__mobile-menu i {
  width: 70px;
}
.header-5 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  position: relative;
}
@media (min-width: 992px) {
  .header-5 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-5__content-logo {
  display: flex;
}
.header-5--floating-login {
  height: 70px;
}
.header-5--floating-login .header-5__content {
  padding-top: 0px;
}
.header-5--floating-login .header-5__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-5--floating-login .header-5__content-navigation {
    display: grid;
  }
}
.header-5 * {
  box-sizing: border-box;
}
.header-5__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  bottom: 0;
  position: absolute;
  background: var(--header-counter-background);
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .header-5__counter {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-5__counter {
    margin-top: 0px;
    font-size: 24px;
    line-height: 25px;
    height: 54px;
  }
}
.header-5__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-5__counter > .description, .header-5__counter .partner {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 18px;
}
@media (min-width: 992px) {
  .header-5__counter > .description, .header-5__counter .partner {
    font-size: 26px;
  }
}
.header-5__counter > .number {
  width: 166px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-counter-color);
  z-index: 999;
  border-left: solid 4px var(--header-counter-number-border-color);
  border-right: solid 4px var(--header-counter-number-border-color);
  border-top: solid 3px var(--header-counter-number-border-color);
  border-bottom: solid 3px var(--header-counter-number-border-color);
  margin: 0 0 0 6px;
  font-family: var(--header-counter-number-font-family);
  font-weight: normal;
  font-size: 33px;
  background: var(--header-counter-number-bg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 767px) {
  .header-5__counter > .number {
    margin: 0 14px;
  }
}
@media (min-width: 992px) {
  .header-5__counter > .number {
    margin: 0 18px;
    width: 186px;
    height: 72px;
    font-size: 52px;
  }
}
.header-5__counter > .number > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 1px solid var(--header-counter-number-outline-color);
  outline-offset: -6px;
  padding: 5px;
}
.header-5__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-5__counter > .partner {
    display: block;
  }
}
.header-5__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0 3%;
  overflow: visible;
  grid-template: auto/65px max-content;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--header-mobile-content-padding);
}
@media (min-width: 576px) {
  .header-5__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-5__content {
    width: var(--max-width-md);
    grid-template: auto/89px max-content;
    padding-bottom: var(--header-desktop-content-padding);
  }
}
@media (min-width: 1200px) {
  .header-5__content {
    width: var(--max-width);
  }
}
.header-5__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-5__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-5__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-5__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-5__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-5__content-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-5__content-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-5__content-navigation {
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-5__content-navigation {
    margin-top: 0px;
  }
}
.header-5__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-5__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-5__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-5__content-navigation a:first-child {
  color: var(--primary-light);
}
.header-5__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-5-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: 8px solid var(--secondary);
}
@media (min-width: 992px) {
  .header-5-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-5-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px 74px max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-5-logged__content {
    grid-gap: 30px;
    padding: 0 10px;
    grid-template: auto/68px auto;
  }
}
@media (min-width: 1200px) {
  .header-5-logged__content {
    width: var(--max-width);
  }
}
.header-5-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
@media (min-width: 992px) {
  .header-5-logged__content-logo {
    margin-top: -50px;
    display: flex;
  }
}
.header-5-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-5-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-5-logged__content-mobile-menu {
  display: grid;
}
.header-5-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-5-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-5-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-5-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-5-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-5-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 55px;
  }
}
.header-5-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-5-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
}
@media (min-width: 992px) {
  .header-5-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
  }
}
.header-5-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-5-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: CityDBol;
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-5-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-5-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-5-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-5-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-5-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-5-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-5-logged__content-notifications {
    right: -25px;
  }
}
.header-5-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-5-logged__content-notifications-box {
    width: 375px;
  }
}
.header-5-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-5-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-5-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-5-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-5-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-5-logged__content-notifications-box-message b,
.header-5-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-5-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-5-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-5-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-5-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-5-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-5-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-5-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-5-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-5-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-5-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-5-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-5-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-5-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-5-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-5-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-5-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-5-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-5-logged__content-user-points {
    display: block;
  }
}
.header-5-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-5-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-5-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .header-5-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-5-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
  }
}
.header-5-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-5-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-5-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-5-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-5-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-5-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-5-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-5-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-5-logged__content-icons {
    margin-left: 200px;
  }
  .header-5-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-5-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-5-logged--is-home {
  border: "0";
}
.header-5-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-5-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-5-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-5-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-5-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-5-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-5-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-5-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-5-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-5-logged__mobile-menu {
    display: none;
  }
}
.header-5-logged__mobile-menu img {
  width: 50%;
}
.header-5-logged__mobile-menu i {
  width: 70px;
}
.header-6 {
  top: 0;
  width: 100%;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  position: relative;
}
@media (min-width: 992px) {
  .header-6 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-6--floating-login {
  height: 70px;
}
.header-6--floating-login .header-6__content {
  padding-top: 0px;
}
.header-6--floating-login .header-6__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-6--floating-login .header-6__content-navigation {
    display: grid;
  }
}
.header-6 * {
  box-sizing: border-box;
}
.header-6__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  bottom: 0;
  position: absolute;
  background: var(--header-counter-background);
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .header-6__counter {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-6__counter {
    margin-top: 0px;
    font-size: 24px;
    line-height: 25px;
    height: 54px;
  }
}
.header-6__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-6__counter > .description, .header-6__counter .partner {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 18px;
}
@media (min-width: 992px) {
  .header-6__counter > .description, .header-6__counter .partner {
    font-size: 26px;
  }
}
.header-6__counter > .number {
  width: 166px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-counter-color);
  z-index: 999;
  border-left: solid 4px var(--header-counter-number-border-color);
  border-right: solid 4px var(--header-counter-number-border-color);
  border-top: solid 3px var(--header-counter-number-border-color);
  border-bottom: solid 3px var(--header-counter-number-border-color);
  margin: 0 0 0 6px;
  font-family: var(--header-counter-number-font-family);
  font-weight: normal;
  font-size: 33px;
  background: var(--header-counter-number-bg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 767px) {
  .header-6__counter > .number {
    margin: 0 14px;
  }
}
@media (min-width: 992px) {
  .header-6__counter > .number {
    margin: 0 18px;
    width: 186px;
    height: 72px;
    font-size: 52px;
  }
}
.header-6__counter > .number > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 1px solid var(--header-counter-number-outline-color);
  outline-offset: -6px;
  padding: 5px;
}
.header-6__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-6__counter > .partner {
    display: block;
  }
}
.header-6__content {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: visible;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .header-6__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-6__content {
    max-width: var(--max-width-md);
    grid-template: auto/89px max-content;
    padding-bottom: var(--header-desktop-content-padding);
  }
}
@media (min-width: 1200px) {
  .header-6__content {
    width: var(--max-width);
  }
}
.header-6__content-logo {
  display: flex;
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-6__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-6__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-6__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-6__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-6__content-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-6__content-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-6__content-navigation {
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-6__content-navigation {
    margin-top: 0px;
  }
}
.header-6__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
.header-6__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-6__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-6__content-navigation a:first-child {
  color: var(--header-login-color);
}
.header-6__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-6-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: 8px solid var(--secondary);
}
@media (min-width: 992px) {
  .header-6-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-6-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px 74px max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-6-logged__content {
    grid-gap: 30px;
    padding: 0 10px;
    grid-template: auto/68px auto;
  }
}
@media (min-width: 1200px) {
  .header-6-logged__content {
    width: var(--max-width);
  }
}
.header-6-logged__content-logo {
  display: grid;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
@media (min-width: 992px) {
  .header-6-logged__content-logo {
    margin-top: -50px;
  }
}
.header-6-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-6-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-6-logged__content-mobile-menu {
  display: grid;
}
.header-6-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-6-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-6-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-6-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-6-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-6-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 55px;
  }
}
.header-6-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-6-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
}
@media (min-width: 992px) {
  .header-6-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
  }
}
.header-6-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-6-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: CityDBol;
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-6-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-6-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-6-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-6-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-6-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-6-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-6-logged__content-notifications {
    right: -25px;
  }
}
.header-6-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-6-logged__content-notifications-box {
    width: 375px;
  }
}
.header-6-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-6-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-6-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-6-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-6-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-6-logged__content-notifications-box-message b,
.header-6-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-6-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-6-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-6-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-6-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-6-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-6-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-6-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-6-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-6-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-6-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-6-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-6-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-6-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-6-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-6-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-6-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-6-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-6-logged__content-user-points {
    display: block;
  }
}
.header-6-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-6-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-6-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .header-6-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-6-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
  }
}
.header-6-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-6-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-6-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-6-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-6-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-6-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-6-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-6-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-6-logged__content-icons {
    margin-left: 200px;
  }
  .header-6-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-6-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-6-logged--is-home {
  border: "0";
}
.header-6-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-6-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-6-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-6-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-6-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-6-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-6-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-6-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-6-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-6-logged__mobile-menu {
    display: none;
  }
}
.header-6-logged__mobile-menu img {
  width: 50%;
}
.header-6-logged__mobile-menu i {
  width: 70px;
}
.header-7 {
  top: 0;
  width: 100%;
  background: var(--header-logged-bg);
  position: relative;
}
@media (min-width: 992px) {
  .header-7 {
    justify-content: center;
  }
}
.header-7--floating-login {
  height: 70px;
}
.header-7--floating-login .header-7__content {
  padding-top: 0px;
}
.header-7--floating-login .header-7__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-7--floating-login .header-7__content-navigation {
    display: grid;
  }
}
.header-7 * {
  box-sizing: border-box;
}
.header-7__counter {
  display: flex;
  align-items: center;
  gap: 1.26rem;
  font-family: var(--header-counter-font-family);
  font-size: var(--header-counter-font-size);
  font-weight: 400;
  color: var(--header-counter-color);
}
@media (min-width: 992px) {
  .header-7__counter .stars {
    display: none;
  }
}
.header-7__counter .number {
  font-family: var(--header-counter-number-font-family);
  font-size: var(--header-counter-number-font-size);
  font-weight: 700;
}
.header-7__content {
  background: var(--header-bg);
  background-size: cover;
}
.header-7__content-logo {
  display: flex;
}
.header-7__content-logo img {
  display: none;
  width: var(--header-desktop-logo-width);
}
@media (min-width: 992px) {
  .header-7__content-logo img {
    display: block;
  }
}
.header-7__content-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem;
}
@media (min-width: 992px) {
  .header-7__content-wrapper {
    justify-content: space-between;
    max-width: var(--max-width-md);
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .header-7__content-wrapper {
    max-width: var(--max-width);
  }
}
.header-7__content-navigation {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
  padding: 1rem;
  width: 100%;
}
@media (min-width: 992px) {
  .header-7__content-navigation {
    max-width: var(--max-width-md);
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .header-7__content-navigation {
    max-width: var(--max-width);
  }
}
.header-7__content-navigation > div {
  display: flex;
  align-items: center;
}
.header-7__content-navigation-wrapper {
  gap: 3rem;
}
.header-7__content-navigation-wrapper.nav {
  display: none;
}
@media (min-width: 992px) {
  .header-7__content-navigation-wrapper.nav {
    display: flex;
  }
}
.header-7__content-navigation-wrapper.login {
  justify-content: right;
  gap: 1rem;
}
.header-7__content-navigation-wrapper.login fengstui-button {
  display: flex;
}
.header-7__content-navigation-wrapper.login fengstui-button button {
  background-color: var(--secondary-light) !important;
  color: var(--primary) !important;
}
@media (min-width: 992px) {
  .header-7__content-navigation-wrapper.login fengstui-button {
    display: flex;
  }
}
.header-7__content-navigation-stlogo {
  display: flex;
}
.header-7__content-navigation-stlogo img {
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-7__content-navigation-stlogo {
    display: none;
  }
}
.header-7__content-navigation-logo {
  justify-content: center;
}
.header-7__content-navigation-logo img {
  width: var(--header-mobile-shield-width);
}
@media (min-width: 992px) {
  .header-7__content-navigation-logo img {
    width: var(--header-desktop-shield-width);
    position: absolute;
    top: 35%;
    right: 50%;
    transform: translate(50%);
    z-index: 9;
  }
}
@media (min-width: 992px) {
  .header-7__content-navigation {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .header-7__content-navigation {
    margin-top: 0px;
  }
}
.header-7__content-navigation a {
  padding: 0;
  color: var(--primary-light);
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-7__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-7__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-7__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-7-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: 2px solid var(--secondary);
  position: relative;
}
.header-7-logged:before {
  content: "";
  width: 100%;
  border-top: var(--header-logged-border-top);
  position: absolute;
  left: 0;
  bottom: 72px;
}
@media (min-width: 992px) {
  .header-7-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-7-logged--bg-image {
  background-image: var(--header-logged-bg) !important;
  background-size: cover;
  background-repeat: no-repeat;
}
.header-7-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px max-content auto;
  justify-self: center;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .header-7-logged__content {
    grid-gap: 30px;
    justify-content: initial;
    padding: 0 10px;
    grid-template: auto/0 auto;
    min-width: 900px;
  }
}
@media (min-width: 1200px) {
  .header-7-logged__content {
    width: var(--max-width);
  }
}
.header-7-logged__content .description, .header-7-logged__content .partner {
  font-family: var(--header-desktop-menu-font-family);
  font-size: 18px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .header-7-logged__content .description, .header-7-logged__content .partner {
    font-size: 24px;
  }
}
.header-7-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
@media (min-width: 992px) {
  .header-7-logged__content-logo {
    position: relative;
    bottom: 39px;
    display: flex;
  }
}
.header-7-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
.header-7-logged__content-logo img:first-child {
  height: 37px;
  width: 106px;
  margin-right: 1.1rem;
}
@media (min-width: 350px) {
  .header-7-logged__content-logo img:first-child {
    height: 45px;
    width: 120px;
  }
}
@media (min-width: 992px) {
  .header-7-logged__content-logo img:first-child {
    height: 80px;
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .header-7-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-7-logged__content-mobile-menu {
  display: grid;
}
.header-7-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-7-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-7-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-7-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-7-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-7-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 22px;
  }
}
@media (min-width: 1200px) {
  .header-7-logged__content-actions-container {
    grid-gap: 55px;
  }
}
.header-7-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-7-logged__content-others-counter {
  width: 100%;
  display: none;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: var(--footer-color-counter);
  margin-left: 10px;
  position: relative;
}
@media (min-width: 350px) {
  .header-7-logged__content-others-counter {
    margin-left: 2.5rem;
  }
}
@media (min-width: 992px) {
  .header-7-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    display: flex;
  }
}
@media (min-width: 1200px) {
  .header-7-logged__content-others-counter {
    top: 4px;
  }
}
.header-7-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-7-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--footer-color-counter-number);
  margin: 0;
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-7-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-7-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-7-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-7-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-7-logged__content-others-counter-desc, .header-7-logged__content-others-counter-num, .header-7-logged__content-others-counter-part {
  font-family: var(--header-counter-font-family);
  font-size: 18px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .header-7-logged__content-others-counter-desc, .header-7-logged__content-others-counter-num, .header-7-logged__content-others-counter-part {
    font-size: 24px;
  }
}
.header-7-logged__content-others-counter-num {
  font-weight: 700 !important;
}
.header-7-logged__content-others-counter-part {
  display: none;
}
.header-7-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-7-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-7-logged__content-notifications {
    right: -25px;
  }
}
.header-7-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-7-logged__content-notifications-box {
    width: 375px;
  }
}
.header-7-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-7-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-7-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-7-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-7-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-7-logged__content-notifications-box-message b,
.header-7-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-7-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-7-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-7-logged__content-notifications-counter {
  display: none;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-7-logged__content-notifications-counter {
    display: flex;
    margin-left: 0;
  }
}
.header-7-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-7-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-7-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-7-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-7-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-7-logged__content-user a.loggedInMenu {
  color: var(--header-color-text);
  min-width: 70px;
  font-family: var(--header-counter-font-family);
  font-weight: 700;
  font-size: var(--header-mobile-font-size);
}
.header-7-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-7-logged__content-user a.exit {
  color: var(--header-color-text);
  padding-left: 10px;
  font-size: 12px;
  font-family: var(--header-counter-font-family);
}
.header-7-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-7-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-7-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-7-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-7-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-7-logged__content-user-points {
    display: block;
  }
}
.header-7-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-7-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-7-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-start;
  display: none;
  width: 90%;
  margin-left: 0;
  position: relative;
  left: -37px;
  top: 8px;
}
@media (min-width: 992px) {
  .header-7-logged__content-navigation {
    display: flex;
    max-width: 1200px;
    gap: 7px;
  }
}
@media (min-width: 1200px) {
  .header-7-logged__content-navigation {
    width: 100%;
  }
}
.header-7-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  font-family: var(--home-private-font-family-medium);
  padding: var(--header-desktop-menu-items-padding);
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-7-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-7-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
  border-radius: var(--header-button-radius);
}
.header-7-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-7-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-7-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-7-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-7-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-7-logged__content-icons {
    margin-left: 200px;
  }
  .header-7-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-7-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-7-logged--is-home {
  border: "0";
}
.header-7-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-7-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-7-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-7-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-7-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-7-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-7-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-7-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-7-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-7-logged__mobile-menu {
    display: none;
  }
}
.header-7-logged__mobile-menu img {
  width: 50%;
}
.header-7-logged__mobile-menu i {
  width: 70px;
}
.header-7-logged-checkout {
  width: 100%;
  height: 83px;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  position: relative;
}
@media (min-width: 992px) {
  .header-7-logged-checkout {
    height: auto;
  }
}
.header-7-logged-checkout__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 12px 16px;
}
.header-7-logged-checkout__container-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 9px;
}
@media (min-width: 992px) {
  .header-7-logged-checkout__container-content {
    margin-top: 0;
  }
}
.header-7-logged-checkout__social-list {
  height: 61px;
  display: flex !important;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}
.header-7-logged-checkout__social-list:before {
  content: "";
  width: 100%;
  border-bottom: var(--header-logged-border-top);
  position: absolute;
  left: 0;
  top: 65px;
}
.header-7-logged-checkout__social-list ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 23px;
}
.header-7-logged-checkout__social-list ul a {
  padding: 9.15px 8px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 24px;
  text-decoration: none;
}
.header-7-logged-checkout__button .feng-btn--primary.feng-btn--outline {
  width: 100%;
  color: var(--header-font-color);
  border-color: currentColor;
  font-weight: 500;
  font-size: 12px !important;
  padding: 6px 10px;
}
@media (min-width: 992px) {
  .header-7-logged-checkout__button .feng-btn--primary.feng-btn--outline {
    padding: 8px 12px;
  }
}
.header-7-logged-checkout__button .feng-btn--primary.feng-btn--outline:hover {
  color: var(--header-font-color) !important;
  border-color: currentColor !important;
  opacity: 0.7;
}
.header-7-logged-checkout__button .feng-btn--primary.feng-btn--outline i {
  font-size: 15px !important;
  margin-right: 7px;
  position: relative;
  bottom: 1px;
}
.header-7-logged-checkout__logo {
  width: 103px;
  height: 41px;
}
@media (min-width: 992px) {
  .header-7-logged-checkout__logo {
    width: 120.49px;
    height: 48px;
  }
}
.header-7-logged-checkout__logout {
  font-size: 19px !important;
}
.header-8 {
  width: 100%;
  height: var(--header-mobile-height);
  z-index: 1;
  border-bottom: 2px solid #fff;
  position: relative;
  background: var(--pre-home-background);
  top: 0;
}
.header-8--unlogged-home {
  position: absolute;
  background: var(--header-bg);
}
@media (min-width: 992px) {
  .header-8 {
    height: var(--header-desktop-height);
  }
}
.header-8__content-logo {
  display: flex;
}
.header-8--floating-login {
  height: 70px;
}
.header-8--floating-login .header-8__content {
  padding-top: 0px;
}
.header-8--floating-login .header-8__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-8--floating-login .header-8__content-navigation {
    display: grid;
  }
}
.header-8 * {
  box-sizing: border-box;
}
.header-8__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  bottom: 0;
  position: absolute;
  background: var(--header-counter-background);
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .header-8__counter {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-8__counter {
    margin-top: 0px;
    font-size: 24px;
    line-height: 25px;
    height: 66px;
    border-bottom: 26px solid black;
  }
}
.header-8__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-8__counter > .description, .header-8__counter .partner {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 18px;
}
@media (min-width: 992px) {
  .header-8__counter > .description, .header-8__counter .partner {
    font-size: 26px;
  }
}
.header-8__counter > .number {
  width: 166px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-counter-color);
  z-index: 999;
  border-left: solid 5px var(--header-counter-number-border-color);
  border-right: solid 5px var(--header-counter-number-border-color);
  border-top: solid 4px var(--header-counter-number-border-color);
  border-bottom: solid 4px var(--header-counter-number-border-color);
  margin: 0 0 0 6px;
  font-family: var(--header-counter-number-font-family);
  font-weight: bold;
  font-size: 33px;
  background: var(--header-counter-number-bg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 767px) {
  .header-8__counter > .number {
    margin: 0 14px;
  }
}
@media (min-width: 992px) {
  .header-8__counter > .number {
    margin: 0 18px;
    width: 198px;
    height: 66px;
    font-size: 50px;
  }
}
.header-8__counter > .number > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
}
.header-8__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-8__counter > .partner {
    display: block;
  }
}
.header-8__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0 3%;
  overflow: visible;
  grid-template: auto/65px max-content;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  padding-bottom: var(--header-mobile-content-padding);
}
@media (min-width: 576px) {
  .header-8__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-8__content {
    width: var(--max-width-md);
    grid-template: auto/89px max-content;
  }
}
@media (min-width: 1200px) {
  .header-8__content {
    width: var(--max-width);
  }
}
.header-8__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-8__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-8__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-8__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-8__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  grid-template: auto/auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-8__content-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-8__content-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-8__content-navigation {
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-8__content-navigation {
    margin-top: 0px;
  }
}
.header-8__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-8__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-8__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-8__content-navigation a:first-child {
  color: var(--primary-light);
}
.header-8__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-8__content-navigation fengstui-button button {
  display: flex;
  color: var(--pre-home-text-color) !important;
  background-color: var(--pre-home-login-button-background) !important;
  border-radius: 5px;
  font-family: var(--preHome-font-title);
}
.header-8-logged {
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .header-8-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-8-logged__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 10px 12px;
}
@media (min-width: 992px) {
  .header-8-logged__content {
    max-width: var(--max-width);
    margin: auto;
  }
}
.header-8-logged__content__wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-8-logged__content__wrapper-mobile-menu {
  display: grid;
}
.header-8-logged__content__wrapper-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-8-logged__content__wrapper-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-8-logged__content__wrapper-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-8-logged__content__wrapper-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-8-logged__content__wrapper-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
.header-8-logged__content__wrapper-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-8-logged__content__wrapper-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-8-logged__content__desktopCounter {
  display: none;
}
@media (min-width: 992px) {
  .header-8-logged__content__desktopCounter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 20px;
    color: #f8f8f8;
  }
}
.header-8-logged__content__desktopCounter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-8-logged__content__desktopCounter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  font-weight: 700;
  margin: 0;
  font-family: var(--font-primary);
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-8-logged__content__desktopCounter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-8-logged__content__desktopCounter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .header-8-logged__content__desktopCounter > .partner {
    display: block;
  }
}
.header-8-logged__content__others {
  display: flex;
  align-items: center;
  justify-content: end;
}
.header-8-logged__content__others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-8-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-8-logged__content-notifications {
    right: -25px;
  }
}
.header-8-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-8-logged__content-notifications-box {
    width: 375px;
  }
}
.header-8-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-8-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-8-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-8-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-8-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-8-logged__content-notifications-box-message b,
.header-8-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-8-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-8-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-8-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-8-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-8-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 35px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-8-logged__content-notifications i.fengi-bell {
    right: 20px;
  }
}
.header-8-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-8-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-8-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-8-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
  font-weight: 700;
}
.header-8-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-8-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-8-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-8-logged__content-user-photo i {
  font-size: 20px;
  padding: 0;
  color: black;
}
.header-8-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-8-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-8-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-8-logged__content-user-points {
    display: block;
    border: 2px solid #616161;
    border-radius: 20px;
    padding: 6px 16px;
  }
}
.header-8-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-8-logged__content-user i.fengi-sign-out-2 {
  font-size: 24px;
}
.header-8-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-8-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-8-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-8-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-8-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-8-logged__content-icons {
    margin-left: 200px;
  }
  .header-8-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-8-logged-divider {
  display: none;
}
@media (min-width: 992px) {
  .header-8-logged-divider {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--header-divider-background);
    margin: 10px 0px;
  }
}
.header-8-logged__navMenu {
  display: none;
}
@media (min-width: 992px) {
  .header-8-logged__navMenu {
    max-width: var(--max-width);
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
    padding: 0px 15px;
    margin: auto;
  }
}
.header-8-logged__navMenu a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-8-logged__navMenu a:hover {
  opacity: 0.75;
}
.header-8-logged__navMenu a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
  font-weight: bold;
}
.header-8-logged__mobileCounter {
  background-color: var(--header-counter-background);
  color: var(--primary);
  text-align: center;
  padding: 15px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .header-8-logged__mobileCounter {
    display: none;
  }
}
.header-8-logged__mobileCounter .number {
  font-weight: 700;
  font-size: 20px;
}
.header-8-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-8-logged--is-home {
  border: "0";
}
.header-8-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-8-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-8-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-8-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-8-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-8-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-8-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-8-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-8-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-8-logged__mobile-menu {
    display: none;
  }
}
.header-8-logged__mobile-menu img {
  width: 50%;
}
.header-8-logged__mobile-menu i {
  width: 70px;
}
.header-9 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-mobile-bg);
  background-color: black;
  height: var(--header-mobile-height);
  position: relative;
}
@media (min-width: 992px) {
  .header-9 {
    justify-content: center;
    align-items: center;
    background: var(--header-bg);
    background-color: black;
    height: var(--header-desktop-height);
  }
}
.header-9__content-logo {
  display: flex;
}
.header-9--floating-login {
  height: 70px;
}
.header-9--floating-login .header-9__content {
  padding-top: 0px;
}
.header-9--floating-login .header-9__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-9--floating-login .header-9__content-navigation {
    display: grid;
  }
}
.header-9 * {
  box-sizing: border-box;
}
.header-9__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
  background: var(--header-counter-background);
  padding: 0 14px;
  position: initial;
  clip-path: none;
  border-top: 2px solid var(--secondary);
  z-index: 999;
}
.header-9__counter > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-9__counter--hideCounter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
  background: var(--header-counter-background);
  padding: 0 14px;
  position: initial;
  clip-path: none;
  border-top: 2px solid var(--secondary);
  z-index: 999;
}
.header-9__counter--hideCounter > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .header-9__counter--hideCounter {
    display: none;
  }
}
@media (min-width: 992px) {
  .header-9__counter {
    width: 360px;
    margin-top: 0px;
    font-size: 24px;
    line-height: 25px;
    height: 70px;
    padding: 0;
    right: 0;
    bottom: -36px;
    position: absolute;
    justify-content: center;
    clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .header-9__counter > div {
    justify-content: center;
  }
}
.header-9__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-9__counter > div > .partner {
  display: none;
}
@media (min-width: 400px) {
  .header-9__counter > div > .partner {
    display: block;
  }
}
@media (min-width: 992px) {
  .header-9__counter > div > .partner {
    display: none;
  }
}
.header-9__counter > div > .description > div {
  display: none;
}
@media (min-width: 992px) {
  .header-9__counter > div > .description > div {
    display: block;
  }
}
.header-9__counter > div > .description, .header-9__counter .partner {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 15px;
  font-weight: normal;
  line-height: 100%;
}
@media (min-width: 992px) {
  .header-9__counter > div > .description, .header-9__counter .partner {
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    line-height: 21px;
  }
}
.header-9__counter > div > .number {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-counter-color);
  z-index: 999;
  border: 0;
  line-height: 100%;
  margin: 0 4px;
  font-family: "Titillium Web";
  font-weight: normal;
  font-size: 16px;
  background: var(--header-counter-number-bg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .header-9__counter > div > .number {
    margin: 0 8px;
    font-family: var(--header-counter-number-font-family);
    font-weight: bold;
    margin: 0 18px 8px;
    font-size: 46px;
  }
}
.header-9__counter > div > .number > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
  outline: 0;
  line-height: 100%;
  margin-left: 0;
  margin-bottom: 3px;
}
@media (min-width: 992px) {
  .header-9__counter > div > .number > span {
    margin-bottom: 0;
    margin-left: 10px;
  }
}
.header-9__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-9__counter > .partner {
    display: block;
  }
}
.header-9__counter-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-9__counter-navigation--separator {
  display: none;
}
.header-9__counter-navigation--register {
  color: var(--secondary);
}
.header-9__counter-navigation > :last-child {
  display: none;
}
@media (min-width: 576px) {
  .header-9__counter-navigation > :last-child {
    display: block;
  }
  .header-9__counter-navigation--separator {
    display: block;
    border-left: solid 1px var(--secondary);
    height: 100%;
    width: 1px;
  }
}
@media (min-width: 992px) {
  .header-9__counter-navigation {
    display: none;
  }
}
.header-9__counter-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-9__counter-navigation a:hover {
  font-weight: normal;
}
@media (min-width: 992px) {
  .header-9__counter-navigation a:hover {
    font-weight: bold;
  }
}
.header-9__counter-navigation a i {
  font-size: 12px;
  margin-right: 4px;
}
.header-9__content {
  width: 100%;
  height: 100px;
  display: grid;
  grid-gap: 0;
  padding: 0 3%;
  overflow: visible;
  grid-template: auto/65px max-content;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--header-mobile-content-padding);
}
@media (min-width: 576px) {
  .header-9__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-9__content {
    width: var(--max-width-md);
    grid-template: auto/89px max-content;
    padding-bottom: var(--header-desktop-content-padding);
  }
}
@media (min-width: 1200px) {
  .header-9__content {
    width: var(--max-width);
  }
}
.header-9__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-9__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-9__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-9__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-9__content-navigation {
  display: none;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  position: absolute;
  top: 40px;
  right: 20px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-9__content-navigation--separator {
  display: none;
}
.header-9__content-navigation--register {
  color: var(--secondary);
}
.header-9__content-navigation > :last-child {
  display: none;
}
@media (min-width: 576px) {
  .header-9__content-navigation {
    grid-gap: 14px;
    justify-content: flex-end;
    text-align: left;
  }
  .header-9__content-navigation > :last-child {
    display: block;
  }
}
@media (min-width: 992px) {
  .header-9__content-navigation {
    display: grid;
    top: 30px;
    margin-top: 0px;
    grid-template: auto auto auto/auto;
    text-align: right;
    right: 190px;
  }
}
@media (min-width: 1550px) {
  .header-9__content-navigation {
    grid-template: auto/auto auto;
    text-align: center;
    grid-gap: 30px;
    top: 44px;
    right: 150px;
  }
  .header-9__content-navigation--separator {
    display: block;
    border-left: solid 1px #E7E7E7;
    height: 100%;
    width: 1px;
  }
}
.header-9__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-9__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-9__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-9__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-9-logged {
  display: grid;
  background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/mobile-cruz-faixa-header.png) no-repeat top 50% left 70%/auto;
  background-color: black;
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 84px;
  border-bottom: 8px solid var(--secondary);
}
@media (min-width: 992px) {
  .header-9-logged {
    background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det1.png) no-repeat top left/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det2.png) no-repeat top right/auto;
    background-color: black;
    height: 185px;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .header-9-logged {
    background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/cruz-malta-transp.png) no-repeat top left 35%/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det1.png) no-repeat top left/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det2.png) no-repeat top right -3%/auto;
    background-color: black;
  }
}
@media (min-width: 1700px) {
  .header-9-logged {
    background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/cruz-malta-transp.png) no-repeat top left 39%/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det1.png) no-repeat top left/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det2.png) no-repeat top right/auto;
    background-color: black;
  }
}
@media (min-width: 1919px) {
  .header-9-logged {
    background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/cruz-malta-transp.png) no-repeat top left 37%/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det1.png) no-repeat top left/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det2.png) no-repeat top right/auto;
    background-color: black;
  }
}
.header-9-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px 74px max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-9-logged__content {
    grid-gap: 30px;
    padding: 0 10px;
    grid-template: auto/68px auto;
    width: 110%;
  }
}
@media (min-width: 1200px) {
  .header-9-logged__content {
    width: var(--max-width);
  }
}
.header-9-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
}
@media (min-width: 992px) {
  .header-9-logged__content-logo {
    display: flex;
    margin-top: -50px;
  }
}
@media (min-width: 1200px) {
  .header-9-logged__content-logo {
    margin-top: 0;
  }
}
@media (min-width: 1919px) {
  .header-9-logged__content-logo {
    margin-left: -80px;
  }
}
@media (min-width: 2000px) {
  .header-9-logged__content-logo {
    margin-left: -200px;
  }
}
.header-9-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-9-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-9-logged__content-mobile-menu {
  display: grid;
}
.header-9-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-9-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-9-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-9-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-9-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-9-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 30px;
  }
}
.header-9-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
@media (min-width: 992px) {
  .header-9-logged__content-others {
    margin-top: 30px;
  }
}
.header-9-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
  margin-left: 2.5rem;
}
@media (min-width: 992px) {
  .header-9-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
    margin-left: 0;
  }
}
.header-9-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-9-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: CityDBol;
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-9-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-9-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-9-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-9-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-9-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-9-logged__content-notifications {
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.header-9-logged__content-notifications-box {
  position: absolute;
  top: 47px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 200px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
  transition: all 1s;
  opacity: 0;
  visibility: hidden;
  right: 0;
}
@media (min-width: 992px) {
  .header-9-logged__content-notifications-box {
    right: 194px;
    width: 225px;
  }
}
@media (min-width: 1380px) {
  .header-9-logged__content-notifications-box {
    right: 121px;
  }
}
.header-9-logged__content-notifications-box > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.header-9-logged__content-notifications-box > div :last-of-type {
  margin-bottom: 0;
}
.header-9-logged__content-notifications-box-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--secondary);
  z-index: 2;
  color: black;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  border-radius: 100%;
  font-size: 10px;
  float: left;
  margin: 5px 5px 0 0;
}
@media (min-width: 992px) {
  .header-9-logged__content-notifications-box-counter {
    font-size: 11px;
  }
}
.header-9-logged__content-notifications-box.show {
  visibility: visible;
  opacity: 1;
}
.header-9-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 88%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-9-logged__content-notifications-box-arrow {
    left: 86.5%;
  }
}
.header-9-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-size: 17px;
}
.header-9-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-9-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 15px;
  margin: 4px 0 0;
}
.header-9-logged__content-notifications-box-message b,
.header-9-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-9-logged__content-notifications-box-details {
  margin: 0;
  font-size: 13px;
}
.header-9-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto;
  height: 1px;
  background-color: lightgray;
}
.header-9-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-9-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 10px;
  top: 18px;
}
@media (min-width: 992px) {
  .header-9-logged__content-notifications-counter {
    font-size: 11px;
    top: 12px;
  }
}
.header-9-logged__content-notifications i.fengi-bell {
  position: relative;
  color: #f8f8f8;
  height: 19px;
  font-size: 32px;
}
@media (min-width: 992px) {
  .header-9-logged__content-notifications i.fengi-bell {
    font-size: 28px;
  }
}
.header-9-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .header-9-logged__content-user {
    padding-right: 78px;
  }
}
@media (min-width: 1380px) {
  .header-9-logged__content-user {
    padding-right: 4px;
  }
}
.header-9-logged__content-user a {
  text-decoration: none;
  font-size: 18px;
  font-weight: normal;
}
.header-9-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-9-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-9-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-9-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-9-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-9-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-9-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-9-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-9-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-9-logged__content-user-points {
    display: block;
  }
}
.header-9-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-9-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-9-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .header-9-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-9-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
  }
}
.header-9-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  margin-top: 15px;
  color: var(--menu-itens-color);
  background-color: rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-9-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-9-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-9-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-9-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-9-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-9-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-9-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-9-logged__content-icons {
    margin-left: 200px;
  }
  .header-9-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-9-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-9-logged--is-home {
  border: "0";
}
.header-9-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-9-logged__mobile-menu.--open {
  top: 84px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-9-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-9-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-9-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-9-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-9-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-9-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-9-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-9-logged__mobile-menu {
    display: none;
  }
}
.header-9-logged__mobile-menu img {
  width: 50%;
}
.header-9-logged__mobile-menu i {
  width: 70px;
}
.header-10 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  position: relative;
}
@media (min-width: 992px) {
  .header-10 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-10__content-logo {
  display: flex;
}
.header-10--floating-login {
  height: 70px;
}
.header-10--floating-login .header-10__content {
  padding-top: 0px;
}
.header-10--floating-login .header-10__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-10--floating-login .header-10__content-navigation {
    display: grid;
  }
}
.header-10 * {
  box-sizing: border-box;
}
.header-10__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  bottom: 0;
  position: absolute;
  background: var(--header-counter-background);
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .header-10__counter {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-10__counter {
    margin-top: 0px;
    font-size: 24px;
    line-height: 25px;
    height: 47px;
    border-bottom: 12px solid black;
  }
}
.header-10__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-10__counter > .description, .header-10__counter .partner {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 18px;
}
@media (min-width: 992px) {
  .header-10__counter > .description, .header-10__counter .partner {
    font-size: 26px;
  }
}
.header-10__counter > .number {
  width: 130px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-counter-color);
  z-index: 999;
  border-left: solid 12px var(--header-counter-number-border-color);
  border-right: solid 12px var(--header-counter-number-border-color);
  border-top: solid 0 var(--header-counter-number-border-color);
  border-bottom: solid 11px var(--header-counter-number-border-color);
  margin: 0 0 0 6px;
  font-family: var(--header-counter-number-font-family);
  font-weight: bold;
  font-size: 36px;
}
@media (min-width: 767px) {
  .header-10__counter > .number {
    margin: 0 10px;
  }
}
@media (min-width: 992px) {
  .header-10__counter > .number {
    margin: 0 10px;
    width: 160px;
    height: 56px;
    font-size: 45px;
  }
}
.header-10__counter > .number > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  background: var(--header-counter-number-bg);
}
.header-10__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-10__counter > .partner {
    display: block;
  }
}
.header-10__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0 5px;
  overflow: visible;
  grid-template: auto/65px max-content;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--header-mobile-content-padding);
}
@media (min-width: 576px) {
  .header-10__content {
    grid-gap: 20px;
    padding: 0 3%;
    padding-bottom: var(--header-mobile-content-padding);
  }
}
@media (min-width: 992px) {
  .header-10__content {
    width: var(--max-width-md);
    grid-template: auto/89px max-content;
    padding: 0;
    padding-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .header-10__content {
    width: var(--max-width);
  }
}
.header-10__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-10__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-10__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-10__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-10__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-10__content-navigation--separator {
  border-left: solid 0.6px var(--secondary);
  height: 70%;
  width: 1px;
}
.header-10__content-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-10__content-navigation {
    grid-gap: 14px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-10__content-navigation {
    margin-top: 0px;
  }
}
.header-10__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-10__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-10__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-10__content-navigation a:first-child {
  color: var(--secondary);
}
.header-10__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-10-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: 8px solid var(--secondary);
}
@media (min-width: 992px) {
  .header-10-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-10-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px 74px max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-10-logged__content {
    grid-gap: 30px;
    padding: 0 10px;
    grid-template: auto/68px auto;
  }
}
@media (min-width: 1200px) {
  .header-10-logged__content {
    width: var(--max-width);
  }
}
.header-10-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
@media (min-width: 992px) {
  .header-10-logged__content-logo {
    margin-top: -50px;
    display: flex;
  }
}
.header-10-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-10-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-10-logged__content-mobile-menu {
  display: grid;
}
.header-10-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-10-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-10-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-10-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-10-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-10-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 55px;
  }
}
.header-10-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-10-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
}
@media (min-width: 992px) {
  .header-10-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
  }
}
.header-10-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-10-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: 0;
  font-family: var(--header-counter-number-font-family) !important;
  font-weight: bolder;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-10-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-10-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-10-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-10-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-10-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-10-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-10-logged__content-notifications {
    right: -25px;
  }
}
.header-10-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-10-logged__content-notifications-box {
    width: 375px;
  }
}
.header-10-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-10-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-10-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-10-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-10-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-10-logged__content-notifications-box-message b,
.header-10-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-10-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-10-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-10-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-10-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-10-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-10-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-10-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-10-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-10-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-10-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-10-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-10-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-10-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-10-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-10-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-10-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-10-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .header-10-logged__content-user-points {
    display: block;
  }
}
.header-10-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-10-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-10-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .header-10-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-10-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
  }
}
.header-10-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-10-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-10-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-10-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-10-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-10-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-10-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-10-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-10-logged__content-icons {
    margin-left: 200px;
  }
  .header-10-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-10-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-10-logged--is-home {
  border: "0";
}
.header-10-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-10-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-10-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-10-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-10-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-10-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-10-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-10-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-10-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-10-logged__mobile-menu {
    display: none;
  }
}
.header-10-logged__mobile-menu img {
  width: 50%;
}
.header-10-logged__mobile-menu i {
  width: 70px;
}
.sm-login-actions {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "." ".";
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 10;
}
.sm-login-actions button {
  display: block;
  margin: auto;
  margin-bottom: 5px;
}
.sm-login-actions button.seja-socio {
  width: 90%;
}
.sm-login-actions button.faca-login {
  width: 100%;
  color: #B11116;
  background: #fff;
}
.sm-login-actions button.faca-login i {
  color: #B11116;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .sm-login-actions {
    display: none;
  }
}
.header-logged {
  color: #fff;
  box-shadow: none;
  background: #C11D1E;
  width: 100%;
  position: inherit;
  z-index: 9;
}
.header-logged--menu-opened {
  position: "fixed";
  top: "0";
}
.header-logged--is-home {
  border: "0";
}
.header-logged ._selected {
  border-bottom: 2px solid #C11D1E;
  font-weight: 600;
}
@media (min-width: 992px) {
  .header-logged {
    height: 184px;
    position: relative;
  }
}
.header-logged .notifications-box {
  position: absolute;
  right: -14px;
  top: 45px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .header-logged .notifications-box {
    right: 227px;
    width: 375px;
  }
}
.header-logged .notification-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-logged .arrow-message-box {
  width: 0px;
  height: 0;
  left: 89%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
.header-logged .notifications-title {
  font-weight: bold;
}
.header-logged .notification-message {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 17px;
}
.header-logged .separator {
  width: 100%;
  margin: 0 auto;
  height: 1px;
  background-color: lightgray;
}
.header-logged .notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.header-logged .notifications .fengi-bell {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-logged .notifications .number-notification {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 10px;
  background-color: black;
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 23px;
  height: 23px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
}
@media (min-width: 992px) {
  .header-logged .notifications .number-notification {
    margin-left: 0;
  }
}
.header-logged .header-wrapper {
  margin: auto;
  max-width: 1200px;
  padding: 0 20px;
  height: 65px;
}
@media (min-width: 1200px) {
  .header-logged .header-wrapper {
    padding: 0;
  }
}
.header-logged .header-wrapper .logoST {
  object-fit: contain;
  height: auto;
  width: 65px;
}
@media (min-width: 992px) {
  .header-logged .header-wrapper .logoST {
    height: auto;
    width: 120px;
  }
}
.header-logged .header-wrapper .counter {
  color: #fff;
  font-size: 27px;
  top: -2px;
  z-index: 9;
  align-items: center;
  display: none;
  font-style: normal;
}
@media (min-width: 992px) {
  .header-logged .header-wrapper .counter {
    display: flex;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .header-logged .header-wrapper .counter {
    font-size: 25px;
  }
}
.header-logged .header-wrapper .counter span.description {
  color: #fff;
  font-size: 15px;
  padding-right: 20px;
  text-align: center;
}
@media (min-width: 992px) {
  .header-logged .header-wrapper .counter span.description {
    font-size: 20px;
  }
}
.header-logged .header-wrapper .counter span.description .number {
  color: #fff;
  font-size: 27px;
  font-weight: 900;
  letter-spacing: 4px;
  text-align: end;
  font-weight: bolder;
}
.header-logged .header-wrapper .counter .number {
  font-size: 27px;
  padding-right: 20px;
  font-weight: bolder;
}
.header-logged .menu {
  background-color: #fff;
}
.header-logged .menu .opcoes {
  text-align: center;
  background-color: #fff;
  color: black;
  display: grid;
  grid-template-columns: auto auto auto auto;
  padding: 50px 0 25px 0;
  font-size: 0.9em;
}
.header-logged .menu a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-logged .menu .option {
    max-width: 400px;
    margin: 0 auto;
  }
}
.header-logged .container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 65px;
}
.header-logged .container .menu-desktop-logado {
  display: none;
}
@media (min-width: 992px) {
  .header-logged .container {
    height: 134px;
  }
  .header-logged .container .menu-desktop-logado {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .header-logged .container .menu-desktop-logado ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    grid-template: auto/auto auto auto auto auto auto auto;
    grid-gap: 30px;
  }
  .header-logged .container .menu-desktop-logado ul li {
    display: inline;
  }
  .header-logged .container .menu-desktop-logado ul li a {
    display: inline-block;
    color: #404040;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: lighter;
    padding: 4px 4px 6px 4px;
  }
}
.header-logged .container .items a {
  text-decoration: none;
  color: #fff;
}
.header-logged .container .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-logged .container .menuRouter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.header-logged .container .menuRouter .menu-mobile {
  color: #fff;
}
.header-logged .container .menuRouter .menu-mobile i {
  font-size: 26px;
  height: 20px;
  font-weight: 700;
}
.header-logged .container .menuRouter .menu-mobile .fengi-x1 {
  font-size: 15px;
  padding-right: 11px;
}
.header-logged .container .menuRouter .route-menu {
  padding-left: 5px;
  font-size: 13px;
  color: #fff;
  align-items: center;
  min-width: 30px;
  max-width: 30px;
}
.header-logged .container .logo img {
  width: 50px;
  margin: em(10) 0;
  top: 10px;
}
@media (min-width: 992px) {
  .header-logged .container .logo {
    position: absolute;
    left: calc(50% - 50px);
    margin-top: em(15);
  }
  .header-logged .container .logo img {
    width: 100%;
    height: auto;
    margin: 0;
  }
}
.header-logged .container .icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-logged .container .icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-logged .container .icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-logged .container .icons {
    margin-left: 200px;
  }
  .header-logged .container .icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-logged .menu-bar {
  display: none;
  height: 46px;
  background: #1E1E1E;
  position: relative;
  bottom: -73px;
  width: 100%;
}
@media (min-width: 992px) {
  .header-logged .menu-bar {
    display: flex;
  }
}
.header-logged .menu-bar ul {
  padding: 0px;
  list-style: none;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  align-items: center;
}
.header-logged .menu-bar ul .item-menu {
  display: inline;
  text-decoration: none;
  color: #fff;
  text-align: center;
}
.header-logged .menu-bar ul .item-menu a {
  cursor: pointer;
  color: #efefef;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
  min-width: 100%;
  padding: 15px;
}
.header-logged .menu-bar ul .item-menu a:hover {
  border-bottom: 2px solid #B11116;
}
.header-logged .menu-bar ul .item-menu:active {
  outline: 0;
  display: inline;
  text-decoration: none;
  color: #fff;
  text-align: center;
  justify-content: space-around;
}
.header-logged .menu-bar ul .item-menu:active a {
  cursor: pointer;
  color: #efefef;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
  min-width: 100%;
  padding: 15px;
}
.header-logged .user {
  position: relative;
  display: flex;
  align-items: center;
}
.header-logged .user .fengi-user:before {
  color: white;
}
.header-logged .user a {
  text-decoration: none;
  color: var(--primary);
  font-size: 16px;
  font-weight: normal;
}
.header-logged .user a img {
  margin: 0;
  z-index: 1;
}
.header-logged .user a span {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.header-logged .user a i {
  padding-left: em(12);
  font-size: 1.75em;
}
.header-logged .user a.loggedInMenu {
  color: #fff;
  font-weight: 900;
  min-width: 70px;
}
.header-logged .user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-logged .user a.pic {
  background: #d8d8d8;
  border-radius: 50%;
  min-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .header-logged .user a.pic {
    margin-right: em(14);
    min-width: 40px;
    height: 40px;
  }
}
.header-logged .user a.pic img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .header-logged .user a.pic img {
    width: 40px;
    height: 40px;
  }
}
.header-logged .user a.pic i {
  font-size: 16px;
  padding: 0;
  color: black;
}
.header-logged .user a.pic span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-logged .user a.exit {
  color: #fff;
  padding-left: 10px;
  font-size: 12px;
}
.header-logged .user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-logged .user .fengi-bell {
  position: relative;
  color: #fff;
  font-size: 32px;
  height: 19px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-logged .user .fengi-bell {
    right: 20px;
    font-size: 22px;
  }
}
.header-logged .user span {
  margin: 0px 0px 0px 20px;
  display: none;
  font-weight: bold;
  cursor: pointer;
}
@media (min-width: 992px) {
  .header-logged .user span {
    display: block;
  }
}
.menu-lateral {
  position: fixed;
  background-color: black;
  color: #fff;
  height: 100%;
  z-index: 9;
  width: 100%;
  top: -100%;
  transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
  text-align: left;
  opacity: 0;
  display: block;
  font-size: 18px;
}
.menu-lateral p {
  font-size: 18px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.menu-lateral h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
@media (min-width: 992px) {
  .menu-lateral {
    display: none;
  }
}
@media (max-height: 530px) {
  .menu-lateral .opcoes {
    overflow: scroll;
    height: 50%;
  }
}
.menu-lateral .opcoes {
  display: grid;
  grid-template: auto/auto;
  color: #fff;
}
.menu-lateral .opcoes i {
  font-size: 40px;
  position: relative;
  left: 41%;
}
.menu-lateral h3 {
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.menu-lateral h3.logout-mobile {
  text-align: left;
  border: 0;
  padding-right: 20px;
  font-size: 17px;
  text-align: left;
  padding: 8px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.menu-lateral h3.logout-mobile > i {
  position: relative;
  top: 3px;
}
.menu-lateral img {
  width: 50%;
}
.menu-lateral i {
  width: 70px;
}
.menu-lateral-open {
  top: 60px;
  transition: 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
}
.menu-lateral-open .option {
  display: grid;
}
.menu-lateral-open .option h3 {
  min-height: 100%;
  max-height: 100%;
}
.menu-lateral-open .user-menu {
  background-color: #d2232a;
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.logout-mobile-menu {
  padding: 10px 0 10px 10px;
  position: absolute;
  right: 10px;
  bottom: 80px;
  font-size: 45px;
}
.counter-mobile {
  background-color: black;
  min-height: 40px;
  max-height: 40px;
  color: #fff;
  font-size: 20px;
  top: -2px;
  z-index: 9;
  align-items: center;
  display: grid;
  grid-template: auto/auto auto auto;
  grid-gap: 5px;
  padding-left: 20px;
  padding-right: 19px;
  justify-content: center;
  font-style: normal;
  align-items: center;
}
@media (min-width: 992px) {
  .counter-mobile {
    display: none;
  }
}
.counter-mobile span.description {
  color: #fff;
  font-size: 15px;
  text-align: center;
}
.counter-mobile span .partner {
  min-width: 133px;
}
.counter-mobile .number {
  color: #fff;
  letter-spacing: 3px;
  font-size: 20px;
  font-weight: bolder;
}
.header-11 {
  top: 0;
  width: 100%;
  display: grid;
  background: #FAFAFA;
  height: var(--header-mobile-height);
  position: relative;
  z-index: 999;
}
@media (min-width: 992px) {
  .header-11 {
    justify-content: center;
    background: #FAFAFA;
    height: var(--header-desktop-height);
  }
}
.header-11__color1 {
  height: var(--header-mobile-height);
  position: absolute;
  top: 0;
  width: 2%;
  background-color: #034731;
}
@media (min-width: 992px) {
  .header-11__color1 {
    height: var(--header-desktop-height);
    width: 4%;
    left: 0%;
  }
}
.header-11__color2 {
  height: var(--header-mobile-height);
  position: absolute;
  top: 0;
  width: 2%;
  left: 2%;
  background-color: #18815F;
}
@media (min-width: 992px) {
  .header-11__color2 {
    height: var(--header-desktop-height);
    width: 4%;
    left: 4%;
  }
}
.header-11__color3 {
  height: var(--header-mobile-height);
  position: absolute;
  top: 0;
  width: 2%;
  left: 4%;
  background-color: #E7E7E7;
}
@media (min-width: 992px) {
  .header-11__color3 {
    height: var(--header-desktop-height);
    width: 4%;
    left: 8%;
  }
}
.header-11__color4 {
  height: var(--header-mobile-height);
  position: absolute;
  top: 0;
  width: 2%;
  left: 6%;
  background-color: #13AC7B;
}
@media (min-width: 992px) {
  .header-11__color4 {
    height: var(--header-desktop-height);
    width: 4%;
    left: 12%;
  }
}
.header-11__content__become-partner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.header-11__content__become-partner span {
  font-size: 14px;
  color: #188150;
}
@media (min-width: 992px) {
  .header-11__content__become-partner span {
    font-size: 16px;
    margin-top: 18px;
  }
}
@media (min-width: 992px) {
  .header-11__content__become-partner {
    font-size: 16px;
    margin-top: 18px;
  }
}
.header-11__content__become-partner__title {
  display: flex;
  flex-direction: column;
  margin-top: 7px;
}
@media (min-width: 992px) {
  .header-11__content__become-partner__title {
    flex-direction: row;
    gap: 3.5px;
    margin-top: 0;
  }
}
.header-11__content__become-partner__title div {
  display: flex;
  flex-direction: row;
  gap: 3.5px;
}
.header-11__content-logo {
  display: flex;
}
.header-11--floating-login {
  height: 70px;
}
.header-11 * {
  box-sizing: border-box;
}
.header-11__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-family: var(--font-primary);
  line-height: 16px;
  font-weight: 500;
  color: #fff;
  bottom: 0;
  position: absolute;
  background: var(--header-counter-background);
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .header-11__counter {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-11__counter {
    margin-top: 0px;
    line-height: 25px;
    height: 36px;
  }
}
.header-11__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-11__counter > .description, .header-11__counter .partner {
  font-family: var(--header-counter-font-family);
  color: #fff;
  font-size: 17px;
}
.header-11__counter > .number {
  width: 164px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--header-counter-background);
  border-radius: 10px;
  background: var(--header-counter-background);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .header-11__counter > .number {
    width: 205px;
    height: 63px;
  }
}
.header-11__counter > .number > div {
  width: 150px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--header-counter-number-bg);
  border-radius: 10px;
  font-size: 35px;
}
@media (min-width: 992px) {
  .header-11__counter > .number > div {
    width: 188px;
    height: 47px;
    font-size: 45px;
  }
}
.header-11__counter > .number > div > span {
  color: #fff;
  font-family: var(--font-primary);
  font-weight: 700;
}
.header-11__content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 3%;
  overflow: visible;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--header-mobile-content-padding);
}
@media (min-width: 992px) {
  .header-11__content {
    width: var(--max-width-md);
    padding-bottom: var(--header-desktop-content-padding);
  }
}
@media (min-width: 1200px) {
  .header-11__content {
    width: var(--max-width);
    justify-content: space-around;
  }
}
.header-11__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-11__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-11__content-logo img {
  z-index: 10;
  height: 50px;
  width: 50px;
}
@media (min-width: 992px) {
  .header-11__content-logo img {
    height: 117px;
    width: 117px;
  }
}
.header-11__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 5px;
  text-align: center;
  margin-top: 7px;
}
@media (min-width: 992px) {
  .header-11__content-navigation {
    grid-gap: 10px;
  }
}
.header-11__content-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-11__content-navigation--register {
  border-radius: 10px;
}
.header-11__content-navigation--register .feng-btn {
  font-size: 10px;
}
@media (min-width: 767px) {
  .header-11__content-navigation--register .feng-btn {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .header-11__content-navigation--register .feng-btn {
    font-size: 16px;
  }
}
@media (min-width: 576px) {
  .header-11__content-navigation {
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-11__content-navigation {
    margin-top: 36px;
  }
}
.header-11__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: 10px;
  font-family: var(--font-primary);
  font-weight: normal;
  text-transform: uppercase;
}
.header-11__content-navigation a:hover {
  font-weight: bold;
}
.header-11__content-navigation a span {
  margin-left: 4px;
}
@media (min-width: 992px) {
  .header-11__content-navigation a {
    font-size: 16px;
  }
}
.header-11__content-navigation a:first-child {
  color: var(--primary);
}
.header-11__content-navigation a i {
  font-size: 10px;
  margin-right: 4px;
  color: var(--primary);
}
@media (min-width: 992px) {
  .header-11__content-navigation a i {
    font-size: 16px;
  }
}
.header-11-logged {
  display: flex;
  justify-content: center;
  background: var(--header-logged-bg);
  width: 100%;
  z-index: 999;
  height: 68px;
  position: relative;
}
@media (min-width: 992px) {
  .header-11-logged {
    height: 192px;
    justify-content: center;
  }
}
.header-11-logged__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 5px;
  width: 100%;
  padding: 5px 12px;
}
@media (min-width: 992px) {
  .header-11-logged__content {
    margin: 0;
    justify-content: space-between;
    padding: 0 10px;
  }
}
@media (min-width: 1200px) {
  .header-11-logged__content {
    width: var(--max-width);
  }
}
.header-11-logged__content-navigation {
  color: var(--header-logged-bg);
  background-color: #E7E7E7;
  margin-top: 8px;
}
.header-11-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
  width: 55px;
  height: 55px;
}
@media (min-width: 992px) {
  .header-11-logged__content-logo {
    width: 117px;
    height: 117px;
    margin-top: -50px;
    display: flex;
  }
}
.header-11-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: 55px;
  height: 55px;
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-11-logged__content-logo img {
    margin-left: 0;
    width: 117px;
    height: 117px;
  }
}
.header-11-logged__content-mobile-menu {
  display: grid;
}
.header-11-logged__content-mobile-menu i {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
}
.header-11-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-11-logged__content-mobile-menu .fengi-x1::before {
  color: #fff;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-11-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-11-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-11-logged__content-actions-container {
    width: 100%;
    grid-template: auto auto/auto;
    grid-gap: 55px;
  }
}
.header-11-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
@media (min-width: 992px) {
  .header-11-logged__content-others {
    width: 100%;
  }
}
.header-11-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  color: #000;
}
@media (min-width: 992px) {
  .header-11-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
  }
}
.header-11-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-11-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-11-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-11-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-11-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-11-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-11-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .header-11-logged__content-others-action {
    margin-top: 32px;
  }
}
.header-11-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-11-logged__content-notifications {
    right: -25px;
  }
}
.header-11-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-11-logged__content-notifications-box {
    width: 375px;
  }
}
.header-11-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-11-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-11-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-11-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-11-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-11-logged__content-notifications-box-message b,
.header-11-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-11-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-11-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-11-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-11-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-11-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-11-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-11-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .header-11-logged__content-user {
    font-size: 35px;
    right: 20px;
    margin-top: 28px;
  }
}
.header-11-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-11-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-11-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-11-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-11-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-11-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-11-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-11-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-11-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-11-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-11-logged__content-user-points {
    display: block;
  }
}
.header-11-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-11-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-11-logged__content-navigation {
  justify-content: center;
  display: none;
  width: 100%;
  margin-bottom: 4px;
}
@media (min-width: 992px) {
  .header-11-logged__content-navigation {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .header-11-logged__content-navigation {
    display: flex;
  }
}
.header-11-logged__content-navigation a {
  width: auto;
  height: 33px;
  text-decoration: none;
  text-transform: uppercase;
  word-break: keep-all;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-11-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-11-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-11-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-11-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-11-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-11-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-11-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-11-logged__content-icons {
    margin-left: 200px;
  }
  .header-11-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-11-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-11-logged--is-home {
  border: "0";
}
.header-11-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-11-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-11-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-11-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-11-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-11-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-11-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-11-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-11-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-11-logged__mobile-menu {
    display: none;
  }
}
.header-11-logged__mobile-menu img {
  width: 50%;
}
.header-11-logged__mobile-menu i {
  width: 70px;
}
.header-11-logged-background {
  display: none;
}
@media (min-width: 992px) {
  .header-11-logged-background {
    background-color: #E7E7E7;
    width: 100%;
    height: 33px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    display: inherit;
  }
}
.header-13 {
  width: 100%;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  position: var(--header-13-position);
  z-index: 1;
  border-bottom: var(--header-13-border-bottom);
  top: 0;
  position: absolute;
}
@media (min-width: 992px) {
  .header-13 {
    height: var(--header-desktop-height);
    background: var(--header-bg);
    margin: var(--header-margin);
  }
}
.header-13__content {
  max-width: var(--max-width);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  padding: 0 9px;
  color: var(--on-primary);
}
@media (min-width: 992px) {
  .header-13__content {
    padding: 0 16px;
  }
}
.header-13__content-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
}
.header-13__content-action-logo {
  width: var(--header-mobile-logo-width);
  height: 100%;
  margin-right: 7px;
}
@media (min-width: 992px) {
  .header-13__content-action-logo {
    width: var(--header-desktop-logo-width);
    margin-right: 32px;
  }
}
.header-13__content-action-logo img {
  width: 100%;
  height: 100%;
}
.header-13__content-action-navigation {
  display: none;
  align-items: center;
}
@media (min-width: 992px) {
  .header-13__content-action-navigation {
    display: flex;
  }
}
.header-13__content-action-navigation a {
  padding: 12px 20px 12px 20px;
  color: var(--on-primary);
  text-decoration: none;
}
.header-13__auth {
  display: flex;
  align-items: center;
  column-gap: 6px;
}
@media (min-width: 992px) {
  .header-13__auth {
    column-gap: 10px;
  }
}
.header-13__auth-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--on-primary);
  padding: 10px 12px 10px 12px;
  font-size: 14px;
  font-weight: var(--header-13-register-button-weight);
  background: var(--header-13-register-button-bg);
}
.header-13__auth-button .feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: 8px;
}
.header-13__auth-button .feng-btn--primary.feng-btn--outline {
  color: var(--on-primary);
  border-color: var(--header-13-login-outline-color);
  font-weight: var(--header-13-register-button-weight);
}
.header-13-register {
  width: 100%;
  background: var(--header-register-bg);
  height: var(--header-mobile-height);
  z-index: 1;
  border-bottom: var(--header-13-border-bottom);
  top: 0;
}
@media (min-width: 992px) {
  .header-13-register {
    height: var(--header-desktop-height);
    margin: var(--header-margin);
  }
}
.header-13-register__content {
  max-width: var(--max-width);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  padding: 0 9px;
  color: var(--on-primary);
}
@media (min-width: 992px) {
  .header-13-register__content {
    padding: 0 16px;
  }
}
.header-13-register__content-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
}
.header-13-register__content-action-logo {
  width: var(--header-mobile-logo-width);
  height: 100%;
  margin-right: 7px;
}
@media (min-width: 992px) {
  .header-13-register__content-action-logo {
    width: var(--header-desktop-logo-width);
    margin-right: 32px;
  }
}
.header-13-register__content-action-logo img {
  width: 100%;
  height: 100%;
}
.header-13-register__content-action-navigation {
  display: none;
  align-items: center;
}
@media (min-width: 992px) {
  .header-13-register__content-action-navigation {
    display: flex;
  }
}
.header-13-register__content-action-navigation a {
  padding: 12px 20px 12px 20px;
  color: var(--on-primary);
  text-decoration: none;
}
.header-13-register__auth {
  display: flex;
  align-items: center;
  column-gap: 6px;
}
@media (min-width: 992px) {
  .header-13-register__auth {
    column-gap: 10px;
  }
}
.header-13-register__auth-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--on-primary);
  padding: 10px 12px 10px 12px;
  font-size: 14px;
  font-weight: var(--header-13-register-button-weight);
  background: var(--header-13-register-button-bg);
}
.header-13-register__auth-button .feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: 8px;
}
.header-13-register__auth-button .feng-btn--primary.feng-btn--outline {
  color: var(--on-primary);
  border-color: var(--header-13-login-outline-color);
  font-weight: var(--header-13-register-button-weight);
}
.header-13-logged {
  display: flex;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: var(--header-logged-border-bottom);
  position: relative;
}
@media (min-width: 992px) {
  .header-13-logged {
    height: var(--header-height);
    justify-content: center;
  }
}
.header-13-logged--checkout {
  height: auto;
  border-bottom: none;
}
.header-13-logged__content {
  width: 100%;
  padding: 5px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.header-13-logged__content:before {
  content: "";
  width: 100%;
  border-top: var(--header-logged-border-top);
  position: absolute;
  left: 0;
  bottom: 59px;
}
@media (min-width: 992px) {
  .header-13-logged__content {
    align-items: flex-start;
    flex-direction: column;
    padding: 11px 26px 16px;
    justify-content: var(--header-logged-align);
  }
}
@media (min-width: 1200px) {
  .header-13-logged__content {
    width: var(--max-width);
    padding: 11px 12px 16px;
  }
}
.header-13-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
@media (min-width: 992px) {
  .header-13-logged__content-others {
    width: 100%;
  }
}
.header-13-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  color: #000;
}
@media (min-width: 992px) {
  .header-13-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
  }
}
.header-13-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-13-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-13-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-13-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-13-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-13-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-13-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .header-13-logged__content-others-action {
    margin-top: 32px;
  }
}
.header-13-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-13-logged__content-notifications {
    right: -25px;
  }
}
.header-13-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-13-logged__content-notifications-box {
    width: 375px;
  }
}
.header-13-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-13-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-13-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-13-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-13-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-13-logged__content-notifications-box-message b,
.header-13-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-13-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-13-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-13-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-13-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-13-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 35px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-13-logged__content-notifications i.fengi-bell {
    font-size: 22px;
    right: 20px;
  }
}
.header-13-logged__content-mobile-menu {
  display: grid;
}
.header-13-logged__content-mobile-menu i {
  color: var(--menu-itens-color);
  font-size: 26px;
}
.header-13-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-13-logged__content-mobile-menu .fengi-x1::before {
  color: var(--menu-itens-color);
}
.header-13-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-13-logged__content-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.header-13-logged__content-top-logo {
  z-index: 1;
}
.header-13-logged__content-top-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
  position: relative;
  top: var(--header-logged-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-13-logged__content-top-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-13-logged__content-top-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  padding-right: 4px;
}
.header-13-logged__content-top-user a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-button);
}
.header-13-logged__content-top-user a img {
  margin: 0;
  z-index: 1;
}
.header-13-logged__content-top-user a.loggedInMenu {
  color: var(--menu-itens-color);
  min-width: 70px;
  margin-right: 6px;
}
.header-13-logged__content-top-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-13-logged__content-top-user a.exit {
  color: var(--menu-itens-color);
  margin-left: 6px;
  font-size: 16px;
}
.header-13-logged__content-top-user a.notification {
  color: var(--menu-itens-color);
  padding: 0 0 0 11px;
  font-size: 18px;
  position: relative;
}
.header-13-logged__content-top-user a.notification:before {
  width: 10px;
  height: 10px;
  background: var(--header-logged-notification-news-color);
  position: absolute;
  border-radius: 50%;
  top: -4px;
  right: 0;
}
@media (min-width: 992px) {
  .header-13-logged__content-top-user a.notification {
    padding: 0 18px 0 6px;
  }
  .header-13-logged__content-top-user a.notification::before {
    right: 15px;
  }
}
.header-13-logged__content-top-user a.notification--new:before {
  content: "";
}
.header-13-logged__content-top-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  border: var(--header-logged-photo-border);
}
.header-13-logged__content-top-user-photo--space {
  margin-right: 16px;
}
.header-13-logged__content-top-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-13-logged__content-top-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-13-logged__content-top-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-13-logged__content-top-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 53px;
  border: var(--header-logged-border-top);
  color: var(--menu-itens-color);
  font-family: var(--menu-itens-font-famaly);
  padding: 8px 16px;
  font-weight: 700;
  margin-right: 16px;
}
@media (min-width: 992px) {
  .header-13-logged__content-top-user-points {
    display: block;
  }
}
.header-13-logged__content-top-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-13-logged__content-top-user i.fengi-exit {
  font-size: 24px;
}
.header-13-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-start;
  display: none;
  width: 90%;
  margin-left: 0;
}
@media (min-width: 992px) {
  .header-13-logged__content-navigation {
    display: grid;
    margin-top: 2%;
  }
}
@media (min-width: 1200px) {
  .header-13-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
    margin-top: auto;
  }
}
.header-13-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  font-family: var(--menu-itens-font-famaly);
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
}
.header-13-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-13-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-radius: var(--menu-active-border-radius);
}
.header-13-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-13-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-13-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-13-logged__content-icons {
    margin-left: 200px;
  }
  .header-13-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-13-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-13-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-13-logged__counter {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 16px;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  display: none;
}
@media (min-width: 1200px) {
  .header-13-logged__counter {
    display: flex;
    font-size: var(--header-counter-font-size);
  }
}
.header-13-logged__counter-number {
  font-size: var(--header-counter-number-font-size);
  font-weight: 700;
  font-size: 30px;
}
@media (min-width: 992px) {
  .header-13-logged__counter-number {
    font-size: 40px;
  }
}
.header-13-logged__counter--mobile {
  display: flex !important;
  color: var(--primary-light);
  padding: 20px 0;
  justify-content: center;
}
@media (min-width: 992px) {
  .header-13-logged__counter--mobile {
    display: none !important;
  }
}
.header-13-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-13-logged--is-home {
  border: "0";
}
.header-13-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-13-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-13-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-13-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
  font-family: var(--font-button);
}
.header-13-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-13-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-13-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-13-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-13-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-13-logged__mobile-menu {
    display: none;
  }
}
.header-13-logged__mobile-menu img {
  width: 50%;
}
.header-13-logged__mobile-menu i {
  width: 70px;
}
.header-12 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-bg);
  height: var(--header-mobile-height);
  /* HOME LOGADA */
}
@media (min-width: 992px) {
  .header-12 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-12--floating-login {
  height: 70px;
}
.header-12--floating-login .header-12__content {
  padding-top: 0px;
}
.header-12--floating-login .header-12__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-12--floating-login .header-12__content-navigation {
    display: grid;
  }
}
.header-12 * {
  box-sizing: border-box;
}
.header-12__counter {
  width: 100%;
  display: flex;
  padding-top: 0px;
  padding-left: 20px;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--font-title);
  font-weight: normal;
}
@media (min-width: 767px) {
  .header-12__counter {
    flex-direction: row;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .header-12__counter {
    margin-top: 0px;
  }
}
.header-12__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-12__counter > .number {
  margin: 0 10px 8px;
  font-weight: bold;
  font-size: 30px;
}
.header-12__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-12__counter > .partner {
    display: block;
  }
}
.header-12__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0 3%;
  overflow: visible;
  grid-template: auto/65px auto max-content;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .header-12__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-12__content {
    width: var(--max-width-md);
    grid-template: auto/89px auto max-content;
  }
}
@media (min-width: 1200px) {
  .header-12__content {
    width: var(--max-width);
  }
}
.header-12__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-12__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-12__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-12__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-12__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  grid-template: auto auto/auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
@media (min-width: 576px) {
  .header-12__content-navigation {
    grid-template: auto/auto auto;
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-12__content-navigation {
    margin-top: 0px;
  }
}
.header-12__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-title);
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-12__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-12__content-navigation a:first-child {
  color: #27292D;
}
.header-12__content-navigation a fengstui-button .feng-btn {
  font-family: var(--font-title) !important;
  font-style: italic !important;
  padding: 12px 10px !important;
  font-size: 12px;
}
.header-12__content-navigation a fengstui-button .feng-btn::before {
  content: "SEJA ST";
}
@media (min-width: 992px) {
  .header-12__content-navigation a fengstui-button .feng-btn {
    padding: 12px 30px !important;
    font-size: 18px;
  }
  .header-12__content-navigation a fengstui-button .feng-btn::before {
    content: "SEJA SÓCIO TORCEDOR";
  }
}
.header-12__content-navigation a fengstui-button .feng-btn:hover {
  background-color: black !important;
}
.header-12-logged {
  display: grid;
  background-color: var(--header-bg);
  width: 100%;
  z-index: 9;
}
@media (min-width: 992px) {
  .header-12-logged {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .header-12-logged__content {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .header-12-logged__content {
    width: var(--max-width);
  }
}
.header-12-logged__content-logo {
  display: grid;
  align-items: center;
}
.header-12-logged__content-mobile-menu {
  display: grid;
}
.header-12-logged__content-mobile-menu i {
  color: #404040;
  font-size: 26px;
  font-weight: 700;
}
.header-12-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-12-logged__content-mobile-menu .fengi-x1::before {
  color: #404040;
}
.header-12-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-12-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-12-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 15px;
  }
}
.header-12-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-12-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat";
  color: var(--color-secondary);
}
@media (min-width: 992px) {
  .header-12-logged__content-others-counter {
    font-size: 1.5rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
.header-12-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-12-logged__content-others-counter > .number {
  margin: 0 10px 8px;
  font-size: 26px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-12-logged__content-others-counter > .number {
    font-size: 30px;
  }
}
.header-12-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-12-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-12-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-12-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-12-logged__content-notifications {
    right: -25px;
  }
}
.header-12-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-12-logged__content-notifications-box {
    width: 375px;
  }
}
.header-12-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-12-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-12-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-12-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-12-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-12-logged__content-notifications-box-message b,
.header-12-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-12-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-12-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-12-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-12-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-12-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 35px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-12-logged__content-notifications i.fengi-bell {
    font-size: 22px;
    right: 20px;
  }
}
.header-12-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-12-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-12-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-12-logged__content-user a.loggedInMenu {
  color: var(--color-secondary);
  min-width: 70px;
}
.header-12-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-12-logged__content-user a.exit {
  color: var(--color-secondary);
  padding-left: 10px;
  font-size: 12px;
}
.header-12-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-12-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-12-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-12-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-12-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-secondary);
}
@media (min-width: 992px) {
  .header-12-logged__content-user-points {
    display: block;
  }
}
.header-12-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-12-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-12-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
}
@media (min-width: 992px) {
  .header-12-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-12-logged__content-navigation {
    grid-gap: 10px;
    display: grid;
  }
}
.header-12-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  padding: 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: flex-end;
}
.header-12-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-12-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-12-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-12-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-12-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-12-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-12-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-12-logged__content-icons {
    margin-left: 200px;
  }
  .header-12-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-12-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-12-logged--is-home {
  border: 0;
}
.header-12-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-12-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-12-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-12-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-12-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-12-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-12-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: var(--header-mobile-menu-font-size);
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-12-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-12-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-12-logged__mobile-menu {
    display: none;
  }
}
.header-12-logged__mobile-menu img {
  width: 50%;
}
.header-12-logged__mobile-menu i {
  width: 70px;
}
.header-14 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-bg);
  height: var(--header-mobile-height);
  color: var(--on-primary);
  /* HOME LOGADA */
}
@media (min-width: 992px) {
  .header-14 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-14--floating-login {
  height: 70px;
}
.header-14--floating-login .header-14__content {
  padding-top: 0px;
}
.header-14--floating-login .header-14__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-14--floating-login .header-14__content-navigation {
    display: grid;
  }
}
.header-14 * {
  box-sizing: border-box;
}
.header-14__counter {
  width: 100%;
  padding-top: 0px;
  padding-left: 20px;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: "Athletic-Pro-Thin";
  font-weight: 300;
  display: none;
}
@media (min-width: 767px) {
  .header-14__counter {
    flex-direction: row;
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .header-14__counter {
    margin-top: 0px;
    display: flex;
  }
}
.header-14__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-14__counter > .number {
  font-family: "Athletic-Pro";
  font-weight: bold;
  font-size: 40px;
  margin: 0 10px 0;
}
.header-14__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-14__counter > .partner {
    display: block;
  }
}
.header-14__content {
  width: 100%;
  height: 100px;
  display: grid;
  gap: 0;
  padding: 0 3%;
  overflow: visible;
  align-items: center;
  justify-content: space-between;
  grid-template: auto/65px max-content;
}
@media (min-width: 576px) {
  .header-14__content {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-14__content {
    height: 100%;
    width: var(--max-width-md);
    grid-template: auto/89px auto max-content;
  }
}
@media (min-width: 1200px) {
  .header-14__content {
    width: var(--max-width);
  }
}
.header-14__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-14__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-14__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-14__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-14__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  grid-template-areas: "login register" "existingregister existingregister";
  row-gap: 6px;
}
@media (min-width: 576px) {
  .header-14__content-navigation {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-14__content-navigation {
    grid-template-areas: unset;
    margin-top: 0px;
  }
}
.header-14__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-title);
  font-weight: 700;
}
@media (min-width: 992px) {
  .header-14__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-14__content-navigation a:first-child {
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  color: white;
  gap: 8px;
  line-height: 100%;
  border-radius: 1000px;
  border: 1px solid #FFF;
}
.header-14__content-navigation a:first-child > span {
  margin-top: 1px;
}
.header-14__content-navigation fengstui-button .feng-btn {
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  font-size: 12px;
  font-weight: 700;
  border-radius: 1000px;
}
@media (min-width: 992px) {
  .header-14__content-navigation fengstui-button .feng-btn {
    font-size: 14px;
  }
}
.header-14-logged {
  display: grid;
  background-color: var(--header-bg);
  width: 100%;
  z-index: 9;
  color: white;
  height: 68px;
}
@media (min-width: 992px) {
  .header-14-logged {
    height: auto;
    justify-content: center;
  }
}
.header-14-logged__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}
@media (min-width: 992px) {
  .header-14-logged__content {
    display: grid;
    grid-template: auto/auto auto;
    padding: 20px 0;
  }
}
@media (min-width: 1200px) {
  .header-14-logged__content {
    width: var(--max-width);
  }
}
.header-14-logged__content-data {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.header-14-logged__content-logo {
  display: grid;
  align-items: center;
}
.header-14-logged__content-logo img {
  width: var(--header-logged-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-14-logged__content-logo img {
    width: auto;
  }
}
.header-14-logged__content-mobile-menu {
  display: grid;
}
.header-14-logged__content-mobile-menu i {
  color: var(--secondary);
  font-size: 26px;
  font-weight: 700;
}
.header-14-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-14-logged__content-mobile-menu .fengi-x1::before {
  color: var(--secondary);
}
.header-14-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-14-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-14-logged__content-actions-container {
    grid-template: auto auto/auto;
    gap: 15px;
  }
}
.header-14-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
  gap: 0;
}
@media (min-width: 767px) {
  .header-14-logged__content-others {
    gap: 50px;
  }
}
.header-14-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat";
  color: var(--color-secondary);
  margin: 0;
}
@media (min-width: 767px) {
  .header-14-logged__content-others-counter {
    margin: 0 50px;
  }
}
@media (min-width: 992px) {
  .header-14-logged__content-others-counter {
    font-size: 1.5rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
.header-14-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-14-logged__content-others-counter > .number {
  margin: 0 10px 0;
  font-size: 26px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-14-logged__content-others-counter > .number {
    font-size: 30px;
    margin: 0 10px 8px;
  }
}
.header-14-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-14-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-14-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-14-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-14-logged__content-notifications {
    right: -25px;
  }
}
.header-14-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-14-logged__content-notifications-box {
    width: 375px;
  }
}
.header-14-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-14-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-14-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-14-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-14-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-14-logged__content-notifications-box-message b,
.header-14-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-14-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-14-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-14-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-14-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-14-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 35px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-14-logged__content-notifications i.fengi-bell {
    font-size: 22px;
    right: 20px;
  }
}
.header-14-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-14-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-14-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-14-logged__content-user a.loggedInMenu {
  color: var(--color-secondary);
  min-width: 70px;
}
.header-14-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-14-logged__content-user a.exit {
  color: var(--color-secondary);
  padding-left: 10px;
  font-size: 12px;
}
.header-14-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-14-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-14-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-14-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-14-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-secondary);
}
@media (min-width: 992px) {
  .header-14-logged__content-user-points {
    display: block;
  }
}
.header-14-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-14-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-14-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
}
@media (min-width: 992px) {
  .header-14-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-14-logged__content-navigation {
    gap: 10px;
    display: grid;
  }
}
.header-14-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  padding: 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: flex-end;
}
.header-14-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-14-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-14-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-14-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-14-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-14-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-14-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-14-logged__content-icons {
    margin-left: 200px;
  }
  .header-14-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-14-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-14-logged--is-home {
  border: 0;
}
.header-14-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-14-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-14-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-14-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-14-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-14-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-14-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: var(--header-mobile-menu-font-size);
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-14-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  gap: 8px;
}
.header-14-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-14-logged__mobile-menu {
    display: none;
  }
}
.header-14-logged__mobile-menu img {
  width: 50%;
}
.header-14-logged__mobile-menu i {
  width: 70px;
}
.header-v15 {
  position: relative;
}
.header-v15__content {
  width: 100%;
  position: absolute;
  background: var(--header-bg-color);
  backdrop-filter: blur(5px);
  border-bottom: 2px solid var(--header-border-color);
  top: 0;
  z-index: 99;
}
.header-v15--external .header-v15__content {
  position: static;
  background-color: var(--primary);
}
.header-v15--external .header-v15__content p, .header-v15--external .header-v15__content span, .header-v15--external .header-v15__content button, .header-v15--external .header-v15__content i {
  color: var(--text-global-900) !important;
}
.header-v15--external .header-v15__content .feng-btn--secondary {
  color: white !important;
}
.header-v15__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  width: 100%;
  padding: 0;
  max-width: var(--max-width);
  margin: 0 auto;
}
@media (min-width: 992px) {
  .header-v15__wrapper {
    padding: 24px 16px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.header-v15__logo {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  padding: 8px 16px;
}
@media (min-width: 992px) {
  .header-v15__logo {
    padding: 0;
  }
}
.header-v15__logo a {
  width: -moz-fit-content;
  width: fit-content;
}
.header-v15__logo-action {
  display: flex;
  align-items: center;
  width: 100%;
  z-index: 9;
}
.header-v15__logo-action img {
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-v15__logo-action img {
    width: var(--header-desktop-logo-width);
  }
}
.header-v15__counter {
  grid-column: 1/-1;
  grid-row: 2;
  border-top: 2px solid white;
  padding: 8px 16px;
}
@media (min-width: 992px) {
  .header-v15__counter {
    grid-column: 2;
    grid-row: 1;
    border: 0;
    padding: 0;
  }
}
.header-v15__counter p {
  display: flex;
  gap: 8px;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: white;
  margin: 0;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .header-v15__counter p {
    gap: 16px;
    font-size: 24px;
  }
}
.header-v15__counter p span {
  font-size: 20px;
  font-weight: 700;
  color: white;
}
@media (min-width: 992px) {
  .header-v15__counter p span {
    font-size: 40px;
  }
}
.header-v15__action {
  display: flex;
  justify-content: flex-end;
  grid-column: 1/-1;
  grid-row: 1;
  padding: 8px 16px;
  gap: 10px;
}
@media (min-width: 992px) {
  .header-v15__action {
    grid-column: 3;
    padding: 0;
  }
}
.header-v15__action-login button {
  background-color: transparent !important;
}
.header-v15__action-login button i {
  font-size: 15px !important;
  margin-right: 10px !important;
}
.header-v15__action fengstui-button button {
  font-size: 12px !important;
  padding: 10px !important;
}
@media (min-width: 576px) {
  .header-v15__action fengstui-button button {
    font-size: inherit !important;
    padding: 10px 15px !important;
  }
}
.header-v15__action fengstui-button .feng-btn--outline,
.header-v15__action fengstui-button .feng-btn--outline:hover {
  color: var(--header-font-color) !important;
  border-color: var(--header-font-color) !important;
}
.header-v15__action fengstui-button .feng-btn--outline i,
.header-v15__action fengstui-button .feng-btn--outline:hover i {
  margin-right: 8px !important;
  font-size: inherit !important;
}
.header-16 {
  width: 100%;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  position: var(--header-13-position);
  z-index: 1;
  border-bottom: var(--header-13-border-bottom);
  top: 0;
  position: var(--header-13-mobile-position, relative);
}
@media (min-width: 992px) {
  .header-16 {
    height: var(--header-desktop-height);
    position: absolute;
    background: var(--header-bg);
    margin: var(--header-margin);
  }
}
.header-16__content {
  max-width: var(--max-width);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  padding: 0 9px;
  color: var(--on-primary);
}
@media (min-width: 992px) {
  .header-16__content {
    padding: 0 16px;
  }
}
.header-16__content-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
}
.header-16__content-action-logo {
  width: var(--header-mobile-logo-width);
  height: 100%;
  margin-right: 7px;
}
@media (min-width: 992px) {
  .header-16__content-action-logo {
    width: var(--header-desktop-logo-width);
    margin-right: 32px;
  }
}
.header-16__content-action-logo img {
  width: 100%;
  height: 100%;
}
.header-16__content-action-navigation {
  display: none;
  align-items: center;
}
@media (min-width: 992px) {
  .header-16__content-action-navigation {
    display: flex;
  }
}
.header-16__content-action-navigation a {
  padding: 12px 20px 12px 20px;
  color: var(--on-primary);
  text-decoration: none;
}
.header-16__auth {
  display: flex;
  align-items: center;
  column-gap: 6px;
}
@media (min-width: 992px) {
  .header-16__auth {
    column-gap: 10px;
  }
}
.header-16__auth-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--on-primary);
  padding: 10px 12px 10px 12px;
  font-size: 14px;
  font-weight: var(--header-13-register-button-weight);
  background: var(--header-13-register-button-bg);
}
.header-16__auth-button .feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: 8px;
}
.header-16__auth-button .feng-btn--primary.feng-btn--outline {
  color: var(--on-primary);
  border-color: var(--header-13-login-outline-color);
  font-weight: var(--header-13-register-button-weight);
}
.header-16-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: 2px solid var(--secondary);
  position: relative;
}
.header-16-logged:before {
  content: "";
  width: 100%;
  border-top: var(--header-logged-border-top);
  position: absolute;
  left: 0;
  bottom: 72px;
}
@media (min-width: 992px) {
  .header-16-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-16-logged--bg-image {
  background-image: var(--header-logged-bg) !important;
  background-size: cover;
  background-repeat: no-repeat;
}
.header-16-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px max-content auto;
  justify-self: center;
  justify-content: initial;
}
@media (min-width: 992px) {
  .header-16-logged__content {
    grid-gap: 30px;
    justify-content: stretch;
    padding: 0 10px;
    grid-template: auto/0 auto;
    min-width: 900px;
  }
}
@media (min-width: 1200px) {
  .header-16-logged__content {
    width: var(--max-width);
  }
}
.header-16-logged__content .description, .header-16-logged__content .partner {
  font-family: var(--header-desktop-menu-font-family);
  font-size: 18px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .header-16-logged__content .description, .header-16-logged__content .partner {
    font-size: 24px;
  }
}
.header-16-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
@media (min-width: 992px) {
  .header-16-logged__content-logo {
    position: relative;
    bottom: 39px;
    display: flex;
  }
}
.header-16-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
.header-16-logged__content-logo img:first-child {
  height: 37px;
  width: 106px;
  margin-right: 1.1rem;
}
@media (min-width: 350px) {
  .header-16-logged__content-logo img:first-child {
    height: 50px;
    width: 80px;
  }
}
@media (min-width: 992px) {
  .header-16-logged__content-logo img:first-child {
    height: 80px;
    width: 120px;
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .header-16-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-16-logged__content-mobile-menu {
  display: grid;
}
.header-16-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-16-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-16-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-16-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-16-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-16-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 22px;
  }
}
@media (min-width: 1200px) {
  .header-16-logged__content-actions-container {
    grid-gap: 55px;
  }
}
.header-16-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-16-logged__content-others-counter {
  width: 100%;
  display: none;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: var(--footer-color-counter);
  margin-left: 10px;
  position: relative;
}
@media (min-width: 350px) {
  .header-16-logged__content-others-counter {
    margin-left: 2.5rem;
  }
}
@media (min-width: 992px) {
  .header-16-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    display: flex;
  }
}
@media (min-width: 1200px) {
  .header-16-logged__content-others-counter {
    top: 4px;
  }
}
.header-16-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-16-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--footer-color-counter-number);
  margin: 0;
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-16-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-16-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-16-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-16-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-16-logged__content-others-counter-desc, .header-16-logged__content-others-counter-num, .header-16-logged__content-others-counter-part {
  font-family: var(--header-counter-font-family);
  font-size: 18px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .header-16-logged__content-others-counter-desc, .header-16-logged__content-others-counter-num, .header-16-logged__content-others-counter-part {
    font-size: 24px;
  }
}
.header-16-logged__content-others-counter-num {
  font-weight: 700 !important;
}
.header-16-logged__content-others-counter-part {
  display: none;
}
.header-16-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-16-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-16-logged__content-notifications {
    right: -25px;
  }
}
.header-16-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-16-logged__content-notifications-box {
    width: 375px;
  }
}
.header-16-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-16-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-16-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-16-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-16-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-16-logged__content-notifications-box-message b,
.header-16-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-16-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-16-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-16-logged__content-notifications-counter {
  display: none;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-16-logged__content-notifications-counter {
    display: flex;
    margin-left: 0;
  }
}
.header-16-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-16-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-16-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-16-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-16-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-16-logged__content-user a.loggedInMenu {
  color: var(--header-color-text);
  min-width: 70px;
  font-family: var(--header-counter-font-family);
  font-weight: 700;
  font-size: var(--header-mobile-font-size);
}
.header-16-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-16-logged__content-user a.exit {
  color: var(--header-color-text);
  padding-left: 10px;
  font-size: 12px;
  font-family: var(--header-counter-font-family);
}
.header-16-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  top: -10px;
  position: relative;
}
@media (min-width: 992px) {
  .header-16-logged__content-user-photo {
    top: 0;
  }
}
.header-16-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-16-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-16-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-16-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-16-logged__content-user-points {
    display: block;
  }
}
.header-16-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-16-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-16-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-start;
  display: none;
  width: 90%;
  margin-left: 0;
  position: relative;
  left: -37px;
  top: 8px;
  gap: 24px !important;
}
@media (min-width: 992px) {
  .header-16-logged__content-navigation {
    display: flex;
    max-width: 1200px;
    gap: 7px;
    top: 27px;
  }
}
@media (min-width: 1200px) {
  .header-16-logged__content-navigation {
    width: 100%;
    top: 11px;
  }
}
.header-16-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  font-family: var(--home-private-font-family-medium);
  padding: var(--header-desktop-menu-items-padding);
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-16-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-16-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
  border-radius: var(--header-button-radius);
}
.header-16-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-16-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-16-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-16-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-16-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-16-logged__content-icons {
    margin-left: 200px;
  }
  .header-16-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-16-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-16-logged--is-home {
  border: "0";
}
.header-16-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-16-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-16-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-16-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-16-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-16-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-16-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-16-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-16-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-16-logged__mobile-menu {
    display: none;
  }
}
.header-16-logged__mobile-menu img {
  width: 50%;
}
.header-16-logged__mobile-menu i {
  width: 70px;
}
.header-16-logged .border-points {
  padding: 8px;
  border: 2px solid #E4E4E4;
  border-radius: 53px;
  font-weight: bold;
  font-size: 14px !important;
}
.header-16-divider-header {
  display: none;
  width: 100%;
  height: 2px;
  background: white;
  position: relative;
  bottom: 71px;
  z-index: 999;
}
@media (min-width: 992px) {
  .header-16-divider-header {
    display: block;
  }
}
.header-16-logged-checkout {
  width: 100%;
  height: 83px;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  position: relative;
}
@media (min-width: 992px) {
  .header-16-logged-checkout {
    height: auto;
  }
}
.header-16-logged-checkout__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 12px 16px;
}
.header-16-logged-checkout__container-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 9px;
}
@media (min-width: 992px) {
  .header-16-logged-checkout__container-content {
    margin-top: 0;
  }
}
.header-16-logged-checkout__social-list {
  height: 61px;
  display: flex !important;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}
.header-16-logged-checkout__social-list:before {
  content: "";
  width: 100%;
  border-bottom: var(--header-logged-border-top);
  position: absolute;
  left: 0;
  top: 65px;
}
.header-16-logged-checkout__social-list ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 23px;
}
.header-16-logged-checkout__social-list ul a {
  padding: 9.15px 8px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 24px;
  text-decoration: none;
}
.header-16-logged-checkout__button .feng-btn--primary.feng-btn--outline {
  width: 100%;
  color: var(--header-font-color);
  border-color: currentColor;
  font-weight: 500;
  font-size: 12px !important;
  padding: 6px 10px;
}
@media (min-width: 992px) {
  .header-16-logged-checkout__button .feng-btn--primary.feng-btn--outline {
    padding: 8px 12px;
  }
}
.header-16-logged-checkout__button .feng-btn--primary.feng-btn--outline:hover {
  color: var(--header-font-color) !important;
  border-color: currentColor !important;
  opacity: 0.7;
}
.header-16-logged-checkout__button .feng-btn--primary.feng-btn--outline i {
  font-size: 15px !important;
  margin-right: 7px;
  position: relative;
  bottom: 1px;
}
.header-16-logged-checkout__logo {
  width: 103px;
  height: 41px;
}
@media (min-width: 992px) {
  .header-16-logged-checkout__logo {
    width: 120.49px;
    height: 48px;
  }
}
.header-16-logged-checkout__logout {
  font-size: 19px !important;
}
.header-16-divider-header {
  display: none;
  width: 100%;
  height: 2px;
  background: white;
  position: relative;
  bottom: 71px;
  z-index: 999;
}
@media (min-width: 992px) {
  .header-16-divider-header {
    display: block;
  }
}
.header-17 {
  width: 100%;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  z-index: 10;
  top: 0;
  position: var(--header-13-mobile-position, relative);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .header-17 {
    height: var(--header-desktop-height);
    position: var(--header-13-desktop-position, absolute);
    background: var(--header-bg);
  }
}
.header-17__mobile-language {
  display: block;
}
@media (min-width: 1200px) {
  .header-17__mobile-language {
    display: none;
  }
}
.header-17__mobile-language .mat-expansion-panel {
  box-shadow: none !important;
}
.header-17__mobile-language .mat-expansion-panel-header-title {
  font: var(--header-17-user-font-menu, normal normal 700 20px/28px "Roboto");
  color: #727272;
}
.header-17__mobile-language-menu {
  display: flex;
  flex-direction: column;
}
.header-17__mobile-language-menu button {
  background: none;
  border: none;
  padding: 10px 8px;
  text-align: left;
  cursor: pointer;
  font: var(--header-17-user-font-menu, normal normal 700 20px/28px "Roboto");
  color: #727272;
}
.header-17__wrapper {
  max-width: var(--max-width);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  padding: 0 16px;
}
.header-17__left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-17__left-menu {
  color: var(--primary);
  font-size: 35px;
  background: none;
  border: none;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .header-17__left-menu {
    display: none;
  }
}
.header-17__logo {
  width: var(--header-mobile-logo-width);
  height: 90px;
}
@media (min-width: 992px) {
  .header-17__logo {
    width: var(--header-desktop-logo-width);
  }
}
.header-17__logo img {
  width: 71%;
  height: 100%;
}
@media (min-width: 992px) {
  .header-17__logo img {
    width: 100%;
  }
}
.header-17__logo--small {
  margin-left: 15px;
}
.header-17__navigation-wrapper {
  display: none;
  width: 100%;
  padding: 8px 0 16px;
}
@media (min-width: 1200px) {
  .header-17__navigation-wrapper {
    display: block;
  }
}
.header-17__navigation-wrapper-content {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
}
.header-17__navigation {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.header-17__navigation a {
  padding: 10px 8px;
  text-decoration: none;
  font-size: 16px;
  color: var(--primary);
  font: var(--header-17-user-font-menu, normal normal 700 20px/28px "Roboto");
}
@media (min-width: 1200px) {
  .header-17__navigation {
    flex-direction: row;
    align-items: center;
  }
  .header-17__navigation a {
    color: var(--primary);
    border-radius: 100px;
    border: none;
    padding: 10px 8px;
  }
}
.header-17__navigation-logout {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
  font: var(--header-17-user-font-menu, normal normal 700 20px/28px "Roboto");
  font-size: 17px;
  color: var(--menu-mobile-itens-color);
  background: none;
  border: none;
  padding: 20px 16px 15px;
}
@media (min-width: 1200px) {
  .header-17__navigation-logout {
    display: none;
  }
}
.header-17__mobile {
  height: 100%;
  top: var(--header-mobile-height);
  position: fixed;
  background: var(--menu-mobile-background);
  width: 100%;
  z-index: 999;
  overflow: hidden;
}
.header-17__mobile-user-name {
  padding: 27px 16px 16px;
  font: var(--header-17-user-font-desktop, normal normal 700 20px/28px "Roboto");
  color: #393939;
  margin: 0;
  font-size: 22px;
}
.header-17__auth {
  display: flex;
  align-items: center;
  column-gap: 7px;
  position: relative;
}
@media (min-width: 992px) {
  .header-17__auth {
    column-gap: 10px;
  }
}
.header-17__auth-button {
  white-space: nowrap;
}
.header-17__auth-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--on-primary);
  padding: 10px 12px 10px 12px;
  font-size: 13px;
  font-weight: var(--header-13-register-button-weight);
  background: var(--header-13-register-button-bg);
}
.header-17__auth-button .feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: 8px;
}
.header-17__auth-button .feng-btn--primary.feng-btn--outline {
  color: var(--header-13-login-color, var(--on-primary));
  border-color: var(--header-13-login-outline-color);
  font-weight: var(--header-13-register-button-weight);
}
@media (max-width: 992px) {
  .header-17__auth-button--login .feng-btn--primary.feng-btn--outline {
    font-size: 0;
    border: solid 1px currentColor;
    border-radius: 50% !important;
    padding: 9px !important;
  }
}
@media (max-width: 992px) {
  .header-17__auth-button--login .feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
    margin-right: 0;
    font-size: 22px;
  }
}
.header-17__auth-language {
  display: none;
  position: relative;
}
@media (min-width: 1200px) {
  .header-17__auth-language {
    display: inline-block;
  }
}
.header-17__auth-language-button {
  background: transparent;
  border: none;
  padding: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-17__auth-language-button span {
  font-weight: 700;
  font-size: 14px;
  color: #727272;
  display: none;
}
@media (min-width: 992px) {
  .header-17__auth-language-button span {
    display: block;
  }
}
.header-17__auth-language-button img {
  width: 41px;
  aspect-ratio: 1/1;
}
.header-17__auth-language-menu {
  position: absolute;
  background: white;
  list-style: none;
  padding: 0;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  overflow: hidden;
}
.header-17__auth-language-menu li {
  padding: 7px 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-17__auth-language-menu li span {
  font-weight: 700;
  font-size: 14px;
  color: #727272;
}
.header-17__auth-language-menu li img {
  width: 25px;
  aspect-ratio: 1/1;
}
.header-17__auth-language-menu li:hover {
  background: #f0f0f0;
}
.header-17-logged {
  background: var(--header-logged-bg);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: var(--header-mobile-height);
  border-bottom: var(--header-13-border-bottom);
  position: relative;
}
@media (min-width: 1200px) {
  .header-17-logged {
    min-height: var(--header-mobile-height);
    justify-content: flex-start;
    height: auto;
  }
}
.header-17-logged__wrapper {
  max-width: var(--max-width);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  padding: 0 16px;
}
.header-17-logged__left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-17-logged__left-menu {
  color: #fff;
  font-size: 35px;
  background: none;
  border: none;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .header-17-logged__left-menu {
    display: none;
  }
}
.header-17-logged__logo {
  width: var(--header-logged-mobile-logo-width);
  height: 90px;
}
@media (min-width: 992px) {
  .header-17-logged__logo {
    width: var(--header-logged-desktop-logo-width);
  }
}
.header-17-logged__logo img {
  width: 100%;
  height: 100%;
}
.header-17-logged__logo--small {
  margin-left: 15px;
}
.header-17-logged__user {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.header-17-logged__user-avatar {
  aspect-ratio: 1/1;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: var(--header-17-avatar-border, solid 1px #fff);
  background: var(--header-17-avatar-bg, #E4E4E4);
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-17-logged__user-avatar i {
  font-size: 20px;
  color: #727272;
}
.header-17-logged__user-avatar img {
  aspect-ratio: 1/1;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.header-17-logged__user-name {
  color: var(--menu-itens-color);
  font: var(--header-17-user-font, normal normal 700 16px/20px "Roboto");
}
@media (min-width: 992px) {
  .header-17-logged__user-name {
    font: var(--header-17-user-font-desktop, normal normal 700 20px/28px "Roboto");
  }
}
.header-17-logged__user-logout {
  background: none;
  border: none;
  padding: 10px;
  cursor: pointer;
  color: var(--menu-itens-color);
}
.header-17-logged__user-name, .header-17-logged__user-logout {
  display: none;
}
@media (min-width: 1200px) {
  .header-17-logged__user-name, .header-17-logged__user-logout {
    display: block;
  }
}
.header-17-logged__navigation-wrapper {
  align-self: flex-start;
  display: none;
  border-top: solid 2px var(--header-17-border-bottom-color, var(--secondary));
  border-bottom: solid 2px var(--header-17-border-bottom-color, var(--secondary));
  width: 100%;
  padding: 8px 0 16px;
}
@media (min-width: 1200px) {
  .header-17-logged__navigation-wrapper {
    display: block;
  }
}
.header-17-logged__navigation-wrapper-content {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
}
.header-17-logged__navigation {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.header-17-logged__navigation a {
  padding: 15px 16px 15px;
  text-decoration: none;
  font-size: 17px;
  border-bottom: solid 1px #ccc;
  font: var(--header-17-user-font-menu, normal normal 700 20px/28px "Roboto");
  color: var(--menu-mobile-itens-color);
  transition: 0.3s;
}
.header-17-logged__navigation a.--selected, .header-17-logged__navigation a:hover {
  color: var(--menu-active-color);
  background: var(--menu-active-background);
}
@media (min-width: 1200px) {
  .header-17-logged__navigation {
    flex-direction: row;
    gap: 4px;
  }
  .header-17-logged__navigation a {
    color: var(--menu-itens-color);
    border-radius: 100px;
    border: none;
    padding: 10px 20px;
  }
}
.header-17-logged__navigation-logout {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
  font: var(--header-17-user-font-menu, normal normal 700 20px/28px "Roboto");
  font-size: 17px;
  color: var(--menu-mobile-itens-color);
  background: none;
  border: none;
  padding: 20px 16px 15px;
}
@media (min-width: 1200px) {
  .header-17-logged__navigation-logout {
    display: none;
  }
}
.header-17-logged__mobile {
  height: 100%;
  top: var(--header-mobile-height);
  position: fixed;
  background: var(--menu-mobile-background);
  width: 100%;
  z-index: 999;
  overflow: hidden;
}
.header-17-logged__mobile-user-name {
  padding: 27px 16px 16px;
  font: var(--header-17-user-font-desktop, normal normal 700 20px/28px "Roboto");
  color: #393939;
  margin: 0;
  font-size: 22px;
}
.header-18 {
  position: relative;
  background: transparent;
  width: 100%;
}
.header-18__top-red {
  width: 100%;
  height: 36px;
  background: #451021;
  border-bottom: solid 3px #fff;
}
@media (min-width: 992px) {
  .header-18__top-red {
    height: 29px;
  }
}
.header-18__top-green {
  width: 100%;
  height: 51px;
  background: #185347;
}
.header-18__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  display: block;
}
.header-18__container-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "logo counter" "logo auth";
  align-items: center;
  padding: 16px 0;
}
@media (min-width: 992px) {
  .header-18__container-wrapper--relative {
    position: relative;
  }
}
@media (min-width: 992px) {
  .header-18__container-wrapper {
    grid-template-columns: 0.8fr 1.5fr 1fr;
    grid-template-areas: "logo counter auth";
    padding: 13px 0;
  }
}
.header-18__container-wrapper-logo {
  grid-area: logo;
  position: absolute;
  top: calc(-1 * (29px + 3px + 71px));
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: #451021;
  padding: 18px 24px;
  box-shadow: 2px 0 0 rgba(0, 0, 0, 0.6);
}
@media (min-width: 992px) {
  .header-18__container-wrapper-logo {
    top: calc(-1 * (29px + 3px + 64px));
    padding: 16px 24px;
  }
}
.header-18__container-wrapper-logo img {
  width: 36px;
  height: 45px;
}
@media (min-width: 992px) {
  .header-18__container-wrapper-logo img {
    width: 86px;
    height: 111px;
  }
}
@media (min-width: 1600px) {
  .header-18__container-wrapper-logo img {
    width: 96px;
    height: 121px;
  }
}
.header-18__container-wrapper-counter {
  grid-area: counter;
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
  white-space: nowrap;
  margin: 0;
  font: var(--header-18-font, normal normal 700 14px/20px "Roboto");
  font-weight: 400;
  top: calc(-1 * (29px + 3px + 64px));
  justify-content: center;
}
@media (min-width: 992px) {
  .header-18__container-wrapper-counter--dark {
    color: #451021;
  }
}
.header-18__container-wrapper-counter span {
  font-size: 19px;
  margin: 0 7px;
  position: relative;
  top: -1px;
  font-weight: 700;
}
.header-18__container-wrapper-counter strong {
  font-weight: 700;
  margin-left: 7px;
}
@media (min-width: 992px) {
  .header-18__container-wrapper-counter {
    font-size: 24px;
    top: 0;
  }
  .header-18__container-wrapper-counter span {
    font-size: 48px;
    margin: 0 16px;
  }
}
.header-18__container-wrapper-auth {
  grid-area: auth;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  margin-right: 17px;
  top: calc(-1 * (29px + 3px + 47px));
}
@media (min-width: 992px) {
  .header-18__container-wrapper-auth {
    top: 0;
    gap: 32px;
    margin-right: 0;
  }
}
.header-18__container-wrapper-auth-button .feng-btn--primary {
  font: var(--header-18-font, normal normal 700 14px/20px "Roboto") !important;
  padding: 5px 16px;
  width: 122px;
}
@media (min-width: 992px) {
  .header-18__container-wrapper-auth-button .feng-btn--primary {
    padding: 8px 16px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.header-18__container-wrapper-auth-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--on-primary);
  font-size: 12px !important;
  background: #851F40;
}
.header-18__container-wrapper-auth-button .feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: 8px;
}
.header-18__container-wrapper-auth-button .feng-btn--primary.feng-btn--outline {
  color: var(--on-primary);
  border-color: transparent;
  font-weight: var(--header-13-register-button-weight);
  position: relative;
}
.header-18__container-wrapper-auth-button .feng-btn--primary.feng-btn--outline:hover {
  color: #851F40 !important;
  border-color: currentColor !important;
}
@media (min-width: 992px) {
  .header-18__container-wrapper-auth-button .feng-btn--primary.feng-btn--outline:before {
    content: "";
    position: absolute;
    right: -15px;
    width: 1px;
    height: 100%;
    background: #fff;
  }
}
@media (min-width: 992px) {
  .header-18__container-wrapper-auth-button--dark .feng-btn--primary {
    color: #851F40 !important;
    border-color: currentColor !important;
  }
  .header-18__container-wrapper-auth-button--dark .feng-btn--primary:before {
    background: #185347;
  }
}
.header-18-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 100%;
}
.header-18-logged__content {
  display: flex;
  width: 100%;
  justify-self: center;
  max-height: 4.3rem;
}
@media (min-width: 992px) {
  .header-18-logged__content {
    display: grid;
    padding: 0;
    grid-template: auto/0 auto;
    max-height: 10rem;
  }
}
@media (min-width: 1200px) {
  .header-18-logged__content {
    box-sizing: border-box !important;
  }
}
.header-18-logged__content-header {
  display: flex;
  background: #451021;
}
.header-18-logged__content-header-mobile-menu {
  display: grid;
  position: relative;
  top: 1rem;
  left: 1rem;
}
.header-18-logged__content-header-mobile-menu i {
  color: var(--primary-light);
  font-size: 28px;
  font-weight: 700;
  z-index: 9;
}
.header-18-logged__content-header-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-18-logged__content-header-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-18-logged__content-header-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
  margin-top: 0;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 10rem;
  padding: 7px 8px 7px 16px;
  max-height: 10rem;
  background: #451021;
  box-shadow: 2px 0 0 rgba(0, 0, 0, 0.6);
}
@media (min-width: 992px) {
  .header-18-logged__content-header-logo {
    left: 14vw;
    padding: 1rem;
  }
}
@media (min-width: 1200px) {
  .header-18-logged__content-header-logo {
    left: 16vw;
  }
}
.header-18-logged__content-header-logo img {
  width: -moz-fit-content;
  width: fit-content;
  height: 45px;
  padding-left: 1rem;
}
@media (min-width: 992px) {
  .header-18-logged__content-header-logo img {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 0;
  }
}
.header-18-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-18-logged__content-actions-container {
  display: grid;
  width: 100%;
  max-height: 50%;
}
@media (min-width: 992px) {
  .header-18-logged__content-actions-container {
    max-height: 10rem;
  }
}
.header-18-logged__content-navigation-container {
  display: grid;
  width: 100%;
  grid-template-columns: 25.5vw auto 1fr;
}
.header-18-logged__content-others {
  width: 100%;
  display: grid;
  position: relative;
  grid-template-columns: 0 1fr 1fr;
  align-items: end;
  top: 0;
  background-color: #451021;
  max-height: 2.9rem;
  align-content: center;
  border-bottom: 2px solid white;
  justify-content: space-between;
  font-family: var(--header-18-font-family);
}
@media (min-width: 992px) {
  .header-18-logged__content-others {
    grid-template-columns: 0.8fr 1fr 1fr;
    max-height: 5rem;
  }
}
@media (min-width: 1200px) {
  .header-18-logged__content-others {
    grid-template-columns: 0.8fr 1fr 1fr;
  }
}
@media (min-width: 1281px) {
  .header-18-logged__content-others {
    grid-template-columns: 0.8fr 1fr 1fr;
  }
}
@media (min-width: 1600px) {
  .header-18-logged__content-others {
    grid-template-columns: 0.8fr 1fr 1fr;
  }
}
.header-18-logged__content-others-counter {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #f8f8f8;
  font-family: var(--header-18-font-family);
  font-weight: 400;
  font-size: 16px;
  padding-left: 0.7rem;
  padding-bottom: 10px;
  gap: 6px;
  grid-column: 2;
  justify-content: start;
}
@media (min-width: 767px) {
  .header-18-logged__content-others-counter {
    align-self: center;
  }
}
@media (min-width: 992px) {
  .header-18-logged__content-others-counter {
    font-size: 24px;
    height: 100%;
    padding-bottom: 0;
  }
}
.header-18-logged__content-others-counter-wrapper-counter {
  display: flex;
  align-items: center;
}
.header-18-logged__content-others-counter strong {
  display: none;
  font-weight: inherit;
}
@media (min-width: 992px) {
  .header-18-logged__content-others-counter strong {
    display: inline;
  }
}
.header-18-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-18-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: CityDBol;
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-18-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-18-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .header-18-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-18-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: end;
  width: 100%;
  right: 16px;
}
@media (min-width: 992px) {
  .header-18-logged__content-others-action {
    justify-content: center;
  }
}
.header-18-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-18-logged__content-notifications {
    right: -25px;
  }
}
.header-18-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-18-logged__content-notifications-box {
    width: 375px;
  }
}
.header-18-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-18-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-18-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-18-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-18-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-18-logged__content-notifications-box-message b,
.header-18-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-18-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-18-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-18-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-18-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-18-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-18-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-18-logged__content-user {
  position: relative;
  align-items: center;
  top: 25%;
  gap: 10px;
}
@media (min-width: 992px) {
  .header-18-logged__content-user {
    top: 0;
    right: 0;
    display: grid;
    grid-auto-flow: column;
  }
}
.header-18-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-18-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-18-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-18-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-18-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-18-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .header-18-logged__content-user-photo {
    min-width: 48px;
    height: 48px;
  }
}
.header-18-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-18-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-18-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-18-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-18-logged__content-user-points {
    display: block;
  }
}
.header-18-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-18-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-18-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  grid-gap: 27px;
  padding-left: 2%;
  display: none;
  font-family: var(--header-18-font-family);
  grid-column: 2;
  justify-self: center;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .header-18-logged__content-navigation {
    display: grid;
    text-wrap: nowrap;
    align-self: center;
    margin-bottom: 6px;
  }
}
@media (min-width: 1200px) {
  .header-18-logged__content-navigation {
    display: grid;
  }
}
.header-18-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  font-weight: 700;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-18-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-18-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
  border-radius: 20px;
  padding: 10px 16px;
}
.header-18-logged__content-navigation .secondary-inline-item {
  display: none !important;
}
@media (min-width: 1600px) {
  .header-18-logged__content-navigation .secondary-inline-item {
    display: flex !important;
  }
}
.header-18-logged__content-navigation .secondary-menu-trigger {
  display: flex !important;
}
@media (min-width: 1600px) {
  .header-18-logged__content-navigation .secondary-menu-trigger {
    display: none !important;
  }
}
.header-18-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-18-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-18-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-18-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-18-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-18-logged__content-icons {
    margin-left: 200px;
  }
  .header-18-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-18-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-18-logged--is-home {
  border: "0";
}
.header-18-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 32px;
}
.header-18-logged__mobile-menu.--open {
  top: 60px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-18-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-18-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-18-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-18-logged__mobile-menu nav {
  display: flex;
  background-color: var(--menu-mobile-itens-background);
  flex-direction: column;
  width: 100%;
  justify-content: start;
  justify-self: start;
}
.header-18-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-18-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-18-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-18-logged__mobile-menu {
    display: none;
  }
}
.header-18-logged__mobile-menu img {
  width: 50%;
}
.header-18-logged__mobile-menu i {
  width: 70px;
}
.header-fngst-1 {
  position: relative;
}
.header-fngst-1__content {
  width: 100%;
  background: black;
  top: 0;
  z-index: 9;
  margin: -1px 0 40px;
}
@media (min-width: 767px) {
  .header-fngst-1__content {
    background: var(--header-bg-color);
    border-bottom: 2px solid var(--header-border-color);
  }
}
@media (min-width: 992px) {
  .header-fngst-1__content {
    margin: 0;
  }
}
.header-fngst-1--internal .header-fngst-1__content {
  position: static;
  background-color: var(--primary-dark);
}
.header-fngst-1__counter {
  display: grid;
  position: absolute;
  height: 30px;
  top: 113px;
  z-index: 10;
  width: 100%;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 767px) {
  .header-fngst-1__counter {
    top: 103px;
    height: 56px;
  }
}
.header-fngst-1__counter-wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  text-transform: uppercase;
  color: var(--on-info);
  font-size: 1.2em;
  justify-content: center;
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  gap: 0.5em;
}
@media (min-width: 767px) {
  .header-fngst-1__counter-wrapper {
    font-size: 1.6em;
  }
}
.header-fngst-1__counter-highlight {
  color: var(--secondary);
  font-size: 1.4em;
  font-weight: bold;
}
@media (min-width: 767px) {
  .header-fngst-1__counter-highlight {
    font-size: 1.8em;
  }
}
.header-fngst-1__wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  flex-direction: column;
}
@media (min-width: 767px) {
  .header-fngst-1__wrapper {
    flex-direction: row;
    padding: 0 1rem;
    align-items: center;
  }
}
.header-fngst-1__wrapper div:nth-child(2) {
  display: none;
}
@media (min-width: 992px) {
  .header-fngst-1__wrapper div:nth-child(2) {
    display: block;
  }
}
.header-fngst-1__action {
  display: flex;
}
@media (min-width: 767px) {
  .header-fngst-1__action {
    gap: 8px;
  }
}
.header-fngst-1__action fengstui-button {
  width: 100%;
}
.header-fngst-1__action fengstui-button button {
  width: 100%;
}
.header-fngst-1__action fengstui-button .feng-btn--outline,
.header-fngst-1__action fengstui-button .feng-btn--outline:hover {
  color: var(--header-font-color) !important;
  border-color: var(--header-font-color) !important;
}
.header-fngst-1__action fengstui-button .feng-btn--outline i,
.header-fngst-1__action fengstui-button .feng-btn--outline:hover i {
  margin-right: 8px !important;
  font-size: inherit !important;
}
@media (min-width: 767px) {
  .header-fngst-1__action fengstui-button {
    width: inherit;
  }
  .header-fngst-1__action fengstui-button button {
    width: inherit;
  }
}
.header-fngst-1__action-logo {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  width: 100%;
  border-top: 1px solid var(--header-border-color);
  border-bottom: 1px solid var(--header-border-color);
}
@media (min-width: 767px) {
  .header-fngst-1__action-logo {
    border: 0;
    padding-left: 0;
  }
}
.header-fngst-1__action-logo img {
  width: var(--header-new-mobile-second-logo-width);
}
@media (min-width: 767px) {
  .header-fngst-1__action-logo img {
    width: inherit;
  }
}
.header-fngst-1__action-logo :first-child {
  width: var(--header-new-mobile-logo-width);
}
@media (min-width: 767px) {
  .header-fngst-1__action-logo :first-child {
    width: var(--header-new-desktop-logo-width);
  }
}
.header-fngst-1__action__nav {
  display: flex;
  gap: 32px;
}
@media (min-width: 767px) {
  .header-fngst-1__action__nav {
    border: 0;
  }
}
.header-fngst-1__action__nav a {
  display: flex;
  align-items: center;
  color: var(--header-font-color);
  padding: 8px 0;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  text-decoration: none;
  transition: 0.2s;
}
.header-fngst-1__action__nav a:hover, .header-fngst-1__action__nav a.--selected {
  color: var(--secondary);
  border-bottom: 2px solid var(--secondary);
}
.footer-1 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-1__cerro-atencion {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-1__cerro-atencion > p {
  margin: 0;
}
.footer-1__cerro-atencion a {
  color: var(--background);
}
.footer-1__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-1__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-1__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 0 auto;
}
.footer-1__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-1__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-1__wrapper {
  padding: 40px 5%;
}
.footer-1__logo {
  display: flex;
  justify-content: center;
}
.footer-1__logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-1__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-1__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-1__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-1__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-1__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-1__social fengstui-button .feng-btn {
  background-color: var(--footer-background-icon-color, var(--primary)) !important;
  color: var(--footer-color-icon, var(--on-primary)) !important;
}
.footer-1__social a {
  text-decoration: none;
}
.footer-1__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-1__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-1__copywrite a {
  color: var(--footer-color);
}
.footer-1__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-2 {
  background-color: var(--on-background);
  color: var(--background);
  padding: 20px 0 50px;
}
.footer-2__wrapper {
  display: grid;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 992px) {
  .footer-2__wrapper {
    grid-template: 1fr 1fr/0.5fr 1.5fr;
    max-width: 1000px;
    padding: 0;
  }
}
.footer-2__st-image {
  display: grid;
  grid-template: auto/1fr 1fr;
  align-self: center;
  align-items: center;
}
@media (min-width: 992px) {
  .footer-2__st-image-logo {
    position: relative;
  }
}
.footer-2__st-image-logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-2__st-image-shield img {
  max-width: 50px;
  min-width: 30px;
  width: 100%;
}
.footer-2__menu {
  display: grid;
  align-items: center;
}
.footer-2__menu ul {
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer-2__menu ul li {
  display: inline;
  text-align: center;
  margin: 0 16px;
}
.footer-2__menu ul li a {
  display: inline-block;
  color: var(--background);
  text-decoration: none;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: lighter;
}
.footer-2__menu ul li a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-2__menu ul li a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-2__links {
  display: grid;
  grid-template: auto/1fr 1fr;
}
.footer-2__links--logado {
  grid-template: auto/1fr;
}
.footer-2__links-social {
  display: grid;
  align-items: center;
  grid-template: auto/auto auto;
  justify-content: center;
  grid-gap: 10px;
}
.footer-2__address {
  color: var(--info);
}
@media (min-width: 992px) {
  .footer-2__address {
    margin-left: 20px;
  }
}
.footer-2__address a {
  color: var(--background);
}
.footer-2__address a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-3 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-3__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-3__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-3__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 0 auto;
}
.footer-3__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-3__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-3__wrapper {
  padding: 40px 5%;
}
.footer-3__logo {
  display: flex;
  justify-content: center;
}
.footer-3__logo a {
  display: flex;
}
.footer-3__logo a img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-3__logo a img:first-child {
  min-height: 80px;
  width: 100%;
  display: flex;
  margin-right: 1.1rem;
}
.footer-3__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-3__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-3__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-3__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-3__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-3__social fengstui-button .feng-btn {
  background-color: var(--primary) !important;
  color: var(--on-primary) !important;
}
.footer-3__social a {
  text-decoration: none;
}
.footer-3__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-3__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: white;
  font-family: Heebo-Regular;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-3__copywrite a {
  color: var(--background);
  font-weight: 400;
}
.footer-3__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-4 {
  font-family: var(--preHome-font-primary);
  background: #181715;
}
.footer-4-mobileFooter {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 850px) {
  .footer-4-mobileFooter {
    display: none;
  }
}
.footer-4-mobileFooter a {
  text-decoration: none;
  color: var(--footer-color);
  font-family: var(--preHome-font-title);
  text-transform: uppercase;
}
.footer-4-mobileFooter div + div {
  border-top: 0.5px solid #373E48;
}
.footer-4-mobileFooter > div {
  padding: 20px 0px;
}
.footer-4-mobileFooter__logo {
  display: flex;
  justify-content: center;
}
.footer-4-mobileFooter__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-4-mobileFooter__logo a :first-child {
  width: 40px;
}
.footer-4-mobileFooter__logo a :last-child {
  width: 58px;
}
.footer-4-mobileFooter__menu {
  display: flex;
  justify-content: center;
  gap: 20px;
  font-size: 18px;
}
.footer-4-mobileFooter__copywrite {
  color: var(--pre-home-footer-text-color);
}
.footer-4-mobileFooter-verticalrule {
  background: #373E48;
  width: 0.5px;
  height: 100%;
  margin: 0 26px;
}
.footer-4-desktopFooter {
  display: none;
}
@media (min-width: 850px) {
  .footer-4-desktopFooter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 30px 80px;
  }
}
.footer-4-desktopFooter a {
  text-decoration: none;
  color: var(--footer-color);
  font-family: var(--preHome-font-title);
  text-transform: uppercase;
}
.footer-4-desktopFooter__box {
  display: flex;
  align-items: center;
  gap: 24px;
}
.footer-4-desktopFooter__logo {
  display: flex;
  justify-content: center;
}
.footer-4-desktopFooter__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-4-desktopFooter__logo a :first-child {
  width: 30px;
}
.footer-4-desktopFooter__logo a :last-child {
  width: 40px;
}
.footer-4-desktopFooter-verticalrule {
  background: #373E48;
  width: 0.5px;
  height: 100%;
  margin: 0 20px;
}
.footer-4-desktopFooter__menu {
  display: flex;
  gap: 30px;
  font-size: 18px;
}
.footer-4-desktopFooter__copywrite {
  color: var(--footer-color);
}
.footer-5 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
  overflow: hidden;
}
.footer-5__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-5__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-5__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 1100px;
  margin: 0 auto;
}
.footer-5__container-first {
  display: grid;
  grid-template: auto auto/auto;
  gap: 50px;
}
@media (min-width: 1000px) {
  .footer-5__container-first {
    grid-template: auto/auto auto;
    gap: 0px;
  }
}
.footer-5__topborder {
  height: 12px;
  background: var(--secondary);
}
.footer-5__wrapper {
  padding: 40px 5%;
  position: relative;
  border-bottom: 12px solid var(--secondary);
}
.footer-5__wrapper > img {
  position: absolute;
  right: -50px;
  width: 60%;
  top: -12px;
}
@media (min-width: 600px) {
  .footer-5__wrapper > img {
    width: auto;
  }
}
@media (min-width: 1740px) {
  .footer-5__wrapper > img {
    right: 30px;
  }
}
.footer-5__wrapper > .footer-5__white-block {
  display: none;
  background: white;
  width: 160px;
  height: 36px;
  position: absolute;
  right: 0;
  top: -36px;
}
@media (min-width: 600px) {
  .footer-5__wrapper > .footer-5__white-block {
    display: block;
    width: auto;
    top: -36px;
  }
}
.footer-5__logo {
  display: flex;
  justify-content: left;
  margin-top: -14px;
}
@media (min-width: 600px) {
  .footer-5__logo {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) {
  .footer-5__logo {
    justify-content: center;
  }
}
.footer-5__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-5__logo a > img {
  width: 160px;
}
@media (min-width: 450px) {
  .footer-5__logo a > img {
    width: 210px;
  }
}
@media (min-width: 600px) {
  .footer-5__logo a > img {
    width: var(--footer-logo-width);
  }
}
.footer-5__menu {
  display: block;
  text-align: center;
  width: 76%;
  margin: 25px auto 0;
  line-height: 50px;
}
@media (min-width: 450px) {
  .footer-5__menu {
    margin: 50px auto 0;
  }
}
@media (min-width: 600px) {
  .footer-5__menu {
    margin: 25px auto 0;
  }
}
@media (min-width: 992px) {
  .footer-5__menu {
    width: 60%;
  }
}
@media (min-width: 1000px) {
  .footer-5__menu {
    margin: 25px auto 25px 20px;
    line-height: 200%;
  }
}
@media (min-width: 1200px) {
  .footer-5__menu {
    width: 76%;
  }
}
@media (min-width: 1340px) {
  .footer-5__menu {
    width: 80%;
  }
}
@media (min-width: 1640px) {
  .footer-5__menu {
    width: 90%;
  }
}
@media (min-width: 1840px) {
  .footer-5__menu {
    width: 100%;
  }
}
.footer-5__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: lighter;
  font-weight: bold;
  margin: 0 16px 0 16px;
  font-family: "Barlow Semi Condensed";
}
.footer-5__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-5__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-5__social {
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  grid-gap: 22px;
  position: absolute;
  right: 0;
  bottom: -1px;
  background: var(--secondary);
  clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%);
  padding: 22px 20px 20px 60px;
  color: black;
  font-weight: bold;
}
.footer-5__social > p {
  font-family: "Barlow Semi Condensed";
  font-size: 27px;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-5__social fengstui-button .feng-btn {
  border-radius: 100%;
  background-color: transparent !important;
  color: black !important;
  font-size: 34px;
}
.footer-5__social a {
  text-decoration: none;
  background: transparent;
}
.footer-5__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-5__copywrite {
  padding: 0;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 80px;
  display: grid;
  grid-template: auto/auto auto;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 18px;
  color: white;
}
.footer-5__copywrite > img {
  width: 66px;
}
@media (min-width: 500px) {
  .footer-5__copywrite {
    gap: 34px;
  }
  .footer-5__copywrite > img {
    width: 97px;
  }
}
.footer-5__copywrite > div {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1000px) {
  .footer-5__copywrite > div {
    gap: 34px;
    flex-direction: row;
  }
}
.footer-5__copywrite > div > div {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: left;
  text-align: left;
  gap: 14px;
}
@media (min-width: 500px) {
  .footer-5__copywrite > div > div {
    gap: 6px;
  }
}
.footer-5__copywrite > div > div > span {
  font-family: "Barlow Semi Condensed";
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  height: 20px;
}
.footer-5__copywrite a {
  color: var(--background);
  text-decoration: none;
}
.footer-5__copywrite-name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
}
.footer-5__copywrite-id {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
}
.footer-5__copywrite-phone {
  font-weight: bold;
  margin-bottom: 12px;
}
@media (min-width: 450px) {
  .footer-5__copywrite-phone {
    margin: 0;
  }
}
.footer-5__copywrite-terms {
  font-family: "Barlow Semi Condensed";
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.footer-6 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
  overflow: hidden;
}
.footer-6__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-6__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-6__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 1100px;
  margin: 0 auto;
}
.footer-6__container-first {
  display: flex;
  flex-direction: column;
  gap: 38px;
}
.footer-6__wrapper {
  padding: 40px 5%;
  position: relative;
}
.footer-6__wrapper > img {
  position: absolute;
  right: -50px;
  width: 60%;
  top: -12px;
}
@media (min-width: 600px) {
  .footer-6__wrapper > img {
    width: auto;
  }
}
@media (min-width: 1740px) {
  .footer-6__wrapper > img {
    right: 30px;
  }
}
.footer-6__wrapper > .footer-5__white-block {
  display: none;
  background: white;
  width: 160px;
  height: 36px;
  position: absolute;
  right: 0;
  top: -36px;
}
@media (min-width: 600px) {
  .footer-6__wrapper > .footer-5__white-block {
    display: block;
    width: auto;
    top: -36px;
  }
}
.footer-6__logo {
  display: flex;
  justify-content: center;
}
.footer-6__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-6__logo a > img {
  width: 160px;
}
@media (min-width: 450px) {
  .footer-6__logo a > img {
    width: 210px;
  }
}
@media (min-width: 600px) {
  .footer-6__logo a > img {
    width: var(--footer-logo-width);
  }
}
.footer-6__menu {
  display: block;
  text-align: center;
  margin: auto;
  line-height: 50px;
  width: 100%;
}
.footer-6__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: lighter;
  font-weight: bold;
  margin: 0 16px 0 16px;
  font-family: "BarlowSemiCondensed";
}
.footer-6__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-6__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-6__social {
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  grid-gap: 22px;
  color: black;
  font-weight: bold;
}
.footer-6__social > p {
  font-family: "BarlowSemiCondensed";
  font-size: 27px;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-6__social fengstui-button .feng-btn {
  border-radius: 100%;
  background-color: transparent !important;
  color: black !important;
  font-size: 34px;
}
.footer-6__social a {
  border-radius: 100%;
  background: #9FA3A7;
  text-decoration: none;
  background: transparent;
}
.footer-6__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-6__copywrite {
  padding: 0;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
  display: grid;
  grid-template: auto/auto auto;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 18px;
  color: white;
}
.footer-6__copywrite > img {
  width: 66px;
}
@media (min-width: 500px) {
  .footer-6__copywrite {
    gap: 34px;
  }
  .footer-6__copywrite > img {
    width: 97px;
  }
}
.footer-6__copywrite > div {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.footer-6__copywrite > div > div {
  text-align: center;
}
.footer-6__copywrite > div > div > span {
  font-family: "BarlowSemiCondensed";
  font-size: 16px;
  line-height: 18px;
  height: 20px;
}
.footer-6__copywrite a {
  color: var(--background);
  text-decoration: none;
}
.footer-6__copywrite-name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
}
.footer-6__copywrite-id {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
}
.footer-6__copywrite-phone {
  font-weight: bold;
  margin-bottom: 12px;
}
@media (min-width: 450px) {
  .footer-6__copywrite-phone {
    margin: 0;
  }
}
.footer-6__copywrite-phone > a {
  color: white;
}
.footer-6__copywrite-terms {
  margin-left: 10px;
  font-family: "BarlowSemiCondensed";
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.footer-6__copywrite-terms > a {
  color: white;
}
.footer-7 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-7__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-7__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-7__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 10px auto;
}
.footer-7__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-7__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-7__wrapper {
  padding: 10px;
}
.footer-7__logo {
  display: flex;
  justify-content: center;
}
.footer-7__logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-7__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-7__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-7__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-7__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-7__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-7__social fengstui-button .feng-btn {
  background-color: var(--primary) !important;
  color: var(--on-primary) !important;
}
.footer-7__social a {
  text-decoration: none;
}
.footer-7__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-7__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: white;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-7__copywrite a {
  color: var(--background);
}
.footer-7__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-8 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-8--logged {
  background: var(--footer-logged-background);
}
.footer-8__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-8__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-8__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 10px auto;
}
.footer-8__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-8__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-8__wrapper {
  padding: 10px;
}
.footer-8__logo {
  display: flex;
  justify-content: center;
  margin: var(--footer-8-logo-margin, 0);
}
.footer-8__logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-8__logo-maraca-logged a {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  position: relative;
}
.footer-8__logo-maraca-logged a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translateX(-0.5px);
  width: 1px;
  height: 50%;
  background-color: #E4E4E4;
}
.footer-8__logo-maraca-logged a img:nth-child(1) {
  width: 120px;
}
.footer-8__logo-maraca-logged a img:nth-child(2) {
  width: 140px;
}
.footer-8__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-8__menu a {
  display: inline-block;
  color: var(--footer-color);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-8__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-8__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-8__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-8__social fengstui-button .feng-btn {
  background-color: var(--footer-icon-background, #000) !important;
  color: var(--footer-color-icon, var(--on-primary)) !important;
}
.footer-8__social a {
  text-decoration: none;
}
.footer-8__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-8__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: var(--footer-8-term-color, #000);
  filter: brightness(var(--footer-8-term-brightness, 80%));
  cursor: pointer;
}
.footer-8__copywrite a {
  color: var(--footer-8-term-color, #000);
  -webkit-text-decoration: var(--footer-8-term-decoration, underline);
          text-decoration: var(--footer-8-term-decoration, underline);
  font-weight: var(--footer-8-term-weight, bolder);
  text-transform: var(--footer-8-term-case, uppercase);
}
.footer-8__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-8__copywrite--logged {
  color: var(--footer-8-term-color-logged, #000);
}
.footer-8__copywrite--logged a {
  color: var(--footer-8-term-color-logged, #000);
}
.footer-9 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-9__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-9__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-9__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 0 auto;
}
.footer-9__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-9__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-9__wrapper {
  padding: 40px 5%;
}
.footer-9__logo {
  display: flex;
  justify-content: center;
}
.footer-9__logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-9__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-9__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  margin: 20px 16px 0 16px;
}
.footer-9__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-9__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-9__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-9__social fengstui-button .feng-btn {
  background-color: var(--primary) !important;
  color: var(--on-primary) !important;
}
.footer-9__social a {
  text-decoration: none;
}
.footer-9__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-9__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  font-family: var(--unlogged-font-primary) !important;
  color: white;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-9__copywrite a {
  color: var(--background);
}
.footer-9__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-10 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: 100%;
  height: var(--footer-height);
  border-top: solid 2px var(--footer-border-top-color);
}
.footer-10--logged {
  background: var(--footer-logged-background);
  border-top: solid 2px var(--footer-logged-border-top-color);
  height: auto;
}
.footer-10__resale {
  margin: var(--footer-item-margin);
  display: grid;
  color: var(--secondary);
  text-align: center;
}
.footer-10__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-10__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 0 auto;
}
.footer-10__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-10__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-10__wrapper {
  padding: var(--footer-padding);
}
.footer-10__logo {
  display: flex;
  justify-content: center;
}
.footer-10__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-10__logo a img {
  width: var(--footer-logo-width);
}
.footer-10__logo-verticalrule {
  background: #E4E4E4;
  width: 1px;
  height: 77%;
  margin: 0 33px;
}
.footer-10__logo-alt {
  width: var(--footer-logo-alt-width) !important;
}
.footer-10__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-10__menu a {
  display: inline-block;
  color: var(--footer-color);
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--footer-font-size);
  font-weight: var(--footer-10-font-weight, normal);
  margin: 20px 16px 0 16px;
  font-family: var(--footer-10-font-family, var(--footer-font-family));
}
.footer-10__menu a._selected {
  text-decoration: underline;
}
.footer-10__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-10__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-10__social fengstui-button .feng-btn {
  background-color: transparent !important;
  color: var(--footer-color-icon, var(--on-primary)) !important;
  font-size: 25px !important;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}
.footer-10__social a {
  text-decoration: none;
}
.footer-10__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-10__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  font-family: var(--footer-10-font-family, var(--footer-font-family));
  color: var(--footer-color);
  cursor: pointer;
}
.footer-10__copywrite span {
  cursor: default;
}
.footer-10__copywrite a {
  color: var(--footer-color);
  font-weight: var(--footer-10-font-weight, normal);
  -webkit-text-decoration: var(--footer-term-decoration);
          text-decoration: var(--footer-term-decoration);
}
.footer-10__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-11 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
}
.footer-11__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-11__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-11__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 904px;
  margin: 0 auto;
}
.footer-11__container-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .footer-11__container-nav {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 32px;
  }
}
.footer-11__container-logo {
  margin: 12px auto 24px;
  display: block;
  width: 89px;
  height: 89px;
  aspect-ratio: 1/1;
}
@media (min-width: 992px) {
  .footer-11__container-logo {
    margin-left: 0;
  }
}
.footer-11__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-11__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-11__wrapper {
  padding: 40px 16px;
}
.footer-11__logo {
  display: flex;
  justify-content: center;
}
.footer-11__logo a {
  display: flex;
}
.footer-11__logo a img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-11__logo a img:first-child {
  min-height: 80px;
  width: 100%;
  display: flex;
  margin-right: 1.1rem;
}
.footer-11__menu {
  display: flex;
  justify-content: center;
  grid-gap: 24px;
  flex-flow: column;
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .footer-11__menu {
    flex-flow: row wrap;
  }
}
.footer-11__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  font-family: "Figtree";
  font-weight: 500;
  margin: 20px 16px 0 16px;
}
.footer-11__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-11__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-11__partners {
  display: flex;
  flex-direction: column;
}
.footer-11__partners-list {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 24px 24px;
  padding: 32px 0;
  list-style: none;
}
.footer-11__partners-list:first-of-type {
  flex-wrap: inherit;
}
@media (min-width: 1200px) {
  .footer-11__partners-list:first-of-type {
    column-gap: 60px;
  }
}
@media (min-width: 1200px) {
  .footer-11__partners-list:nth-child(2) {
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .footer-11__partners-list:nth-child(3) {
    column-gap: 46px;
  }
}
.footer-11__partners-list:not(:last-of-type) {
  border-bottom: solid 1px #40427f;
}
.footer-11__partners-list img {
  width: 100%;
}
.footer-11__social {
  display: flex;
  justify-content: center;
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-11__social fengstui-button .feng-btn {
  background-color: var(--footer-color) !important;
  color: var(--footer-background) !important;
}
.footer-11__social a {
  text-decoration: none;
}
.footer-11__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-11__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: white;
  font-family: "Figtree";
  font-weight: 500;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-11__copywrite a {
  color: var(--background);
}
.footer-11__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-12 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
}
.footer-12__container {
  padding: 48px 7px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 767px) {
  .footer-12__container {
    padding: 48px;
  }
}
.footer-12__container h1 {
  font: var(--footer-12-sponsor-title-font);
}
@media (min-width: 992px) {
  .footer-12__container h1 {
    font: var(--footer-12-sponsor-title-font-desktop);
  }
}
.footer-12__container-sponsors {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 36.5px;
  padding-bottom: 33px;
  border-bottom: var(--footer-12-sponsor-border-bottom);
  margin-bottom: 23px;
}
.footer-12__container-sponsors img {
  width: var(--footer-12-sponsor-logos-width);
}
@media (min-width: 992px) {
  .footer-12__container-sponsors img {
    width: var(--footer-12-sponsor-logos-width-desktop);
  }
}
.footer-12__container-stlogo img {
  width: var(--footer-logo-width);
}
.footer-12__container-copywrite {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.footer-12__container-copywrite p {
  margin: 0;
  color: var(--footer-color);
  font-weight: 400;
}
.footer-12-logged {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-12-logged__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-12-logged__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-12-logged__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 0 auto;
}
.footer-12-logged__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-12-logged__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-12-logged__wrapper {
  padding: 40px 5%;
}
.footer-12-logged__logo {
  display: flex;
  justify-content: center;
}
.footer-12-logged__logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-12-logged__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-12-logged__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-12-logged__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-12-logged__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-12-logged__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-12-logged__social a {
  text-decoration: none;
}
.footer-12-logged__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-12-logged__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: white;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-12-logged__copywrite a {
  color: var(--background);
}
.footer-12-logged__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-fngst-1 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
  overflow: hidden;
}
.footer-fngst-1__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-fngst-1__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-fngst-1__container-first {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 212px;
}
@media (min-width: 767px) {
  .footer-fngst-1__container-first {
    max-width: 326px;
  }
}
.footer-fngst-1__container-first img {
  width: 35px;
}
@media (min-width: 767px) {
  .footer-fngst-1__container-first img {
    width: 60px;
  }
}
.footer-fngst-1__container-first > a > img {
  width: 131px;
}
@media (min-width: 767px) {
  .footer-fngst-1__container-first > a > img {
    width: 198px;
  }
}
.footer-fngst-1__divider {
  width: 1px;
  height: 81px;
  background-color: var(--footer-color);
}
.footer-fngst-1__topborder {
  height: 10px;
  background: var(--secondary);
}
.footer-fngst-1__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  gap: 64px;
  padding: 40px 16px;
  position: relative;
  max-width: 360px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .footer-fngst-1__wrapper {
    max-width: 100%;
  }
}
.footer-fngst-1__wrapper > .footer-5__white-block {
  display: none;
  background: var(--footer-color);
  width: 160px;
  height: 36px;
  position: absolute;
  right: 0;
  top: -36px;
}
@media (min-width: 600px) {
  .footer-fngst-1__wrapper > .footer-5__white-block {
    display: block;
    width: auto;
    top: -36px;
  }
}
.footer-fngst-1__menu {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 70px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
@media (min-width: 767px) {
  .footer-fngst-1__menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer-fngst-1__menu a {
  color: var(--footer-color);
  text-decoration: none;
  font-size: 18px;
  font-weight: lighter;
  font-weight: bold;
  font-family: var(--footer-font-family);
}
.footer-fngst-1__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-fngst-1__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-fngst-1__social {
  display: flex;
  gap: 43px;
}
.footer-fngst-1__social a {
  text-decoration: none;
}
.footer-fngst-1__social a fengstui-button button {
  background-color: var(--secondary) !important;
}
.footer-fngst-1__copywrite {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
  max-width: 764px;
}
@media (min-width: 767px) {
  .footer-fngst-1__copywrite {
    grid-template-columns: 1fr 1fr;
  }
}
.footer-fngst-1__copywrite > div {
  display: flex;
  flex-direction: column;
  text-align: left;
  font-family: var(--footer-font-family);
}
.footer-fngst-1__copywrite a {
  color: var(--footer-color);
  text-decoration: none;
}
.footer-fngst-1__copywrite-name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
}
.footer-fngst-1__copywrite-phone {
  font-weight: bold;
  margin-bottom: 12px;
}
@media (min-width: 450px) {
  .footer-fngst-1__copywrite-phone {
    margin: 0;
  }
}
.footer-fngst-1__copywrite-addr, .footer-fngst-1__copywrite-copy, .footer-fngst-1__copywrite-id,
.footer-fngst-1__copywrite strong {
  font-size: 16px;
}
.footer-fngst-1__copywrite-terms {
  font-family: var(--footer-font-family);
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.resale-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--secondary);
  color: var(--on-secondary);
  width: 100%;
  height: 70px;
  padding: 1em;
  box-sizing: border-box;
  border-bottom: 2px solid var(--secondary);
  text-align: center;
}
.resale-bar--with-admin:not(.resale-bar--with-staging), .resale-bar--with-staging:not(.resale-bar--with-admin) {
  top: 70px;
}
.resale-bar--with-admin.resale-bar--with-staging {
  top: 140px;
}
.resale-bar .resale-bar-action {
  border: 0;
  border-radius: 0;
  font-size: 14px;
  padding: 8px 18px;
}
.fengstlayout-modal {
  min-height: 200px;
}
.fengstlayout-modal .mat-dialog-content {
  max-height: 70%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  overflow-y: auto;
}
@media (min-width: 767px) {
  .fengstlayout-modal .mat-dialog-content {
    padding: 0 24px;
  }
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar {
  width: 0.5em;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-track {
  background-color: #f8f8f8;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-track-piece {
  background-color: #f1f1f1;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-thumb:hover {
  background-color: #8f8f8f;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button {
  background-color: #fcfcfc;
  display: block;
  border-style: solid;
  height: 10px;
  width: 8px;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button:vertical {
  /* Up */
  /* Down */
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ebebeb transparent;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent #9b9b9b transparent;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 8px 8px 0 8px;
  border-color: #ebebeb transparent transparent transparent;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button:vertical:increment:hover {
  border-color: #9b9b9b transparent transparent transparent;
}
.fengstlayout-modal .mat-dialog-container {
  height: auto;
  max-height: 96vh;
}
.fengstlayout-modal__text {
  display: block;
  height: 90vh;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.fengstlayout-modal__text p {
  text-align: justify;
}
.fengstlayout-modal__text p img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.fengstlayout-modal__header {
  position: relative;
  margin-bottom: 15px;
}
.fengstlayout-modal__header:not(.fengstlayout-modal__header--plan) {
  grid-gap: 5px;
  display: grid;
  grid-template-columns: auto 40px;
  align-items: flex-start;
}
@media (min-width: 767px) {
  .fengstlayout-modal__header:not(.fengstlayout-modal__header--plan) {
    grid-gap: 15px;
    padding-left: 40px;
  }
}
@media (min-width: 992px) {
  .fengstlayout-modal__header:not(.fengstlayout-modal__header--plan) {
    padding-left: 55px;
  }
}
.fengstlayout-modal__header h1 {
  display: block;
  text-align: center;
  word-break: break-word;
  font-size: 20px;
  margin: 3px 0px;
  line-height: 1.4em;
  font: var(--experience-recue-modal-title-font, 700 40px/40px var(--font-title));
  color: var(--experience-recue-modal-title-color, var(--primary));
}
@media (min-width: 992px) {
  .fengstlayout-modal__header h1 {
    font-size: 22px;
  }
}
.fengstlayout-modal__header--plan {
  border-radius: 0;
}
.fengstlayout-modal__header--plan .fengstlayout-modal__close-button {
  position: absolute;
  right: 10px;
  top: 18px;
}
.fengstlayout-modal__header--plan > div {
  width: 100%;
  height: 72px;
  background-size: cover;
  background-position-y: 21%;
}
.fengstlayout-modal__header--plan > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.13);
  right: 16px;
  top: 16px;
  font-size: 24px;
}
.fengstlayout-modal div.modal-text p {
  text-align: justify;
}
.fengstlayout-modal ::ng-deep mat-dialog-content div.modal-html p {
  text-align: justify;
}
.fengstlayout-modal ::ng-deep mat-dialog-content div.modal-html p img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.fengstlayout-modal-success {
  min-height: 480px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fengstlayout-modal-success ::ng-deep .mat-dialog-content {
  max-height: inherit !important;
}
.fengstlayout-modal-success header h1 {
  display: block;
  text-align: center;
  font-size: 22px;
  margin: 3px 0px;
}
.fengstlayout-modal-success header button.modal-close {
  display: block;
  background: none;
  position: absolute;
  right: -10px;
  top: -15px;
  cursor: pointer;
}
.fengstlayout-modal-success header button.modal-close i {
  color: #000;
}
.fengstlayout-modal-success div.modal-text p {
  text-align: justify;
}
.modal-view-activate-ticket-card {
  position: relative;
  padding: 10px 0 20px;
}
.modal-view-activate-ticket-card__content {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 20px;
}
.modal-view-activate-ticket-card__content > *:not(:nth-last-child(-n+2)) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.modal-view-activate-ticket-card__content--not-auth {
  text-align: center;
}
.modal-view-activate-ticket-card__content > p:first-child {
  text-align: center;
}
.modal-view-activate-ticket-card__content-ticket-card-info {
  display: grid;
  grid-gap: 25px;
}
.modal-view-activate-ticket-card__content-ticket-card-info div {
  display: grid;
}
.modal-view-activate-ticket-card__content fengstui-button .feng-btn {
  width: 100%;
}
.modal-view-add-guest {
  position: relative;
  padding: 10px 0 20px;
}
.modal-view-add-guest__content {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 20px;
}
.modal-view-add-guest__content--not-auth {
  text-align: center;
}
.modal-view-add-guest__content .modal-add-guest-total {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". .";
  max-width: 320px;
  align-items: center;
  justify-items: center;
  margin: 10px auto;
  border: 1px solid var(--secondary);
  border-radius: 10px;
  padding: 5px;
  font-weight: bold;
}
.modal-view-add-guest__content .modal-add-guest-info {
  max-width: 320px;
  margin: auto;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.modal-view-add-guest__content .modal-add-guest-info ul {
  padding: 0px;
  margin: 0px;
}
.modal-view-add-guest__content .modal-add-guest-info ul li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 14px;
}
.modal-view-add-guest__content button {
  display: block;
  width: 100%;
  max-width: 320px;
  font-weight: bold;
  margin: auto;
}
.modal-view-add-guest__table {
  display: grid;
  grid-row-gap: 15px;
  align-items: center;
  justify-items: center;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .modal-view-add-guest__table {
    grid-template-columns: 1fr 1fr;
  }
}
.modal-view-add-guest__table-title {
  color: var(--primary);
  border-bottom: 1px solid var(--primary);
  padding-bottom: 10px;
  width: 100%;
  display: none;
}
@media (min-width: 992px) {
  .modal-view-add-guest__table-title {
    display: block;
  }
}
.modal-view-add-guest__table-content {
  font-weight: bold;
  margin-bottom: 10px;
  width: 100%;
}
.modal-view-add-guest h1 {
  font-size: 20px;
  font-weight: lighter;
  display: block;
  width: 100%;
  text-align: center;
}
.modal-view-add-guest h2 {
  font-size: 17px;
  display: block;
  width: 100%;
  text-align: center;
}
.fengstlayout-modal-view-experience-rescue {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: var(--on-background);
  background-color: var(--background);
  overflow: auto;
}
.fengstlayout-modal-view-experience-rescue__description {
  width: 100%;
  padding: 10px 10px 20px;
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-experience-rescue__description a {
  display: block;
}
.fengstlayout-modal-view-experience-rescue__price {
  display: grid;
  gap: 1em;
  margin-bottom: 2.5em;
}
.fengstlayout-modal-view-experience-rescue__price h3 {
  font: 700 40px/40px var(--font-title);
  margin: 0;
}
.fengstlayout-modal-view-experience-rescue__warning {
  padding: 2em;
  border-radius: 4px;
  margin: 2em auto;
}
.fengstlayout-modal-view-experience-rescue__warning--points {
  border: 2px solid #D0D0D0;
  background-color: #F8F8F8;
  color: #000000;
  text-align: left;
}
.fengstlayout-modal-view-experience-rescue__warning--points ul > li {
  font-size: 16px;
}
.fengstlayout-modal-view-experience-rescue__warning--creditcard {
  text-align: center;
  color: #F8F8F8;
  background-color: #000000;
}
.fengstlayout-modal-view-experience-rescue__term {
  display: flex;
  height: auto;
  min-height: 100px;
  max-height: 200px;
  padding: 20px 15px 25px 20px;
  margin: 20px 10px;
  border-radius: 15px;
  box-shadow: 1px 1px 10px 0px rgba(var(--on-background-RGB), 0.2);
}
.fengstlayout-modal-view-experience-rescue__term__box {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: scroll;
  text-align: left;
  padding-right: 15px;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-experience-rescue__term__box::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}
.fengstlayout-modal-view-experience-rescue__term__box::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 0.2rem rgba(var(--on-background-RGB), 0.3);
}
.fengstlayout-modal-view-experience-rescue__term__box::-webkit-scrollbar-track {
  background-color: rgba(var(--on-background-RGB), 0.08);
}
.fengstlayout-modal-view-experience-rescue__action {
  display: inline-table;
  margin-bottom: 2em;
}
.fengstlayout-modal-view-experience-rescue__action-terms {
  display: grid;
  grid-auto-flow: column;
  gap: 3px;
  margin-bottom: 2em;
}
.fengstlayout-modal-view-experience-rescue__action button {
  width: 80%;
  min-width: 200px;
  max-width: 335px;
  height: 45px;
  font-weight: bold;
}
.fengstlayout-modal-view-experience-rescue__button button {
  background-color: var(--experience-recue-modal-button-bg, var(--primary)) !important;
  color: var(--experience-recue-modal-button-color, var(--on-primary)) !important;
  border-radius: var(--experience-recue-modal-button-radius, 0);
}
::ng-deep .mat-checkbox-layout {
  white-space: normal !important;
  text-align: left;
}
@media (min-width: 767px) {
  ::ng-deep .mat-checkbox-layout {
    white-space: nowrap;
  }
}
::ng-deep .app-modal-default {
  width: 100%;
  max-width: 100vw;
}
@media (min-width: 576px) {
  ::ng-deep .app-modal-default {
    max-width: 80vw;
  }
}
::ng-deep .app-modal-default .mat-dialog-container {
  border-radius: 0;
  box-shadow: none;
  min-height: 100vh;
  padding: 4px;
}
::ng-deep .app-modal-default .mat-dialog-container .mat-dialog-title {
  display: grid;
  grid-template: auto/auto;
  align-items: center;
  height: auto;
  min-height: 82px;
  font-size: 20px;
  background-color: #F2F2F2;
  padding: 15px 40px;
}
::ng-deep .app-modal-default .mat-dialog-container .mat-dialog-content {
  margin: 0;
  max-height: calc(100vh - 100px);
  overflow: auto;
  padding: 0 10px;
}
::ng-deep .app-modal-default .mat-checkbox-label {
  line-height: 1em;
}
::ng-deep .app-modal-default header button.modal-default-close {
  right: 15px !important;
  top: 5px !important;
}
::ng-deep .app-modal-default header h1 {
  font-size: 16px !important;
  line-height: 1.4em;
}
@media (min-width: 576px) {
  ::ng-deep .app-modal-default header h1 {
    font-size: 18px !important;
  }
}
@media (min-width: 767px) {
  ::ng-deep .app-modal-default header h1 {
    font-size: 22px !important;
  }
}
.feng-checkbox.mat-checkbox .mat-checkbox-label {
  white-space: pre-wrap;
}
.fengstlayout-modal-view-experience-rescue-detail {
  display: grid;
  grid-gap: 10px;
  justify-items: center;
}
.fengstlayout-modal-view-experience-rescue-detail__description {
  text-align: center;
  line-height: 1.15em;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-experience-rescue-detail__description ul {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.fengstlayout-modal-view-experience-rescue-detail__description ul li {
  width: -moz-fit-content;
  width: fit-content;
}
.fengstlayout-modal-view-experience-rescue-detail__digital-prod-msg {
  margin: 20px 0;
  text-align: center;
}
.fengstlayout-modal-view-experience-rescue-detail__digital-prod-msg > p {
  margin: 0;
}
.fengstlayout-modal-view-experience-rescue-detail__question-msg {
  margin: 20px 0;
  text-align: center;
}
.fengstlayout-modal-view-experience-rescue-detail__question-msg > p {
  margin: 0;
}
.fengstlayout-modal-view-experience-rescue-detail__question-msg fengstui-textarea .mat-form-field-infix {
  width: 160px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__question-msg fengstui-textarea .mat-form-field-infix {
    width: 420px;
  }
}
.fengstlayout-modal-view-experience-rescue-detail__question-msg fengstui-button .feng-btn {
  margin-top: 10px;
}
.fengstlayout-modal-view-experience-rescue-detail__numbers {
  display: grid;
  grid-gap: 10px;
  font-size: 2em;
  padding: 20px 0;
  text-align: center;
}
.fengstlayout-modal-view-experience-rescue-detail__numbers strong {
  font-size: 2em;
  line-height: 1.2em;
}
.fengstlayout-modal-view-experience-rescue-detail__price {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  padding: 20px 0;
}
.fengstlayout-modal-view-experience-rescue-detail__price strong:not(.--free) {
  margin: 0 0.25em;
  font-size: 4em;
}
.fengstlayout-modal-view-experience-rescue-detail__price strong.--free {
  font-size: 2em;
}
.fengstlayout-modal-view-experience-rescue-detail__money {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 40px;
}
.fengstlayout-modal-view-experience-rescue-detail__title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__title {
    flex-direction: row;
    gap: 0;
  }
}
.fengstlayout-modal-view-experience-rescue-detail__title > span {
  display: flex;
}
.fengstlayout-modal-view-experience-rescue-detail__table {
  text-align: center;
  position: relative;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__table {
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 15px;
  }
}
.fengstlayout-modal-view-experience-rescue-detail__table-head {
  display: none;
  grid-template-columns: repeat(5, 1fr);
  color: rgba(var(--on-background-RGB), 0.5);
  font-weight: bold;
  padding: 5px;
  background-color: rgba(var(--on-background-RGB), 0.05);
  border-top: 1px solid rgba(var(--on-background-RGB), 0.1);
  border-bottom: 1px solid rgba(var(--on-background-RGB), 0.1);
  padding: 20px 0;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__table-head {
    display: grid;
  }
}
.fengstlayout-modal-view-experience-rescue-detail__table-body {
  position: relative;
}
.fengstlayout-modal-view-experience-rescue-detail__table-body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--on-background);
  background-color: var(--background);
  padding: 10px 0;
  height: 100%;
  min-height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fengstlayout-modal-view-experience-rescue-detail__table-body-row:last-child {
  border: none;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__table-body-row {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "cobrança id status pagamento valor";
  }
}
.fengstlayout-modal-view-experience-rescue-detail__table-body-row--paying {
  background-color: rgba(var(--primary-RGB), 0.075);
  margin-bottom: 0;
  border-bottom: 0;
}
.fengstlayout-modal-view-experience-rescue-detail__table-body-row > div {
  margin: 0 10px;
}
.fengstlayout-modal-view-experience-rescue-detail__table-description {
  grid-area: cobrança;
}
.fengstlayout-modal-view-experience-rescue-detail__table-id {
  grid-area: id;
  word-break: break-all;
}
.fengstlayout-modal-view-experience-rescue-detail__table-status {
  grid-area: status;
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.fengstlayout-modal-view-experience-rescue-detail__table-status .--paid {
  color: var(--success);
}
.fengstlayout-modal-view-experience-rescue-detail__table-status .--waiting {
  color: var(--warning);
}
.fengstlayout-modal-view-experience-rescue-detail__table-status .--attempt {
  color: var(--warning);
}
.fengstlayout-modal-view-experience-rescue-detail__table-status .--cancelled {
  color: var(--error);
}
.fengstlayout-modal-view-experience-rescue-detail__table-action {
  grid-area: pagamento;
}
.fengstlayout-modal-view-experience-rescue-detail__table-value {
  grid-area: valor;
}
.fengstlayout-modal-view-experience-rescue-detail__table-value strong {
  font-size: inherit !important;
}
.fengstlayout-modal-view-experience-rescue-detail__history-title {
  text-align: center;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__history-title {
    text-align: inherit;
  }
}
.fengstlayout-modal-view-experience-rescue-detail__no-pending-payments {
  text-align: center;
  font-size: 18px;
  margin-bottom: 0;
}
.fengstlayout-modal-view-experience-rescue-detail__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  margin: 30px 0;
  font-family: var(--font-title);
  text-transform: uppercase;
}
.fengstlayout-modal-view-experience-rescue-detail__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstlayout-modal-view-experience-rescue-detail__winner-text {
  display: grid;
  grid-gap: 25px;
  margin: 20px auto;
  font-size: 1.75em;
}
.fengstlayout-modal-view-experience-rescue-detail__winner-text i {
  font-size: 2em;
  color: var(--success);
}
.fengstlayout-modal-view-experience-rescue-detail__action {
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: column;
  padding: 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.fengstlayout-modal-view-experience-rescue-detail__action .--active-action {
  position: relative;
}
.fengstlayout-modal-view-experience-rescue-detail__action .--active-action::after {
  content: " ";
  border-top: 10px solid var(--primary);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  height: 0px;
  width: 0px;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -10px;
}
.fengstlayout-modal-view-experience-rescue-detail__action .--not-active-action {
  opacity: 0.5;
}
.fengstlayout-modal-view-experience-rescue-detail__box {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 100px;
  max-height: 400px;
  padding: 20px 15px 25px 20px;
  margin-bottom: 20px;
  border-radius: 15px;
  box-shadow: 1px 1px 5px 0px rgba(var(--on-background-RGB), 0.1);
}
.fengstlayout-modal-view-experience-rescue-detail__box-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  text-align: left;
  padding-right: 15px;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-experience-rescue-detail__box-content--text-color {
  color: var(--primary);
}
.fengstlayout-modal-view-experience-rescue-detail__box-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}
.fengstlayout-modal-view-experience-rescue-detail__box-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 0.2rem rgba(var(--on-background-RGB), 0.3);
}
.fengstlayout-modal-view-experience-rescue-detail__box-content::-webkit-scrollbar-track {
  background-color: rgba(var(--on-background-RGB), 0.08);
}
.fengstlayout-modal-view-experience-rescue-payment-detail {
  display: grid;
  grid-gap: 10px;
  justify-items: center;
}
.fengstlayout-modal-view-experience-rescue-payment-detail ul {
  list-style-type: none;
  margin: 0 auto;
  padding: 1rem;
}
.fengstlayout-modal-view-experience-rescue-payment-detail ul li {
  list-style: none;
  padding: 1rem;
}
.fengstlayout-modal-view-experience-rescue-payment-detail ul li:nth-child(odd) {
  background-color: rgba(var(--primary-RGB), 0.25);
}
.fengstlayout-modal-view-experience-rescue-payment-detail ul li strong {
  font-weight: bold;
}
.modal-view-bank-slip {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 10px;
  justify-items: center;
}
.modal-view-bank-slip__content {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  padding: 5px;
}
.modal-view-net-promoter-score {
  display: grid;
  justify-items: center;
  padding-bottom: 30px;
}
.modal-view-net-promoter-score__container {
  display: grid;
  gap: 5px;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 50px;
  text-align: center;
  border-bottom: 2px solid rgba(var(--primary-RGB), 0.15);
}
.modal-view-net-promoter-score__container:last-of-type {
  border-bottom: none;
}
.modal-view-net-promoter-score__container .legends {
  font-style: italic;
}
.modal-view-net-promoter-score__container .legends span {
  opacity: 0.4;
}
@media (min-width: 767px) {
  .modal-view-net-promoter-score__container .legends {
    display: none;
  }
}
.modal-view-net-promoter-score__answer {
  display: grid;
  gap: 5px;
  margin: 1rem 0;
  padding: 10px;
}
@media (min-width: 992px) {
  .modal-view-net-promoter-score__answer {
    width: 100%;
    margin: 0 auto;
  }
}
.modal-view-net-promoter-score__answer-buttons {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .modal-view-net-promoter-score__answer-buttons {
    flex-wrap: nowrap;
  }
}
.modal-view-net-promoter-score__answer-input .feng-textarea {
  width: 100%;
}
.modal-view-net-promoter-score__answer-score-description {
  opacity: 0.4;
  justify-content: space-between;
  display: none;
}
@media (min-width: 767px) {
  .modal-view-net-promoter-score__answer-score-description {
    display: flex;
  }
}
.modal-view-net-promoter-score__answer-score-description i {
  display: inline-block;
  padding: 3px;
  color: var(--primary);
}
.modal-view-net-promoter-score__answer-score-description i:nth-child(2) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.modal-view-track-detail {
  display: flex;
  flex-direction: column;
}
.modal-view-track-detail .detail-grid {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .modal-view-track-detail .detail-grid {
    flex-direction: row;
  }
}
.modal-view-track-detail .step {
  display: grid;
  grid-template-columns: 40px auto;
  grid-template-rows: 40px auto;
  grid-template-areas: "icon status" "divider date";
  grid-gap: 5px;
  height: 100px;
}
@media (min-width: 992px) {
  .modal-view-track-detail .step {
    width: 20%;
    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 10px auto auto;
    grid-template-areas: "icon" "divider" "status" "date";
    margin: 0 10px;
  }
}
.modal-view-track-detail .step .icon {
  grid-area: icon;
  display: grid;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.modal-view-track-detail .step .icon.step-1 {
  background-image: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/icons/track-step-1.svg");
}
.modal-view-track-detail .step .icon.step-2 {
  background-image: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/icons/track-step-2.svg");
}
.modal-view-track-detail .step .icon.step-3 {
  background-image: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/icons/track-step-3.svg");
}
.modal-view-track-detail .step .icon.step-4 {
  background-image: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/icons/track-step-4.svg");
}
.modal-view-track-detail .step .icon.step-5 {
  background-image: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/icons/track-step-5.svg");
}
.modal-view-track-detail .step .divider {
  grid-area: divider;
  width: 5px;
  height: 50px;
  justify-self: center;
  background-color: var(--primary);
  border-radius: 10px;
}
@media (min-width: 992px) {
  .modal-view-track-detail .step .divider {
    width: 100%;
    height: 5px;
  }
}
.modal-view-track-detail .step .status {
  grid-area: status;
}
.modal-view-track-detail .step .date-time {
  grid-area: date;
}
.modal-view-track-detail .step .status,
.modal-view-track-detail .step .date-time {
  display: grid;
  align-items: center;
}
@media (min-width: 992px) {
  .modal-view-track-detail .step .status,
.modal-view-track-detail .step .date-time {
    text-align: center;
  }
}
.modal-view-track-detail .step.off .divider {
  background-color: #DEDEDE;
}
.modal-view-track-detail .step.off .icon,
.modal-view-track-detail .step.off .status,
.modal-view-track-detail .step.off .date-time {
  filter: opacity(0.5);
}
.modal-view-track-detail .more-info {
  display: flex;
  flex-direction: column;
}
.modal-view-track-detail .more-info .more-info__button {
  margin: 15px auto;
}
.modal-view-track-detail table {
  width: 100%;
  font-size: 0.9em;
}
.modal-view-track-detail table thead {
  font-weight: bold;
  color: var(--primary);
  background-color: #DEDEDE;
}
.modal-view-track-detail table thead th {
  padding: 5px;
}
.modal-view-track-detail table th,
.modal-view-track-detail table td {
  text-align: left;
  padding: 3px 5px;
}
.modal-view-track-detail table th:nth-child(1),
.modal-view-track-detail table td:nth-child(1) {
  widows: 20%;
}
.modal-view-track-detail table th:nth-child(1),
.modal-view-track-detail table td:nth-child(1) {
  widows: 20%;
}
.modal-view-track-detail table th:nth-child(1),
.modal-view-track-detail table td:nth-child(1) {
  widows: 60%;
}
.modal-view-track-detail table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.modal-view-track-detail table .hide-mobile {
  display: none;
}
@media (min-width: 992px) {
  .modal-view-track-detail table .hide-mobile {
    display: inline-table;
  }
}
.modal-view-optin-choice {
  display: flex;
  flex-direction: column;
  gap: 40px;
  text-align: center;
}
.modal-view-events-detail {
  display: block;
}
.modal-view-events-detail__championship p,
.modal-view-events-detail__championship h4 {
  text-align: center;
}
.modal-view-events-detail__championship p {
  margin: 0;
}
.modal-view-events-detail__championship-date {
  font-size: 20px;
  color: var(--primary);
  font-style: italic;
  text-transform: uppercase;
}
.modal-view-events-detail__match-info {
  margin: 10px auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". . .";
  max-width: 550px;
  justify-content: center;
  align-items: center;
}
.modal-view-events-detail__match-info.has-pacote {
  grid-template-columns: 1fr;
}
.modal-view-events-detail__match-info div.match {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.modal-view-events-detail__match-info div.match:last-child {
  flex-direction: column !important;
}
@media (min-width: 992px) {
  .modal-view-events-detail__match-info div.match {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
    justify-content: center;
    align-items: center;
    grid-column-gap: 10px;
  }
  .modal-view-events-detail__match-info div.match.match-pacote {
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    max-width: 440px;
  }
}
.modal-view-events-detail__match-info div.match img {
  width: 85px;
  height: 85px;
  object-fit: contain;
}
.modal-view-events-detail__match-info div.match span {
  display: block;
  font-weight: bold;
}
@media (min-width: 992px) {
  .modal-view-events-detail__match-info div.match span {
    text-transform: uppercase;
    font-size: 22px;
  }
}
.modal-view-events-detail__match-info div.match-hour {
  letter-spacing: 3px;
  color: var(--primary-dark);
  font-size: 22px;
  font-weight: bolder;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-self: center;
}
.modal-view-events-detail__countdown {
  border: solid 1.5px var(--primary);
  padding: 10px 20px;
  max-width: 400px;
  margin: 10px auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.modal-view-events-detail__countdown p {
  margin-right: 10px;
  text-align: center;
}
.modal-view-events-detail__countdown strong {
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  font-size: 30px;
  font-weight: bold;
  color: var(--primary);
  text-align: center;
}
.modal-view-events-detail__countdown .wave-timer-description {
  color: #7F7F7F;
  font-size: 11px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". . .";
  justify-content: center;
  grid-gap: 20px;
}
.modal-view-events-detail__waves {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100px;
  padding: 2.5em;
}
.modal-view-events-detail__waves #prev,
.modal-view-events-detail__waves #next {
  font-size: 2em;
  color: var(--primary);
  position: absolute;
  z-index: 9;
  top: 2em;
}
.modal-view-events-detail__waves #prev {
  left: 0;
}
.modal-view-events-detail__waves #next {
  right: 0;
}
.modal-view-events-detail__waves .wave-info {
  width: 200px;
  padding: 0;
  margin: 0;
  overflow: hidden !important;
}
.modal-view-events-detail__waves .wave-info.scrollOndas {
  min-width: 100%;
}
@media (min-width: 767px) {
  .modal-view-events-detail__waves .wave-info.scrollOndas {
    min-width: 190px;
  }
}
@media (min-width: 992px) {
  .modal-view-events-detail__waves .wave-info.scrollOndas {
    min-width: 33%;
  }
}
.modal-view-events-detail__waves .wave-info.swiper-slide-active .plan-levels {
  border-bottom-width: 8px;
}
.modal-view-events-detail__waves .wave-situation {
  font-size: 10px;
  margin: 0;
  padding: 0px;
  margin: 0px;
}
.modal-view-events-detail__waves .plan-name {
  font-size: 13px;
  min-height: 100px;
}
.modal-view-events-detail__waves .plan-levels {
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  letter-spacing: 1.2px;
  padding-bottom: 16px;
  border-bottom-style: solid;
  border-bottom-color: var(--primary);
  border-bottom-width: 3px;
  min-height: 53px;
  margin-top: 8px;
}
.modal-view-events-detail__waves .time-open-wave {
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
}
.modal-view-events-detail__waves .scrollOndas {
  min-width: 100%;
}
@media (min-width: 767px) {
  .modal-view-events-detail__waves .scrollOndas {
    min-width: 190px;
  }
}
.modal-view-events-detail__description table {
  width: 100%;
}
.modal-view-events-detail__description table tr {
  position: relative;
  background: white;
  font-weight: normal;
  padding: 10px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e2e2e2;
}
.modal-view-events-detail__description table tr:first-child {
  padding-top: 0;
}
.modal-view-events-detail__description table tr:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.modal-view-events-detail__description table td:last-child {
  text-align: right;
  font-weight: bold !important;
}
.modal-view-events-detail__description ol {
  display: block;
  list-style: none;
  text-align: left;
  margin: 0px;
  padding: 0px;
  padding: 0px;
  width: 100%;
  margin: auto;
}
@media (min-width: 992px) {
  .modal-view-events-detail__description ol {
    max-width: 400px;
  }
}
.modal-view-events-detail__description ol li {
  background: rgba(var(--primary-RGB), 0.15);
  padding: 0px;
  padding-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  display: block;
  width: 100%;
}
.modal-view-events-detail__description ol li ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  background: var(--background);
  color: var(--on-background);
  margin-top: 10px;
  text-align: left;
  width: 100%;
  display: block;
}
.modal-view-events-detail__description ol li ul li {
  position: relative;
  font-weight: normal;
  border-bottom: 1px solid rgba(var(--on-background-RGB), 0.33);
  padding: 10px;
  text-align: left;
  width: 100%;
  display: block;
  color: var(--on-background);
  background: var(--background);
}
.modal-view-events-detail__description ol li ul li ul li {
  position: absolute;
  border-bottom: none;
  right: 5px;
  top: 2px;
  background: none;
  text-align: right;
}
.modal-view-events-detail__action {
  display: grid;
  justify-content: center;
}
.modal-view-events-detail__action p {
  font-size: 20px;
  font-weight: bold;
}
.modal-view-events-detail .action-bg button {
  color: var(--event-color-text-button) !important;
  background-color: var(--event-color-button) !important;
}
.modal-virtual-ticket-card-1 .modal-close {
  text-align: end;
  margin-bottom: 24px;
}
.modal-virtual-ticket-card-1__card-data-row {
  height: 10px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1__card-data-row {
    height: 15px;
  }
}
.modal-virtual-ticket-card-1 #card {
  display: flex;
  position: relative;
}
.modal-virtual-ticket-card-1 #card .modal-virtual-ticket-card-1__card {
  bottom: 13.5%;
  left: 4.5%;
  position: absolute;
  text-align: left;
  width: 100%;
  font-size: 9px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1 #card .modal-virtual-ticket-card-1__card {
    left: 19px;
    bottom: 40px;
    line-height: 1;
    font-size: 14px;
  }
}
.modal-virtual-ticket-card-1 #card .modal-virtual-ticket-card-1__card > span {
  margin: 0;
  font-size: 5px;
  font-family: var(--font-primary);
  font-weight: bold;
  line-height: 1;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1 #card .modal-virtual-ticket-card-1__card > span {
    font-size: 10px;
  }
}
.modal-virtual-ticket-card-1 #card .modal-virtual-ticket-card-1__card-data {
  margin-left: 9px;
}
.modal-virtual-ticket-card-1 #card img {
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1 #card img {
    width: 450px;
  }
}
.modal-virtual-ticket-card-1 .downloadButton {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.modal-virtual-ticket-card-1 #download {
  display: none;
}
.modal-virtual-ticket-card-1 .message {
  width: 200px;
  font-size: 1rem;
  text-align: center;
  margin: 1rem 0;
  font-weight: normal;
  font: 400 17px/17px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1 .message {
    width: 320px;
    text-align: center;
  }
}
.modal-virtual-ticket-card-2 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-virtual-ticket-card-2 .modal-close {
  text-align: end;
  margin-bottom: 24px;
}
.modal-virtual-ticket-card-2 > h1 {
  font-family: var(--font-title);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 20px;
  color: #3D3E42;
}
.modal-virtual-ticket-card-2__card {
  display: grid;
  grid-template: auto/auto auto;
  width: 230px;
  height: 230px;
  border: 4px solid;
  padding: 18px 18px 10px;
  margin-bottom: 2%;
  font-family: var(--font-title);
  background: #262626;
  color: #ebebeb;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 992px) {
  .modal-virtual-ticket-card-2__card {
    width: 222px;
  }
}
@media (min-width: 767px) {
  .modal-virtual-ticket-card-2__card {
    width: 398px;
    height: 240px;
  }
}
.modal-virtual-ticket-card-2__card-gold {
  background: #D19600;
  color: #333333;
}
.modal-virtual-ticket-card-2__card-silver {
  background: #D6D5D5;
  color: #333333;
}
.modal-virtual-ticket-card-2__card-santista {
  background: #ffffffef;
  color: #333333;
}
.modal-virtual-ticket-card-2__card img {
  width: 100px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-2__card img {
    width: 144px;
  }
}
.modal-virtual-ticket-card-2__card-data {
  display: grid;
  gap: 22px;
  margin: 0px 19px 15px 6px;
}
.modal-virtual-ticket-card-2__card-data-row {
  display: grid;
  align-items: start;
  gap: 8px;
  grid-template: 1fr/auto auto auto;
}
.modal-virtual-ticket-card-2__card-data-row > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-virtual-ticket-card-2__card-title {
  margin: 0;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  text-align: left;
}
.modal-virtual-ticket-card-2__card-info {
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-align: initial;
}
.modal-virtual-ticket-card-2__card-qr .qrimg > img {
  width: 76px;
  height: 76px;
}
.modal-virtual-ticket-card-2 #download {
  display: none;
}
.modal-virtual-ticket-card-3 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-virtual-ticket-card-3 .modal-close {
  text-align: end;
  margin-bottom: 24px;
}
.modal-virtual-ticket-card-3 > h1 {
  font-family: var(--font-title);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 50px;
  color: #3D3E42;
}
.modal-virtual-ticket-card-3__card {
  display: grid;
  grid-template: auto/auto auto;
  width: 340px;
  height: 218px;
  padding: 18px 18px 10px;
  margin-bottom: 16%;
  font-family: var(--font-title);
  background-size: cover;
  border: 4px solid;
  color: #ebebeb;
  text-align: center;
  overflow: hidden;
}
.modal-virtual-ticket-card-3__card span {
  width: 76px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 100px;
}
.modal-virtual-ticket-card-3__card span > img {
  width: 42px;
}
.modal-virtual-ticket-card-3__card-data {
  display: grid;
  gap: 33px;
  margin: 0px 19px 15px 6px;
}
.modal-virtual-ticket-card-3__card-data-row {
  display: grid;
  align-items: start;
  gap: 6px;
  grid-template: 1fr/auto auto auto;
}
.modal-virtual-ticket-card-3__card-data-row > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-virtual-ticket-card-3__card-personal-information {
  color: #F8F8F8;
}
.modal-virtual-ticket-card-3__card-personal-information--branco {
  color: #000000;
}
.modal-virtual-ticket-card-3__card-personal-information--tricolor {
  color: #000000;
}
.modal-virtual-ticket-card-3__card-plan-information {
  color: #F8F8F8;
}
.modal-virtual-ticket-card-3__card-plan-information--branco {
  color: #000000;
}
.modal-virtual-ticket-card-3__card-plan-information--tricolor {
  color: #F8F8F8;
}
.modal-virtual-ticket-card-3__card-title {
  margin: 0;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  text-align: left;
}
.modal-virtual-ticket-card-3__card-info {
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-align: initial;
}
.modal-virtual-ticket-card-3__card-qr .qrimg > img {
  width: 76px;
  height: 76px;
}
.modal-virtual-ticket-card-3 #download {
  display: none;
}
.modal-virtual-ticket-card-4 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-virtual-ticket-card-4 .modal-close {
  text-align: end;
  margin-bottom: 24px;
}
.modal-virtual-ticket-card-4 > h1 {
  font-family: var(--font-title);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 20px;
  color: #3D3E42;
}
.modal-virtual-ticket-card-4__card {
  display: grid;
  grid-template: auto/auto auto;
  width: 230px;
  height: 230px;
  border: 4px solid;
  padding: 18px 18px 10px;
  margin-bottom: 2%;
  font-family: var(--font-title);
  background: #262626;
  color: #ebebeb;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 992px) {
  .modal-virtual-ticket-card-4__card {
    width: 222px;
  }
}
@media (min-width: 767px) {
  .modal-virtual-ticket-card-4__card {
    width: 398px;
    height: 240px;
  }
}
.modal-virtual-ticket-card-4__card-gold {
  background: #D19600;
  color: #333333;
}
.modal-virtual-ticket-card-4__card-silver {
  background: #D6D5D5;
  color: #333333;
}
.modal-virtual-ticket-card-4__card-santista {
  background: #ffffffef;
  color: #333333;
}
.modal-virtual-ticket-card-4__card img {
  width: 100px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-4__card img {
    width: 144px;
  }
}
.modal-virtual-ticket-card-4__card-data {
  display: grid;
  gap: 22px;
  margin: 0px 19px 15px 6px;
}
.modal-virtual-ticket-card-4__card-data-row {
  display: grid;
  align-items: start;
  gap: 8px;
  grid-template: 1fr/auto auto auto;
}
.modal-virtual-ticket-card-4__card-data-row > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-virtual-ticket-card-4__card-title {
  margin: 0;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  text-align: left;
}
.modal-virtual-ticket-card-4__card-info {
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-align: initial;
}
.modal-virtual-ticket-card-4__card-qr .qrimg > img {
  width: 76px;
  height: 76px;
}
.modal-virtual-ticket-card-4 #download {
  display: none;
}
.modal-virtual-ticket-card-5 {
  position: relative;
  display: grid;
  gap: 1em;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-virtual-ticket-card-5 .modal-close {
  text-align: end;
}
.modal-virtual-ticket-card-5 .modal-close i {
  font-size: 1.4em;
}
.modal-virtual-ticket-card-5__card {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-rows: 76px 180px auto;
  gap: 1em;
  width: 270px;
  height: 430px;
  padding: 20px 20px 30px;
  font-family: var(--font-title);
  border: 4px solid;
}
@media (min-width: 992px) {
  .modal-virtual-ticket-card-5__card {
    width: 320px;
    height: 480px;
    grid-template-rows: 76px 230px auto;
  }
}
.modal-virtual-ticket-card-5__data {
  display: grid;
  gap: 5px;
  line-height: 1em;
  width: 100%;
  text-align: center;
}
.modal-virtual-ticket-card-5__data strong {
  font-size: 1.2em;
  line-height: 1.4em;
}
.modal-virtual-ticket-card-5__data small {
  font-size: 0.75em;
}
.modal-virtual-ticket-card-5__logo {
  width: auto;
  height: 100%;
  padding: 1em 0;
}
.modal-virtual-ticket-card-5__qr .qrimg {
  height: 76px;
}
.modal-virtual-ticket-card-5__qr .qrimg > img {
  width: 76px;
  height: 76px;
}
.modal-virtual-ticket-card-5__info {
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-align: initial;
}
.modal-virtual-ticket-card-5 #download {
  display: none;
}
.modal-virtual-ticket-card-6 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-6__wrapper {
    display: flex;
  }
}
.modal-virtual-ticket-card-6 .modal-close {
  text-align: end;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-6 .modal-close {
    margin-bottom: 6px;
  }
}
.modal-virtual-ticket-card-6 .modal-close i {
  color: #000;
  font-size: 23px;
}
.modal-virtual-ticket-card-6 > h1 {
  font-family: var(--font-title);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin: 0;
  color: #3D3E42;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-6 > h1 {
    margin: 0 0 32px;
  }
}
.modal-virtual-ticket-card-6__card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  padding: 24px;
  border-radius: 17px;
  font-family: var(--font-title);
  background-size: cover;
  transform: scale(0.8);
  transform-origin: 0;
  width: calc(100% / 0.8);
  color: #ebebeb;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-6__card {
    width: 398px;
    transform: none;
    margin-bottom: 32px;
  }
}
.modal-virtual-ticket-card-6__card span {
  display: flex;
  align-items: center;
  border-radius: 100px;
  grid-column: 1;
  grid-row: 1;
}
.modal-virtual-ticket-card-6__card span > img {
  width: 111px;
  height: 50px;
}
.modal-virtual-ticket-card-6__card-data {
  grid-column: 1/span 2;
  grid-row: 2;
  display: grid;
  gap: 16px;
}
.modal-virtual-ticket-card-6__card-data-row {
  display: grid;
  align-items: start;
  gap: 7px;
}
.modal-virtual-ticket-card-6__card-data-row > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-virtual-ticket-card-6__card__sectorization {
  display: grid;
  grid-auto-flow: row;
  margin-top: 26%;
  margin-left: 5%;
  color: #000000;
  height: 0px;
  grid-row: 2;
  justify-content: flex-end;
  grid-column: 2;
}
.modal-virtual-ticket-card-6__card__sectorization--row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.modal-virtual-ticket-card-6__card-personal-information {
  color: #000000;
}
.modal-virtual-ticket-card-6__card-plan-information {
  display: flex;
  color: #000000;
}
.modal-virtual-ticket-card-6__card-title {
  margin: 0;
  font-weight: normal;
  font-size: 8px;
  line-height: 8px;
  text-align: left;
}
@media (min-width: 992px) {
  .modal-virtual-ticket-card-6__card-title {
    font-size: 10px;
    line-height: 10px;
  }
}
.modal-virtual-ticket-card-6__card-info {
  margin: 0;
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  text-align: initial;
}
@media (min-width: 992px) {
  .modal-virtual-ticket-card-6__card-info {
    font-size: 14px;
    line-height: 14px;
  }
}
.modal-virtual-ticket-card-6__card-info.card-name {
  text-transform: uppercase;
}
.modal-virtual-ticket-card-6__card-qr {
  grid-column: 2;
  grid-row: 1;
}
.modal-virtual-ticket-card-6__card-qr .qrimg {
  text-align: right;
}
.modal-virtual-ticket-card-6__card-qr .qrimg > img {
  width: 70px;
  height: 70px;
  border-radius: 4px;
}
.modal-virtual-ticket-card-6 fengstui-button button {
  width: 100% !important;
}
.modal-virtual-ticket-card-6 #download {
  display: none;
}
.modal-virtual-ticket-card-7 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-7__wrapper {
    display: flex;
  }
}
.modal-virtual-ticket-card-7 .modal-close {
  text-align: end;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-7 .modal-close {
    margin-bottom: 6px;
  }
}
.modal-virtual-ticket-card-7 .modal-close i {
  color: #000;
  font-size: 23px;
}
.modal-virtual-ticket-card-7 h2 {
  font-family: var(--font-title);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #3D3E42;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-7 h2 {
    margin: 0 0 32px;
  }
}
.modal-virtual-ticket-card-7__card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 45px;
  padding: 24px;
  border-radius: 17px;
  font-family: var(--font-title);
  background-size: cover;
  transform-origin: 0;
  color: #ebebeb;
  min-width: 300px;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-7__card {
    width: 398px;
    transform: none;
    margin-bottom: 32px;
  }
}
.modal-virtual-ticket-card-7__card span {
  height: 70px;
  display: flex;
  align-items: center;
  border-radius: 100px;
  grid-column: 1;
  grid-row: 1;
}
.modal-virtual-ticket-card-7__card span > img {
  width: 111px;
  height: 50px;
}
.modal-virtual-ticket-card-7__card-data {
  grid-column: 1/span 2;
  /* Ocupa as duas colunas */
  grid-row: 2;
  display: grid;
  gap: 16px;
}
.modal-virtual-ticket-card-7__card-data p {
  color: white;
}
.modal-virtual-ticket-card-7__card-data-row {
  display: grid;
  align-items: start;
  gap: 16px;
}
.modal-virtual-ticket-card-7__card-data-row > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-virtual-ticket-card-7__card-personal-information {
  color: #000000;
}
.modal-virtual-ticket-card-7__card-plan-information {
  display: flex;
  color: #000000;
}
.modal-virtual-ticket-card-7__card-title {
  margin: 0;
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  text-align: left;
}
.modal-virtual-ticket-card-7__card-info {
  margin: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  text-align: initial;
}
.modal-virtual-ticket-card-7__card-info.card-name {
  text-transform: uppercase;
}
.modal-virtual-ticket-card-7__card-qr {
  grid-column: 2;
  grid-row: 1;
}
.modal-virtual-ticket-card-7__card-qr .qrimg {
  text-align: right;
}
.modal-virtual-ticket-card-7__card-qr .qrimg > img {
  width: 70px;
  height: 70px;
  border-radius: 4px;
}
.modal-virtual-ticket-card-7 fengstui-button button {
  width: 100% !important;
}
.modal-virtual-ticket-card-7 #download {
  display: none;
}
.modal-certificate-1 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-1 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-1__card {
  width: 338px;
  height: 317px;
  font-family: var(--font-title);
  background-size: cover;
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4%;
}
@media (min-width: 576px) {
  .modal-certificate-1__card {
    width: 370px;
    height: 270px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-1__card {
    width: 575px;
    height: 500px;
  }
}
.modal-certificate-1__card-data {
  gap: 33px;
  margin: 56% 25% 0px 6px;
  align-content: center;
}
@media (min-width: 576px) {
  .modal-certificate-1__card-data {
    margin: 42% 28% 0px 6px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-1__card-data {
    margin: 52% 38% 0px 6px;
  }
}
.modal-certificate-1__card-info {
  margin: 0;
  font-weight: 700;
  font-size: 1em;
  line-height: 21px;
  text-align: left;
  color: #000;
}
@media (min-width: 576px) {
  .modal-certificate-1__card-info {
    font-size: 1.1em;
  }
}
@media (min-width: 767px) {
  .modal-certificate-1__card-info {
    font-size: 1.4em;
  }
}
.modal-certificate-1 #download {
  display: none;
}
.modal-certificate-2 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-2 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-2__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4%;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-2__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card {
    width: 700px;
  }
}
.modal-certificate-2__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-2__card-data {
  color: #000;
}
.modal-certificate-2__card-info {
  font-family: "serif";
  position: absolute;
  font-size: 8px;
  top: 62px;
  right: 124px;
}
.modal-certificate-2__card-info.st-fem {
  top: 61px;
  right: 121px;
}
@media (min-width: 767px) {
  .modal-certificate-2__card-info.st-fem {
    top: 87px;
    right: 157px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card-info.st-fem {
    top: 128px;
    right: 230px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-2__card-info {
    font-size: 13px;
    top: 87px;
    right: 162px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card-info {
    font-size: 17px;
    top: 128px;
    right: 235px;
  }
}
.modal-certificate-2__card-name {
  font-family: "serif";
  position: absolute;
  transform: translate(50%);
  right: 50%;
  width: 100%;
  top: 85px;
  font-size: 10px;
  line-height: 100%;
  text-transform: capitalize;
}
@media (min-width: 767px) {
  .modal-certificate-2__card-name {
    top: 113px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card-name {
    top: 165px;
    font-size: 18px;
  }
}
.modal-certificate-2__card-gender {
  font-family: "serif";
  position: absolute;
  line-height: 100%;
  font-size: 7px;
  top: 110px;
  left: 132px;
}
.modal-certificate-2__card-gender.st-fem {
  font-size: 8px;
  top: 107px;
  left: 132px;
}
@media (min-width: 767px) {
  .modal-certificate-2__card-gender.st-fem {
    font-size: 11px;
    top: 150px;
    left: 185px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card-gender.st-fem {
    font-size: 16px;
    top: 210px;
    left: 259px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-2__card-gender {
    font-size: 10px;
    top: 152px;
    left: 183px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card-gender {
    font-size: 15px;
    top: 212px;
    left: 256.5px;
  }
}
.modal-certificate-2 #download {
  display: none;
}
.modal-certificate-3 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-3 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-3__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4%;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-3__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card {
    width: 700px;
  }
}
.modal-certificate-3__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-3__card-data {
  color: #000;
}
.modal-certificate-3__card-info {
  font-family: "serif";
  position: absolute;
  font-size: 8px;
  top: 62px;
  right: 124px;
}
.modal-certificate-3__card-info.st-fem {
  top: 61px;
  right: 121px;
}
@media (min-width: 767px) {
  .modal-certificate-3__card-info.st-fem {
    top: 87px;
    right: 157px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card-info.st-fem {
    top: 128px;
    right: 230px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-3__card-info {
    font-size: 13px;
    top: 87px;
    right: 162px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card-info {
    font-size: 17px;
    top: 128px;
    right: 235px;
  }
}
.modal-certificate-3__card-name {
  font-family: "serif";
  position: absolute;
  transform: translate(50%);
  right: 50%;
  width: 100%;
  top: 125px;
  font-size: 10px;
  line-height: 100%;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--primary);
}
@media (min-width: 767px) {
  .modal-certificate-3__card-name {
    top: 175px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card-name {
    top: 255px;
    font-size: 18px;
  }
}
.modal-certificate-3__card-gender {
  font-family: "serif";
  position: absolute;
  line-height: 100%;
  font-size: 7px;
  top: 110px;
  left: 132px;
}
.modal-certificate-3__card-gender.st-fem {
  font-size: 8px;
  top: 107px;
  left: 132px;
}
@media (min-width: 767px) {
  .modal-certificate-3__card-gender.st-fem {
    font-size: 11px;
    top: 150px;
    left: 185px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card-gender.st-fem {
    font-size: 16px;
    top: 210px;
    left: 259px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-3__card-gender {
    font-size: 10px;
    top: 152px;
    left: 183px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card-gender {
    font-size: 15px;
    top: 212px;
    left: 256.5px;
  }
}
.modal-certificate-3 #download {
  display: none;
}
.modal-certificate-4 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-4 div:nth-child(5) {
  margin-top: 10%;
}
.modal-certificate-4 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-4__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-4__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-4__card {
    width: 700px;
  }
}
.modal-certificate-4__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-4__card-data {
  color: #000;
}
.modal-certificate-4__card-name {
  font-family: "arial";
  position: absolute;
  transform: translate(50%);
  right: 46%;
  width: 100%;
  top: 441px;
  font-size: 11px;
  line-height: 100%;
  text-transform: capitalize;
  font-weight: 600;
  color: #000;
  margin: 0;
  padding: 0;
  text-align: start;
}
@media (min-width: 767px) {
  .modal-certificate-4__card-name {
    top: 614px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-4__card-name {
    top: 864px;
    right: 320px;
    font-size: 21px;
  }
}
.modal-certificate-4 #download {
  display: none;
}
.modal-certificate-5 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  min-width: 300px;
  min-height: 300px;
  text-align: center;
}
.modal-certificate-5 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-5__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-5__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card {
    width: 700px;
  }
}
.modal-certificate-5__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-5__card h1 {
  z-index: 9;
  position: absolute;
  text-align: center;
  width: 100%;
  color: #FFF;
  font-family: var(--retrospective-title-font-family);
  text-transform: uppercase;
  line-height: 100%;
  font-size: 32px;
  margin-top: -558px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card h1 {
    margin-top: -789px;
    font-size: 46px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card h1 {
    margin-top: -1100px;
    font-size: 65px;
  }
}
.modal-certificate-5__card > div:nth-child(3) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -343px;
  margin-left: 39px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(3) {
    width: 107px;
    margin-top: -475px;
    margin-left: 56px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(3) {
    width: 152px;
    margin-top: -661px;
    margin-left: 77px;
  }
}
.modal-certificate-5__card > div:nth-child(3) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(3) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(3) p {
    font-size: 38px;
  }
}
.modal-certificate-5__card > div:nth-child(4) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -343px;
  margin-left: 138px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(4) {
    width: 107px;
    margin-top: -475px;
    margin-left: 193px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(4) {
    margin-top: -661px;
    margin-left: 272px;
    width: 152px;
  }
}
.modal-certificate-5__card > div:nth-child(4) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(4) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(4) p {
    font-size: 38px;
  }
}
.modal-certificate-5__card > div:nth-child(5) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -343px;
  margin-left: 235px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(5) {
    width: 107px;
    margin-top: -475px;
    margin-left: 330px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(5) {
    width: 152px;
    margin-top: -661px;
    margin-left: 462px;
  }
}
.modal-certificate-5__card > div:nth-child(5) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(5) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(5) p {
    font-size: 38px;
  }
}
.modal-certificate-5__card > div:nth-child(6) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -355px;
  margin-left: 88px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(6) {
    width: 107px;
    margin-top: -348px;
    margin-left: 123px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(6) {
    width: 152px;
    margin-top: -484px;
    margin-left: 173px;
  }
}
.modal-certificate-5__card > div:nth-child(6) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(6) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(6) p {
    font-size: 38px;
  }
}
.modal-certificate-5__card > div:nth-child(7) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -355px;
  margin-left: 184px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(7) {
    width: 107px;
    margin-top: -348px;
    margin-left: 258px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(7) {
    width: 152px;
    margin-top: -484px;
    margin-left: 362px;
  }
}
.modal-certificate-5__card > div:nth-child(7) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(7) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(7) p {
    font-size: 38px;
  }
}
.modal-certificate-5__stamps {
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  z-index: 9;
  margin-right: 14px;
  margin-left: 10px;
  margin-top: -154px;
  width: 94%;
}
@media (min-width: 767px) {
  .modal-certificate-5__stamps {
    margin-left: 11px;
    margin-top: -213px;
    width: 95%;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__stamps {
    margin-left: 12px;
    margin-top: -296px;
    width: 96%;
  }
}
.modal-certificate-5__stamps img {
  width: 50px;
  height: 50px;
}
@media (min-width: 767px) {
  .modal-certificate-5__stamps img {
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__stamps img {
    width: 100px;
    height: 100px;
  }
}
.modal-certificate-5__stamps-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72px;
  z-index: 9;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-5__stamps-content {
    width: 103px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__stamps-content {
    width: 151px;
  }
}
.modal-certificate-5__stamps-content p {
  margin: -4px;
  font-size: 5px;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-family: var(--retrospective-stamps-font-family);
  line-height: 115%;
}
@media (min-width: 767px) {
  .modal-certificate-5__stamps-content p {
    font-size: 7px;
    font-weight: 500;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__stamps-content p {
    font-size: 9px;
    font-weight: 700;
  }
}
.modal-certificate-5 #download {
  display: none;
}
.modal-certificate-6 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
  min-width: 300px;
  min-height: 300px;
}
.modal-certificate-6 .modal-close {
  text-align: end;
}
.modal-certificate-6__sticker {
  margin: 10px 0;
}
.modal-certificate-6__user {
  position: relative;
  height: auto;
  width: auto;
  max-height: 360px;
}
@media (min-width: 576px) {
  .modal-certificate-6__user {
    max-height: 416px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-6__user {
    max-height: 576px;
  }
}
.modal-certificate-6__user p {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 284px;
  left: 51%;
  transform: translateX(-50%);
  margin: 0 auto;
  padding: 0;
  font-family: var(--font-sticker);
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 10px;
}
@media (min-width: 576px) {
  .modal-certificate-6__user p {
    font-size: 15px;
    top: 330px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-6__user p {
    font-size: 22px;
    top: 459px;
  }
}
.modal-certificate-6__user img {
  position: relative;
  z-index: 1;
  top: 0;
  width: 300px;
  height: 360px;
}
@media (min-width: 576px) {
  .modal-certificate-6__user img {
    width: 316px;
    height: 416px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-6__user img {
    width: 476px;
    height: 576px;
  }
}
.modal-certificate-6__user-photo {
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  top: 46%;
}
.modal-certificate-6__user-photo img {
  object-fit: cover;
  height: 292px;
  width: 290px;
}
@media (min-width: 576px) {
  .modal-certificate-6__user-photo img {
    height: 331px;
    width: 316px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-6__user-photo img {
    height: 476px;
    width: 476px;
  }
}
.modal-certificate-6 #download {
  display: none;
}
.modal-certificate-7 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-7 .modal-close {
  text-align: end;
}
.modal-certificate-7__card {
  width: 100%;
  height: 500px;
  font-family: var(--font-title);
  background-size: cover;
  border: 4px solid;
  color: transparent;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4%;
}
@media (min-width: 576px) {
  .modal-certificate-7__card {
    width: 400px;
    height: 610px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-7__card {
    width: 575px;
    height: 695px;
  }
}
.modal-certificate-7__card img {
  height: 100%;
  width: 100%;
}
.modal-certificate-7__card-data {
  margin-top: -448px;
  margin-left: 24px;
  position: relative;
  color: var(--primary);
  max-width: 500px;
  text-align: start;
}
@media (min-width: 576px) {
  .modal-certificate-7__card-data {
    margin-top: -542px;
    margin-left: 34px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-7__card-data {
    margin-top: -615px;
    margin-left: 42px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-7__card-data {
    margin-top: -618px;
    margin-left: 43px;
  }
}
.modal-certificate-7__card-data p {
  margin: 0;
  padding: 0;
  font-family: "serif";
  line-height: 100%;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
}
@media (min-width: 576px) {
  .modal-certificate-7__card-data p {
    font-size: 16px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-7__card-data p {
    font-size: 18px;
  }
}
.modal-certificate-7 #download {
  display: none;
}
.modal-certificate-8 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-8 .modal-close {
  text-align: end;
  margin: 10px 0;
}
.modal-certificate-8__card {
  width: 360px;
  font-family: var(--font-title);
  text-align: center;
  overflow: hidden;
  margin-bottom: 2%;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-8__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-8__card {
    width: 700px;
  }
}
.modal-certificate-8__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-8__card-name {
  font-family: "serif";
  position: absolute;
  transform: translate(50%);
  right: 50%;
  width: 100%;
  top: 121px;
  font-size: 10px;
  line-height: 100%;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--primary);
  max-width: 265px;
}
@media (min-width: 767px) {
  .modal-certificate-8__card-name {
    top: 167px;
    font-size: 15px;
    max-width: 362px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-8__card-name {
    top: 237px;
    font-size: 18px;
    max-width: 520px;
  }
}
.modal-certificate-8 #download {
  display: none;
}
.modal-certificate-9 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-9 .modal-close {
  text-align: end;
  margin: 10px 0;
}
.modal-certificate-9__card {
  width: 360px;
  font-family: var(--font-title);
  text-align: center;
  overflow: hidden;
  margin-bottom: 2%;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-9__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-9__card {
    width: 700px;
  }
}
.modal-certificate-9__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-9__card-name {
  position: absolute;
  transform: translate(50%);
  right: 50%;
  width: 100%;
  top: 121px;
  font-size: 10px;
  line-height: 100%;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--primary);
  max-width: 265px;
}
@media (min-width: 767px) {
  .modal-certificate-9__card-name {
    top: 167px;
    font-size: 15px;
    max-width: 362px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-9__card-name {
    top: 237px;
    font-size: 18px;
    max-width: 520px;
  }
}
.modal-certificate-9__card-date {
  position: absolute;
  transform: translate(50%);
  right: 50%;
  width: 100%;
  top: 200px;
  font-size: 8px;
  line-height: 100%;
  font-weight: 600;
  color: var(--secondary);
  max-width: 265px;
}
@media (min-width: 767px) {
  .modal-certificate-9__card-date {
    top: 278px;
    font-size: 11px;
    max-width: 362px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-9__card-date {
    top: 392px;
    font-size: 14px;
    max-width: 520px;
  }
}
.modal-certificate-9 #download {
  display: none;
}
.modal-certificate-10 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-10 .modal-close {
  text-align: end;
}
.modal-certificate-10__card {
  width: 100%;
  height: 500px;
  font-family: var(--font-title);
  background-size: cover;
  border: 4px solid;
  color: transparent;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4%;
}
@media (min-width: 576px) {
  .modal-certificate-10__card {
    width: 400px;
    height: 610px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-10__card {
    width: 575px;
    height: 695px;
  }
}
.modal-certificate-10__card img {
  height: 100%;
  width: 100%;
}
.modal-certificate-10__card-data {
  margin-top: -406px;
  margin-left: 9%;
  position: relative;
  color: var(--primary);
  max-width: 500px;
  text-align: start;
}
@media (min-width: 576px) {
  .modal-certificate-10__card-data {
    margin-top: -500px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-10__card-data {
    margin-top: -573px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-10__card-data {
    margin-top: -573px;
  }
}
.modal-certificate-10__card-data p {
  margin: 0;
  padding: 0;
  font-family: "serif";
  line-height: 100%;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
}
@media (min-width: 576px) {
  .modal-certificate-10__card-data p {
    font-size: 14px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-10__card-data p {
    font-size: 16px;
  }
}
.modal-certificate-10 #download {
  display: none;
}
.modal-certificate-11 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
  min-width: 300px;
  min-height: 300px;
}
.modal-certificate-11 .modal-close {
  text-align: end;
}
.modal-certificate-11__sticker {
  margin: 10px 0;
}
.modal-certificate-11__user {
  position: relative;
  height: auto;
  width: auto;
  max-height: 360px;
}
@media (min-width: 576px) {
  .modal-certificate-11__user {
    max-height: 416px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-11__user {
    max-height: 576px;
  }
}
.modal-certificate-11__user p {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 284px;
  left: 51%;
  transform: translateX(-50%);
  margin: 0 auto;
  padding: 0;
  font-family: var(--font-sticker);
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 10px;
}
@media (min-width: 576px) {
  .modal-certificate-11__user p {
    font-size: 15px;
    top: 330px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-11__user p {
    font-size: 22px;
    top: 459px;
  }
}
.modal-certificate-11__user img {
  position: relative;
  z-index: 1;
  top: 0;
  width: 300px;
  height: 360px;
}
@media (min-width: 576px) {
  .modal-certificate-11__user img {
    width: 316px;
    height: 416px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-11__user img {
    width: 476px;
    height: 576px;
  }
}
.modal-certificate-11__user-photo {
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  top: 46%;
}
.modal-certificate-11__user-photo img {
  object-fit: cover;
  height: 292px;
  width: 290px;
}
@media (min-width: 576px) {
  .modal-certificate-11__user-photo img {
    height: 331px;
    width: 316px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-11__user-photo img {
    height: 476px;
    width: 476px;
  }
}
.modal-certificate-11 #download {
  display: none;
}
.modal-certificate-12 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-12 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-12__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4%;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-12__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-12__card {
    width: 700px;
  }
}
.modal-certificate-12__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-12__card-data {
  color: #000;
}
.modal-certificate-12__card-info {
  font-family: "serif";
  position: absolute;
  font-size: 8px;
  top: 62px;
  right: 124px;
}
.modal-certificate-12__card-info.st-fem {
  top: 61px;
  right: 121px;
}
@media (min-width: 767px) {
  .modal-certificate-12__card-info.st-fem {
    top: 87px;
    right: 157px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-12__card-info.st-fem {
    top: 128px;
    right: 230px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-12__card-info {
    font-size: 13px;
    top: 87px;
    right: 162px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-12__card-info {
    font-size: 17px;
    top: 128px;
    right: 235px;
  }
}
.modal-certificate-12__card-name {
  font-family: "serif";
  position: absolute;
  transform: translate(50%);
  right: 50%;
  width: 100%;
  top: 125px;
  font-size: 10px;
  line-height: 100%;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--primary);
}
@media (min-width: 767px) {
  .modal-certificate-12__card-name {
    top: 175px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-12__card-name {
    top: 255px;
    font-size: 18px;
  }
}
.modal-certificate-12__card-gender {
  font-family: "serif";
  position: absolute;
  line-height: 100%;
  font-size: 7px;
  top: 110px;
  left: 132px;
}
.modal-certificate-12__card-gender.st-fem {
  font-size: 8px;
  top: 107px;
  left: 132px;
}
@media (min-width: 767px) {
  .modal-certificate-12__card-gender.st-fem {
    font-size: 11px;
    top: 150px;
    left: 185px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-12__card-gender.st-fem {
    font-size: 16px;
    top: 210px;
    left: 259px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-12__card-gender {
    font-size: 10px;
    top: 152px;
    left: 183px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-12__card-gender {
    font-size: 15px;
    top: 212px;
    left: 256.5px;
  }
}
.modal-certificate-12 #download {
  display: none;
}
.modal-certificate-13 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-13 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-13__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4%;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-13__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-13__card {
    width: 700px;
  }
}
.modal-certificate-13__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-13__card-data {
  color: #000;
}
.modal-certificate-13__card-info {
  font-family: "serif";
  position: absolute;
  font-size: 8px;
  top: 62px;
  right: 124px;
}
.modal-certificate-13__card-info.st-fem {
  top: 61px;
  right: 121px;
}
@media (min-width: 767px) {
  .modal-certificate-13__card-info.st-fem {
    top: 87px;
    right: 157px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-13__card-info.st-fem {
    top: 128px;
    right: 230px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-13__card-info {
    font-size: 13px;
    top: 87px;
    right: 162px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-13__card-info {
    font-size: 17px;
    top: 128px;
    right: 235px;
  }
}
.modal-certificate-13__card-name {
  font-family: "serif";
  position: absolute;
  transform: translate(50%);
  right: 50%;
  width: 100%;
  top: 125px;
  font-size: 10px;
  line-height: 100%;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--primary);
}
@media (min-width: 767px) {
  .modal-certificate-13__card-name {
    top: 175px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-13__card-name {
    top: 255px;
    font-size: 18px;
  }
}
.modal-certificate-13__card-gender {
  font-family: "serif";
  position: absolute;
  line-height: 100%;
  font-size: 7px;
  top: 110px;
  left: 132px;
}
.modal-certificate-13__card-gender.st-fem {
  font-size: 8px;
  top: 107px;
  left: 132px;
}
@media (min-width: 767px) {
  .modal-certificate-13__card-gender.st-fem {
    font-size: 11px;
    top: 150px;
    left: 185px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-13__card-gender.st-fem {
    font-size: 16px;
    top: 210px;
    left: 259px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-13__card-gender {
    font-size: 10px;
    top: 152px;
    left: 183px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-13__card-gender {
    font-size: 15px;
    top: 212px;
    left: 256.5px;
  }
}
.modal-certificate-13 #download {
  display: none;
}
.modal-certificate-14 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  min-width: 300px;
  min-height: 300px;
  text-align: center;
}
.modal-certificate-14 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-14__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-14__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__card {
    width: 700px;
  }
}
.modal-certificate-14__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-14__card h1 {
  z-index: 9;
  position: absolute;
  text-align: center;
  width: 100%;
  color: #FFF;
  font-family: var(--retrospective-title-font-family);
  text-transform: uppercase;
  line-height: 100%;
  font-size: 32px;
  margin-top: -558px;
}
@media (min-width: 767px) {
  .modal-certificate-14__card h1 {
    margin-top: -789px;
    font-size: 46px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__card h1 {
    margin-top: -1100px;
    font-size: 65px;
  }
}
.modal-certificate-14__card > div:nth-child(3) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -355px;
  margin-left: 98px;
}
@media (min-width: 767px) {
  .modal-certificate-14__card > div:nth-child(3) {
    width: 107px;
    margin-top: -495px;
    margin-left: 136px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__card > div:nth-child(3) {
    width: 152px;
    margin-top: -681px;
    margin-left: 197px;
  }
}
.modal-certificate-14__card > div:nth-child(3) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-14__card > div:nth-child(3) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__card > div:nth-child(3) p {
    font-size: 38px;
  }
}
.modal-certificate-14__card > div:nth-child(4) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -355px;
  margin-left: 175px;
}
@media (min-width: 767px) {
  .modal-certificate-14__card > div:nth-child(4) {
    width: 107px;
    margin-top: -495px;
    margin-left: 245px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__card > div:nth-child(4) {
    margin-top: -681px;
    margin-left: 345px;
    width: 152px;
  }
}
.modal-certificate-14__card > div:nth-child(4) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-14__card > div:nth-child(4) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__card > div:nth-child(4) p {
    font-size: 38px;
  }
}
.modal-certificate-14__card > div:nth-child(5) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -263px;
  margin-left: 98px;
}
@media (min-width: 767px) {
  .modal-certificate-14__card > div:nth-child(5) {
    width: 107px;
    margin-top: -368px;
    margin-left: 140px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__card > div:nth-child(5) {
    width: 152px;
    margin-top: -504px;
    margin-left: 193px;
  }
}
.modal-certificate-14__card > div:nth-child(5) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-14__card > div:nth-child(5) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__card > div:nth-child(5) p {
    font-size: 38px;
  }
}
.modal-certificate-14__card > div:nth-child(6) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -263px;
  margin-left: 174px;
}
@media (min-width: 767px) {
  .modal-certificate-14__card > div:nth-child(6) {
    width: 107px;
    margin-top: -368px;
    margin-left: 248px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__card > div:nth-child(6) {
    width: 152px;
    margin-top: -504px;
    margin-left: 349px;
  }
}
.modal-certificate-14__card > div:nth-child(6) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-14__card > div:nth-child(6) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__card > div:nth-child(6) p {
    font-size: 38px;
  }
}
.modal-certificate-14__stamps {
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  z-index: 9;
  margin-right: 14px;
  margin-left: 39px;
  margin-top: -180px;
  width: 80%;
}
@media (min-width: 767px) {
  .modal-certificate-14__stamps {
    margin-left: 64px;
    margin-top: -252px;
    width: 75%;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__stamps {
    margin-left: 82px;
    margin-top: -345px;
    width: 76%;
  }
}
.modal-certificate-14__stamps img {
  width: 50px;
  height: 50px;
}
@media (min-width: 767px) {
  .modal-certificate-14__stamps img {
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__stamps img {
    width: 100px;
    height: 100px;
  }
}
.modal-certificate-14__stamps-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  z-index: 9;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-14__stamps-content {
    width: 75px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__stamps-content {
    width: 145px;
  }
}
.modal-certificate-14__stamps-content p {
  margin: -4px;
  font-size: 5px;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-family: var(--retrospective-stamps-font-family);
  line-height: 115%;
}
@media (min-width: 767px) {
  .modal-certificate-14__stamps-content p {
    font-size: 7px;
    font-weight: 500;
  }
}
@media (min-width: 992px) {
  .modal-certificate-14__stamps-content p {
    font-size: 9px;
    font-weight: 700;
  }
}
.modal-certificate-14 #download {
  display: none;
}
.modal-certificate-15 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-15 .modal-close {
  text-align: end;
}
.modal-certificate-15__card {
  position: relative;
  width: 303px;
  height: 214px;
  font-family: var(--font-title);
  background-size: cover;
  border: 4px solid;
  overflow: hidden;
  margin-bottom: 4%;
}
@media (min-width: 576px) {
  .modal-certificate-15__card {
    width: 440px;
    height: 311px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-15__card {
    width: 610px;
    height: 431px;
  }
}
.modal-certificate-15__card img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
.modal-certificate-15__card-data {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #E0B85C;
  max-width: 80%;
  padding: 0 1rem;
}
.modal-certificate-15__card-data p {
  margin: 0;
  font-family: "serif";
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
}
@media (min-width: 576px) {
  .modal-certificate-15__card-data p {
    font-size: 16px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-15__card-data p {
    font-size: 18px;
  }
}
.modal-certificate-15 #download {
  display: none;
}
.modal-view-welcome-kit__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-view-welcome-kit__header--modal-close i {
  font-size: 30px;
  color: #000;
}
.modal-view-welcome-kit__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.modal-view-welcome-kit__content h3 {
  color: var(--primary);
  font-size: 1rem;
}
@media (min-width: 767px) {
  .modal-view-welcome-kit__content h3 {
    font-size: 20px;
  }
}
.modal-view-welcome-kit__content button {
  font-size: 12px !important;
}
@media (min-width: 767px) {
  .modal-view-welcome-kit__content button {
    font-size: 1rem !important;
  }
}
.modal-view-welcome-kit__content + div {
  border-top: 1px solid #D0D0D0;
}
.modal-view-welcome-kit__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  font-size: 1.5em;
  margin: 30px 0;
}
.modal-view-welcome-kit__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.modal-benefits {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/modal-bg.png") no-repeat center left/64% 76%;
  background-attachment: fixed;
}
@media (min-width: 500px) {
  .modal-benefits {
    overflow-x: hidden;
    max-width: max-content;
  }
}
.modal-benefits__content {
  padding: 7%;
  height: max-content;
}
.modal-benefits__content--header > img {
  width: 15%;
}
.modal-benefits .mat-dialog-container {
  padding: 0 !important;
  border-radius: 5px;
}
.fengstlayout-modal-view-my-kit__close {
  display: flex;
  justify-content: flex-end;
}
.fengstlayout-modal-view-my-kit__close fengstui-button .feng-btn--medium {
  font-size: 30px;
}
.fengstlayout-modal-view-my-kit__content {
  display: grid;
  text-align: center;
}
.fengstlayout-modal-view-my-kit__content i {
  font-size: 88px;
  color: var(--primary);
}
.fengstlayout-modal-view-my-kit__content-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 576px) {
  .fengstlayout-modal-view-my-kit__content-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}
.fengstlayout-modal-view-my-kit__content-buttons fengstui-button button {
  width: 100%;
  text-transform: uppercase;
}
.fengstlayout-modal-view-v2-experience-rescues-detail {
  display: grid;
  grid-gap: 10px;
  justify-items: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__description {
  text-align: center;
  line-height: 1.15em;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__description ul {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__description ul li {
  width: -moz-fit-content;
  width: fit-content;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__digital-prod-msg {
  margin-bottom: 20px;
  text-align: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__digital-prod-msg > p {
  margin: 0;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__question-msg {
  margin: 20px 0;
  text-align: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__question-msg > p {
  margin: 0;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__question-msg fengstui-textarea .mat-form-field-infix {
  width: 160px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__question-msg fengstui-textarea .mat-form-field-infix {
    width: 420px;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__question-msg fengstui-button .feng-btn {
  margin-top: 10px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__numbers {
  display: grid;
  grid-gap: 10px;
  font-size: 2em;
  padding: 20px 0;
  text-align: center;
  line-height: normal;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__numbers strong {
  font-size: 2em;
  line-height: 1.2em;
  color: var(--secondary);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__price {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  line-height: normal;
  font-size: 1em;
  padding: 0;
  gap: 8px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__price {
    padding: 20px 0;
    gap: 16px;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__price span {
  font-size: 14px;
  font-weight: 500;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__price-title {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  color: var(--secondary);
  font-size: 16px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__price-title strong:not(.--free) {
  margin: 0;
  font-size: 32px;
  line-height: 80%;
}
@media (min-width: 576px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__price-title strong:not(.--free) {
    font-size: 4em;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__price-title strong.--free {
  font-size: 2em;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__money {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 40px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__title {
    flex-direction: row;
    gap: 0;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__title > span {
  display: flex;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table {
  text-align: center;
  position: relative;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__table {
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 15px;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-head {
  display: none;
  grid-template-columns: repeat(5, 1fr);
  color: rgba(var(--on-background-RGB), 0.5);
  font-weight: bold;
  padding: 5px;
  background-color: rgba(var(--on-background-RGB), 0.05);
  border-top: 1px solid rgba(var(--on-background-RGB), 0.1);
  border-bottom: 1px solid rgba(var(--on-background-RGB), 0.1);
  padding: 20px 0;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__table-head {
    display: grid;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-body {
  position: relative;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--on-background);
  background-color: var(--background);
  padding: 10px 0;
  height: 100%;
  min-height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-body-row:last-child {
  border: none;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__table-body-row {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "cobrança id status pagamento valor";
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-body-row--paying {
  background-color: rgba(var(--primary-RGB), 0.075);
  margin-bottom: 0;
  border-bottom: 0;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-body-row > div {
  margin: 0 10px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-description {
  grid-area: cobrança;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-id {
  grid-area: id;
  word-break: break-all;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-status {
  grid-area: status;
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-status .--paid {
  color: var(--success);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-status .--waiting {
  color: var(--warning);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-status .--attempt {
  color: var(--warning);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-status .--cancelled {
  color: var(--error);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-action {
  grid-area: pagamento;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-value {
  grid-area: valor;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-value strong {
  font-size: inherit !important;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__history-title {
  text-align: center;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__history-title {
    text-align: inherit;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__no-pending-payments {
  text-align: center;
  font-size: 18px;
  margin-bottom: 0;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  margin: 30px 0;
  font-family: var(--font-title);
  text-transform: uppercase;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__winner-text {
  display: grid;
  grid-gap: 25px;
  margin: 20px auto;
  font-size: 1.75em;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__winner-text i {
  font-size: 2em;
  color: var(--success);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__action {
  display: grid;
  grid-auto-flow: column;
  margin: auto;
  width: 100%;
  border-radius: 60px;
  overflow: hidden;
  align-items: center;
  text-align: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__action .--active-action button {
  width: 100% !important;
  font-size: 10px !important;
  background: var(--v2-experience-outline) !important;
  color: var(--v2-experience-font-color) !important;
  border-bottom: 1px solid var(--v2-experience-font-color) !important;
}
@media (min-width: 576px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__action .--active-action button {
    font-size: 14px !important;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__action .--not-active-action {
  opacity: 0.5;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__action .--not-active-action button {
  width: 100% !important;
  font-size: 10px !important;
  background: var(--v2-experience-outline) !important;
  color: var(--v2-experience-font-color) !important;
  border-bottom: 1px solid var(--v2-experience-font-color) !important;
}
@media (min-width: 576px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__action .--not-active-action button {
    font-size: 14px !important;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: 300px;
  padding: 20px 15px 25px 20px;
  margin-bottom: 20px;
  background: var(--experience-background);
  border-radius: 15px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  text-align: left;
  word-break: break-word;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content p {
  margin: 0;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content--text-color {
  color: var(--primary);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  padding-left: 10px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  padding-left: 10px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content::-webkit-scrollbar-track {
  background-color: rgba(var(--on-background-RGB), 0.08);
  border-radius: 10px;
  padding-left: 10px;
}
.fengstlayout-modal-view-v2-experience-rescue {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: var(--v2-experience-font-color);
  background-color: var(--background);
  overflow: auto;
}
.fengstlayout-modal-view-v2-experience-rescue__description {
  width: 100%;
  padding: 10px 10px 20px;
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-v2-experience-rescue__description a {
  display: block;
  color: var(--secondary);
}
.fengstlayout-modal-view-v2-experience-rescue__price {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescue__price {
    gap: 24px;
    margin-bottom: 24px;
  }
}
.fengstlayout-modal-view-v2-experience-rescue__price h3 {
  font: 700 32px var(--font-title);
  margin: 0;
  color: var(--secondary);
}
.fengstlayout-modal-view-v2-experience-rescue__warning {
  padding: 16px;
  border-radius: 4px;
  margin: 2em auto;
}
.fengstlayout-modal-view-v2-experience-rescue__warning--points {
  border: 2px solid #d0d0d0;
  background-color: #f8f8f8;
  color: #000000;
  text-align: left;
}
.fengstlayout-modal-view-v2-experience-rescue__warning--points ul > li {
  font-size: 16px;
}
.fengstlayout-modal-view-v2-experience-rescue__warning--points ul {
  padding-left: 20px;
}
.fengstlayout-modal-view-v2-experience-rescue__warning--creditcard {
  text-align: center;
  color: #f8f8f8;
  background-color: #000000;
}
.fengstlayout-modal-view-v2-experience-rescue__term {
  display: flex;
  height: auto;
  min-height: 100px;
  max-height: 200px;
  padding: 20px 15px 25px 20px;
  margin: 20px 10px;
  border-radius: 15px;
  box-shadow: 1px 1px 10px 0px rgba(var(--on-background-RGB), 0.2);
}
.fengstlayout-modal-view-v2-experience-rescue__term__box {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: scroll;
  text-align: left;
  padding-right: 15px;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-v2-experience-rescue__term__box::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}
.fengstlayout-modal-view-v2-experience-rescue__term__box::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 0.2rem rgba(var(--on-background-RGB), 0.3);
}
.fengstlayout-modal-view-v2-experience-rescue__term__box::-webkit-scrollbar-track {
  background-color: rgba(var(--on-background-RGB), 0.08);
}
.fengstlayout-modal-view-v2-experience-rescue__action {
  display: inline-table;
  margin-bottom: 2em;
}
.fengstlayout-modal-view-v2-experience-rescue__action-terms {
  display: grid;
  grid-auto-flow: row;
  gap: 3px;
  margin-bottom: 2em;
  color: var(--secondary);
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescue__action-terms {
    grid-auto-flow: column;
  }
}
.fengstlayout-modal-view-v2-experience-rescue__action-terms a {
  color: var(--v2-experience-font-color);
  margin-left: 8px;
}
.fengstlayout-modal-view-v2-experience-rescue__action button {
  width: 80%;
  min-width: 200px;
  max-width: 335px;
  height: 45px;
  font-weight: bold;
}
::ng-deep .mat-checkbox-layout {
  white-space: normal !important;
  text-align: left;
}
@media (min-width: 767px) {
  ::ng-deep .mat-checkbox-layout {
    white-space: nowrap;
  }
}
::ng-deep .app-modal-default {
  width: 100%;
  max-width: 100vw;
}
@media (min-width: 576px) {
  ::ng-deep .app-modal-default {
    max-width: 80vw;
  }
}
::ng-deep .app-modal-default .mat-dialog-container {
  border-radius: 0;
  box-shadow: none;
  min-height: 100vh;
  padding: 4px;
}
::ng-deep .app-modal-default .mat-dialog-container .mat-dialog-title {
  display: grid;
  grid-template: auto/auto;
  align-items: center;
  height: auto;
  min-height: 82px;
  font-size: 20px;
  background-color: #f2f2f2;
  padding: 15px 40px;
}
::ng-deep .app-modal-default .mat-dialog-container .mat-dialog-content {
  margin: 0;
  max-height: calc(100vh - 100px);
  overflow: auto;
  padding: 0 10px;
}
::ng-deep .app-modal-default .mat-checkbox-label {
  line-height: 1em;
}
::ng-deep .app-modal-default header button.modal-default-close {
  right: 15px !important;
  top: 5px !important;
}
::ng-deep .app-modal-default header h1 {
  font-size: 16px !important;
  line-height: 1.4em;
}
@media (min-width: 576px) {
  ::ng-deep .app-modal-default header h1 {
    font-size: 18px !important;
  }
}
@media (min-width: 767px) {
  ::ng-deep .app-modal-default header h1 {
    font-size: 22px !important;
  }
}
.feng-checkbox.mat-checkbox .mat-checkbox-label {
  white-space: pre-wrap;
}
.fengstlayout-modal-v2-view-experience-how__title {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.fengstlayout-modal-v2-view-experience-how__title h2 {
  font-size: 16px;
  line-height: normal;
  margin: 0;
  word-break: break-word;
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__title h2 {
    font-size: 24px;
  }
}
.fengstlayout-modal-v2-view-experience-how__title fengstui-button {
  align-self: flex-end;
}
.fengstlayout-modal-v2-view-experience-how__title fengstui-button button i {
  font-size: 30px !important;
}
.fengstlayout-modal-v2-view-experience-how__content {
  display: grid;
  gap: 24px;
  padding-top: 16px;
}
.fengstlayout-modal-v2-view-experience-how__content div {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--v2-experience-span-color);
  margin: 0;
  word-break: break-word;
}
.fengstlayout-modal-v2-view-experience-how__content div p {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--v2-experience-span-color);
  margin: 0;
  word-break: break-word;
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__content div p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__content div {
    font-size: 16px;
  }
}
.fengstlayout-modal-v2-view-experience-how__table {
  width: 100%;
  border: 1px solid var(--v2-experience-outline);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 4px;
  overflow: hidden;
  table-layout: fixed;
  line-height: normal;
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__table {
    display: block;
    overflow-y: auto;
    max-height: 300px;
  }
  .fengstlayout-modal-v2-view-experience-how__table thead {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 10;
  }
  .fengstlayout-modal-v2-view-experience-how__table thead th {
    position: sticky;
    top: 0;
  }
  .fengstlayout-modal-v2-view-experience-how__table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}
.fengstlayout-modal-v2-view-experience-how__head th {
  padding: 10px;
  background-color: var(--v2-experience-highlight);
  text-align: left;
  border-top: none;
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__head th {
    padding: 20px 16px;
  }
}
.fengstlayout-modal-v2-view-experience-how__head th:first-child {
  border-top-left-radius: 4px;
  border-left: none;
}
.fengstlayout-modal-v2-view-experience-how__head th:last-child {
  border-top-right-radius: 4px;
  border-right: none;
}
.fengstlayout-modal-v2-view-experience-how__body tr + tr td {
  border-top: 1px solid var(--v2-experience-outline);
}
.fengstlayout-modal-v2-view-experience-how__body td {
  padding: 10px;
  font-size: 12px;
  border-top: none;
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__body td {
    font-size: 16px;
    padding: 20px 16px;
  }
}
.fengstlayout-modal-v2-view-experience-how__body td:first-child {
  border-left: none;
}
.fengstlayout-modal-v2-view-experience-how__body td:last-child {
  border-right: none;
}
tr:last-child .fengstlayout-modal-v2-view-experience-how__body td:first-child {
  border-bottom-left-radius: 4px;
}
tr:last-child .fengstlayout-modal-v2-view-experience-how__body td:last-child {
  border-bottom-right-radius: 4px;
}
.fengstlayout-modal-v2-view-experience-how__action {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  text-align: center;
  margin-top: 24px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-v2-view-experience-how__action {
    align-items: center;
    flex-direction: row;
  }
}
.fengstlayout-modal-v2-view-experience-how__action p {
  color: var(--v2-experience-font-color-light);
}
.fengstlayout-modal-v2-view-experience-how__action fengstui-button button {
  width: 100% !important;
}
@media (min-width: 767px) {
  .fengstlayout-modal-v2-view-experience-how__action fengstui-button button {
    width: initial;
  }
}
.terms-container-tab-terms {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1088px;
  margin: 0 auto;
  padding: 24px 40px;
  background: white;
}
.terms-container-tab-terms__title {
  font-family: var(--font-title);
  font-size: 32px;
  font-weight: 700;
  color: #000;
  margin-bottom: 32px;
}
.terms-container-tab-terms__tabs {
  width: 100%;
  display: flex;
  border-radius: 100px;
  padding: 8px;
  margin-bottom: 32px;
  flex-direction: column;
}
@media (min-width: 767px) {
  .terms-container-tab-terms__tabs {
    flex-direction: row;
    width: 500px;
  }
}
.terms-container-tab-terms__tab-button {
  flex: 1;
  padding: 12px 24px;
  border: none;
  font-size: 14px;
  font-weight: 700;
  color: #727272;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.terms-container-tab-terms__tab-button:first-child {
  border-top-left-radius: none;
  border-bottom-left-radius: none;
  border-right: 1px solid #E4E4E4;
}
.terms-container-tab-terms__tab-button:last-child {
  border-top-right-radius: none;
  border-bottom-right-radius: none;
}
@media (min-width: 767px) {
  .terms-container-tab-terms__tab-button:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
  }
  .terms-container-tab-terms__tab-button:last-child {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }
}
.terms-container-tab-terms__tab-button--active {
  background: #f1e4e4;
  color: var(--on-primary);
  border-bottom: 3px solid var(--on-primary);
}
.terms-container-tab-terms__content {
  width: 100%;
  max-height: 972px;
  overflow-y: auto;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  background: #FFFFFF;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.05);
}
.terms-container-tab-terms__content::-webkit-scrollbar {
  width: 8px;
}
.terms-container-tab-terms__content::-webkit-scrollbar-thumb {
  background-color: var(--on-primary);
  border-radius: 10px;
}
.terms-container-tab-terms__content::-webkit-scrollbar-track {
  background: #E4E4E4;
}
.terms-container-tab-terms img, .terms-container-tab-terms .regulamento-img {
  max-width: 100%;
}
.terms-container {
  max-height: 80vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 20px 20px;
  margin: 20px;
}
.terms-container img, .terms-container .regulamento-img {
  max-width: 100%;
}
@media (min-width: 997px) {
  .terms-container {
    padding: 20px 50px;
    max-height: 60vh;
  }
}
.fengstlayout-modal-checkin {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  color: var(--on-background);
}
.fengstlayout-modal-checkin h3, .fengstlayout-modal-checkin p {
  margin: 0;
}
.fengstlayout-modal-checkin P {
  font-weight: 400;
}
.fengstlayout-modal-checkin h3 {
  font-size: 20px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-checkin h3 {
    font-size: 24px;
  }
}
.fengstlayout-modal-checkin__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 120px;
  position: relative;
}
.fengstlayout-modal-checkin__wrapper fengstui-button {
  text-align: right;
}
.fengstlayout-modal-checkin__select {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.fengstlayout-modal-checkin__select-row {
  display: flex;
  justify-content: center;
  align-items: end;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-checkin__select-row {
    flex-direction: row;
  }
}
.fengstlayout-modal-checkin__select mat-form-field {
  width: 100%;
}
.fengstlayout-modal-checkin__select .mat-form-field-disabled, .fengstlayout-modal-checkin__select .mat-select-disabled span {
  cursor: not-allowed;
}
.fengstlayout-modal-checkin__select .mat-form-field-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}
.fengstlayout-modal-checkin__select fengstui-button button {
  font-size: 40px;
  border-radius: 50px;
  margin: 10px 0;
  width: 40px !important;
  height: 40px !important;
}
.fengstlayout-modal-checkin__select-add button {
  background: var(--secondary) !important;
  color: var(--primary) !important;
}
.fengstlayout-modal-checkin__select-delete button {
  background: #F4F4F4 !important;
  color: #ABABAB !important;
}
.fengstlayout-modal-checkin__select-wrapper {
  text-align: left;
  width: 100%;
}
.fengstlayout-modal-checkin__select-wrapper strong {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 8px;
}
.fengstlayout-modal-checkin__select-container {
  display: flex;
  align-items: center;
  align-items: end;
  width: 100%;
  gap: 16px;
}
.fengstlayout-modal-checkin__chairs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  min-height: 116px;
  background: #F4F4F4;
}
.fengstlayout-modal-checkin__chairs > div {
  display: flex;
  gap: 16px;
  padding: 24px;
}
.fengstlayout-modal-checkin__chairs span {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.fengstlayout-modal-checkin__chairs-remove {
  display: inline-flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px;
  gap: 4px;
  border: none;
  border-radius: 4px;
  background: rgba(40, 87, 178, 0.16);
  color: var(--primary);
  font-size: 12px;
  cursor: pointer;
}
.fengstlayout-modal-checkin__chairs-remove i {
  color: var(--primary) !important;
  text-shadow: none !important;
  font-size: 10px !important;
}
.fengstlayout-modal-checkin hr {
  border: none;
  height: 2px;
  width: 100%;
  background-color: #E4E4E4;
}
@media (min-width: 767px) {
  .fengstlayout-modal-checkin hr {
    display: none;
  }
}
.fengstlayout-modal-checkin__table {
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  position: relative;
}
.fengstlayout-modal-checkin__table-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  align-items: center;
  text-align: left;
  overflow-x: auto;
  white-space: nowrap;
}
.fengstlayout-modal-checkin__table-row + div {
  border-top: 1px solid #E4E4E4;
}
.fengstlayout-modal-checkin__table-row p {
  margin: 0;
  font-size: 14px;
  padding: 16px;
}
.fengstlayout-modal-checkin__table-status {
  width: -moz-fit-content;
  width: fit-content;
  background: #C8FFE8;
  border: 1px solid #45D398;
  color: #45D398;
  border-radius: 100px;
  padding: 4px 10px !important;
}
.fengstlayout-modal-checkin__table-cancel button {
  padding: 10px;
  width: 50px !important;
  height: 50px !important;
}
.fengstlayout-modal-checkin__table-cancel button i {
  font-size: 20px !important;
  color: var(--secondary);
}
.fengstlayout-modal-checkin__help a {
  color: var(--secondary);
  text-decoration: underline;
}
.fengstlayout-modal-checkin__close {
  align-self: flex-end;
}
.fengstlayout-modal-checkin__close button {
  background: none !important;
  border: none !important;
}
.fengstlayout-modal-checkin__close button i {
  font-size: 35px;
  color: #000;
}
.fengstlayout-modal-rent {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  color: var(--on-background);
}
.fengstlayout-modal-rent h3, .fengstlayout-modal-rent p {
  margin: 0;
}
.fengstlayout-modal-rent P {
  font-weight: 400;
}
.fengstlayout-modal-rent h3 {
  font-size: 20px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-rent h3 {
    font-size: 24px;
  }
}
.fengstlayout-modal-rent__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstlayout-modal-rent__wrapper fengstui-button {
  text-align: right;
}
.fengstlayout-modal-rent__select {
  width: 100%;
}
.fengstlayout-modal-rent__select mat-form-field {
  width: 100%;
}
.fengstlayout-modal-rent__select .mat-form-field-disabled, .fengstlayout-modal-rent__select .mat-select-disabled span {
  cursor: not-allowed;
}
.fengstlayout-modal-rent__select .mat-form-field-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}
.fengstlayout-modal-rent__chairs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  min-height: 116px;
  background: #F4F4F4;
}
.fengstlayout-modal-rent__chairs > div {
  display: flex;
  gap: 16px;
  padding: 24px;
}
.fengstlayout-modal-rent__chairs span {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.fengstlayout-modal-rent__chairs-remove {
  display: inline-flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px;
  gap: 4px;
  border: none;
  border-radius: 4px;
  background: rgba(40, 87, 178, 0.16);
  color: var(--primary);
  font-size: 12px;
  cursor: pointer;
}
.fengstlayout-modal-rent__chairs-remove i {
  color: var(--primary) !important;
  text-shadow: none !important;
  font-size: 10px !important;
}
.fengstlayout-modal-rent__table {
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  position: relative;
}
.fengstlayout-modal-rent__table-row {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  text-align: left;
  overflow-x: auto;
  white-space: nowrap;
}
.fengstlayout-modal-rent__table-row + div {
  border-top: 1px solid #E4E4E4;
}
.fengstlayout-modal-rent__table-row p {
  margin: 0;
  font-size: 14px;
  padding: 16px;
}
.fengstlayout-modal-rent__table-status {
  width: -moz-fit-content;
  width: fit-content;
  background: #C8FFE8;
  border: 1px solid #45D398;
  color: #45D398;
  border-radius: 100px;
  padding: 4px 10px !important;
}
.fengstlayout-modal-rent__table-cancel button {
  padding: 10px;
  width: 50px !important;
  height: 50px !important;
}
.fengstlayout-modal-rent__table-cancel button i {
  font-size: 20px !important;
  color: var(--secondary);
}
.fengstlayout-modal-rent__help a {
  color: var(--secondary);
  text-decoration: underline;
}
.fengstlayout-modal-rent__close {
  align-self: flex-end;
}
.fengstlayout-modal-rent__close button {
  background: none !important;
  border: none !important;
}
.fengstlayout-modal-rent__close button i {
  font-size: 35px;
  color: #000;
}
.fengstlayout-modal-rent ::ng-deep mat-select[disabled] .mat-select-trigger {
  cursor: not-allowed;
}
.fengstlayout-modal-chair-details {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: var(--on-background);
}
.fengstlayout-modal-chair-details h3, .fengstlayout-modal-chair-details p {
  margin: 0;
}
.fengstlayout-modal-chair-details P {
  font-weight: 400;
}
.fengstlayout-modal-chair-details h3 {
  font-size: 20px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-chair-details h3 {
    font-size: 24px;
  }
}
.fengstlayout-modal-chair-details__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 120px;
  position: relative;
}
.fengstlayout-modal-chair-details__wrapper fengstui-button {
  text-align: right;
}
.fengstlayout-modal-chair-details__table {
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  position: relative;
}
.fengstlayout-modal-chair-details__table-row {
  display: grid;
  align-items: center;
  text-align: left;
  overflow-x: auto;
  white-space: nowrap;
}
.fengstlayout-modal-chair-details__table-row + div {
  border-top: 1px solid #E4E4E4;
}
.fengstlayout-modal-chair-details__table-row p {
  margin: 0;
  font-size: 14px;
  padding: 16px;
}
.fengstlayout-modal-chair-details__table-row > div {
  padding: 8px 16px;
}
.fengstlayout-modal-chair-details__table-row.table-header {
  background: #F4F4F4;
}
.fengstlayout-modal-chair-details__table-row.table-header p {
  font-weight: 700;
}
.fengstlayout-modal-chair-details__table-status {
  width: -moz-fit-content;
  width: fit-content;
  background: #C8FFE8;
  border: 1px solid #45D398;
  color: #45D398;
  border-radius: 100px;
  padding: 4px 10px !important;
}
.fengstlayout-modal-chair-details__table-status.rented {
  background: #E4E4E4;
  border: 1px solid #727272;
  color: #727272;
}
.fengstlayout-modal-chair-details__table-status.canceled {
  background: #FFD8D3;
  border: 1px solid #DB3924;
  color: #DB3924;
}
.fengstlayout-modal-chair-details__table-cancel button {
  padding: 10px;
  width: 50px !important;
  height: 50px !important;
}
.fengstlayout-modal-chair-details__table-cancel button i {
  font-size: 20px !important;
  color: var(--secondary);
}
.fengstlayout-modal-chair-details__close {
  align-self: flex-end;
}
.fengstlayout-modal-chair-details__close button {
  background: none !important;
  border: none !important;
}
.fengstlayout-modal-chair-details__close button i {
  font-size: 35px;
  color: #000;
}
.fengstlayout-modal-add-holder {
  display: flex;
  flex-direction: column;
}
.fengstlayout-modal-add-holder__close {
  pointer-events: none;
  width: -moz-fit-content;
  width: fit-content;
  align-self: flex-end;
}
.fengstlayout-modal-add-holder__close button {
  background: none !important;
}
.fengstlayout-modal-add-holder__close button i {
  font-size: 35px;
  color: black !important;
}
.fengstlayout-modal-add-holder__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fengstlayout-modal-add-holder__wrapper-content {
  display: flex;
  flex-direction: column;
}
.fengstlayout-modal-add-holder__wrapper-field {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fengstlayout-modal-add-holder__wrapper-field i {
  color: var(--primary);
}
.fengstlayout-modal-add-holder__wrapper-action {
  display: flex;
  flex-direction: column;
  justify-content: right;
  gap: 10px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-add-holder__wrapper-action {
    flex-direction: row;
  }
}
.fengstlayout-modal-add-holder__wrapper-action fengstui-button {
  width: 100% !important;
}
.fengstlayout-modal-add-holder__wrapper-action fengstui-button button {
  width: 100% !important;
}
@media (min-width: 767px) {
  .fengstlayout-modal-add-holder__wrapper-action fengstui-button {
    width: inherit !important;
  }
  .fengstlayout-modal-add-holder__wrapper-action fengstui-button button {
    width: 1;
  }
}
.logout {
  background: var(--background);
  color: var(--on-background);
  display: grid;
  grid-gap: 20px;
  justify-content: center;
  margin-top: 170px;
  padding: 30px 30px 100px;
  text-align: center;
  grid-auto-rows: min-content;
}
.logout i {
  font-size: 110px;
  color: var(--primary);
}
.logout h1 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
}
.logout h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}
.view-certificate {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.view-certificate .text-dark {
  color: black;
}
.view-certificate .text-light {
  color: white;
}
.view-certificate__modal-close {
  align-self: flex-end;
}
.view-certificate__container {
  flex: 1;
  gap: 24px;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.view-certificate__position {
  height: 66.66%;
  position: absolute;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
}
.view-certificate__position--card {
  margin: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.view-certificate__position--card span {
  width: max-content;
  font-family: var(--font-title);
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1.4em;
}
@media (min-width: 342px) {
  .view-certificate__position--card span {
    font-size: 0.8em;
  }
}
@media (min-width: 767px) {
  .view-certificate__position--card span {
    font-size: 1.2em;
  }
}
@media (min-width: 992px) {
  .view-certificate__position--card span {
    font-size: 1.3em;
  }
}
.view-certificate__position--card:nth-child(2) span {
  padding-bottom: 30px;
}
@media (min-width: 342px) {
  .view-certificate__position--card:nth-child(2) span {
    padding-bottom: initial;
  }
}
@media (min-width: 767px) {
  .view-certificate__position--card:nth-child(2) span {
    padding-bottom: 60px;
    font-size: 1.1em;
  }
}
@media (min-width: 855px) {
  .view-certificate__position--card:nth-child(2) span {
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .view-certificate__position--card:nth-child(2) span {
    padding-bottom: initial;
  }
}
.view-certificate__position.top-left {
  top: 0;
  left: 0;
}
.view-certificate__position.top-center {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.view-certificate__position.top-right {
  top: 0;
  right: 0;
}
.view-certificate__position.bottom-left {
  bottom: 0;
  left: 0;
}
.view-certificate__position.bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.view-certificate__position.bottom-right {
  bottom: 0;
  right: 0;
}
.view-certificate__position.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.view-certificate__position.center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.view-certificate__position.center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-certificate__position.top-center .view-certificate__position--card:nth-child(2), .view-certificate__position.center .view-certificate__position--card:nth-child(2) {
  align-items: center;
}
.view-certificate__position.top-right .view-certificate__position--card:nth-child(2), .view-certificate__position.center-right .view-certificate__position--card:nth-child(2) {
  align-items: end;
}
.view-certificate__position.center, .view-certificate__position.center-left, .view-certificate__position.center-right {
  top: 65%;
}
.view-certificate__position.bottom-left, .view-certificate__position.bottom-center, .view-certificate__position.bottom-right {
  height: calc(100% / 3);
  grid-template-rows: 1fr;
  bottom: 8px;
}
.view-certificate__position.bottom-left .view-certificate__position--card:nth-child(2), .view-certificate__position.bottom-center .view-certificate__position--card:nth-child(2), .view-certificate__position.bottom-right .view-certificate__position--card:nth-child(2) {
  display: none;
}
.view-certificate__button .download-button {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.view-certificate #download {
  display: none;
}
.view-letter {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.view-letter__modal-close {
  align-self: flex-end;
}
.view-letter__container {
  flex: 1;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.view-letter__position {
  position: absolute;
  padding: 8.889px 16px;
  height: 5%;
}
.view-letter__position .text-dark {
  color: black;
}
.view-letter__position .text-light {
  color: white;
}
@media (min-width: 342px) {
  .view-letter__position {
    height: 10%;
  }
}
@media (min-width: 576px) {
  .view-letter__position {
    height: 7%;
  }
}
@media (min-width: 767px) {
  .view-letter__position {
    height: 7%;
  }
}
@media (min-width: 992px) {
  .view-letter__position {
    height: initial;
  }
}
.view-letter__position.top-left {
  top: 0;
  left: 0;
}
.view-letter__position.top-center {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.view-letter__position.top-right {
  top: 0;
  right: 0;
}
.view-letter__position.bottom-left {
  bottom: 0;
  left: 0;
}
.view-letter__position.bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.view-letter__position.bottom-right {
  bottom: 0;
  right: 0;
}
.view-letter__position.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.view-letter__position.center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.view-letter__position.center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.view-letter__position span {
  width: max-content;
  font-family: var(--font-title);
  font-size: var(--subheadline-medium, 0.7em);
  font-weight: 700;
  line-height: 1.4em;
}
@media (min-width: 342px) {
  .view-letter__position span {
    font-size: 0.7em;
  }
}
@media (min-width: 576px) {
  .view-letter__position span {
    font-size: 1em;
    padding-right: 2em;
  }
}
@media (min-width: 767px) {
  .view-letter__position span {
    font-size: 1.1em;
  }
}
@media (min-width: 992px) {
  .view-letter__position span {
    font-size: 1.2em;
  }
}
.view-letter__position.bottom-right {
  bottom: 16%;
  right: 3%;
}
.view-letter__position.bottom-left {
  padding-top: 10px;
  bottom: 16%;
  left: 5%;
}
@media (min-width: 576px) {
  .view-letter__position.bottom-left {
    left: 14%;
  }
}
@media (min-width: 767px) {
  .view-letter__position.bottom-left {
    left: 8%;
  }
}
@media (min-width: 992px) {
  .view-letter__position.bottom-left {
    left: 10%;
  }
}
.view-letter__position.top-left {
  top: 11%;
  left: 5%;
}
@media (min-width: 342px) {
  .view-letter__position.top-left {
    left: 7%;
    top: 18%;
  }
}
@media (min-width: 576px) {
  .view-letter__position.top-left {
    left: 13%;
    top: 8%;
  }
}
@media (min-width: 767px) {
  .view-letter__position.top-left {
    left: 12%;
    top: 10%;
  }
}
@media (min-width: 992px) {
  .view-letter__position.top-left {
    left: 10%;
    top: 11%;
  }
}
.view-letter__button .download-button {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.view-letter #download {
  display: none;
}
.view-retrospective {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.view-retrospective .text-dark {
  color: black;
}
.view-retrospective .text-light {
  color: white;
}
.view-retrospective .modal-close {
  text-align: end;
  align-self: flex-end;
}
.view-retrospective__card {
  width: 254px;
  height: 990px;
  padding: 0 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 490px) {
  .view-retrospective__card {
    width: 366px;
    height: 580px;
    padding: 0 20px;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
  }
}
.view-retrospective__card h1 {
  display: flex;
  justify-content: center;
  margin-top: 56px;
}
.view-retrospective__card h1 span {
  color: var(--text-global-white, #FFF);
  font: 800 30px var(--retrospective-title-font-family);
  text-transform: uppercase;
}
@media (min-width: 490px) {
  .view-retrospective__card h1 {
    margin-top: 34px;
  }
}
.view-retrospective__card--icons {
  height: 318px;
  margin-top: 170px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media (min-width: 490px) {
  .view-retrospective__card--icons {
    height: 200px;
    margin-top: 14px;
  }
}
.view-retrospective__card--icons div {
  width: 88px;
  height: 88px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
  background: var(--background-global-white, #FFF);
}
.view-retrospective__card--icons div img {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.view-retrospective__card--icons div p {
  margin: 0;
  padding: 0;
  align-self: stretch;
  text-align: center;
  color: var(--text-global-800, #393939);
  font-style: normal;
}
.view-retrospective__card--icons div p:nth-child(odd) {
  line-height: var(--font-line-height-medium, 32px);
  font: 400 9px/1.2 var(--retrospective-userData-font-family) !important;
}
@media (min-width: 490px) {
  .view-retrospective__card--icons div p:nth-child(odd) {
    font: 400 7px/1.2 var(--retrospective-userData-font-family) !important;
  }
}
.view-retrospective__card--icons div p:nth-child(even) {
  line-height: var(--font-line-height-2x-small, 16px);
  font: 700 12px var(--retrospective-userData-font-family) !important;
}
.view-retrospective__stamps {
  margin-top: 116px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 16px 0;
}
@media (min-width: 490px) {
  .view-retrospective__stamps {
    margin-top: initial;
    margin-bottom: 10px;
    grid-template-columns: repeat(4, 1fr);
  }
}
.view-retrospective__stamps-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 16px 0;
}
.view-retrospective__stamps-content img {
  width: 70px;
  height: 70px;
}
.view-retrospective__stamps-content p {
  margin: 0;
  color: var(--text-global-white, #FFF);
  text-align: center;
  font-family: var(--retrospective-stamps-font-family);
  font-size: var(--subheadline-x-small, 11px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-2x-small, 12px);
}
@media (min-width: 490px) {
  .view-retrospective__stamps {
    margin-top: initial;
    margin-bottom: 104;
    gap: initial;
  }
  .view-retrospective__stamps-content {
    gap: 4px;
  }
  .view-retrospective__stamps-content img {
    width: 50px;
    height: 50px;
  }
  .view-retrospective__stamps-content p {
    font-size: var(--subheadline-x-small, 10px);
  }
}
.view-retrospective #download {
  display: none;
}
.view-sticker {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.view-sticker__modal-close {
  align-self: flex-end;
}
.view-sticker__container {
  flex: 1;
  position: relative;
  width: 100%;
  height: 100%;
  align-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.view-sticker__container .background-photo {
  position: relative;
  width: 100%;
  z-index: 1;
}
.view-sticker__photo .icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--my-profile-card-user-avatar-size, 125px);
  height: var(--my-profile-card-user-avatar-size, 125px);
  top: 31%;
  left: 37%;
  font-size: 60px;
  background-color: var(--info);
  color: var(--on-info);
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: var(--my-profile-card-user-avatar-m-bottom, 0);
}
.view-sticker__photo img {
  position: absolute;
  width: 93%;
  height: auto;
  top: 5%;
  left: 4%;
}
.view-sticker__photo .fengi-user:before {
  color: white;
}
.view-sticker__position {
  position: absolute;
  padding: 8.889px 16px;
  height: 24%;
  display: flex;
}
.view-sticker__position .text-dark {
  color: black;
}
.view-sticker__position .text-light {
  color: white;
}
.view-sticker__position.top-left {
  top: 0;
  left: 0;
  z-index: 10;
}
.view-sticker__position.top-center {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.view-sticker__position.top-right {
  top: 0;
  right: 0;
  z-index: 10;
}
.view-sticker__position.bottom-left {
  bottom: 0;
  left: 0;
  z-index: 10;
}
.view-sticker__position.bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.view-sticker__position.bottom-right {
  bottom: 0;
  right: 0;
  z-index: 10;
}
.view-sticker__position.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.view-sticker__position.center-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 10;
}
.view-sticker__position.center-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
}
.view-sticker__position.bottom-center {
  height: 25%;
  font-size: 0.7em;
}
@media (min-width: 342px) {
  .view-sticker__position.bottom-center {
    font-size: 0.7em !important;
  }
}
@media (min-width: 576px) {
  .view-sticker__position.bottom-center {
    font-size: 1em !important;
  }
}
@media (min-width: 767px) {
  .view-sticker__position.bottom-center {
    font-size: 1.1em !important;
  }
}
@media (min-width: 992px) {
  .view-sticker__position.bottom-center {
    font-size: 1.2em !important;
  }
}
.view-sticker__position span {
  width: max-content;
  font-family: var(--font-title);
  font-size: var(--subheadline-medium, 1em);
  font-weight: 700;
  line-height: 1.4em;
}
.view-sticker__button .download-button {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.view-sticker #download {
  display: none;
}
.fengstlayout-modal-guest-payment {
  display: flex;
  flex-direction: column;
  padding: 20px 10px;
  gap: 16px;
}
.fengstlayout-modal-guest-payment p, .fengstlayout-modal-guest-payment h3 {
  margin: 0;
}
.fengstlayout-modal-guest-payment__header h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .fengstlayout-modal-guest-payment__header h3 {
    font-size: 20px;
  }
}
.fengstlayout-modal-guest-payment__header p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .fengstlayout-modal-guest-payment__header p {
    font-size: 16px;
    line-height: 24px;
  }
}
.fengstlayout-modal-guest-payment__timer {
  display: flex;
  padding: 8px 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #F4F4F4;
}
.fengstlayout-modal-guest-payment__timer i {
  font-size: 24px;
  color: #ABABAB;
}
.fengstlayout-modal-guest-payment__timer span {
  font-size: 14px;
}
.fengstlayout-modal-guest-payment__timer h3 {
  color: var(--primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
@media (min-width: 992px) {
  .fengstlayout-modal-guest-payment__timer h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
.fengstlayout-modal-guest-payment__qrcode {
  width: 136px;
  height: 136px;
}
@media (min-width: 992px) {
  .fengstlayout-modal-guest-payment__qrcode {
    width: 188px;
    height: 188px;
  }
}
.fengstlayout-modal-guest-payment__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.fengstlayout-modal-guest-payment__box {
  display: flex;
  padding: 16px;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  background: #F4F4F4;
}
.fengstlayout-modal-guest-payment__box span {
  word-break: break-all;
}
.fengstlayout-modal-guest-payment__box-copy button {
  background: none !important;
  color: var(--primary) !important;
}
.fengstlayout-modal-guest-payment__box-copy button i {
  color: var(--secondary) !important;
}
.fengstlayout-modal-guest-payment__reminder {
  font-size: 14px;
}
.fengstlayout-modal-guest-payment__security {
  display: flex;
  gap: 8px;
  color: #ABABAB;
}
.fengstlayout-modal-guest-payment__security i {
  font-size: 20px;
  color: #ABABAB;
}
@media (min-width: 992px) {
  .fengstlayout-modal-guest-payment__security i {
    font-size: 24px;
  }
}
.fengstlayout-modal-guest-payment__security p {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .fengstlayout-modal-guest-payment__security p {
    font-size: 14px;
    line-height: 20px;
  }
}
html,
body {
  background: var(--background);
  color: var(--on-background);
  font: normal 14px/20px var(--font-primary) !important;
  margin: 0;
}
*:focus {
  outline: 0;
}
div.clear {
  clear: both;
}
h1 {
  font: 700 40px/40px var(--font-title);
}
h2 {
  font: 700 28px/28px var(--font-title);
}
h3 {
  font: 700 20px/20px var(--font-title);
}
h4 {
  font: 700 17px/17px var(--font-title);
}
h5 {
  font: 700 15px/15px var(--font-title);
}
h6 {
  font: 700 13px/13px var(--font-title);
}
h1, h2, h3, h4, h5, h6 {
  margin-top: var(--title-margin-top);
  margin-bottom: var(--title-margin-bottom);
}
p {
  font: 500 15px/18px var(--font-primary);
  margin-top: var(--paragraph-margin-top);
  margin-bottom: var(--paragraph-margin-bottom);
}
a {
  cursor: pointer;
  color: var(--primary);
  font-weight: bolder;
}
.mat-tab-group,
.mat-tab-label, .mat-tab-link {
  font: 500 15px/18px var(--font-primary);
}
.mat-tooltip {
  font: 500 15px/18px var(--font-primary);
}
.no-info {
  margin: 20px 0px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.no-info .icon {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 10px;
  background: #a1a1a1;
  color: white;
  border-radius: 50%;
}
.no-info .icon i {
  font-size: 50px;
}
.no-info button {
  padding: 10px 20px;
}
::selection,
::-moz-selection,
::-webkit-selection {
  color: var(--on-primary);
  background-color: var(--primary);
}
* {
  box-sizing: border-box;
}
.app-wrapper {
  margin: auto;
  width: 100%;
  max-width: var(--max-width);
  margin: 43px auto 30px auto;
}
@media (min-width: 1200px) {
  .app-wrapper {
    margin: 30px auto 50px auto;
    padding: 20px;
  }
}
.app {
  display: grid;
}
.app--otherpages {
  display: block;
}
.app--logged {
  display: block;
  background: var(--background);
}
.app--admin {
  padding-top: 70px;
}
.app--staging:not(.app--admin) {
  padding-top: 70px;
}
.app--staging.app--admin {
  padding-top: 140px;
}
.app--resale:not(.app--admin):not(.app--staging) {
  padding-top: 70px;
}
.app--resale.app--admin:not(.app--staging), .app--resale.app--staging:not(.app--admin) {
  padding-top: 140px;
}
.app--resale.app--admin.app--staging {
  padding-top: 211px;
}
.app--loading {
  opacity: "0.3";
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-name: pulseOpacity;
  animation-delay: 0;
}
.fengst-nav {
  min-height: 70vh;
  position: relative;
}
.divider {
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--header-color-divider);
  top: 116px;
  z-index: 1000;
  display: none;
}
@media (min-width: 992px) {
  .divider {
    display: block;
  }
}
.page-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  color: var(--on-background);
  background-color: var(--background);
  text-align: left;
}
@media (min-width: 992px) {
  .page-title {
    margin-top: 0;
  }
}
.page-title h1 {
  margin: 10px 0 10px 0;
  font-size: 22px;
}
.page-title__wrapper {
  width: 100%;
  max-width: var(--max-width);
  padding-left: 20px;
}
@media (min-width: 1200px) {
  .page-title__wrapper {
    padding-left: 0;
    padding: 0;
  }
}
@keyframes pulseOpacity {
  0% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.9;
  }
}
.feng-lazy-image {
  object-fit: scale-down;
  background-position: center;
  background-size: contain;
  opacity: 0.5;
  background-image: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/loading/img-placeholder.png");
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-name: fengLazyImage;
  animation-delay: 0;
}
@keyframes fengLazyImage {
  0% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.9;
  }
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --background-system-error: #ffe0e1;
  --background-system-warning: #f3e0b9;
  --background-system-success: #eefcf2;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --gift-card-price-color: black;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.st-homecta {
  height: 320px;
  background: top right no-repeat;
  background-image: url("https://sportinsiderclub.s3.amazonaws.com/assets/images/bg-2.png");
}
@media (min-width: 992px) {
  .st-homecta {
    height: 425px;
  }
}
.st-homecta__content {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10% 50px;
}
@media (min-width: 992px) {
  .st-homecta__content {
    padding: 0;
    max-width: 990px;
  }
}
.st-homecta__content h1 {
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  position: relative;
  font-size: 29px;
  margin: 20px 0 0 0;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .st-homecta__content h1 {
    font-size: 51px;
  }
}
.st-homecta__content h1 span {
  font-family: "Montserrat";
  color: var(--on-primary);
  line-height: 1.4em;
}
.st-homecta__content h2 {
  margin: 20px 0 30px;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  font-size: 25px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .st-homecta__content h2 {
    margin: 20px 0 60px;
  }
}
.st-homecta__content h2 span {
  font-family: "Montserrat";
  color: var(--on-primary);
}
.st-homecta__content a {
  text-decoration: none;
}
.st-homecta__content a button {
  background-color: #5462E1 !important;
}
.fengsthome-auth-v1 {
  background: var(--home-auth-background);
  width: 100%;
  min-height: calc(100svh - var(--footer-height));
  margin: 0;
  position: relative;
  display: flex;
}
@media (min-width: 767px) {
  .fengsthome-auth-v1 {
    background-size: val(--home-auth-background-size-small);
  }
}
@media (min-width: 992px) {
  .fengsthome-auth-v1 {
    background-size: var(--home-auth-background-size-medium);
  }
}
@media (min-width: 1200px) {
  .fengsthome-auth-v1 {
    background-position: var(--home-auth-background-position-large);
    background-size: var(--home-auth-background-size-large);
  }
}
@media (min-width: 1500px) {
  .fengsthome-auth-v1 {
    padding: 57px;
    min-height: 77svh;
    background-position: var(--home-auth-background-position-extra-large);
  }
}
.fengsthome-auth-v1__content {
  padding: 32px 24px;
  z-index: 1;
  display: grid;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: auto;
}
.fengsthome-auth-v1__content .feng-btn {
  width: 100% !important;
  border-radius: 4px !important;
}
@media (min-width: 767px) {
  .fengsthome-auth-v1__content {
    margin-top: 50px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-auth-v1__content {
    column-gap: var(--home-auth-column-gap-large);
    flex-direction: row;
    margin: auto;
  }
}
@media (min-width: 1500px) {
  .fengsthome-auth-v1__content {
    column-gap: var(--home-auth-column-gap-extra-large);
  }
}
.fengsthome-auth-v1__content-brand {
  width: 160px;
  margin-top: 5px;
}
@media (min-width: 767px) {
  .fengsthome-auth-v1__content-brand {
    width: 230px;
    margin: 40px 0 30px;
  }
}
.fengsthome-auth-v1__content-title, .fengsthome-auth-v1__content-subtitle {
  font-size: var(--home-auth-title-font-size-mobile);
  line-height: var(--home-auth-title-line-height-mobile);
  color: var(--home-auth-title-color);
  max-width: var(--home-auth-title-max-width-large);
  font-family: var(--home-auth-title-font-family);
  margin: 0 0 8px;
  font-weight: 700;
  margin: 17px 0 16px;
  white-space: pre-;
}
@media (min-width: 1200px) {
  .fengsthome-auth-v1__content-title, .fengsthome-auth-v1__content-subtitle {
    font-size: var(--home-auth-title-font-size-desktop);
    line-height: var(--home-auth-title-line-height-desktop);
  }
}
@media (min-width: 1500px) {
  .fengsthome-auth-v1__content-title, .fengsthome-auth-v1__content-subtitle {
    max-width: var(--home-auth-title-max-width-extra-large);
    font-size: 70px;
    line-height: 72px;
  }
}
.fengsthome-auth-v1__content-subtitle {
  font-size: var(--home-auth-subtitle-font-size-mobile);
  line-height: var(--home-auth-subtitle-line-height-mobile);
  font-family: var(--home-auth-subtitle-font-family);
  font-weight: 400;
}
@media (min-width: 1200px) {
  .fengsthome-auth-v1__content-subtitle {
    font-size: var(--home-auth-subtitle-font-size-desktop);
    line-height: var(--home-auth-subtitle-line-height-desktop);
  }
}
.fengsthome-auth-v1__content-auth {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--home-auth-card-background);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin: 11px 0 70px;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .fengsthome-auth-v1__content-auth {
    width: 50%;
  }
}
.fengsthome-auth-v1__content-auth-title {
  color: var(--home-auth-card-title-color);
  font-size: var(--home-auth-card-title-font-size);
  font-family: var(--home-auth-title-font-family);
  font-weight: 700;
  margin: 8px 0;
  display: none;
}
@media (min-width: 992px) {
  .fengsthome-auth-v1__content-auth-title {
    display: block;
  }
}
.fengsthome-auth-v1__content-auth-form {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.fengsthome-auth-v1__content-auth-form fengstui-checkbox {
  margin: auto;
}
.fengsthome-auth-v1__content-auth-form-submit .feng-btn {
  background: var(--home-auth-card-button-sign-bg) !important;
  color: var(--home-auth-card-button-sign-color) !important;
}
.fengsthome-auth-v1__content-auth-forgot {
  padding: 4px;
  color: var(--home-auth-card-button-recover-pass-color);
  font-weight: 700;
  font-size: 14px;
  background: transparent;
  border: none;
  font-family: var(--font-button);
  cursor: pointer;
  text-transform: uppercase;
}
.fengsthome-auth-v1__content-auth-register .feng-btn {
  color: var(--home-auth-card-button-sigup-color) !important;
  border-color: inherit !important;
  border-width: 1px !important;
  text-transform: uppercase;
}
.fengsthome-auth-v2 {
  background: var(--home-auth-background);
  width: 100%;
  min-height: calc(100svh - 209px);
  margin: 0;
  position: relative;
  display: flex;
}
@media (min-width: 767px) {
  .fengsthome-auth-v2 {
    background-size: val(--home-auth-background-size-small);
  }
}
@media (min-width: 992px) {
  .fengsthome-auth-v2 {
    background-size: var(--home-auth-background-size-medium);
  }
}
@media (min-width: 1200px) {
  .fengsthome-auth-v2 {
    background-position: var(--home-auth-background-position-large);
    background-size: var(--home-auth-background-size-large);
  }
}
@media (min-width: 1500px) {
  .fengsthome-auth-v2 {
    padding: 57px;
    background-position: var(--home-auth-background-position-extra-large);
  }
}
.fengsthome-auth-v2__content {
  padding: 32px 24px;
  z-index: 1;
  display: grid;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: auto;
}
.fengsthome-auth-v2__content .feng-btn {
  width: 100% !important;
  border-radius: 4px !important;
}
@media (min-width: 767px) {
  .fengsthome-auth-v2__content {
    margin-top: 50px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-auth-v2__content {
    column-gap: var(--home-auth-column-gap-large);
    flex-direction: row;
    margin: auto;
  }
}
@media (min-width: 1500px) {
  .fengsthome-auth-v2__content {
    column-gap: var(--home-auth-column-gap-extra-large);
  }
}
.fengsthome-auth-v2__content-brand {
  width: 120px;
}
@media (min-width: 767px) {
  .fengsthome-auth-v2__content-brand {
    width: 120px;
    margin: 0;
  }
}
.fengsthome-auth-v2__content-title, .fengsthome-auth-v2__content-subtitle {
  font-size: var(--home-auth-title-font-size-mobile);
  line-height: var(--home-auth-title-line-height-mobile);
  color: var(--home-auth-title-color);
  max-width: var(--home-auth-title-max-width-large);
  font-family: var(--home-auth-title-font-family);
  margin: 0 0 8px;
  font-weight: 700;
  margin: 17px 0 16px;
  white-space: pre-line;
}
@media (min-width: 1200px) {
  .fengsthome-auth-v2__content-title, .fengsthome-auth-v2__content-subtitle {
    font-size: var(--home-auth-title-font-size-desktop);
    line-height: var(--home-auth-title-line-height-desktop);
  }
}
@media (min-width: 1500px) {
  .fengsthome-auth-v2__content-title, .fengsthome-auth-v2__content-subtitle {
    max-width: var(--home-auth-title-max-width-extra-large);
    font-size: 70px;
    line-height: 72px;
  }
}
.fengsthome-auth-v2__content-subtitle {
  font-size: var(--home-auth-subtitle-font-size-mobile);
  line-height: var(--home-auth-subtitle-line-height-mobile);
  font-family: var(--home-auth-subtitle-font-family);
  font-weight: 400;
  color: var(--home-auth-subtitle-color);
  white-space: normal;
}
@media (min-width: 1200px) {
  .fengsthome-auth-v2__content-subtitle {
    white-space: pre-line;
    font-size: var(--home-auth-subtitle-font-size-desktop);
    line-height: var(--home-auth-subtitle-line-height-desktop);
  }
}
.fengsthome-auth-v2__content-auth {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--home-auth-card-background);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  margin: 11px 0 70px;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .fengsthome-auth-v2__content-auth {
    width: 50%;
    max-width: 452px;
  }
}
.fengsthome-auth-v2__content-auth-title {
  color: var(--home-auth-card-title-color);
  font-size: var(--home-auth-card-title-font-size);
  font-family: var(--home-auth-title-font-family);
  font-weight: 700;
  margin: 8px 0;
  line-height: 32px;
  display: none;
}
@media (min-width: 992px) {
  .fengsthome-auth-v2__content-auth-title {
    max-width: 97%;
    display: block;
  }
}
.fengsthome-auth-v2__content-auth-subtitle {
  color: var(--primary-light);
  font-family: "Barlow";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.fengsthome-auth-v2__content-auth-form {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 24px;
}
.fengsthome-auth-v2__content-auth-form-control {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.fengsthome-auth-v2__content-auth-form-control label {
  font: var(--home-auth-input-label-font);
  color: var(--primary-light);
}
.fengsthome-auth-v2__content-auth-form-input .mat-form-field-infix {
  position: relative;
  top: -5px;
}
.fengsthome-auth-v2__content-auth-form fengstui-checkbox {
  margin: auto;
}
.fengsthome-auth-v2__content-auth-form-submit .feng-btn {
  background: var(--home-auth-card-button-sign-bg) !important;
  color: var(--home-auth-card-button-sign-color) !important;
}
.fengsthome-auth-v2__content-auth-form-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.fengsthome-auth-v2__content-auth-form-footer strong {
  padding: 0;
}
.fengsthome-auth-v2__content-auth-forgot {
  padding: 4px;
  color: var(--home-auth-card-button-recover-pass-color);
  font-weight: 700;
  font-size: 14px;
  background: transparent;
  border: none;
  font-family: var(--font-button);
  cursor: pointer;
  text-transform: uppercase;
}
.fengsthome-auth-v2__content-auth-register .feng-btn {
  color: var(--home-auth-card-button-sigup-color) !important;
  border-color: inherit !important;
  border-width: 1px !important;
  text-transform: uppercase;
}
.fengsthome-tickets-view {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  padding: 35px 40px 55px;
  line-height: 1rem;
  background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/home-tickets-detail2.png) no-repeat top right/auto;
  background-color: #D3D4DC;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view {
    padding: 35px 200px 55px;
    background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/home-tickets-detail1.png) no-repeat top left/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/home-tickets-detail2.png) no-repeat top right/auto;
    background-color: #D3D4DC;
  }
}
@media (min-width: 1540px) {
  .fengsthome-tickets-view {
    flex-direction: row;
    justify-content: space-between;
  }
}
.fengsthome-tickets-view__buttons {
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__buttons {
    text-align: left;
  }
}
.fengsthome-tickets-view__buttons fengstui-button button {
  font-family: var(--font-title) !important;
  color: var(--home-call-to-action-button-color) !important;
  font-style: var(--home-call-to-action-button-style) !important;
  padding: var(--home-call-to-action-button-padding) !important;
  background-color: var(--home-call-to-action-button-background) !important;
  margin: var(--home-call-to-action-button-margin) !important;
  font-size: var(--home-call-to-action-button-font-size) !important;
}
.fengsthome-tickets-view__buttons fengstui-button button:hover {
  color: var(--home-call-to-action-hover-button-color) !important;
  background-color: var(--primary) !important;
}
.fengsthome-tickets-view h1 {
  font-family: "Titillium Web";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
.fengsthome-tickets-view h1 div:first-child {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view h1 div:first-child {
    gap: 0.6rem;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view h1 div:first-child {
    gap: 1rem;
  }
}
@media (min-width: 767px) {
  .fengsthome-tickets-view h1 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media (min-width: 1740px) {
  .fengsthome-tickets-view h1 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (min-width: 1840px) {
  .fengsthome-tickets-view h1 {
    font-size: 85px;
    line-height: 47px;
  }
}
.fengsthome-tickets-view h1 > strong {
  font-family: "Titillium Web";
  font-weight: 900;
}
.fengsthome-tickets-view h2 {
  font-family: "Titillium Web";
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view h2 {
    font-size: 37px;
    line-height: 56px;
  }
}
.fengsthome-tickets-view__nextgame {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.fengsthome-tickets-view__nextgame-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  margin: 30px 0 50px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data {
    align-items: start;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view__nextgame-data {
    flex-direction: row;
    align-items: center;
    gap: 26px;
  }
}
.fengsthome-tickets-view__nextgame-data > section {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 26px;
  justify-content: center;
  align-items: center;
  margin: auto;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data > section {
    justify-content: start;
    align-items: start;
    margin: 0;
  }
}
.fengsthome-tickets-view__nextgame-data > section > img {
  height: 92px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data > section > img {
    height: 132px;
  }
}
.fengsthome-tickets-view__nextgame-data > div {
  display: flex;
  flex-direction: column;
  gap: 26px;
  text-align: center;
  align-items: start;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data > div {
    text-align: left;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view__nextgame-data > div {
    gap: 26px;
  }
}
.fengsthome-tickets-view__nextgame-data-teams {
  margin-right: 0;
  display: none;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data-teams {
    display: flex;
    margin-right: 50px;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
}
.fengsthome-tickets-view__nextgame-data-teams > p {
  font-family: "Titillium Web";
  font-weight: 900;
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 21px;
  text-transform: none !important;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view__nextgame-data-teams > p {
    font-size: 37px;
    line-height: 34px;
  }
}
.fengsthome-tickets-view__nextgame-data-texts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data-texts {
    text-align: left;
  }
}
.fengsthome-tickets-view__nextgame-data-texts > p {
  font-family: "Titillium Web";
  font-weight: normal;
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase !important;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view__nextgame-data-texts > p {
    font-size: 23px;
    line-height: 21px;
  }
}
.fengsthome-tickets-view__nextgame-data-texts > p:last-child {
  font-family: "Titillium Web";
  font-weight: 900;
}
.fengsthome-tickets-view__nextgame-divider {
  width: 3px;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 32px;
  font-family: "Titillium Web";
  font-weight: 900;
  height: 126px;
}
.fengsthome-tickets-view__nextgame-divider > span {
  background: #D3D4DC;
  margin-bottom: 4px;
  height: 20%;
}
.fengsthome-tickets-view__nextgame-divider2 {
  width: 3px;
  background: #333333;
  height: 138px;
  display: none;
}
.fengsthome-tickets-view-2 {
  background: url(https://images.mengo.com.br/prod/assets/images/2023/4-scroll-bg.png) no-repeat center center/cover;
  background-color: #232323;
  align-items: center;
  gap: 40px;
  padding: 15px 20px 25px;
}
@media (min-width: 1540px) {
  .fengsthome-tickets-view-2 {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-2 {
    padding: 15px 100px 25px;
    background: url(https://images.mengo.com.br/prod/assets/images/2023/4-scroll-bg.png) no-repeat center center/cover;
    background-color: #232323;
  }
}
.fengsthome-tickets-view-2 > .callandbuttons {
  display: flex;
  flex-direction: column;
  gap: 50px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.fengsthome-tickets-view-2 h1 {
  color: #F00A0A;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 26px;
  max-width: 600px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-2 h1 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 h1 {
    font-size: 44px;
  }
}
.fengsthome-tickets-view-2 h1 > span {
  color: #fff;
}
.fengsthome-tickets-view-2 h2 {
  color: white;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 33px;
  line-height: 56px;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 h2 {
    font-size: 37px;
    line-height: 56px;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame {
  text-align: center;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame {
    text-align: left;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data {
  align-items: center;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data > section > img {
  height: 62px;
  max-width: 100px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data > section > img {
    height: 92px;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data > div {
  flex-direction: column;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data > div {
    flex-direction: row;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-teams {
  gap: 16px;
  align-items: center;
  margin-right: 0;
  flex-direction: column;
  line-height: 26px;
  gap: 10px;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-teams {
    min-width: 213px;
    align-items: flex-start;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-teams > p {
  color: white;
  font-family: "Montserrat";
  font-weight: 700;
  text-transform: uppercase !important;
  font-size: 34px;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-texts {
  text-align: center;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-texts {
    text-align: left;
    min-width: 200px;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-texts > p {
  color: white;
  font-family: "Montserrat";
  font-weight: 700;
  text-transform: uppercase !important;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-divider {
  background: white;
  height: 96px;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-divider > span {
  background: #0A0A0A;
  color: white;
  font-size: 28px;
  height: 26%;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-divider2 {
  background: white;
  width: 5px;
  height: 122px;
  display: none;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-divider2 {
    display: block !important;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons {
    gap: 20px;
    flex-direction: row;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons fengstui-button {
  width: 100%;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons fengstui-button .feng-btn {
  color: white !important;
  border-radius: 45px !important;
  background-color: #F00A0A !important;
  font-family: "Montserrat" !important;
  width: 100% !important;
  font-size: 8px !important;
  padding: 8px 16px 6px !important;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons fengstui-button .feng-btn {
    font-size: 8px !important;
    padding: 8px 16px !important;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons fengstui-button .feng-btn:hover {
  background-color: #9d0202 !important;
}
.fengsthome-tickets-view-3 {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img-bg-ingressos.png);
  background-size: cover;
  background-color: #D3D4DC;
  padding: 20px 0;
  justify-content: center !important;
  background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img-bg-ingressos.png);
  background-size: cover;
  align-items: center;
  gap: 40px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-3 {
    padding: 20px 0;
    background-color: #D3D4DC;
  }
}
@media (max-width: 1539px) {
  .fengsthome-tickets-view-3 {
    gap: 0 !important;
  }
}
@media (min-width: 1540px) {
  .fengsthome-tickets-view-3 {
    flex-direction: row;
    gap: 100px;
  }
}
@media (max-width: 1999px) {
  .fengsthome-tickets-view-3 {
    padding: 20px 0 40px 0;
  }
}
@media (min-height: 170px) {
  .fengsthome-tickets-view-3 {
    padding: 30px 0;
  }
}
.fengsthome-tickets-view-3__buttons {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__buttons {
    margin: auto 0 0 0;
  }
}
.fengsthome-tickets-view-3__buttons fengstui-button button {
  font-family: "Roboto" !important;
  color: var(--home-call-to-action-button-color) !important;
  font-style: var(--home-call-to-action-button-style) !important;
  padding: var(--home-call-to-action-button-padding) !important;
  background-color: var(--home-call-to-action-button-background) !important;
  margin: var(--home-call-to-action-button-margin) !important;
  font-size: var(--home-call-to-action-button-font-size) !important;
}
.fengsthome-tickets-view-3__buttons fengstui-button button:hover {
  color: var(--home-call-to-action-hover-button-color) !important;
  background-color: var(--primary) !important;
}
.fengsthome-tickets-view-3 h1 {
  font-family: "Titillium Web";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3 h1 {
    font-size: 60px;
  }
}
@media (min-width: 1740px) {
  .fengsthome-tickets-view-3 h1 {
    font-size: 70px;
  }
}
@media (min-width: 1840px) {
  .fengsthome-tickets-view-3 h1 {
    font-size: 85px;
  }
}
.fengsthome-tickets-view-3 h1 > strong {
  font-family: "Titillium Web";
  font-weight: 900;
}
.fengsthome-tickets-view-3 h2 {
  font-family: "Titillium Web";
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3 h2 {
    font-size: 37px;
    line-height: 56px;
  }
}
.fengsthome-tickets-view-3__nextgame-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  margin: 47px 0 45px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data {
    align-items: start;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3__nextgame-data {
    flex-direction: row;
    align-items: center;
    margin: 84px 0 50px;
    gap: 26px;
  }
}
.fengsthome-tickets-view-3__nextgame-data > section {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 26px !important;
  justify-content: center;
  align-items: center;
  margin: auto;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data > section {
    justify-content: start;
    align-items: start;
    margin: 0;
  }
}
.fengsthome-tickets-view-3__nextgame-data > section > img {
  height: 92px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data > section > img {
    height: 132px;
  }
}
.fengsthome-tickets-view-3__nextgame-data > div {
  display: flex;
  flex-direction: column;
  gap: 26px;
  text-align: center;
  align-items: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data > div {
    text-align: left;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3__nextgame-data > div {
    flex-direction: row;
    gap: 26px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-teams {
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data-teams {
    display: flex;
    margin-right: 50px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-teams > p {
  font-family: "Titillium Web";
  font-weight: 900;
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 21px;
  text-transform: none !important;
  margin: 1px 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3__nextgame-data-teams > p {
    font-size: 37px;
    line-height: 34px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-teams .title-house-team {
  font-family: "Roboto" !important;
  font-weight: 600;
  font-size: 23px !important;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3__nextgame-data-teams .title-house-team {
    font-size: 27px !important;
    line-height: 34px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-teams .title-enemy-team {
  font-family: "Roboto" !important;
  font-size: 23px !important;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3__nextgame-data-teams .title-enemy-team {
    font-size: 23px !important;
    line-height: 34px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-texts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data-texts {
    text-align: left;
  }
}
.fengsthome-tickets-view-3__nextgame-data-texts > p {
  font-family: "Titillium Web";
  font-weight: normal;
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase !important;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3__nextgame-data-texts > p {
    font-size: 23px;
    line-height: 21px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-texts > p:last-child {
  font-family: "Titillium Web";
  font-weight: 900;
}
.fengsthome-tickets-view-3__nextgame-divider {
  width: 126px;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 32px;
  font-family: "Titillium Web";
  font-weight: 900;
  height: 1px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-3__nextgame-divider {
    width: 120px;
    height: 1px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3__nextgame-divider {
    width: 1px;
    height: 120px;
  }
}
.fengsthome-tickets-view-3__nextgame-divider > span {
  background: #D3D4DC;
  margin-bottom: 4px;
  height: 20%;
}
.fengsthome-tickets-view-3__nextgame-divider2 {
  width: 138px;
  background: #fff;
  height: 1px;
  display: block;
  align-self: center;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-3__nextgame-divider2 {
    width: 120px;
    height: 1px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3__nextgame-divider2 {
    width: 1px;
    height: 120px;
  }
}
@media (min-width: 1540px) {
  .fengsthome-tickets-view-3 {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-3 {
    background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img-bg-ingressos.png);
    background-size: cover;
  }
}
.fengsthome-tickets-view-3 > .callandbuttons {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 17px;
}
@media (min-width: 1540px) {
  .fengsthome-tickets-view-3 > .callandbuttons {
    margin-top: 21px;
  }
}
.fengsthome-tickets-view-3 h1 {
  color: #fff;
  font-family: "Apocalypse Grunge";
  font-size: 26px;
  max-width: 600px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3 h1 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 h1 {
    font-size: 44px;
  }
}
.fengsthome-tickets-view-3 h2 {
  color: white;
  font-family: "Roboto";
  font-size: 33px;
  line-height: 56px;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 h2 {
    position: absolute;
    margin: 22px 0 0 0;
    font-size: 15px;
    line-height: 56px;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame {
  text-align: center;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame {
    text-align: left;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data {
  align-items: center;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data > section {
  display: flex;
  align-items: center;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data > section > img {
  height: 62px;
  max-width: 100px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data > section > img {
    height: 92px;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-teams {
  gap: 16px;
  align-items: center;
  margin-right: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-teams {
    gap: 0;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-teams {
    align-items: flex-start;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-teams > p {
  color: white;
  font-family: "Montserrat";
  font-weight: 700;
  text-transform: uppercase !important;
  font-size: 34px;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-texts {
  text-align: center;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-texts {
    text-align: left;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-texts > p {
  font-family: "Roboto" !important;
  color: white;
  text-transform: uppercase !important;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-divider {
  background: white;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-divider > span {
  background: transparent;
  color: white;
  font-size: 28px;
  height: 26%;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-divider--team-player {
  background: none !important;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons {
    gap: 20px;
    flex-direction: row;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons--seja-socio fengstui-button .feng-btn {
  color: #fff !important;
  border-radius: 45px !important;
  border: solid 1px #fff !important;
  background-color: #BA940F !important;
  font-family: "Roboto" !important;
  margin: 5px !important;
  font-size: 15px !important;
  padding: 8px 16px 6px !important;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons--seja-socio fengstui-button .feng-btn {
    font-size: 18px !important;
    padding: 8px 16px !important;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons--veja-mais fengstui-button .feng-btn {
  color: white !important;
  border-radius: 45px !important;
  border: solid 1px #fff !important;
  background-color: #18815F !important;
  font-family: "Roboto" !important;
  margin: 5px !important;
  font-size: 15px !important;
  padding: 8px 16px 6px !important;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons--veja-mais fengstui-button .feng-btn {
    font-size: 18px !important;
    padding: 8px 16px !important;
  }
}
.fengsthome-tickets-view-4 {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  background-color: #fff;
  justify-content: center;
  padding: 2%;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4 {
    flex-direction: row;
    gap: 100px;
  }
}
.fengsthome-tickets-view-4__action {
  display: grid;
  grid-auto-flow: row;
  text-align: center;
  margin: auto;
}
.fengsthome-tickets-view-4__action > div {
  width: 100%;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__action > div {
    width: auto;
  }
}
.fengsthome-tickets-view-4__action > h3 {
  color: #000;
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  font-size: 2rem;
  line-height: 39px;
  text-align: start;
  margin-top: 0;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__action > h3 {
    font-size: 39px;
    text-align: center;
  }
}
.fengsthome-tickets-view-4__action--buttons {
  margin: 0 auto;
  text-align: start;
  display: flex;
  gap: 5px;
  justify-content: space-around;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4__action--buttons {
    flex-direction: row;
    text-align: center;
  }
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__action--buttons {
    margin: auto 0 0 0;
    text-align: center;
  }
}
.fengsthome-tickets-view-4__action--buttons fengstui-button button {
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  padding: var(--home-call-to-action-button-padding) !important;
  background-color: var(--home-call-to-action-button-background) !important;
  margin: 1% !important;
  font-size: 16px !important;
  width: 100% !important;
  /* &:hover {
      color: $home-call-to-action-hover-button-color !important;
      background-color: $color-primary !important;
  } */
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__action--buttons fengstui-button button {
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4__action--buttons fengstui-button button {
    margin: 0px !important;
  }
}
.fengsthome-tickets-view-4 h1 {
  font-family: "Titillium Web";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-4 h1 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4 h1 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4 h1 {
    font-size: 85px;
    line-height: 76px;
  }
}
.fengsthome-tickets-view-4 h1 > strong {
  font-family: "Titillium Web";
  font-weight: 900;
}
.fengsthome-tickets-view-4 h2 {
  font-family: var(--unlogged-font-title) !important;
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  font-size: 30px;
  line-height: 126%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-4 h2 {
    font-size: 37px;
    line-height: 56px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4 h2 {
    text-align: start;
  }
}
.fengsthome-tickets-view-4__nextgame {
  border: 1px solid black;
  padding: 5%;
}
.fengsthome-tickets-view-4__nextgame .trace {
  width: 100%;
  height: 2px;
  background-color: #b6b6b6;
}
.fengsthome-tickets-view-4__nextgame h2 {
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame h2 {
    font-size: 2rem;
  }
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame {
    padding: 3%;
  }
}
.fengsthome-tickets-view-4__nextgame-data {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  margin: 10px 0 10px;
  justify-content: center;
}
.fengsthome-tickets-view-4__nextgame-data > div {
  width: 100%;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data > div {
    width: auto;
  }
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data {
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4__nextgame-data {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    grid-template: auto/auto 42% auto;
    gap: 9px;
  }
}
.fengsthome-tickets-view-4__nextgame-data > section {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin: auto;
  gap: 1rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data > section {
    justify-content: center;
    margin: 0;
    gap: 0;
  }
}
.fengsthome-tickets-view-4__nextgame-data > section > i {
  font-size: 5rem;
  font-weight: 700;
}
.fengsthome-tickets-view-4__nextgame-data > section > img {
  height: 92px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data > section > img {
    height: 125px;
  }
}
.fengsthome-tickets-view-4__nextgame-data > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
  margin: 0;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data > div {
    text-align: center;
    align-items: center;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4__nextgame-data > div {
    flex-direction: row;
    gap: 22px;
  }
}
.fengsthome-tickets-view-4__nextgame-data-teams {
  margin-right: 0;
  display: none;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data-teams {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 53%;
    justify-content: center;
    gap: 8px;
  }
}
.fengsthome-tickets-view-4__nextgame-data-teams > p {
  font-family: BFRSans;
  font-weight: 900;
  color: #0D0D0D;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 21px;
  text-transform: none !important;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-4__nextgame-data-teams > p {
    font-size: 37px;
    line-height: 34px;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-4__nextgame-data-teams > p {
    text-align: start;
  }
}
.fengsthome-tickets-view-4__nextgame-data-texts {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fengsthome-tickets-view-4__nextgame-data-texts p:nth-child(3) {
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 5px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data-texts {
    text-align: center;
  }
  .fengsthome-tickets-view-4__nextgame-data-texts p:nth-child(3) {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .fengsthome-tickets-view-4__nextgame-data-texts p:nth-child(3) {
    text-align: start;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-4__nextgame-data-texts {
    text-align: start;
  }
}
.fengsthome-tickets-view-4__nextgame-data-texts > p {
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase !important;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-4__nextgame-data-texts > p {
    font-size: 20px;
    line-height: 21px;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-4__nextgame-data-texts > p {
    text-align: start;
  }
}
.fengsthome-tickets-view-4__nextgame-divider {
  width: 3px;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: "Titillium Web";
  font-weight: 900;
  height: 126px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-4__nextgame-divider {
    width: 126px;
    height: 3px;
  }
}
.fengsthome-tickets-view-4__nextgame-divider > span {
  background: #D3D4DC;
  margin-bottom: 4px;
  height: 20%;
}
.fengsthome-tickets-view-4__nextgame-divider2 {
  width: 2px;
  background: #333333;
  height: 138px;
  display: none;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4__nextgame-divider2 {
    display: block;
  }
}
.fengsthome-tickets-view-5 {
  padding: 32px 16px;
}
.fengsthome-tickets-view-5__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 1156px;
  margin: 0 auto;
  border: 1px solid var(--primary);
  padding: 24px;
  grid-gap: 18px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__wrapper {
    padding: 32px 48px;
    grid-gap: 64px;
    grid-template-columns: 1fr 1fr;
  }
}
.fengsthome-tickets-view-5__wrapper p {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--primary);
  text-align: center;
  margin: 0;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__wrapper p {
    font-size: 24px;
    line-height: 32px;
    text-align: left;
  }
}
.fengsthome-tickets-view-5__wrapper h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  color: var(--primary);
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__wrapper h3 {
    font-size: 33px;
    line-height: 35px;
  }
}
.fengsthome-tickets-view-5__wrapper fengstui-button button {
  width: 100%;
}
.fengsthome-tickets-view-5__action {
  display: grid;
  grid-auto-flow: row;
  text-align: center;
  width: 100%;
}
.fengsthome-tickets-view-5__action > div {
  width: 100%;
}
.fengsthome-tickets-view-5__action > h3 {
  color: #000;
  font-family: BFRSans;
  font-weight: 700;
  font-size: 2rem;
  line-height: 39px;
  text-align: start;
  margin-top: 0;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__action > h3 {
    font-weight: 500;
    font-size: 39px;
    text-align: center;
  }
}
.fengsthome-tickets-view-5__action--buttons {
  margin: 0 auto;
  text-align: start;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid #144C82;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-5__action--buttons {
    flex-direction: row;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__action--buttons {
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}
.fengsthome-tickets-view-5__action--buttons > a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  text-align: center;
  padding: 1rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__action--buttons > a {
    padding: 1rem 2rem;
  }
}
.fengsthome-tickets-view-5__action--buttons > a > h3 {
  font-family: "Metropolis";
  font-weight: 500;
  color: #9A6512;
  margin: 0;
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__action--buttons > a > h3 {
    font-size: 2rem;
    line-height: 35px;
  }
}
.fengsthome-tickets-view-5__action--buttons > a > h1 {
  font-family: "Metropolis-Bold";
  color: #144C82;
  font-size: 2rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__action--buttons > a > h1 {
    font-size: 3.5rem;
    line-height: 5.5rem;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-5__action--buttons > a > h1 {
    font-size: 5rem;
  }
}
.fengsthome-tickets-view-5 h1 {
  font-family: "Metropolis-Bold";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-5 h1 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-5 h1 {
    font-size: 88px;
    line-height: 88px;
  }
}
.fengsthome-tickets-view-5 h1 > strong {
  font-family: "Titillium Web";
  font-weight: 900;
}
.fengsthome-tickets-view-5 h2 {
  font-family: "Metropolis-Bold";
  color: #0D0D0D;
  font-weight: 800;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
  color: #144C82;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-5 h2 {
    font-size: 37px;
    line-height: 56px;
  }
}
.fengsthome-tickets-view-5__nextgame {
  display: flex;
  flex-direction: column;
}
.fengsthome-tickets-view-5__nextgame .trace {
  width: 100%;
  height: 2px;
  background-color: #b6b6b6;
}
.fengsthome-tickets-view-5__nextgame h2 {
  font-size: 2rem;
  margin: 0 0 2rem;
  line-height: 2rem;
}
.fengsthome-tickets-view-5__nextgame-data {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 2rem;
  margin: 10px 0 10px;
  justify-content: center;
  align-items: center;
}
.fengsthome-tickets-view-5__nextgame-data > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__nextgame-data > div {
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-5__nextgame-data > div {
    flex-direction: row;
    gap: 1.5rem;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__nextgame-data {
    align-items: center;
    flex-direction: row;
  }
}
.fengsthome-tickets-view-5__nextgame-data > section {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 auto;
  gap: 2rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__nextgame-data > section {
    justify-content: center;
    margin: 0;
    gap: 2rem;
  }
}
.fengsthome-tickets-view-5__nextgame-data > section > i {
  font-size: 5rem;
  font-weight: 700;
}
.fengsthome-tickets-view-5__nextgame-data > section > img {
  height: 90px;
}
.fengsthome-tickets-view-5__nextgame-data-teams {
  margin-right: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__nextgame-data-teams {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
}
.fengsthome-tickets-view-5__nextgame-data-teams > p {
  font-family: "Metropolis-Bold";
  color: #144C82;
  text-align: center;
  font-size: 2rem;
  line-height: 2rem;
  text-transform: uppercase;
  margin: 0;
}
.fengsthome-tickets-view-5__nextgame-data-texts {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fengsthome-tickets-view-5__nextgame-data-texts p:nth-child(3) {
  font-weight: 500;
  font-size: 1.75rem;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__nextgame-data-texts {
    align-items: start;
  }
}
.fengsthome-tickets-view-5__nextgame-data-texts > p {
  font-family: "Metropolis";
  font-size: 1.75rem;
  text-transform: uppercase !important;
  margin: 0;
  color: #144C82;
  line-height: 2rem;
}
.fengsthome-tickets-view-5__nextgame-divider {
  width: 2px;
  background: #144C82;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 32px;
  font-family: "Titillium Web";
  font-weight: 900;
  height: 126px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__nextgame-divider {
    width: 3px !important;
    height: 126px;
  }
}
.fengsthome-tickets-view-5__nextgame-divider > span {
  background: #edeef5;
  margin-bottom: 4px;
  height: 20%;
  color: #144C82;
}
.fengsthome-tickets-view-5__nextgame-divider2 {
  width: 100%;
  background: #144C82;
  height: 2px;
  display: flex;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-5__nextgame-divider2 {
    display: block;
    height: 98px;
    width: 3px;
  }
}
.fengsthome-tickets-view-6 {
  background: var(--crt-tickets-background);
  align-items: center;
  gap: 40px;
  padding: 32px 24px;
}
.fengsthome-tickets-view-6__content {
  border: solid 1px var(--primary);
  padding: 19px;
  width: 100%;
  min-height: auto;
}
@media (min-width: 1053px) {
  .fengsthome-tickets-view-6__content {
    padding: 22px;
    min-height: 220px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    column-gap: 50px;
  }
}
@media (min-width: 1500px) {
  .fengsthome-tickets-view-6__content {
    padding: 32px;
  }
}
.fengsthome-tickets-view-6__event-title {
  color: var(--primary-light) !important;
  font: var(--crt-plans-title-mobile-font) !important;
}
.fengsthome-tickets-view-6__event-data {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-6__event-data {
    flex-direction: row;
    justify-content: center;
  }
}
.fengsthome-tickets-view-6__event-data-shields {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 36px 1fr;
  align-items: center;
  border-bottom: solid 1px #E4E4E4;
  padding-bottom: 16px;
  margin-bottom: 16px;
  grid-template-areas: "shield1 divider shield2" "name1 divider2 name2";
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-6__event-data-shields {
    border-bottom: none;
    border-right: solid 1px #E4E4E4;
    padding-right: 22px;
    padding-bottom: 0;
  }
}
@media (min-width: 1250px) {
  .fengsthome-tickets-view-6__event-data-shields {
    grid-template-areas: "shield1 divider shield2 name1" "shield1 divider shield2 name2";
    border-bottom: none;
    grid-template-columns: 1fr 36px 1fr;
  }
}
@media (min-width: 1500px) {
  .fengsthome-tickets-view-6__event-data-shields {
    padding-right: 32px;
    grid-template-columns: 1fr 50px 1fr;
  }
}
.fengsthome-tickets-view-6__event-data-shields--direction {
  grid-template-areas: "shield2 divider shield1" "name2 divider2 name1";
}
@media (min-width: 1250px) {
  .fengsthome-tickets-view-6__event-data-shields--direction {
    grid-template-areas: "shield2 divider shield1 name2" "shield2 divider shield1 name1";
  }
}
.fengsthome-tickets-view-6__event-data-label {
  text-transform: uppercase;
  color: #F4F4F4;
  font: var(--crt-event-clubs-mobile-font);
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  grid-area: name1;
  margin: 16px 0;
}
.fengsthome-tickets-view-6__event-data-label.area {
  grid-area: name2;
}
@media (min-width: 1250px) {
  .fengsthome-tickets-view-6__event-data-label {
    margin: 0;
    top: 4px;
    font: var(--crt-event-clubs-desktop-font);
  }
  .fengsthome-tickets-view-6__event-data-label.area {
    top: -20px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-6__event-data-label {
    justify-content: flex-start;
    margin-left: 24px;
  }
}
@media (min-width: 1500px) {
  .fengsthome-tickets-view-6__event-data-label {
    margin-left: 24px;
  }
}
.fengsthome-tickets-view-6__event-data-shield {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  grid-area: shield1;
}
.fengsthome-tickets-view-6__event-data-shield.area {
  grid-area: shield2;
}
.fengsthome-tickets-view-6__event-data-divider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #727272;
  font-family: "Roboto";
  font-weight: 700;
  position: relative;
  top: 0;
}
@media (min-width: 1250px) {
  .fengsthome-tickets-view-6__event-data-divider {
    margin: 0 10px;
    top: 21px;
  }
}
.fengsthome-tickets-view-6__event-data-divider:before, .fengsthome-tickets-view-6__event-data-divider:after {
  content: "";
  width: 1px;
  height: 30px;
  background: #E4E4E4;
  position: relative;
  top: 0;
  bottom: 0;
}
.fengsthome-tickets-view-6__event-data-divider span {
  padding: 5px 0 7px 0;
}
.fengsthome-tickets-view-6__event-data-versus {
  text-transform: uppercase;
  font: var(--crt-event-clubs-mobile-font);
  color: #F4F4F4;
  grid-area: divider2;
}
@media (min-width: 1250px) {
  .fengsthome-tickets-view-6__event-data-versus {
    font: var(--crt-event-clubs-desktop-font);
    display: none;
  }
}
.fengsthome-tickets-view-6__event-info {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-6__event-info {
    margin-bottom: 0;
    margin-left: 22px;
    position: relative;
    top: 12px;
  }
}
@media (min-width: 1500px) {
  .fengsthome-tickets-view-6__event-info {
    margin-left: 32px;
  }
}
.fengsthome-tickets-view-6__event-info p {
  font: var(--crt-event-info-font);
  color: #F4F4F4;
  margin: 0;
  text-align: center;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-6__event-info p {
    text-align: left;
  }
}
.fengsthome-tickets-view-6__actions {
  text-align: center;
}
.fengsthome-tickets-view-6__actions h1, .fengsthome-tickets-view-6__actions h2 {
  color: var(--primary-light);
  font: var(--crt-event-ticket-mobile-font);
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-6__actions h1, .fengsthome-tickets-view-6__actions h2 {
    font: var(--crt-event-ticket-desktop-font);
  }
}
@media (min-width: 811px) {
  .fengsthome-tickets-view-6__actions-buttons {
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
  }
}
.fengsthome-tickets-view-6__actions fengstui-button {
  width: 100%;
}
.fengsthome-tickets-view-6__actions button {
  width: 100%;
  margin-bottom: 10px;
  font-weight: 500;
  max-width: 380px;
}
.fengsthome-tickets-view-6__actions .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--on-primary);
  padding: 10px 12px 10px 12px;
  font-size: 14px;
}
.fengsthome-tickets-view-6__actions .feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: 8px;
}
.fengsthome-tickets-view-6__actions .feng-btn--primary.feng-btn--outline {
  color: var(--on-primary);
  border-color: currentColor;
}
.fengsthome-tickets-view-7 {
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  background: var(--home-desktop-tabs-1-background);
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-7 {
    padding: 48px 0;
  }
}
.fengsthome-tickets-view-7 h1 {
  color: #393939;
  font-size: 24px;
  margin: 0 0 16px 0;
  text-align: center;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-7 h1 {
    font-size: 32px;
    margin: 0 0 32px 0;
  }
}
.fengsthome-tickets-view-7__events-scroll {
  width: calc(100vw - 50px);
  position: relative;
  overflow: hidden;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-7__events-scroll {
    width: calc(100vw - 64px);
  }
}
.fengsthome-tickets-view-7__events-scroll-nav button {
  background: #2857B2;
  position: absolute;
  top: 0;
  left: -15px;
  right: inherit;
  bottom: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #fff;
  border: none;
  display: flex;
  margin: auto 0;
  justify-content: center;
  aspect-ratio: 1/1;
  font-size: 32px;
  padding: 0;
  z-index: 2;
}
.fengsthome-tickets-view-7__events-scroll-nav button:last-child {
  right: -15px;
  left: inherit;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-7__events-scroll-nav--hidenav {
    display: none;
  }
}
.fengsthome-tickets-view-7__events-scroll-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin: 24px auto 0 auto;
  z-index: 2;
  position: relative;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-7__events-scroll-pagination {
    max-width: var(--max-width);
    padding: 0 16px;
  }
}
.fengsthome-tickets-view-7__events-scroll-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border: solid 2px #ABABAB;
  background: transparent;
  opacity: 1;
}
.fengsthome-tickets-view-7__events-scroll-pagination .swiper-pagination-bullet-active {
  background: var(--primary);
  border-color: var(--primary);
}
.fengsthome-tickets-view-7__card {
  min-height: 260px;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #ABABAB;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
  background: #FAFAFA;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-7__card {
    max-width: 313px !important;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-7__card {
    width: 313px !important;
    padding: 0 32px;
  }
}
.fengsthome-tickets-view-7__card-header {
  background: var(--v7-tickets-date-bg, var(--primary));
  border-radius: 0px 0px 16px 16px;
  border: 1px solid #ABABAB;
  border-top: none;
  padding: 8px 16px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.fengsthome-tickets-view-7__card-header p {
  margin: 0;
  color: #fff;
  font: var(--v7-tickets-date-font, normal normal 700 32px/40px Roboto);
}
.fengsthome-tickets-view-7__card-header p strong {
  font-weight: 700;
}
.fengsthome-tickets-view-7__card-shields {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}
.fengsthome-tickets-view-7__card-shields img {
  width: 70px;
  height: 70px;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.fengsthome-tickets-view-7__card-shields-versus {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.fengsthome-tickets-view-7__card-labels {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 17px 0 0 0;
  font: var(--v7-tickets-event-font, normal normal 700 10px/16px Roboto);
}
.fengsthome-tickets-view-7__card-labels p {
  text-transform: uppercase;
  margin: 0;
  font: var(--v7-tickets-event-font, normal normal 700 10px/16px Roboto);
  color: #393939;
  max-width: 150px;
  word-break: break-all;
}
.fengsthome-tickets-view-7__card-desc {
  margin: 0;
  font: var(--v7-tickets-event-desc-font, normal normal 700 10px/16px Roboto);
  color: #393939;
}
.fengsthome-tickets-view-7__card-tag {
  background: #EFEFEF;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #ABABAB;
  border-bottom: none;
  padding: 8px 16px;
  margin-top: auto;
}
.fengsthome-tickets-view-7__card-tag p {
  margin: 0;
  text-transform: uppercase;
  color: #393939;
  font-size: 14px;
  font-weight: 400;
}
.st-tickets-view-fngst-1 {
  position: relative;
  background: var(--st-tickets-bg);
  background-size: cover;
  padding: var(--st-tickets-mobile-padding);
  min-height: 85px;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1 {
    padding: var(--st-tickets-desktop-padding);
  }
}
.st-tickets-view-fngst-1__wrapper {
  display: flex;
  justify-content: space-between;
  max-width: var(--st-tickets-max-width);
  gap: var(--st-tickets-desktop-gap);
  width: 100%;
  padding: var(--st-tickets-mobile-wrapper-padding);
  margin: 0 auto;
  background: var(--st-tickets-wrapper-bg);
  color: var(--st-tickets-wrapper-text-color);
  box-shadow: var(--st-tickets-box-shadow);
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__wrapper {
    padding: var(--st-tickets-desktop-wrapper-padding);
    text-align: inherit;
    gap: var(--st-tickets-mobile-gap);
  }
}
@media (min-width: 1200px) {
  .st-tickets-view-fngst-1__wrapper {
    flex-direction: row;
    align-items: inherit;
  }
}
.st-tickets-view-fngst-1__nextgame {
  display: flex;
  gap: var(--st-tickets-desktop-gap);
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .st-tickets-view-fngst-1__nextgame {
    justify-content: inherit;
  }
}
.st-tickets-view-fngst-1__nextgame-shield {
  display: flex;
  max-height: var(--st-tickets-shield-max-height);
  gap: var(--st-tickets-mobile-gap);
}
.st-tickets-view-fngst-1__nextgame-shield img.casa {
  width: 100%;
  height: var(--st-tickets-shield-img-height);
  object-fit: contain;
  align-self: center;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-shield img.casa {
    width: var(--st-tickets-shield-img-width);
    align-self: center;
  }
}
.st-tickets-view-fngst-1__nextgame-shield img.fora {
  width: 100%;
  height: var(--st-tickets-shield-img-height2);
  object-fit: contain;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-shield img.fora {
    width: var(--st-tickets-shield-img-width2);
  }
}
.st-tickets-view-fngst-1__nextgame-shield span {
  font-size: 29px;
  font-weight: 900;
  position: relative;
  display: flex;
  align-items: center;
  color: var(--st-tickets-divider-color);
}
.st-tickets-view-fngst-1__nextgame-shield span:before {
  content: "";
  display: flex;
  height: 30%;
  top: 0;
  width: 2px;
  background: var(--st-tickets-divider-color);
  position: absolute;
  transform: translate(-50%);
  left: 50%;
}
.st-tickets-view-fngst-1__nextgame-shield span:after {
  content: "";
  display: flex;
  height: 30%;
  bottom: 0;
  width: 2px;
  background: var(--st-tickets-divider-color);
  position: absolute;
  transform: translate(-50%);
  left: 50%;
}
.st-tickets-view-fngst-1__nextgame-data {
  display: flex;
  height: 100%;
  justify-content: center;
  text-transform: uppercase;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-data {
    flex-direction: row;
    gap: var(--st-tickets-mobile-gap);
  }
}
.st-tickets-view-fngst-1__nextgame-data p, .st-tickets-view-fngst-1__nextgame-data span {
  font-size: var(--st-tickets-mobile-p-font-size);
  font-weight: var(--st-tickets-desktop-p-font-weight);
  margin: 0;
  line-height: var(--st-tickets-desktop-p-line-height);
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-data p, .st-tickets-view-fngst-1__nextgame-data span {
    font-size: var(--st-tickets-desktop-p-font-size);
  }
}
.st-tickets-view-fngst-1__nextgame-teams {
  display: flex;
  gap: 10px;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-teams {
    display: block;
  }
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-teams span {
    display: none;
  }
}
@media (min-width: 1200px) {
  .st-tickets-view-fngst-1__nextgame-info {
    min-width: var(--st-tickets-info-min-width);
  }
}
.st-tickets-view-fngst-1__divider {
  display: none;
  height: 100%;
  background: var(--st-tickets-divider-color);
  width: 3px;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__divider {
    display: flex;
  }
}
.st-tickets-view-fngst-1__divider2 {
  display: block;
  height: 3px;
  background: var(--st-tickets-divider-color);
  width: 100px;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__divider2 {
    display: none;
  }
}
.st-tickets-view-fngst-1__action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: var(--st-tickets-action-max-width);
  width: 100%;
  gap: var(--st-tickets-desktop-gap);
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__action {
    gap: var(--st-tickets-mobile-gap);
  }
}
.st-tickets-view-fngst-1__action div {
  display: flex;
  flex-direction: column;
  gap: var(--st-tickets-action-mobile-gap);
}
@media (min-width: 767px) {
  .st-tickets-view-fngst-1__action div {
    flex-direction: row;
    gap: var(--st-tickets-action-desktop-gap);
  }
}
.st-tickets-view-fngst-1__action h2 {
  font-family: "Barlow";
  font-size: var(--st-tickets-mobile-h2-font-size);
  font-weight: var(--st-tickets-desktop-h2-font-weight);
  line-height: var(--st-tickets-desktop-h2-line-height);
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__action h2 {
    font-size: var(--st-tickets-desktop-h2-font-size);
  }
}
.st-tickets-view-fngst-1__action fengstui-button {
  width: 100%;
}
.st-tickets-view-fngst-1__action fengstui-button button {
  width: 100%;
}
.st-tickets-view-fngst-1__action fengstui-button + fengstui-button button {
  background-color: var(--st-tickets-outline-btn-bg-color) !important;
  color: var(--st-tickets-outline-btn-color) !important;
  border-color: var(--st-tickets-outline-btn-color) !important;
}
.fengsthome-call-to-action-fngst-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: var(--home-call-to-action-height);
  overflow: hidden;
}
.fengsthome-call-to-action-fngst-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--home-call-to-action-background);
  z-index: 1;
}
.fengsthome-call-to-action-fngst-1__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fengsthome-call-to-action-fngst-1 .fengsthome-call-to-action-fngst-1__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 7rem;
  max-width: var(--home-call-to-action-title-desktop-max-width);
  width: 100%;
  position: relative;
  text-align: center;
  color: var(--on-info);
  z-index: 1;
}
.fengsthome-call-to-action-fngst-1 .fengsthome-call-to-action-fngst-1__content > div {
  padding: 0 1rem;
}
.fengsthome-call-to-action-fngst-1 .fengsthome-call-to-action-fngst-1__content h1 {
  font-size: var(--mobile-home-call-to-action-title-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
  font-weight: var(--home-call-to-action-title-font-weight);
  color: var(--secondary);
  margin: var(--home-call-to-action-title-margin);
}
.fengsthome-call-to-action-fngst-1 .fengsthome-call-to-action-fngst-1__content h1 br {
  display: none;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1 .fengsthome-call-to-action-fngst-1__content h1 {
    font-size: var(--home-call-to-action-title-font-size);
    line-height: var(--home-call-to-action-title-line-height);
    margin: 0;
  }
  .fengsthome-call-to-action-fngst-1 .fengsthome-call-to-action-fngst-1__content h1 br {
    display: block;
  }
}
.fengsthome-call-to-action-fngst-1 .fengsthome-call-to-action-fngst-1__content span {
  display: block;
  font-family: var(--home-call-to-action-title-alternate-font-family);
  margin: 0 auto;
  max-width: var(--home-call-to-action-subtitle-width);
  font-size: var(--mobile-home-call-to-action-subtitle-font-size);
  line-height: va(--mobile-home-call-to-action-subtitle-line-height);
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1 .fengsthome-call-to-action-fngst-1__content span {
    font-size: var(--home-call-to-action-subtitle-font-size);
    line-height: var(--home-call-to-action-subtitle-line-height);
  }
}
.fengsthome-call-to-action-fngst-1 img {
  width: 100%;
  height: 100%;
}
.fengsthome-call-to-action-fngst-1__content {
  padding-bottom: 70px;
  padding: var(--mobile-home-call-to-action-content-padding);
  margin: 0 auto;
  width: 100%;
  min-height: 450px;
  text-align: var(--home-call-to-action-content-align);
  z-index: 9;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content {
    padding: var(--home-call-to-action-content-padding);
    width: 100%;
    max-width: 990px;
  }
}
.fengsthome-call-to-action-fngst-1__content img {
  width: 100%;
  margin-bottom: -28px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1__content img {
    width: 420px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content img {
    width: 560px;
  }
}
.fengsthome-call-to-action-fngst-1__content h1 {
  height: -moz-fit-content;
  height: fit-content;
  min-width: 200px;
  position: relative;
  font-size: var(--mobile-home-call-to-action-title-font-size);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-family: var(--home-call-to-action-title-font-family);
  margin: var(--mobile-home-call-to-action-title-margin);
  font-weight: var(--home-call-to-action-title-font-weight);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content h1 {
    min-width: 300px;
    font-size: var(--home-call-to-action-title-font-size);
    min-width: 480px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-fngst-1__content h1 {
    max-width: var(--home-call-to-action-title-desktop-max-width);
  }
}
.fengsthome-call-to-action-fngst-1__content h1 span {
  color: var(--home-call-to-action-title-color);
  background-color: var(--home-call-to-action-title-border-color);
  line-height: var(--mobile-home-call-to-action-title-line-height);
  max-width: 100%;
  box-shadow: 0 0 0 15px var(--home-call-to-action-title-border-color);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content h1 span {
    line-height: var(--home-call-to-action-title-line-height);
    box-shadow: 0 0 0 10px var(--home-call-to-action-title-border-color);
  }
}
.fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h1 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 51px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h1 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h1 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h1 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h2 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 42px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h2 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h2 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: 52px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h2 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h3 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 31px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h3 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h3 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: 47px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h3 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h4 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 10px;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h4 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content h1 span ::ng-deep .__flu-h4 {
    font-size: 25px;
  }
}
.fengsthome-call-to-action-fngst-1__content h1 ::ng-deep strong {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: var(--mobile-home-call-to-action-title-alternate-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-fngst-1__content h1 ::ng-deep strong {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content h1 ::ng-deep strong {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1__content h1 ::ng-deep strong {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-fngst-1__content h2 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  line-height: var(--home-call-to-action-subtitle-line-height);
  margin-top: 2em;
}
.fengsthome-call-to-action-fngst-1__content h2 span {
  width: 100%;
  color: var(--background);
}
.fengsthome-call-to-action-fngst-1__content h2 span h1 {
  font-size: 22px;
  font-weight: normal;
}
.fengsthome-call-to-action-fngst-1__content h2 span h1 strong {
  font-size: 24px;
  font-weight: bold;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-fngst-1__content h2 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content h2 {
    font-size: var(--home-call-to-action-subtitle-font-size);
    width: var(--home-call-to-action-subtitle-width);
    margin: var(--home-call-to-action-title-margin);
  }
  .fengsthome-call-to-action-fngst-1__content h2 span {
    width: 250px;
  }
}
.fengsthome-call-to-action-fngst-1__content ::ng-deep fengstui-button button {
  font-family: var(--font-title);
  color: var(--home-call-to-action-button-color) !important;
  font-style: var(--home-call-to-action-button-style);
  padding: var(--home-call-to-action-button-padding);
  background-color: var(--home-call-to-action-button-background) !important;
  margin: var(--home-call-to-action-button-margin);
  font-size: var(--home-call-to-action-button-font-size);
}
.fengsthome-call-to-action-fngst-1__content ::ng-deep fengstui-button button:hover {
  color: var(--primary) !important;
  background-color: var(--on-surface) !important;
}
.fengsthome-call-to-action-fngst-1__content ::ng-deep .clr {
  color: var(--primary) !important;
}
.fengsthome-call-to-action-fngst-1__content-bf {
  padding-bottom: 70px;
  padding: var(--mobile-home-call-to-action-content-padding);
  margin: 0 auto;
  width: 100%;
  min-height: 450px;
  text-align: var(--home-call-to-action-content-align);
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 9;
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-fngst-1__content-bf {
    padding: var(--home-call-to-action-content-padding);
    width: 100%;
    max-width: 990px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-fngst-1__content-bf {
    flex-direction: row;
    gap: 60px;
  }
}
.fengsthome-call-to-action-fngst-1__content-bf > img {
  width: 220px;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1__content-bf > img {
    width: 320px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content-bf > img {
    width: 400px;
  }
}
.fengsthome-call-to-action-fngst-1__content-bf > div {
  text-align: center;
}
.fengsthome-call-to-action-fngst-1__content-bf > div > img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.fengsthome-call-to-action-fngst-1__content-bf > div > h2 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.fengsthome-call-to-action-fngst-1__content-bf > div > h2 > span {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-fngst-1__content-bf > div > h2 > span {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content-bf > div > h2 > span {
    font-size: 38px;
    width: var(--home-call-to-action-subtitle-width);
    margin: var(--home-call-to-action-title-margin);
  }
}
.fengsthome-call-to-action-fngst-1__content-bf > div > h2 > p {
  color: #FFF;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-fngst-1__content-bf > div > h2 > p {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-fngst-1__content-bf > div > h2 > p {
    font-size: 13px;
  }
}
.fengsthome-call-to-action-fngst-1__content-bf > div ::ng-deep fengstui-button button {
  background-color: #EEC78C;
  color: #1D1D1B;
  text-align: center;
  font-family: var(--font-title);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-style: italic;
}
.fengsthome-call-to-action-fngst-1__content-bf > div ::ng-deep fengstui-button button:hover {
  color: var(--primary) !important;
  background-color: var(--on-surface) !important;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1__content-bf > div ::ng-deep fengstui-button button {
    font-size: 20px;
  }
}
.fengsthome-call-to-action-fngst-1__content-bf ::ng-deep .clr {
  color: var(--primary) !important;
}
.content-suggestions {
  display: flex;
  width: 100%;
  max-width: 1180px;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
}
.content-suggestions__content {
  line-height: 20px;
}
.content-suggestions__item {
  display: flex;
  width: 100%;
  max-width: 272.16px;
  padding: 10px;
  border-radius: 19px;
  height: 236.24px;
  color: white;
  font-size: 18px;
  text-transform: uppercase;
  background: var(--secondary);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin: 42px 11px;
}
.content-suggestions__item button {
  display: block;
  background: white;
  font-size: 18px;
  text-align: center;
  width: 100%;
  min-width: 160px;
  padding: 10px 0px;
  font-weight: bold;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  color: var(--secondary);
}
.content-suggestions__item:nth-of-type(odd) {
  background: var(--primary);
}
.content-suggestions__item:nth-of-type(odd) button {
  color: var(--primary);
}
.view-tabs-fngst-1 {
  position: relative;
}
.view-tabs-fngst-1__scroll {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__scroll {
    grid-template-columns: 1fr 1fr;
  }
}
.view-tabs-fngst-1__img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 480px;
}
@media (min-width: 576px) {
  .view-tabs-fngst-1__img {
    min-height: 730px;
  }
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__img {
    min-height: 480px;
  }
}
.view-tabs-fngst-1__moreinfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background-image: var(--home-view-tabs-wrapper-background);
  background-size: cover;
  background-position: center;
  color: var(--home-view-tabs-content-color);
  padding: 24px 16px;
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__moreinfo {
    padding: 56px 24px;
  }
}
.view-tabs-fngst-1__moreinfo h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__moreinfo h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
  }
}
@media (min-width: 1200px) {
  .view-tabs-fngst-1__moreinfo h3 {
    font-size: 40px;
  }
}
.view-tabs-fngst-1__moreinfo-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  gap: 24px;
  padding: 16px;
  background-color: #fff;
  box-shadow: var(--home-view-tabs-box-shadow);
  margin: 0 auto;
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__moreinfo-wrapper {
    max-width: 720px;
    padding: 48px;
  }
}
.view-tabs-fngst-1__moreinfo-wrapper fengstui-button button {
  width: 100%;
}
.view-tabs-fngst-1__content ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
.view-tabs-fngst-1__content ul li:first-child {
  padding-bottom: 24px;
}
.view-tabs-fngst-1__content ul li + li {
  border-top: 1px solid var(--home-view-tabs-content-color);
  padding: 24px 0;
}
.view-tabs-fngst-1__content ul li + li i {
  padding-top: 24px;
}
.view-tabs-fngst-1__content ul li {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 576px) {
  .view-tabs-fngst-1__content ul li {
    flex-direction: row;
  }
}
.view-tabs-fngst-1__content ul li div {
  margin-left: 0;
}
@media (min-width: 576px) {
  .view-tabs-fngst-1__content ul li div {
    margin-left: 58px;
  }
}
.view-tabs-fngst-1__content ul li i {
  font-size: 40px;
  position: absolute;
  top: 0;
}
.view-tabs-fngst-1__content ul li i:before {
  color: var(--home-view-tabs-icon-color);
}
@media (min-width: 576px) {
  .view-tabs-fngst-1__content ul li i {
    font-size: 48px;
  }
}
.view-tabs-fngst-1__content ul li h5 {
  font-size: 24px;
  font-weight: 700;
  margin-left: 48px;
  line-height: 100%;
  word-break: break-all;
}
@media (min-width: 576px) {
  .view-tabs-fngst-1__content ul li h5 {
    margin-left: 0;
  }
}
.view-tabs-fngst-1__content ul li p {
  font-family: "Barlow";
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: var(--home-view-tabs-p-color);
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__content ul li p {
    font-size: 16px;
    margin-left: 0;
  }
}
.fengstplans-view-partner-fngst-1 {
  position: relative;
}
.fengstplans-view-partner-fngst-1__scroll {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 0;
  max-width: 1680px;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .fengstplans-view-partner-fngst-1__scroll {
    gap: 40px;
    padding: 40px 0;
  }
}
.fengstplans-view-partner-fngst-1__scroll h2 {
  font-size: 24px;
  font-weight: 900;
  color: var(--secondary);
  line-height: 100%;
}
@media (min-width: 576px) {
  .fengstplans-view-partner-fngst-1__scroll h2 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-partner-fngst-1__scroll h2 {
    font-size: 56px;
  }
}
.fengstplans-view-partner-fngst-1__scroll fengstui-button {
  text-align: center;
}
.fengstplans-view-partner-fngst-1__scroll fengstui-button button {
  width: 100%;
}
@media (min-width: 576px) {
  .fengstplans-view-partner-fngst-1__scroll fengstui-button button {
    width: inherit;
  }
}
.fengstplans-view-partner-fngst-1__scroll fengstui-button button i {
  font-size: 18px !important;
}
.fengstplans-view-partner-fngst-1__scroll h2, .fengstplans-view-partner-fngst-1__scroll fengstui-button {
  padding: 0 16px;
}
@media (min-width: 767px) {
  .fengstplans-view-partner-fngst-1__scroll h2, .fengstplans-view-partner-fngst-1__scroll fengstui-button {
    padding: 0 40px;
  }
}
.fengstplans-view-partner-fngst-1__wrapper {
  display: flex;
  justify-content: center;
  max-width: 1680px;
  width: 100%;
  padding: 0 16px;
}
@media (min-width: 767px) {
  .fengstplans-view-partner-fngst-1__wrapper {
    padding: 0 40px;
  }
}
.fengstplans-view-partner-fngst-1__card {
  display: flex;
  flex-direction: column;
  width: 310px;
  padding: 24px;
  background: #fff;
}
.fengstplans-view-partner-fngst-1__card img {
  width: 100%;
  object-fit: contain;
  max-width: 175px;
  height: 100px;
  margin: 0 auto;
}
.fengstplans-view-partner-fngst-1 swiper {
  width: inherit !important;
  max-width: inherit !important;
  overflow: hidden;
  justify-content: center;
}
.fengstplans-view-partner-fngst-1 swiper .swiper-container, .fengstplans-view-partner-fngst-1 swiper .swiper-wrapper {
  width: 85vw;
}
.fengstplans-view-partner-fngst-1 .swiper-slide {
  width: 310px !important;
}
.fengstplans-view-partner-fngst-1 .swiper-container {
  cursor: grab;
}
.fengstplans-view-partner-fngst-1 .swiper-container:active {
  cursor: grabbing;
}
.fengstplans-view-event-info-fngst-1__scroll {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .fengstplans-view-event-info-fngst-1__scroll {
    grid-template-columns: 1fr 1fr;
  }
}
.fengstplans-view-event-info-fngst-1__img {
  background: center no-repeat;
  background-size: cover;
  min-height: 300px;
  order: 1;
}
@media (min-width: 576px) {
  .fengstplans-view-event-info-fngst-1__img {
    min-height: 437px;
  }
}
.fengstplans-view-event-info-fngst-1__moreinfo {
  display: flex;
  background: var(--event-info-background);
  background-size: cover;
  background-size: 140% 100%;
  background-color: #fff;
  width: 100%;
}
@media (min-width: 576px) {
  .fengstplans-view-event-info-fngst-1__moreinfo {
    background-size: 100% 100%;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-event-info-fngst-1__moreinfo {
    background-size: none;
  }
}
.fengstplans-view-event-info-fngst-1__moreinfo-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 48px 10px 24px 62px;
  max-width: 864px;
  gap: 24px;
  color: var(--plans-info-color);
}
@media (min-width: 576px) {
  .fengstplans-view-event-info-fngst-1__moreinfo-wrapper {
    padding: 24px 24px 24px 80px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-event-info-fngst-1__moreinfo-wrapper {
    padding: 24px 24px 24px 120px;
  }
}
.fengstplans-view-event-info-fngst-1__moreinfo-wrapper h2 {
  font-size: 40px;
  line-height: 120%;
  font-weight: 900;
  margin: 0;
}
@media (min-width: 992px) {
  .fengstplans-view-event-info-fngst-1__moreinfo-wrapper h2 {
    font-size: 52px;
    line-height: 100%;
  }
}
.fengstplans-view-event-info-fngst-1__moreinfo-wrapper p {
  font-family: "Barlow";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
}
@media (min-width: 992px) {
  .fengstplans-view-event-info-fngst-1__moreinfo-wrapper p {
    font-size: 24px;
  }
}
.fengstplans-view-event-info-fngst-1__moreinfo-wrapper p span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.fengsthome-call-to-action-view-13 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--cta-13-mobile-background);
  height: 800px;
  position: relative;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13 {
    background: var(--cta-13-desktop-background);
  }
}
.fengsthome-call-to-action-view-13:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--cta-13-overlay-bg);
  opacity: var(--cta-13-overlay-bg-opacity);
}
.fengsthome-call-to-action-view-13__content {
  text-align: center;
  color: var(--cta-13-text-color);
  max-width: var(--cta-13-max-width-mobile);
  margin-top: 64px;
  z-index: 1;
}
@media (min-width: 500px) {
  .fengsthome-call-to-action-view-13__content {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__content {
    max-width: var(--cta-13-max-width-desktop);
  }
}
@media (min-width: 1500px) {
  .fengsthome-call-to-action-view-13__content {
    margin-top: 120px;
  }
}
@media (max-height: 590px) {
  .fengsthome-call-to-action-view-13__content {
    margin-top: 0;
  }
}
.fengsthome-call-to-action-view-13__content-label {
  font: var(--cta-13-text-mobile-font);
  margin: 0 0 16px 0;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__content-label {
    font: var(--cta-13-text-desktop-font);
    white-space: pre-wrap;
    margin: 0 0 24px 0;
  }
}
@media (max-height: 590px) {
  .fengsthome-call-to-action-view-13__content-label {
    line-height: 86px;
  }
}
.fengsthome-call-to-action-view-13__content-logo {
  width: var(--cta-13-logo-width);
  height: var(--cta-13-logo-height);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__content-logo {
    width: var(--cta-13-logo-desktop-width);
    height: var(--cta-13-logo-desktop-height);
  }
}
.fengsthome-call-to-action-view-13__content-title {
  color: var(--cta-13-title-color);
  font: var(--cta-13-mobile-title-font);
  margin: 0 0 8px 0;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__content-title {
    font: var(--cta-13-desktop-title-font);
  }
}
.fengsthome-call-to-action-view-13__content-subtitle {
  font: var(--cta-13-subtitle-mobile-font);
  margin-bottom: 16px;
  color: var(--cta-13-subtitle-color);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__content-subtitle {
    font: var(--cta-13-subtitle-desktop-font);
  }
}
.fengsthome-call-to-action-view-13__buttons {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 24px 40px;
  max-width: 312px;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__buttons {
    margin-top: 24px;
    flex-direction: row;
    max-width: 750px;
  }
}
.fengsthome-call-to-action-view-13__buttons button {
  width: var(--cta-13-button-width);
  margin-bottom: 10px;
  font: var(--cta-13-button-font);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__buttons button {
    width: var(--cta-13-button-width-desktop);
  }
}
.fengsthome-call-to-action-view-13__buttons fengstui-button {
  width: var(--cta-13-button-width);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__buttons fengstui-button {
    width: var(--cta-13-button-width-desktop);
  }
}
.fengsthome-call-to-action-view-13__buttons .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  filter: brightness(0.5);
  background: var(--cta-13-button-primary-bg) !important;
  color: var(--cta-13-button-color) !important;
}
.fengsthome-call-to-action-view-13__buttons .feng-btn {
  padding: 16px 24px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__buttons .feng-btn {
    padding: 14px;
  }
}
.fengsthome-call-to-action-view-13__buttons .feng-btn--primary:not(.feng-btn--outline), .fengsthome-call-to-action-view-13__buttons .feng-btn--secondary:not(.feng-btn--outline) {
  background: var(--cta-13-button-primary-bg);
  color: var(--cta-13-button-color) !important;
}
.fengsthome-call-to-action-view-13__buttons .feng-btn--outline {
  color: var(--cta-13-button-color);
  border-color: currentColor;
}
.fengsthome-call-to-action-view-v14 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 572px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-v14 {
    height: var(--home-call-to-action-height);
  }
}
.fengsthome-call-to-action-view-v14::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--home-call-to-action-background);
  z-index: 1;
}
.fengsthome-call-to-action-view-v14__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fengsthome-call-to-action-view-v14__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: var(--home-call-to-action-title-desktop-max-width);
  width: 100%;
  position: relative;
  top: 30px;
  text-align: center;
  color: var(--on-info);
  padding: 0 16px;
  z-index: 1;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-v14__content {
    top: 60px;
    padding: 0;
  }
}
.fengsthome-call-to-action-view-v14__content h1 {
  font-family: "Devant Horgen";
  font-size: var(--mobile-home-call-to-action-title-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
  color: var(--primary);
  margin: 0;
  font-weight: 500;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-v14__content h1 {
    font-size: var(--home-call-to-action-title-font-size);
    line-height: var(--home-call-to-action-title-line-height);
    margin: 0;
  }
}
.fengsthome-call-to-action-view-v14__content span {
  display: block;
  margin: 0 auto;
  max-width: var(--home-call-to-action-subtitle-width);
  font-size: var(--mobile-home-call-to-action-subtitle-font-size);
  line-height: va(--mobile-home-call-to-action-subtitle-line-height);
  padding-top: 32px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-v14__content span {
    font-size: var(--home-call-to-action-subtitle-font-size);
    line-height: var(--home-call-to-action-subtitle-line-height);
  }
}
.fengsthome-call-to-action-view-v14 fengstui-button button {
  width: 100%;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-v14 fengstui-button button {
    width: inherit;
  }
}
.fengsthome-call-to-action-view-15 {
  font-family: var(--cta-15-font-primary);
  background-color: #181715;
  width: 100%;
  background: var(--cta-15-background-mobile);
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 2;
  padding-top: calc(97px + 25px);
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-15 {
    background: var(--cta-15-background);
  }
}
.fengsthome-call-to-action-view-15--bg-2 {
  background: var(--cta-15-background-sem-front-mobile);
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-15--bg-2 {
    background: var(--cta-15-background-sem-front);
  }
}
.fengsthome-call-to-action-view-15--logged {
  padding-top: 35px;
}
.fengsthome-call-to-action-view-15__head {
  height: 97px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  position: fixed;
  width: 100%;
  z-index: 4;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.01);
  backdrop-filter: blur(6px);
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-15__head {
    padding: 0px 40px 0px 40px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-15__head {
    padding: 0px 70px 0px 70px;
    height: 126px;
    background: transparent;
    backdrop-filter: none;
    position: absolute;
  }
}
.fengsthome-call-to-action-view-15__head-logo {
  width: 76px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-15__head-logo {
    width: 100px;
  }
}
.fengsthome-call-to-action-view-15__head fengstui-button button {
  display: flex;
  color: var(--cta-15-text-color) !important;
  background-color: var(--cta-15-login-button-background) !important;
  border-radius: 5px;
  font-family: var(--cta-15-font-title);
}
.fengsthome-call-to-action-view-15__back-button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: -moz-fit-content;
  width: fit-content;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  padding-left: 10px;
  z-index: 1;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-15__back-button {
    margin: 0px 40px 0px 40px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-15__back-button {
    margin: 0px 70px 0px 70px;
  }
}
.fengsthome-call-to-action-view-15__back-button-icon {
  width: 44px;
  height: 44px;
  background: #fff;
  border: solid 1px #373E48;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 6px;
}
.fengsthome-call-to-action-view-15__back-button-text {
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  font-family: var(--cta-15-font-title);
  display: none;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-15__back-button-text {
    display: block;
  }
}
.fengsthome-call-to-action-view-15__content {
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 40px 18px 360px;
}
.fengsthome-call-to-action-view-15__content--logged {
  margin-top: 22px;
}
@media only screen and (min-width: 1500px) and (max-height: 700px) {
  .fengsthome-call-to-action-view-15__content--bg-2:not(.fengsthome-call-to-action-view-15__content--logged) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 1000px) {
  .fengsthome-call-to-action-view-15__content--bg-2 {
    margin-top: 4%;
  }
}
.fengsthome-call-to-action-view-15__content-title {
  text-transform: uppercase;
  font-family: var(--cta-15-font-title);
  font-size: 88px;
  font-weight: 700;
  margin: 0 0 16px 0;
  line-height: 100%;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-15__content-title {
    font-size: 122px;
    margin: 0 0 24px 0;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 1000px) {
  .fengsthome-call-to-action-view-15__content-title {
    font-size: 150px;
  }
}
.fengsthome-call-to-action-view-15__content-title--title-2 {
  white-space: pre;
  font-size: 76px;
  line-height: 67px;
}
.fengsthome-call-to-action-view-15__content-title--title-2 span {
  font-size: 60px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-15__content-title--title-2 {
    font-size: 122px;
    white-space: pre-line;
    line-height: 100%;
  }
  .fengsthome-call-to-action-view-15__content-title--title-2 span {
    font-size: 122px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 1000px) {
  .fengsthome-call-to-action-view-15__content-title--title-2 {
    font-size: 150px;
  }
  .fengsthome-call-to-action-view-15__content-title--title-2 span {
    font-size: 150px;
  }
}
.fengsthome-call-to-action-view-15__content-subtitle {
  white-space: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: var(--cta-15-font-primary);
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-15__content-subtitle {
    font-size: 20px;
    white-space: pre-line;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 1000px) {
  .fengsthome-call-to-action-view-15__content-subtitle {
    font-size: 25px;
  }
}
.fengsthome-call-to-action-view-15__buttons {
  margin: auto;
  margin-top: 23px;
  position: relative;
  top: -340px;
}
.fengsthome-call-to-action-view-15__buttons button {
  background: transparent;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  border: none;
  color: #fff;
  font-family: var(--cta-15-font-title);
  font-weight: 700;
  font-size: 20px;
  display: flex;
  flex-direction: column-reverse;
  line-height: 23px;
  align-items: center;
  gap: 20px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-15__buttons button {
    font-size: 26px;
    line-height: 28px;
    flex-direction: row;
  }
}
.fengsthome-call-to-action-view-15__buttons button span {
  font-size: 23px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-15__buttons button span {
    font-size: 30px;
  }
}
.home-benefits {
  background: var(--crt-benefits-background);
}
.home-benefits__content {
  display: flex;
  flex-direction: column;
  max-width: var(--max-width);
  padding: 80px 0 62px 0;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .home-benefits__content {
    max-width: 1251px;
    padding: 80px 0 132px 0;
  }
}
@media (min-width: 1500px) {
  .home-benefits__content {
    max-width: 1440px;
  }
}
.home-benefits__title {
  padding: 0 24px;
}
.home-benefits__title h1, .home-benefits__title h2 {
  margin: 0;
}
.home-benefits__title h1 {
  font: var(--crt-benefits-title-mobile-font);
  color: #A48745;
}
@media (min-width: 992px) {
  .home-benefits__title h1 {
    font: var(--crt-benefits-title-desktop-font);
  }
}
.home-benefits__title h2 {
  font: var(--crt-benefits-subtitle-mobile-font);
  color: #343434;
}
@media (min-width: 992px) {
  .home-benefits__title h2 {
    font: var(--crt-benefits-subtitle-desktop-font);
  }
}
.home-benefits__cards {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  column-gap: 16px;
  max-width: calc(100vw - 18px);
  padding: 0 24px 18px;
}
.home-benefits__cards:hover::-webkit-scrollbar-thumb {
  background: #c7c7c7;
}
.home-benefits__cards-item {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 16px;
  min-width: 96%;
  height: 246px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
}
@media (min-width: 350px) {
  .home-benefits__cards-item {
    min-width: 300px;
  }
}
@media (min-width: 992px) {
  .home-benefits__cards-item {
    max-width: 336px;
    min-width: 336px;
    height: 321px;
    padding: 24px;
  }
}
.home-benefits__cards-item span {
  font-size: 30px;
  margin-bottom: 24px;
  color: #343434;
}
@media (min-width: 992px) {
  .home-benefits__cards-item span {
    font-size: 42px;
  }
}
.home-benefits__cards-item strong {
  color: #A48745;
  font: var(--crt-benefits-card-title-mobile-font);
}
@media (min-width: 992px) {
  .home-benefits__cards-item strong {
    font: var(--crt-benefits-card-title-desktop-font);
  }
}
.home-benefits__cards-item p {
  color: #727272;
  font: var(--crt-benefits-card-text-mobile-font);
}
@media (min-width: 992px) {
  .home-benefits__cards-item p {
    font: var(--crt-benefits-card-text-desktop-font);
  }
}
.home-benefits ::-webkit-scrollbar {
  height: 10px;
}
.home-benefits ::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}
.home-benefits-v2 {
  background: var(--crt-benefits-background);
}
.home-benefits-v2__content {
  display: flex;
  flex-direction: column;
  max-width: var(--max-width);
  padding: 22px 0 62px 0;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .home-benefits-v2__content {
    max-width: 1251px;
    padding: 80px 0 48px 0;
  }
}
@media (min-width: 1500px) {
  .home-benefits-v2__content {
    max-width: 1440px;
  }
}
.home-benefits-v2__title {
  padding: 0 24px;
}
.home-benefits-v2__title h1 {
  margin: 0;
}
.home-benefits-v2__title h1 {
  font: var(--benefits-section-title-mobile-font);
  color: var(--cta-13-text-color);
  text-align: center;
}
@media (min-width: 992px) {
  .home-benefits-v2__title h1 {
    font: var(--benefits-section-title-desktop-font);
  }
}
.home-benefits-v2__cards {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  gap: 24px;
  padding: 0 16px;
}
@media (min-width: 767px) {
  .home-benefits-v2__cards {
    max-width: calc(100vw - 20px);
  }
}
@media (min-width: 992px) {
  .home-benefits-v2__cards {
    padding: 0 24px 18px;
    flex-direction: row;
    max-width: 100%;
  }
}
.home-benefits-v2__cards:hover::-webkit-scrollbar-thumb {
  background: #c7c7c7;
}
.home-benefits-v2__cards-swiper {
  max-width: calc(100vw - 36px);
}
.home-benefits-v2__cards-swiper-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.home-benefits-v2__cards-swiper-bullets .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border: solid 2px var(--secondary);
  background: transparent;
}
.home-benefits-v2__cards-swiper-bullets .swiper-pagination-bullet-active {
  background: var(--secondary);
}
.home-benefits-v2__cards-item {
  display: flex;
  flex-direction: column;
  background: transparent;
  padding: 16px;
  border-radius: var(--benefits-card-radius);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border: var(--benefits-card-border);
  width: 100%;
  text-align: var(--benefits-card-text-align);
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 767px) {
  .home-benefits-v2__cards-item {
    min-width: 224px;
  }
}
@media (min-width: 992px) {
  .home-benefits-v2__cards-item {
    min-height: 300px;
    width: var(--benefits-card-width-desktop, 292px);
    height: var(--benefits-card-height-desktop, 208px);
    padding: 32px;
  }
}
.home-benefits-v2__cards-item span {
  font-size: 40px;
  margin-bottom: 24px;
  color: var(--benefits-card-icon-color, var(--cta-13-text-color));
}
@media (min-width: 992px) {
  .home-benefits-v2__cards-item span {
    font-size: 56px;
  }
}
.home-benefits-v2__cards-item p {
  color: var(--cta-13-text-color);
  margin: 0;
  white-space: pre-line;
  font: var(--crt-benefits-card-text-desktop-font);
}
.home-benefits-v2__subtitle {
  margin: 32px 0 0;
  font: var(--crt-benefits-subtitle-mobile-font);
  color: #fff;
  text-align: center;
}
@media (min-width: 992px) {
  .home-benefits-v2__subtitle {
    font: var(--crt-benefits-subtitle-desktop-font);
  }
}
.home-benefits-v2 ::-webkit-scrollbar {
  height: 10px;
}
.home-benefits-v2 ::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}
.view-st-homecta-v2 {
  min-height: 600px;
  background: var(--crt-footerCTA-bg);
  padding: 32px 16px 0;
  color: var(--on-primary);
  overflow: hidden;
}
@media (min-width: 1500px) {
  .view-st-homecta-v2 {
    padding: 10px 16px 0;
  }
}
.view-st-homecta-v2__title {
  margin: 0 0 32px 0;
  font: var(--crt-footerCTA-title-mobile-font);
}
@media (min-width: 576px) {
  .view-st-homecta-v2__title {
    font-size: 3.75rem;
  }
}
@media (min-width: 992px) {
  .view-st-homecta-v2__title {
    font: var(--crt-footerCTA-title-desktop-font);
    font-size: 4.5rem;
  }
}
@media (min-width: 1500px) {
  .view-st-homecta-v2__title {
    font-size: 5.625rem;
  }
}
.view-st-homecta-v2__text {
  margin: 0 0 32px 0;
  font: var(--crt-plans-subtitle-mobile-font);
}
@media (min-width: 576px) {
  .view-st-homecta-v2__text {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .view-st-homecta-v2__text {
    font: var(--crt-plans-subtitle-desktop-font);
  }
}
.view-st-homecta-v2__grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .view-st-homecta-v2__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.view-st-homecta-v2__grid-buttons {
  display: flex;
  flex-direction: column;
  padding: 0;
}
@media (min-width: 576px) {
  .view-st-homecta-v2__grid-buttons {
    padding: 24px 16px 0 16px;
  }
}
@media (min-width: 1200px) {
  .view-st-homecta-v2__grid-buttons {
    padding: 100px 0 0 50px;
  }
}
@media (min-width: 1500px) {
  .view-st-homecta-v2__grid-buttons {
    padding: 100px 0 0 100px;
  }
}
.view-st-homecta-v2__grid-buttons-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.view-st-homecta-v2__grid-buttons-items fengstui-button {
  width: 100%;
}
.view-st-homecta-v2__grid-buttons-items .feng-btn--primary.feng-btn--outline {
  width: 100%;
  color: var(--on-primary);
  border-color: currentColor;
  font-weight: 500;
  font-size: 14px !important;
}
@media (min-width: 767px) {
  .view-st-homecta-v2__grid-buttons-items {
    flex-direction: row;
  }
}
.view-st-homecta-v2__grid-illustration {
  margin-top: auto;
  position: relative;
  bottom: -5px;
}
.view-st-homecta-v2__grid-illustration img {
  width: 100%;
  transform: scale(140%);
  margin: 0 auto;
  display: block;
}
@media (min-width: 445px) {
  .view-st-homecta-v2__grid-illustration img {
    transform: none;
  }
}
@media (min-width: 576px) {
  .view-st-homecta-v2__grid-illustration img {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .view-st-homecta-v2__grid-illustration img {
    transform: scale(1.1);
    width: 100%;
  }
}
@media (min-width: 1500px) {
  .view-st-homecta-v2__grid-illustration img {
    width: 100%;
    transform: scale(1);
  }
}
.fengsthome-view-st-homecta-v3__scroll {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .fengsthome-view-st-homecta-v3__scroll {
    grid-template-columns: 1fr 1fr;
  }
}
.fengsthome-view-st-homecta-v3__img {
  background: center no-repeat;
  background-size: cover;
  min-height: 250px;
  order: 1;
}
@media (min-width: 576px) {
  .fengsthome-view-st-homecta-v3__img {
    min-height: 480px;
  }
}
@media (min-width: 992px) {
  .fengsthome-view-st-homecta-v3__img {
    min-height: 548px;
  }
}
.fengsthome-view-st-homecta-v3__moreinfo {
  display: flex;
  background: var(--home-call-to-action-footer-bg);
  background-size: cover;
  background-size: 140% 100%;
  width: 100%;
}
@media (min-width: 576px) {
  .fengsthome-view-st-homecta-v3__moreinfo {
    background-size: 100% 100%;
  }
}
@media (min-width: 767px) {
  .fengsthome-view-st-homecta-v3__moreinfo {
    background-size: none;
  }
}
.fengsthome-view-st-homecta-v3__moreinfo-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 32px 16px;
  max-width: 760px;
  margin: 0 auto;
  gap: 24px;
  color: var(--plans-info-color);
}
@media (min-width: 992px) {
  .fengsthome-view-st-homecta-v3__moreinfo-wrapper {
    padding: 32px 20px;
  }
}
.fengsthome-view-st-homecta-v3__moreinfo-wrapper h2 {
  font-family: "Devant Horgen";
  font-size: 48px;
  line-height: 40px;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 992px) {
  .fengsthome-view-st-homecta-v3__moreinfo-wrapper h2 {
    font-size: 72px;
    line-height: 64px;
  }
}
.fengsthome-view-st-homecta-v3__moreinfo-wrapper p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin: 0;
}
@media (min-width: 992px) {
  .fengsthome-view-st-homecta-v3__moreinfo-wrapper p {
    font-size: 20px;
    line-height: 32px;
  }
}
.fengsthome-view-st-homecta-v3__moreinfo-wrapper p span {
  font-size: 14px;
  line-height: 20px;
}
.fengsthome-view-st-homecta-v3__moreinfo-wrapper fengstui-button button {
  width: 100% !important;
}
@media (min-width: 992px) {
  .fengsthome-view-st-homecta-v3__moreinfo-wrapper fengstui-button button {
    width: inherit !important;
  }
}
.fengsthome-view-st-homecta-v4 {
  width: 100%;
  min-height: 256px;
  background: var(--homecta-v4-background, #000);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 19px;
}
@media (min-width: 992px) {
  .fengsthome-view-st-homecta-v4 {
    min-height: 216px;
  }
}
.fengsthome-view-st-homecta-v4 h1 {
  color: var(--homecta-v4-title-color, #fff);
  font: var(--homecta-v4-title-font, normal normal 700 20px/24px Roboto);
  white-space: pre-line;
  text-align: center;
}
@media (min-width: 992px) {
  .fengsthome-view-st-homecta-v4 h1 {
    font: var(--homecta-v4-title-font-desktop, normal normal 700 32px/40px Roboto);
  }
}
.fengsthome-view-st-homecta-v4__button button {
  background-color: var(--homecta-v4-button-bg, var(--primary)) !important;
  color: var(--homecta-v4-button-color, var(--secondary)) !important;
  font-weight: var(--header-13-register-button-weight) !important;
}
.fengsthome-st-matchday-cta {
  width: 100%;
  padding: 24px;
  background: var(--matchday-cta-background-mobile);
}
@media (min-width: 992px) {
  .fengsthome-st-matchday-cta {
    padding: 32px;
    background: var(--matchday-cta-background-desktop);
  }
}
.fengsthome-st-matchday-cta__container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
  width: 100%;
  max-width: var(--matchday-cta--max-width-desktop);
  text-align: center;
}
@media (min-width: 992px) {
  .fengsthome-st-matchday-cta__container {
    flex-direction: row;
    gap: 32px;
    text-align: start;
  }
}
.fengsthome-st-matchday-cta__container img {
  width: 100%;
}
.fengsthome-st-matchday-cta__container h5 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 125%;
  color: var(--matchday-cta-title-color);
}
@media (min-width: 576px) {
  .fengsthome-st-matchday-cta__container h5 {
    font-size: 32px;
    line-height: 150%;
  }
}
.fengsthome-st-matchday-cta__container fengstui-button {
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 767px) {
  .fengsthome-st-matchday-cta__container fengstui-button {
    width: initial;
  }
}
.fengsthome-st-matchday-cta__container fengstui-button button {
  width: 100%;
  background: var(--matchday-cta-button-primary-bg) !important;
  color: var(--matchday-cta--button-color) !important;
}
.fengsthome-st-home-benefit-v1 {
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  background-color: var(--background);
  padding: 16px;
}
.fengsthome-st-home-benefit-v1__card {
  display: grid;
  grid-template-columns: 30px 1fr;
  grid-template-rows: auto 1fr;
  gap: 1.4rem 0.5rem;
}
@media (min-width: 767px) {
  .fengsthome-st-home-benefit-v1__card {
    grid-template-columns: 60px 1fr;
    gap: 0.2rem 1rem;
  }
}
.fengsthome-st-home-benefit-v1__card > i {
  color: var(--secondary);
  font-size: 2.2rem;
  align-self: center;
}
@media (min-width: 767px) {
  .fengsthome-st-home-benefit-v1__card > i {
    font-size: 3.5rem;
    grid-row: 1/span 2;
  }
}
.fengsthome-st-home-benefit-v1__card__title {
  font-size: 14px;
  line-height: 18px;
  margin: 0px;
}
.fengsthome-st-home-benefit-v1__card__desc {
  grid-column: 1/3;
}
@media (min-width: 767px) {
  .fengsthome-st-home-benefit-v1__card__desc {
    grid-column: 2/3;
  }
}
.fengsthome-call-to-action-view {
  display: grid;
  overflow: visible;
  padding-top: var(--call-to-action-padding-top);
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  font-family: var(--home-call-to-action-font-family);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 100px;
    margin-top: var(--call-to-action-margin-top);
    padding-bottom: 50px;
  }
}
.fengsthome-call-to-action-view__background {
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--home-call-to-action-background);
  background-image: var(--home-call-to-action-background-img);
  opacity: var(--home-call-to-action-background-opacity);
}
.fengsthome-call-to-action-view__content {
  padding-bottom: 70px;
  padding: var(--mobile-home-call-to-action-content-padding);
  margin: 0 auto;
  width: 100%;
  min-height: 450px;
  text-align: var(--home-call-to-action-content-align);
  z-index: 9;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view__content {
    padding: var(--home-call-to-action-content-padding);
    width: 100%;
    max-width: 990px;
  }
}
.fengsthome-call-to-action-view__content img {
  width: 100%;
  margin-bottom: -28px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view__content img {
    width: 420px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view__content img {
    width: 560px;
  }
}
.fengsthome-call-to-action-view__content h1 {
  height: -moz-fit-content;
  height: fit-content;
  min-width: 200px;
  position: relative;
  font-size: var(--mobile-home-call-to-action-title-font-size);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-family: var(--home-call-to-action-title-font-family);
  margin: var(--mobile-home-call-to-action-title-margin);
  font-weight: var(--home-call-to-action-title-font-weight);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view__content h1 {
    min-width: 300px;
    font-size: var(--home-call-to-action-title-font-size);
    min-width: 480px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view__content h1 {
    max-width: var(--home-call-to-action-title-desktop-max-width);
  }
}
.fengsthome-call-to-action-view__content h1 span {
  color: var(--home-call-to-action-title-color);
  background-color: var(--home-call-to-action-title-border-color);
  max-width: 100%;
  box-shadow: 0 0 0 15px var(--home-call-to-action-title-border-color);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view__content h1 span {
    box-shadow: 0 0 0 10px var(--home-call-to-action-title-border-color);
  }
}
.fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h1 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 80px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h1 {
    font-size: 126px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h1 {
    font-size: 126px;
    line-height: 114px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h1 {
    font-size: 166px;
    line-height: 142px;
  }
}
.fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h2 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 44px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h2 {
    font-size: 70px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h2 {
    font-size: 70px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h2 {
    font-size: 92px;
  }
}
.fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h3 {
  font-family: "Roboto";
  font-size: 15px;
  line-height: 0px;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h3 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h3 {
    font-size: 23px;
    line-height: 30px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h3 {
    font-size: 28px;
    line-height: 38px;
  }
}
.fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h4 {
  width: 255px;
  margin: auto;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h4 {
    width: 374px;
    margin: auto;
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h4 {
    width: 42%;
    margin: auto;
    font-size: 23px;
    line-height: 30px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view__content h1 span ::ng-deep .__flu-h4 {
    width: 56%;
    margin: auto;
    font-size: 28px;
  }
}
.fengsthome-call-to-action-view__content h1 ::ng-deep strong {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: var(--mobile-home-call-to-action-title-alternate-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view__content h1 ::ng-deep strong {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view__content h1 ::ng-deep strong {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
.fengsthome-call-to-action-view__content h2 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  line-height: var(--home-call-to-action-subtitle-line-height);
  margin-top: 2em;
}
.fengsthome-call-to-action-view__content h2 span {
  width: 100%;
  color: var(--background);
}
.fengsthome-call-to-action-view__content h2 span h1 {
  font-size: 22px;
  font-weight: normal;
}
.fengsthome-call-to-action-view__content h2 span h1 strong {
  font-size: 24px;
  font-weight: bold;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view__content h2 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view__content h2 {
    font-size: var(--home-call-to-action-subtitle-font-size);
    width: var(--home-call-to-action-subtitle-width);
    margin: var(--home-call-to-action-title-margin);
  }
  .fengsthome-call-to-action-view__content h2 span {
    width: 250px;
  }
}
.fengsthome-call-to-action-view__content ::ng-deep fengstui-button button {
  font-family: var(--font-title);
  color: var(--background);
  font-style: var(--home-call-to-action-button-style);
  padding: var(--home-call-to-action-button-padding);
  background-color: var(--primary);
  font-size: var(--home-call-to-action-button-font-size);
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view__content ::ng-deep fengstui-button button {
    padding: 16px 62px;
  }
}
.fengsthome-call-to-action-view__content ::ng-deep fengstui-button button:hover {
  color: var(--home-call-to-action-hover-button-color) !important;
  background-color: var(--primary) !important;
}
.fengsthome-call-to-action-view__content ::ng-deep .clr {
  color: var(--primary) !important;
}
.fengsthome-call-to-action-view-11 {
  display: grid;
  overflow: visible;
  position: relative;
  font-family: var(--home-call-to-action-font-family);
  background-color: var(--primary);
}
.fengsthome-call-to-action-view-11 img {
  width: 100%;
  height: 100%;
}
.fengsthome-call-to-action-view-11__content {
  padding-bottom: 70px;
  padding: var(--mobile-home-call-to-action-content-padding);
  margin: 0 auto;
  width: 100%;
  min-height: 450px;
  text-align: var(--home-call-to-action-content-align);
  z-index: 9;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content {
    padding: var(--home-call-to-action-content-padding);
    width: 100%;
    max-width: 990px;
  }
}
.fengsthome-call-to-action-view-11__content img {
  width: 100%;
  margin-bottom: -28px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-11__content img {
    width: 420px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content img {
    width: 560px;
  }
}
.fengsthome-call-to-action-view-11__content h1 {
  height: -moz-fit-content;
  height: fit-content;
  min-width: 200px;
  position: relative;
  font-size: var(--mobile-home-call-to-action-title-font-size);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-family: var(--home-call-to-action-title-font-family);
  margin: var(--mobile-home-call-to-action-title-margin);
  font-weight: var(--home-call-to-action-title-font-weight);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content h1 {
    min-width: 300px;
    font-size: var(--home-call-to-action-title-font-size);
    min-width: 480px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-11__content h1 {
    max-width: var(--home-call-to-action-title-desktop-max-width);
  }
}
.fengsthome-call-to-action-view-11__content h1 span {
  color: var(--home-call-to-action-title-color);
  background-color: var(--home-call-to-action-title-border-color);
  line-height: var(--mobile-home-call-to-action-title-line-height);
  max-width: 100%;
  box-shadow: 0 0 0 15px var(--home-call-to-action-title-border-color);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content h1 span {
    line-height: var(--home-call-to-action-title-line-height);
    box-shadow: 0 0 0 10px var(--home-call-to-action-title-border-color);
  }
}
.fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h1 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 51px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h1 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h1 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h1 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h2 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 42px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h2 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h2 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: 52px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h2 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h3 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 31px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h3 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h3 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: 47px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h3 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h4 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 10px;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h4 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content h1 span ::ng-deep .__flu-h4 {
    font-size: 25px;
  }
}
.fengsthome-call-to-action-view-11__content h1 ::ng-deep strong {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: var(--mobile-home-call-to-action-title-alternate-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-11__content h1 ::ng-deep strong {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content h1 ::ng-deep strong {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-11__content h1 ::ng-deep strong {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-11__content h2 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  line-height: var(--home-call-to-action-subtitle-line-height);
  margin-top: 2em;
}
.fengsthome-call-to-action-view-11__content h2 span {
  width: 100%;
  color: var(--background);
}
.fengsthome-call-to-action-view-11__content h2 span h1 {
  font-size: 22px;
  font-weight: normal;
}
.fengsthome-call-to-action-view-11__content h2 span h1 strong {
  font-size: 24px;
  font-weight: bold;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-11__content h2 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content h2 {
    font-size: var(--home-call-to-action-subtitle-font-size);
    width: var(--home-call-to-action-subtitle-width);
    margin: var(--home-call-to-action-title-margin);
  }
  .fengsthome-call-to-action-view-11__content h2 span {
    width: 250px;
  }
}
.fengsthome-call-to-action-view-11__content ::ng-deep fengstui-button button {
  font-family: var(--font-title);
  color: var(--home-call-to-action-button-color) !important;
  font-style: var(--home-call-to-action-button-style);
  padding: var(--home-call-to-action-button-padding);
  background-color: var(--home-call-to-action-button-background) !important;
  margin: var(--home-call-to-action-button-margin);
  font-size: var(--home-call-to-action-button-font-size);
}
.fengsthome-call-to-action-view-11__content ::ng-deep fengstui-button button:hover {
  color: var(--primary) !important;
  background-color: var(--on-surface) !important;
}
.fengsthome-call-to-action-view-11__content ::ng-deep .clr {
  color: var(--primary) !important;
}
.fengsthome-call-to-action-view-11__content-bf {
  padding-bottom: 70px;
  padding: var(--mobile-home-call-to-action-content-padding);
  margin: 0 auto;
  width: 100%;
  min-height: 450px;
  text-align: var(--home-call-to-action-content-align);
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 9;
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-11__content-bf {
    padding: var(--home-call-to-action-content-padding);
    width: 100%;
    max-width: 990px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-11__content-bf {
    flex-direction: row;
    gap: 60px;
  }
}
.fengsthome-call-to-action-view-11__content-bf > img {
  width: 220px;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-11__content-bf > img {
    width: 320px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content-bf > img {
    width: 400px;
  }
}
.fengsthome-call-to-action-view-11__content-bf > div {
  text-align: center;
}
.fengsthome-call-to-action-view-11__content-bf > div > img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.fengsthome-call-to-action-view-11__content-bf > div > h2 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.fengsthome-call-to-action-view-11__content-bf > div > h2 > span {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-11__content-bf > div > h2 > span {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content-bf > div > h2 > span {
    font-size: 38px;
    width: var(--home-call-to-action-subtitle-width);
    margin: var(--home-call-to-action-title-margin);
  }
}
.fengsthome-call-to-action-view-11__content-bf > div > h2 > p {
  color: #FFF;
  text-align: center;
  font-family: var(--font-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-11__content-bf > div > h2 > p {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-11__content-bf > div > h2 > p {
    font-size: 13px;
  }
}
.fengsthome-call-to-action-view-11__content-bf > div ::ng-deep fengstui-button button {
  background-color: #EEC78C;
  color: #1D1D1B;
  text-align: center;
  font-family: var(--font-title);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-style: italic;
}
.fengsthome-call-to-action-view-11__content-bf > div ::ng-deep fengstui-button button:hover {
  color: var(--primary) !important;
  background-color: var(--on-surface) !important;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-11__content-bf > div ::ng-deep fengstui-button button {
    font-size: 20px;
  }
}
.fengsthome-call-to-action-view-11__content-bf ::ng-deep .clr {
  color: var(--primary) !important;
}
.fengsthome-call-to-action-view-12 {
  display: grid;
  overflow: visible;
  padding-top: var(--call-to-action-padding-top);
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  font-family: var(--home-call-to-action-font-family);
  min-height: 650px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12 {
    height: -moz-fit-content;
    height: fit-content;
    margin-top: var(--call-to-action-margin-top);
    padding-bottom: 50px;
  }
}
.fengsthome-call-to-action-view-12__background {
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--home-call-to-action-background);
  background-image: var(--home-call-to-action-background-img);
  opacity: var(--home-call-to-action-background-opacity);
}
.fengsthome-call-to-action-view-12__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 70px;
  padding: var(--mobile-home-call-to-action-content-padding);
  margin: 0 auto;
  width: 100%;
  text-align: var(--home-call-to-action-content-align);
  z-index: 9;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12__content {
    padding: var(--home-call-to-action-content-padding);
    width: 100%;
    max-width: 990px;
  }
}
.fengsthome-call-to-action-view-12__content img {
  width: 100%;
  margin-bottom: -28px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-12__content img {
    width: 420px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12__content img {
    width: 560px;
  }
}
.fengsthome-call-to-action-view-12__content h1 {
  height: -moz-fit-content;
  height: fit-content;
  min-width: 200px;
  position: relative;
  font-size: var(--mobile-home-call-to-action-title-font-size);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-family: var(--home-call-to-action-title-font-family);
  margin: var(--mobile-home-call-to-action-title-margin);
  font-weight: var(--home-call-to-action-title-font-weight);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12__content h1 {
    min-width: 300px;
    font-size: var(--home-call-to-action-title-font-size);
    min-width: 480px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-12__content h1 {
    max-width: var(--home-call-to-action-title-desktop-max-width);
  }
}
.fengsthome-call-to-action-view-12__content h1 span {
  color: var(--home-call-to-action-title-color);
  background-color: var(--home-call-to-action-title-border-color);
  line-height: var(--mobile-home-call-to-action-title-line-height);
  max-width: 100%;
  box-shadow: 0 0 0 15px var(--home-call-to-action-title-border-color);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12__content h1 span {
    line-height: var(--home-call-to-action-title-line-height);
    box-shadow: 0 0 0 10px var(--home-call-to-action-title-border-color);
  }
}
.fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h1 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 51px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h1 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h1 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h1 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h2 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 42px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h2 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h2 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: 52px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h2 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h3 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 31px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h3 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h3 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: 47px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h3 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h4 {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 10px;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h4 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12__content h1 span ::ng-deep .__flu-h4 {
    font-size: 25px;
  }
}
.fengsthome-call-to-action-view-12__content h1 ::ng-deep strong {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: var(--mobile-home-call-to-action-title-alternate-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-12__content h1 ::ng-deep strong {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12__content h1 ::ng-deep strong {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-12__content h1 ::ng-deep strong {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-12__content h2 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  line-height: var(--home-call-to-action-subtitle-line-height);
  margin-top: 2em;
}
.fengsthome-call-to-action-view-12__content h2 span {
  width: 100%;
  color: var(--background);
}
.fengsthome-call-to-action-view-12__content h2 span h1 {
  font-size: 22px;
  font-weight: normal;
}
.fengsthome-call-to-action-view-12__content h2 span h1 strong {
  font-size: 24px;
  font-weight: bold;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-12__content h2 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-12__content h2 {
    font-size: var(--home-call-to-action-subtitle-font-size);
    width: var(--home-call-to-action-subtitle-width);
    margin: var(--home-call-to-action-title-margin);
  }
  .fengsthome-call-to-action-view-12__content h2 span {
    width: 250px;
  }
}
.fengsthome-call-to-action-view-12__content ::ng-deep fengstui-button button {
  font-family: var(--font-title);
  color: var(--home-call-to-action-button-color) !important;
  font-style: var(--home-call-to-action-button-style);
  padding: var(--home-call-to-action-button-padding);
  background-color: var(--home-call-to-action-button-background) !important;
  margin: var(--home-call-to-action-button-margin);
  font-size: var(--home-call-to-action-button-font-size);
}
.fengsthome-call-to-action-view-12__content ::ng-deep fengstui-button button:hover {
  color: var(--home-call-to-action-hover-button-color) !important;
  background-color: var(--primary) !important;
}
.fengsthome-call-to-action-view-12__content ::ng-deep .clr {
  color: var(--primary) !important;
}
.fengsthome-call-to-action-view-2 {
  display: grid;
  overflow: visible;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
  background: url("https://botafogo.s3.amazonaws.com/prod/images/pattern-bf.png") no-repeat center center/cover, url("https://botafogo.s3.amazonaws.com/prod/images/background-bf.png") no-repeat center center/cover;
  font-family: var(--home-call-to-action-font-family);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-2 {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 100px;
    margin-top: var(--call-to-action-margin-top);
  }
}
.fengsthome-call-to-action-view-2__topimg {
  width: 100%;
  height: 84px;
  background: url("https://botafogo.s3.amazonaws.com/prod/images/rasgo-bf.png") no-repeat center center;
}
.fengsthome-call-to-action-view-2__botimg {
  width: 100%;
  height: 84px;
  background: url("https://botafogo.s3.amazonaws.com/prod/images/rasgo-bf.png") no-repeat center center;
  transform: rotate(180deg);
}
.fengsthome-call-to-action-view-2__content {
  padding-bottom: 70px;
  padding: var(--mobile-home-call-to-action-content-padding);
  margin: 0 auto;
  width: 100%;
  text-align: var(--home-call-to-action-content-align);
  display: grid;
  grid-template: auto auto/auto;
  gap: 50px;
  align-items: center;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-2__content {
    grid-template: auto/auto auto;
    gap: 140px;
    padding: 0 40px;
    width: 100%;
  }
}
.fengsthome-call-to-action-view-2__content > img {
  width: 270px;
  margin: auto;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-2__content > img {
    width: 380px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-2__content > img {
    width: 460px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-2__content > img {
    width: 560px;
  }
}
@media (min-width: 1500px) {
  .fengsthome-call-to-action-view-2__content > img {
    width: 860px;
  }
}
.fengsthome-call-to-action-view-2__content-calls {
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 54px;
  text-align: center;
  color: white;
}
.fengsthome-call-to-action-view-2__content-calls-1-detail1 {
  font-style: italic;
  font-weight: 900;
  font-size: 40px;
  line-height: 53px;
  letter-spacing: -0.02em;
  margin: 0 auto;
  color: #F8F8F8;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-2__content-calls-1-detail1 {
    font-size: 60px;
    line-height: 83px;
  }
}
.fengsthome-call-to-action-view-2__content-calls-1-detail1 > span {
  font-family: var(--font-title);
  font-size: 60px;
  color: #BC8422;
  font-weight: bolder;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-2__content-calls-1-detail1 > span {
    font-size: 74px;
  }
}
.fengsthome-call-to-action-view-2__content-calls-1-detail2 {
  font-family: var(--font-title);
  background: #BC8422;
  border-radius: 9px;
  padding: 4px;
  margin: 6px auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 20px;
  font-style: italic;
  font-weight: 900;
  font-size: 30px;
  line-height: 43px;
  letter-spacing: -0.01em;
  color: #F8F8F8;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-2__content-calls-1-detail2 {
    font-size: 40px;
    line-height: 63px;
  }
}
.fengsthome-call-to-action-view-2__content-calls-1-detail3 {
  font-style: italic;
  font-weight: 900;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.02em;
  margin: 0 auto;
  padding: 0 20px;
  color: #F8F8F8;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-2__content-calls-1-detail3 {
    font-size: 36px;
    line-height: 50px;
  }
}
.fengsthome-call-to-action-view-2__content-calls-2 {
  border: 5px dotted #BD8749;
  padding: 20px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 540px;
  margin: auto;
}
.fengsthome-call-to-action-view-2__content-calls-2 > p {
  margin: 0;
  font-style: italic;
  font-weight: 900;
  font-size: 27px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #F8F8F8;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-2__content-calls-2 > p {
    font-size: 22px;
    line-height: 26px;
  }
}
.fengsthome-call-to-action-view-2__content-calls-2 > img {
  width: 100%;
  margin: auto;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-2__content-calls-2 > img {
    width: 368px;
  }
}
.fengsthome-call-to-action-view-2__content-calls-2-warning {
  font-style: italic;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #BC8422;
}
.fengsthome-call-to-action-view-3 {
  display: grid;
  overflow: visible;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
  background: url("https://fluminensefc.s3.amazonaws.com/prod/assets/images/bg-black-friday-mobile.png") no-repeat top center/cover;
  background-position-y: 16%;
  font-family: "Roboto";
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-3 {
    background-position-y: unset;
    background: url("https://fluminensefc.s3.amazonaws.com/prod/assets/images/bg-black-friday.png") no-repeat center center/cover;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-3 {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 100px;
    margin-top: var(--call-to-action-margin-top);
  }
}
.fengsthome-call-to-action-view-3__content {
  padding: 100px 10% 70px;
  margin: 0 auto;
  width: 100%;
  text-align: var(--home-call-to-action-content-align);
  display: grid;
  grid-template: auto auto/auto;
  gap: 32px;
  align-items: center;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-3__content {
    grid-template: auto/auto auto;
    gap: 64px;
    padding: 150px 6% 190px;
    width: 100%;
  }
}
.fengsthome-call-to-action-view-3__content p {
  font-family: "Roboto" !important;
  margin: 0 auto;
}
.fengsthome-call-to-action-view-3__content-logo {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-3__content-logo {
    gap: 0;
  }
}
.fengsthome-call-to-action-view-3__content-logo-top {
  font-style: normal;
  font-weight: normal;
  color: #64101B;
  margin-bottom: 26px;
  font-size: 38px;
  line-height: 44px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-3__content-logo-top {
    font-size: 58px;
    line-height: 78px;
  }
}
@media (min-width: 1686px) {
  .fengsthome-call-to-action-view-3__content-logo-top {
    font-size: 65px;
    line-height: 85px;
  }
}
.fengsthome-call-to-action-view-3__content-logo-img {
  width: 270px;
  margin: auto;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-3__content-logo-img {
    width: 380px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-3__content-logo-img {
    width: 460px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-3__content-logo-img {
    width: 460px;
  }
}
@media (min-width: 1304px) {
  .fengsthome-call-to-action-view-3__content-logo-img {
    width: 460px;
  }
}
@media (min-width: 1919px) {
  .fengsthome-call-to-action-view-3__content-logo-img {
    width: 725px;
  }
}
.fengsthome-call-to-action-view-3__content-logo-sf {
  width: 270px;
  margin: 0px auto 18px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-3__content-logo-sf {
    width: 380px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-3__content-logo-sf {
    width: 380px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-3__content-logo-sf {
    margin: 37px auto 50px;
    width: 380px;
  }
}
@media (min-width: 1304px) {
  .fengsthome-call-to-action-view-3__content-logo-sf {
    width: 380px;
  }
}
@media (min-width: 1919px) {
  .fengsthome-call-to-action-view-3__content-logo-sf {
    width: 408px;
  }
}
.fengsthome-call-to-action-view-3__content-logo-date {
  text-align: center;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 20px;
  color: #F8F8F8;
  background: #64101B;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-3__content-logo-date {
    padding: 8px 70px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-3__content-logo-date {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (min-width: 1686px) {
  .fengsthome-call-to-action-view-3__content-logo-date {
    font-size: 41px;
    line-height: 53px;
  }
}
.fengsthome-call-to-action-view-3__content-calls {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  margin-top: 30px;
  gap: 20px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-3__content-calls {
    gap: 50px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-3__content-calls {
    margin-top: 100px;
  }
}
@media (min-width: 1686px) {
  .fengsthome-call-to-action-view-3__content-calls {
    gap: 58px;
  }
}
.fengsthome-call-to-action-view-3__content-calls-1 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.fengsthome-call-to-action-view-3__content-calls-1 > p {
  font-size: 36px;
  line-height: 44px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-3__content-calls-1 > p {
    font-size: 42px;
    line-height: 58px;
  }
}
@media (min-width: 1686px) {
  .fengsthome-call-to-action-view-3__content-calls-1 > p {
    font-size: 52px;
    line-height: 68px;
  }
}
.fengsthome-call-to-action-view-3__content-calls-1-detail1 {
  font-style: normal;
  font-weight: normal;
  display: flex;
  align-items: center;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 18px;
  color: #F8F8F8;
  background: #64101B;
}
.fengsthome-call-to-action-view-3__content-calls-1-detail2 {
  font-style: normal;
  font-weight: normal;
  display: flex;
  align-items: center;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 18px;
  color: #F8F8F8;
  background: #006739;
}
.fengsthome-call-to-action-view-3__content-calls-2 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.05em;
  color: #8C1827;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-3__content-calls-2 {
    width: 400px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-3__content-calls-2 {
    width: 600px;
  }
}
.fengsthome-call-to-action-view-3__content-calls-2 > p {
  font-family: "Roboto" !important;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-3__content-calls-2 > p {
    font-size: 23px;
    line-height: 30px;
  }
}
@media (min-width: 1686px) {
  .fengsthome-call-to-action-view-3__content-calls-2 > p {
    font-size: 27px;
    line-height: 36px;
  }
}
.fengsthome-call-to-action-view-3__content-calls-3 {
  margin: 0 auto;
}
.fengsthome-call-to-action-view-3__content-calls-3 > a {
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 40px;
  color: #F8F8F8;
  background: #006739;
  font-size: 38px;
  line-height: 46px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-3__content-calls-3 > a {
    font-size: 46px;
    line-height: 60px;
  }
}
@media (min-width: 1686px) {
  .fengsthome-call-to-action-view-3__content-calls-3 > a {
    font-size: 52px;
    line-height: 68px;
  }
}
.fengsthome-call-to-action-view-4 {
  display: grid;
  grid-auto-flow: row;
  width: 100%;
  max-height: 620px;
  min-height: 576px;
  padding: 180px;
  gap: 32px;
  justify-content: center;
  text-align: center;
  align-items: center;
  position: relative;
  background: url("https://cruzeiro.s3.us-east-1.amazonaws.com/prod/assets/images/cru-banner-site-mobile.png") no-repeat center center/cover;
}
.fengsthome-call-to-action-view-4 > h2 {
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 56px;
  font-weight: 700;
  font-family: Phudu;
  font-style: normal;
  margin: 0;
}
.fengsthome-call-to-action-view-4 > h2 > span {
  color: #008bff;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-4 {
    background: url("https://cruzeiro.s3.us-east-1.amazonaws.com/prod/assets/images/cru-banner-site-desktop.png") no-repeat center center/cover;
    gap: 24px;
  }
  .fengsthome-call-to-action-view-4 > h2 {
    font-size: 72px;
    line-height: 80px;
    width: 98%;
  }
}
.fengsthome-call-to-action-view-5 {
  display: grid;
  overflow: visible;
  padding-top: var(--call-to-action-padding-top);
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  font-family: var(--home-call-to-action-font-family);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-5 {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 100px;
    margin-top: var(--call-to-action-margin-top);
    padding-bottom: 50px;
  }
}
.fengsthome-call-to-action-view-5__background {
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 100%, transparent), url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/cta-banner.png) no-repeat bottom center/auto;
  opacity: var(--home-call-to-action-background-opacity);
}
@media (min-width: 656px) {
  .fengsthome-call-to-action-view-5__background {
    background: var(--home-call-to-action-background);
    background-image: var(--home-call-to-action-background-img);
    background-position-y: -2px;
  }
}
.fengsthome-call-to-action-view-5__content {
  padding-bottom: 70px;
  padding: var(--mobile-home-call-to-action-content-padding);
  margin: 0;
  width: 100%;
  min-height: 572px;
  text-align: var(--home-call-to-action-content-align);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-5__content {
    padding: var(--home-call-to-action-content-padding);
    width: 100%;
    max-width: 1200px;
  }
}
@media (min-width: 1300px) {
  .fengsthome-call-to-action-view-5__content {
    margin: 0 auto;
  }
}
.fengsthome-call-to-action-view-5__content img {
  width: 100%;
  margin-bottom: -28px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-5__content img {
    width: 420px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-5__content img {
    width: 560px;
  }
}
.fengsthome-call-to-action-view-5__content h1 {
  height: -moz-fit-content;
  height: fit-content;
  min-width: 200px;
  max-width: 350px;
  position: relative;
  font-size: var(--mobile-home-call-to-action-title-font-size);
  font-family: var(--home-call-to-action-title-font-family);
  margin: var(--mobile-home-call-to-action-title-margin);
  font-weight: var(--home-call-to-action-title-font-weight);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-5__content h1 {
    min-width: 300px;
    font-size: var(--home-call-to-action-title-font-size);
    min-width: 480px;
    max-width: 610px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-5__content h1 {
    max-width: var(--home-call-to-action-title-desktop-max-width);
  }
}
.fengsthome-call-to-action-view-5__content h1 span {
  text-transform: uppercase;
  color: var(--home-call-to-action-title-color);
  background-color: var(--home-call-to-action-title-border-color);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-5__content h1 span {
    line-height: var(--home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-5__content h1 span > span {
  font-family: "Titillium Web";
  font-weight: 900;
}
.fengsthome-call-to-action-view-5__content h1 ::ng-deep strong {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: var(--mobile-home-call-to-action-title-alternate-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-5__content h1 ::ng-deep strong {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
.fengsthome-call-to-action-view-5__content h2 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  line-height: var(--home-call-to-action-subtitle-line-height);
}
.fengsthome-call-to-action-view-5__content h2 span {
  width: 100%;
  color: var(--background);
  font-family: "Barlow Semi Condensed";
  font-weight: normal;
}
.fengsthome-call-to-action-view-5__content h2 span h1 {
  font-size: 22px;
  font-weight: normal;
}
.fengsthome-call-to-action-view-5__content h2 span h1 strong {
  font-size: 24px;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-5__content h2 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-5__content h2 {
    font-size: var(--home-call-to-action-subtitle-font-size);
    width: var(--home-call-to-action-subtitle-width);
    margin: var(--home-call-to-action-title-margin);
  }
  .fengsthome-call-to-action-view-5__content h2 span {
    width: 250px;
  }
}
.fengsthome-call-to-action-view-5__content ::ng-deep fengstui-button button {
  font-family: var(--font-title);
  color: var(--home-call-to-action-button-color) !important;
  font-style: var(--home-call-to-action-button-style);
  padding: var(--home-call-to-action-button-padding);
  background-color: var(--home-call-to-action-button-background) !important;
  margin: var(--home-call-to-action-button-margin);
  font-size: var(--home-call-to-action-button-font-size);
}
.fengsthome-call-to-action-view-5__content ::ng-deep fengstui-button button:hover {
  color: var(--home-call-to-action-hover-button-color) !important;
  background-color: var(--primary) !important;
}
.fengsthome-call-to-action-view-5__content ::ng-deep .clr {
  color: var(--primary) !important;
}
.fengsthome-call-to-action-view-6 {
  position: relative;
}
.fengsthome-call-to-action-view-6 .clickable-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1;
}
.fengsthome-call-to-action-view-6__content {
  cursor: pointer;
  display: grid;
  justify-content: center;
  align-items: center;
  height: max-content;
  background: var(--home-call-to-action-bg-scroll-1);
  padding: 4%;
  min-height: 350px;
  z-index: 2;
  pointer-events: none;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-6__content {
    min-height: 600px;
  }
}
.fengsthome-call-to-action-view-6__content--buttons {
  pointer-events: auto;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.fengsthome-call-to-action-view-6__content--buttons ::ng-deep fengstui-button .feng-btn {
  color: #fff !important;
  border-radius: 45px !important;
  font-size: 8px !important;
  border-color: #F00A0A;
  background-color: #F00A0A !important;
  font-family: "Montserrat" !important;
}
.fengsthome-call-to-action-view-6__content > div {
  pointer-events: auto;
  display: grid;
  grid-auto-flow: row;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.fengsthome-call-to-action-view-6__content > div > h1 {
  color: #fff;
  font-size: 27px;
  line-height: 27px;
  text-align: center;
  font-style: bolder;
  font-family: "Montserrat";
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-6__content > div > h1 {
    font-size: 44px;
    line-height: 70px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-6__content > div > h1 {
    font-size: 64px;
    line-height: 78px;
  }
}
.fengsthome-call-to-action-view-6__content > div > h3 {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  font-family: "Montserrat";
  text-align: center;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-6__content > div > h3 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-6__content > div > h3 {
    font-size: 39px;
    line-height: 47px;
  }
}
.fengsthome-call-to-action-view-7 {
  display: grid;
  overflow: visible;
  padding-top: var(--call-to-action-padding-top);
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  font-family: var(--home-call-to-action-font-family);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-7 {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 100px;
    margin-top: var(--call-to-action-margin-top);
    padding-bottom: 50px;
  }
}
.fengsthome-call-to-action-view-7__background {
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--home-call-to-action-background);
  background-image: var(--home-call-to-action-background-img);
  opacity: var(--home-call-to-action-background-opacity);
}
.fengsthome-call-to-action-view-7__content {
  padding-bottom: 70px;
  padding: var(--mobile-home-call-to-action-content-padding);
  margin: 0 auto;
  width: 100%;
  min-height: 450px;
  text-align: var(--home-call-to-action-content-align);
  z-index: 9;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-7__content {
    padding: var(--home-call-to-action-content-padding);
    width: 100%;
    max-width: 1250px;
  }
}
.fengsthome-call-to-action-view-7__content img {
  width: 100%;
  margin-bottom: -28px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-7__content img {
    width: 420px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-7__content img {
    width: 560px;
  }
}
.fengsthome-call-to-action-view-7__content h1 {
  height: -moz-fit-content;
  height: fit-content;
  min-width: 200px;
  max-width: 350px;
  position: relative;
  font-size: var(--mobile-home-call-to-action-title-font-size);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-family: var(--home-call-to-action-title-font-family);
  margin: 0;
  font-weight: 400;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-7__content h1 {
    min-width: 300px;
    font-size: var(--home-call-to-action-title-font-size);
    min-width: 480px;
    max-width: 610px;
    margin: 0 0 30px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-7__content h1 {
    max-width: var(--home-call-to-action-title-desktop-max-width);
    font-size: var(--home-call-to-action-title-font-size);
  }
}
.fengsthome-call-to-action-view-7__content h1 span {
  color: var(--home-call-to-action-title-color);
  line-height: var(--mobile-home-call-to-action-title-line-height);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-7__content h1 span {
    line-height: var(--home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-7__content h1 div {
  color: var(--home-call-to-action-title-color);
  font-weight: bolder;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-7__content h1 div {
    line-height: var(--home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-7__content h1 ::ng-deep strong {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: var(--mobile-home-call-to-action-title-alternate-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-7__content h1 ::ng-deep strong {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
.fengsthome-call-to-action-view-7__content h2 {
  width: 287px;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  line-height: var(--home-call-to-action-subtitle-line-height);
  margin-top: 2em;
}
.fengsthome-call-to-action-view-7__content h2 span {
  width: 100%;
  color: white;
}
.fengsthome-call-to-action-view-7__content h2 span h1 {
  font-size: 22px;
  font-weight: normal;
}
.fengsthome-call-to-action-view-7__content h2 span h1 strong {
  font-size: 24px;
  font-weight: bold;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-7__content h2 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-7__content h2 {
    font-size: var(--home-call-to-action-subtitle-font-size);
    width: 500px;
    margin: var(--home-call-to-action-title-margin);
  }
  .fengsthome-call-to-action-view-7__content h2 span {
    width: 250px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-7__content h2 {
    width: var(--home-call-to-action-subtitle-width);
  }
}
.fengsthome-call-to-action-view-7__content ::ng-deep .clr {
  color: var(--primary) !important;
}
.fengsthome-call-to-action-view-8__banner-background {
  width: 100%;
  height: 730px;
  position: absolute;
  background: black url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img-scrollprincipal.png) no-repeat center center/cover;
  opacity: var(--home-call-to-action-background-opacity);
}
@media (min-width: 656px) {
  .fengsthome-call-to-action-view-8__banner-background {
    background: black url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img-scrollprincipal.png) no-repeat center center/cover;
  }
}
.fengsthome-call-to-action-view-8__banner {
  padding-bottom: 70px;
  padding: var(--mobile-home-call-to-action-content-padding);
  width: 100%;
  height: 730px;
  text-align: var(--home-call-to-action-content-align);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fengsthome-call-to-action-view-8__banner .actual-content {
  margin: 0 auto;
}
.fengsthome-call-to-action-view-8__banner .actual-content > h1 {
  font-family: var(--home-call-to-action-title-font-family);
  font-weight: 100;
}
.fengsthome-call-to-action-view-8__banner .actual-content > h1 > span {
  word-spacing: -25px !important;
  word-break: break-word !important;
}
.fengsthome-call-to-action-view-8__banner .actual-content__description {
  width: 300px;
  color: white;
  border: solid 1px white;
  padding: 30px 30px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-8__banner .actual-content__description {
    width: 400px;
  }
}
.fengsthome-call-to-action-view-8__banner .actual-content__description > span {
  font-family: var(--home-desktop-tabs-9-primary-font-family);
  font-size: 15px;
}
.fengsthome-call-to-action-view-8__banner h1 {
  height: -moz-fit-content;
  height: fit-content;
  min-width: 200px;
  max-width: 350px;
  position: relative;
  font-family: var(--home-call-to-action-title-font-family);
  margin: var(--mobile-home-call-to-action-title-margin);
  font-weight: var(--home-call-to-action-title-font-weight);
  word-break: break-all;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-8__banner h1 {
    min-width: 300px;
    font-size: var(--home-call-to-action-title-font-size);
    min-width: 480px;
    max-width: 610px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-8__banner h1 {
    max-width: var(--home-call-to-action-title-desktop-max-width);
  }
}
.fengsthome-call-to-action-view-8__banner h1 span {
  text-transform: uppercase;
  color: var(--home-call-to-action-title-color);
  background-color: var(--home-call-to-action-title-border-color);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
.fengsthome-call-to-action-view-8__banner h1 span > .sml {
  font-size: 28px;
  color: #fff;
}
.fengsthome-call-to-action-view-8__banner h1 span > span {
  font-size: 40px;
  font-weight: 900;
  color: #fff;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-8__banner h1 span > .sml {
    font-size: 35px;
  }
  .fengsthome-call-to-action-view-8__banner h1 span > span {
    font-size: 48px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-8__banner h1 span > .sml {
    font-size: 35px;
  }
  .fengsthome-call-to-action-view-8__banner h1 span > span {
    font-size: 48px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-8__banner h1 span {
    line-height: var(--home-call-to-action-title-line-height);
  }
  .fengsthome-call-to-action-view-8__banner h1 span > .sml {
    font-size: 67px;
  }
  .fengsthome-call-to-action-view-8__banner h1 span > span {
    font-size: 80px;
  }
}
.fengsthome-call-to-action-view-8__banner h1 ::ng-deep strong {
  font-family: var(--home-call-to-action-9-primary-font-family);
  font-size: var(--mobile-home-call-to-action-title-alternate-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-8__banner h1 ::ng-deep strong {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-desktop-tabs-9-primary-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
.fengsthome-call-to-action-view-8__banner h2 {
  width: 80%;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  line-height: var(--home-call-to-action-subtitle-line-height);
  font-style: italic;
}
.fengsthome-call-to-action-view-8__banner h2 span {
  width: 100%;
  color: var(--background);
  font-family: "Montserrat";
  font-weight: normal;
}
.fengsthome-call-to-action-view-8__banner h2 span h1 {
  font-size: 22px;
  font-weight: normal;
}
.fengsthome-call-to-action-view-8__banner h2 span h1 strong {
  font-size: 24px;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-8__banner h2 {
    font-size: 17px;
    width: 60%;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-8__banner h2 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-8__banner h2 {
    font-size: var(--home-call-to-action-subtitle-font-size);
    width: var(--home-call-to-action-subtitle-width);
    margin: var(--home-call-to-action-title-margin);
  }
  .fengsthome-call-to-action-view-8__banner h2 span {
    width: 250px;
  }
}
.fengsthome-call-to-action-view-8__banner ::ng-deep fengstui-button .feng-btn {
  color: white !important;
  border-radius: 45px !important;
  width: 265px !important;
  background-color: var(--home-call-to-action-button-color) !important;
  font-family: var(--home-call-to-action-9-primary-font-family);
  font-weight: var(--home-call-to-action-9-primary-button-font-weight);
  margin: var(--home-call-to-action-margin-button);
  font-size: 13px !important;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-8__banner ::ng-deep fengstui-button .feng-btn {
    width: 200px !important;
  }
}
.fengsthome-call-to-action-view-8__banner ::ng-deep fengstui-button .feng-btn:hover {
  background-color: var(--home-call-to-action-button-color) !important;
}
.fengsthome-call-to-action-view-8__banner ::ng-deep .clr {
  color: var(--primary) !important;
}
.fengsthome-call-to-action-view-8__content {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 730px;
  background: #fff;
}
.fengsthome-call-to-action-view-8__content__picture {
  width: 50%;
  background: black url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img1.png) no-repeat center center/cover;
}
.fengsthome-call-to-action-view-8__content__picture--shield {
  width: 50%;
  background: black url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img2.png) no-repeat center center/cover;
  background-size: 100% 100%;
}
.fengsthome-call-to-action-view-8__content__picture--flag {
  width: 50%;
  background: black url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img3.png) no-repeat center center/cover;
  background-size: 100% 100%;
}
.fengsthome-call-to-action-view-8__content__description {
  width: 50%;
  height: 100%;
  padding: 80px 135px;
}
.fengsthome-call-to-action-view-8__content__description > h1 {
  font-family: var(--home-call-to-action-font-family);
}
.fengsthome-call-to-action-view-8__content__description > h1 > span {
  color: #006739;
  font-family: var(--home-call-to-action-font-family);
}
.fengsthome-call-to-action-view-8__content__description > div > span {
  color: #37be81;
}
.fengsthome-call-to-action-view-8__content__description--icons {
  width: 190px;
  height: 45px;
  background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/obj3.png) no-repeat center center/cover;
}
.fengsthome-call-to-action-view-8__content__description--icons-square {
  width: 100px;
  height: 100px;
  background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/obj2.svg) no-repeat center center/cover;
}
.fengsthome-call-to-action-view-8__next-game-background {
  width: 100%;
  height: 280px;
  background: black url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img-bg-ingressos.png) no-repeat bottom left;
  background-size: 100% 100%;
}
.fengsthome-call-to-action-view-9 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: var(--home-call-to-action-height);
  overflow: hidden;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-9 {
    height: 1000px;
  }
}
.fengsthome-call-to-action-view-9::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--home-call-to-action-background);
  z-index: 1;
}
.fengsthome-call-to-action-view-9__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fengsthome-call-to-action-view-9__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: var(--home-call-to-action-title-desktop-max-width);
  width: 100%;
  position: relative;
  text-align: center;
  color: var(--on-info);
  z-index: 1;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-9__content {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-9__content {
    gap: 40px;
  }
}
.fengsthome-call-to-action-view-9__content h4 {
  font-family: var(--unlogged-font-primary);
  font-weight: 100;
  font-size: 24px;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-9__content h4 {
    font-size: 28px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-9__content h4 {
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-9__content h4 {
    font-size: 44px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-9__content h4 {
    font-size: 60px;
  }
}
.fengsthome-call-to-action-view-9__content h1 {
  font-size: var(--mobile-home-call-to-action-title-font-size);
  font-family: var(--unlogged-font-title);
  line-height: var(--mobile-home-call-to-action-title-line-height);
  color: var(--on-primary);
  margin: 0px;
  margin-top: 0px;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-9__content h1 {
    font-size: 52px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-9__content h1 {
    font-size: 68px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-9__content h1 {
    font-size: 72px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-9__content h1 {
    font-size: 82px;
  }
}
.fengsthome-call-to-action-view-9__content span {
  display: block;
  font-family: var(--unlogged-font-primary);
  font-size: 18px;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-9__content span {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-9__content span {
    font-size: 30px;
  }
}
.fengsthome-call-to-action-view-9__content ::ng-deep fengstui-button {
  width: 100% !important;
}
.fengsthome-call-to-action-view-9__content ::ng-deep fengstui-button button {
  width: 225px;
  height: 52px;
  font-family: Barlow-SemiBold;
  color: #fff !important;
  font-style: var(--home-call-to-action-button-style);
  padding: var(--home-call-to-action-button-padding);
  background-color: var(--home-call-to-action-button-background) !important;
  font-size: 18px;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-9__content ::ng-deep fengstui-button button {
    width: 284px;
    height: 62px;
    font-size: var(--home-call-to-action-button-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-9__content ::ng-deep fengstui-button button {
    width: 360px;
    font-size: 24px;
  }
}
.fengsthome-call-to-action-view-10 {
  display: grid;
  overflow: visible;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  font-family: var(--home-call-to-action-font-family);
  background-color: #000000;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10 {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 100px;
    margin-top: var(--call-to-action-margin-top);
  }
}
.fengsthome-call-to-action-view-10__background {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: var(--home-call-to-action-background-img-mobile);
  background-position: center;
  opacity: var(--home-call-to-action-background-opacity);
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-10__background {
    background-image: var(--home-call-to-action-background-img);
  }
}
.fengsthome-call-to-action-view-10__content {
  margin: 0 auto;
  width: 100%;
  text-align: var(--home-call-to-action-content-align);
  z-index: 9;
  padding: 72px 16px 90px;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-10__content {
    padding: 252px 16px;
    width: 100%;
  }
}
.fengsthome-call-to-action-view-10__content img {
  width: 100%;
  margin-bottom: -28px;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-10__content img {
    width: 420px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10__content img {
    width: 560px;
  }
}
.fengsthome-call-to-action-view-10__content-desc {
  max-width: var(--home-call-to-action-title-max-w, 1520px);
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  color: var(--home-call-to-action-subtitle-color, #fff);
  font: var(--home-call-to-action-subtitle-font-mobile, normal normal 800 32px/41.6px "Roboto");
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10__content-desc {
    font: var(--home-call-to-action-subtitle-font, normal normal 800 32px/41.6px "Roboto");
  }
}
.fengsthome-call-to-action-view-10__content h1 {
  height: -moz-fit-content;
  height: fit-content;
  max-width: var(--home-call-to-action-title-max-w, 1520px);
  position: relative;
  white-space: pre-wrap;
  font-size: var(--mobile-home-call-to-action-title-font-size);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  margin: var(--mobile-home-call-to-action-title-margin);
  font-weight: var(--home-call-to-action-title-font-weight);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10__content h1 {
    line-height: var(--home-call-to-action-title-line-height);
    font-size: var(--home-call-to-action-title-font-size);
  }
}
.fengsthome-call-to-action-view-10__content h1 span {
  color: var(--home-call-to-action-title-color);
  background-color: var(--home-call-to-action-title-border-color);
  line-height: var(--mobile-home-call-to-action-title-line-height);
  width: 100%;
  font-size: 100%;
  box-shadow: 0 0 0 15px var(--home-call-to-action-title-border-color);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10__content h1 span {
    line-height: var(--home-call-to-action-title-line-height);
    box-shadow: 0 0 0 10px var(--home-call-to-action-title-border-color);
    width: 100%;
    font-size: 100%;
  }
}
.fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h1 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 51px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h1 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h1 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h1 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h2 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 42px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h2 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h2 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: 90px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h2 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h3 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 31px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h3 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h3 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: 67px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h3 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h4 {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: 30px;
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h4 {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h4 {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: 66px;
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-10__content h1 span ::ng-deep .__flu-h4 {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-10__content h1 ::ng-deep strong {
  font-family: var(--mobile-home-call-to-action-title-alternate-font-family);
  font-size: var(--mobile-home-call-to-action-title-alternate-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-10__content h1 ::ng-deep strong {
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10__content h1 ::ng-deep strong {
    line-height: var(--home-call-to-action-title-line-height);
    font-family: var(--home-call-to-action-title-alternate-font-family);
    font-size: var(--home-call-to-action-title-alternate-font-size);
  }
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-view-10__content h1 ::ng-deep strong {
    line-height: var(--mobile-home-call-to-action-title-line-height);
  }
}
.fengsthome-call-to-action-view-10__content h2 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  line-height: var(--home-call-to-action-subtitle-line-height);
  margin-top: 2em;
}
.fengsthome-call-to-action-view-10__content h2 span {
  width: 100%;
  color: var(--background);
}
.fengsthome-call-to-action-view-10__content h2 span h1 {
  font-size: 22px;
  font-weight: normal;
}
.fengsthome-call-to-action-view-10__content h2 span h1 strong {
  font-size: 24px;
  font-weight: bold;
}
@media (min-width: 576px) {
  .fengsthome-call-to-action-view-10__content h2 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-10__content h2 {
    font-size: var(--home-call-to-action-subtitle-font-size);
    width: var(--home-call-to-action-subtitle-width);
    margin: var(--home-call-to-action-title-margin);
  }
  .fengsthome-call-to-action-view-10__content h2 span {
    width: 250px;
  }
}
.fengsthome-call-to-action-view-10__content ::ng-deep fengstui-button button {
  border-radius: 5px;
  font-family: var(--font-title);
  color: var(--home-call-to-action-button-color) !important;
  font-style: var(--home-call-to-action-button-style);
  padding: var(--home-call-to-action-button-padding);
  background-color: var(--home-call-to-action-button-background) !important;
  margin: var(--home-call-to-action-button-margin);
  font-size: var(--home-call-to-action-button-font-size);
}
.fengsthome-call-to-action-view-10__content ::ng-deep .clr {
  color: var(--primary) !important;
}
.fengsthome-call-to-action-view-black-friday {
  display: grid;
  grid-auto-flow: row;
  width: auto;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-black-friday {
    grid-auto-flow: column;
  }
}
.fengsthome-call-to-action-view-black-friday > img {
  display: none;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-black-friday > img {
    position: absolute;
    align-self: end;
    justify-self: center;
    display: block;
  }
}
.fengsthome-call-to-action-view-black-friday_cta {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: auto;
  gap: 1%;
  padding: 18px;
  background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/bg-bf-1.png") no-repeat center center/cover;
}
.fengsthome-call-to-action-view-black-friday_cta-logo {
  width: 80%;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-black-friday_cta-logo {
    width: 90%;
  }
}
.fengsthome-call-to-action-view-black-friday_cta > h5 {
  font-size: 10px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-black-friday_cta > h5 {
    font-size: 10px;
    color: white;
    border: white dotted;
    padding: 2px;
    align-self: flex-start;
  }
}
.fengsthome-call-to-action-view-black-friday_cta > h4 {
  color: white;
  font-size: 15px;
  width: 64%;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-black-friday_cta > h4 {
    font-size: 15px;
  }
}
.fengsthome-call-to-action-view-black-friday_cta > h4 > strong {
  color: #BF964B;
}
.fengsthome-call-to-action-view-black-friday_cta > h6 {
  color: white;
  font-size: 13px;
  width: 53%;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-black-friday_cta > h6 {
    font-size: 15px;
  }
}
.fengsthome-call-to-action-view-black-friday_cta-texts {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-content: center;
}
.fengsthome-call-to-action-view-black-friday_cta-texts_beneficio {
  justify-self: center;
  width: 60%;
}
.fengsthome-call-to-action-view-black-friday_cta-texts_icon {
  justify-self: center;
  width: 40%;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-black-friday_cta-texts {
    grid-auto-flow: column;
  }
  .fengsthome-call-to-action-view-black-friday_cta-texts_beneficio {
    width: 95%;
    margin-bottom: 30px;
  }
  .fengsthome-call-to-action-view-black-friday_cta-texts_icon {
    width: 71%;
  }
}
.fengsthome-call-to-action-view-black-friday_info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4%;
  padding: 13px;
  width: auto;
  background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/bg-bf-2.png") no-repeat center center/cover;
}
.fengsthome-call-to-action-view-black-friday_info-logo {
  width: 80%;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-black-friday_info-logo {
    width: 90%;
    padding: 0px;
  }
}
.fengsthome-call-to-action-view-black-friday_info-texts {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-content: center;
}
.fengsthome-call-to-action-view-black-friday_info-texts > img {
  justify-self: center;
  width: 40%;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-black-friday_info-texts {
    grid-auto-flow: column;
  }
  .fengsthome-call-to-action-view-black-friday_info-texts > img {
    width: 65%;
  }
}
.fengsthome-call-to-action-view-black-friday_info-texts > h5 {
  color: white;
  font-size: 19px;
  align-self: center;
}
.fengsthome-call-to-action-view-james {
  position: relative;
  display: grid;
  grid-template: auto auto/auto;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  overflow: hidden;
  gap: 50px;
  background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/bg-james.png") no-repeat center center/cover;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james {
    grid-template: auto/50% 50%;
    height: 746px;
  }
}
.fengsthome-call-to-action-view-james_img-mob {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 210px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_img-mob {
    display: none;
  }
}
.fengsthome-call-to-action-view-james_img-mob > img {
  width: auto;
  position: absolute;
  top: -20px;
  height: 200%;
}
.fengsthome-call-to-action-view-james_img-desk {
  display: none;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_img-desk {
    display: block;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_img-desk > img {
    width: 100%;
    max-width: 560px;
    position: absolute;
    top: -20px;
  }
}
.fengsthome-call-to-action-view-james_cta {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: white;
  gap: 20px;
  border-radius: 16px;
  z-index: 9999;
  padding: 16px;
  margin: 0 0 16px 0;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_cta {
    padding: 40px;
    margin: 0 0 0 auto;
  }
}
.fengsthome-call-to-action-view-james_cta-title {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.fengsthome-call-to-action-view-james_cta-title > h4 {
  margin: 0;
  color: #B01100;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_cta-title > h4 {
    font-size: 39px;
  }
}
.fengsthome-call-to-action-view-james_cta-title > h5 {
  margin: 0;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 1200px) {
  .fengsthome-call-to-action-view-james_cta-title > h5 {
    font-size: 18px;
  }
}
.fengsthome-call-to-action-view-james_cta-title > p {
  margin: 0;
  color: #545454;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_cta-title > p {
    font-size: 17px;
  }
}
.fengsthome-call-to-action-view-james_cta-texts {
  display: grid;
  gap: 6px;
}
.fengsthome-call-to-action-view-james_cta-texts > p {
  margin: 0;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_cta-texts > p {
    font-size: 18px;
  }
}
.fengsthome-call-to-action-view-james_cta-texts > div > p {
  margin: 10px 0 0;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-title);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_cta-texts > div > p {
    font-size: 18px;
  }
}
.fengsthome-call-to-action-view-james_cta-pricing > h5 {
  margin: 0;
  color: #B01100;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}
.fengsthome-call-to-action-view-james_cta-pricing > h5 > span {
  color: #B01100;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_cta-pricing > h5 {
    font-size: 29px;
  }
  .fengsthome-call-to-action-view-james_cta-pricing > h5 > span {
    font-size: 15px;
  }
}
.fengsthome-call-to-action-view-james_cta-pricing > p {
  margin: 10px 0 0;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_cta-pricing > p {
    font-size: 15px;
  }
}
.fengsthome-call-to-action-view-james_cta ::ng-deep fengstui-button button {
  font-size: 20px !important;
  border-radius: 10px !important;
  padding: 10px 24px !important;
  width: 100% !important;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-james_cta ::ng-deep fengstui-button button {
    width: auto !important;
  }
}
.white-space {
  background-color: white;
  height: 235px;
  width: 100%;
}
@media (min-width: 1020px) {
  .white-space {
    display: none;
  }
}
.view-tabs-15__modal {
  min-height: 585px;
  max-height: 100vh;
  max-width: 90vw !important;
  overflow-x: auto;
}
@media (min-width: 992px) {
  .view-tabs-15__modal {
    width: 759px;
    min-height: 585px;
    max-height: 95vh;
    max-width: 80vw !important;
  }
}
.view-tabs-15__modal .mat-dialog-container {
  background: #292E36;
  color: #fff;
  border-radius: 24px;
  padding: 32px 24px;
  display: grid;
}
@media (min-width: 992px) {
  .view-tabs-15__modal .mat-dialog-container {
    padding: 64px 42px;
  }
}
.tabs15-know-more-modal {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tabs15-know-more-modal__close {
  background: #3e424a;
  color: #9DA2AA;
  border: none;
  border-radius: 6px;
  width: 44px;
  height: 44px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  position: absolute;
  top: -23px;
  right: 0;
}
.tabs15-know-more-modal h1, .tabs15-know-more-modal h2 {
  font-family: var(--cta-15-font-title);
  font-weight: 700;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
}
.tabs15-know-more-modal h1 {
  font-size: 20px;
  line-height: 28px;
}
.tabs15-know-more-modal h2 {
  margin: 7px 0 14px;
  font-size: 32px;
  line-height: 40px;
}
@media (min-width: 1200px) {
  .tabs15-know-more-modal h2 {
    font-size: 48px;
    line-height: 56px;
  }
}
.tabs15-know-more-modal p, .tabs15-know-more-modal li, .tabs15-know-more-modal strong {
  font-family: var(--cta-15-font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 14px;
  white-space: pre-line;
}
.tabs15-know-more-modal strong {
  font-weight: 700;
}
.tabs15-know-more-modal a {
  color: #a0a0a0;
}
.tabs15-know-more-modal__content {
  margin-bottom: 20px;
}
.tabs15-know-more-modal__button {
  margin-top: auto;
}
.tabs15-know-more-modal__button .feng-btn--secondary:not(.feng-btn--outline) {
  background: #FFFFFF;
  color: #08090A;
  font-family: var(--cta-15-font-title);
  font-size: 18px;
  padding: 10px 24px;
}
.interest-modal .mat-dialog-container::-webkit-scrollbar, .tabs16-know-more-modal__news-wrapper::-webkit-scrollbar {
  width: 6px;
}
.interest-modal .mat-dialog-container::-webkit-scrollbar-track, .tabs16-know-more-modal__news-wrapper::-webkit-scrollbar-track {
  background: #EFEFEF;
  border-radius: 24px;
}
.interest-modal .mat-dialog-container::-webkit-scrollbar-thumb, .tabs16-know-more-modal__news-wrapper::-webkit-scrollbar-thumb {
  background: #2857B2;
  border-radius: 24px;
}
.view-tabs-16__modal {
  min-height: 100vh;
  max-width: 100vw !important;
  overflow-x: auto;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
@media (min-width: 992px) {
  .view-tabs-16__modal {
    width: 759px;
    min-height: 50vh;
    max-height: 96vh;
    max-width: 80vw !important;
  }
}
.view-tabs-16__modal .mat-dialog-container {
  background: #fff;
  color: #fff;
  border-radius: 4px;
  padding: 8px 16px;
  display: grid;
  overflow: hidden;
}
@media (min-width: 992px) {
  .view-tabs-16__modal .mat-dialog-container {
    padding: 12px 24px;
  }
}
.tabs16-know-more-modal {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tabs16-know-more-modal__close {
  background: transparent;
  color: #171717;
  border: none;
  border-radius: 6px;
  width: 44px;
  height: 44px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  margin-left: auto;
}
.tabs16-know-more-modal h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  text-align: left;
  color: #171717;
}
.tabs16-know-more-modal__news-info {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin: 24px 0;
}
.tabs16-know-more-modal__news-info p, .tabs16-know-more-modal__news-info strong {
  margin: 0;
  color: #727272;
  font: normal normal 100 12px/16px Metropolis-Light;
  white-space: nowrap;
}
.tabs16-know-more-modal__news-info strong {
  color: #393939;
  font-weight: 700;
  font-family: Metropolis-SemiBold;
}
.tabs16-know-more-modal__news-wrapper {
  overflow-y: auto;
  max-height: 68vh;
  padding-right: 10px;
}
.tabs16-know-more-modal__news-banner-img {
  height: auto;
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
  aspect-ratio: 32/10.5;
}
.tabs16-know-more-modal__divisor {
  width: 100%;
  height: 1px;
  background: #CF9334;
  margin: 24px 0;
}
.tabs16-know-more-modal__news-content {
  color: #393939;
}
.tabs16-know-more-modal__news-content p, .tabs16-know-more-modal__news-content strong {
  font: normal normal 400 16px/24px Metropolis;
}
.tabs16-know-more-modal__news-content strong {
  font-weight: 700;
}
.fengsthome-st-faq-v1 {
  padding: 40px 32px;
  position: relative;
  min-height: 500px;
  display: block;
}
@media (min-width: 1200px) {
  .fengsthome-st-faq-v1 {
    padding: 64px 110px 72px;
  }
}
.fengsthome-st-faq-v1 h1, .fengsthome-st-faq-v1 h2 {
  font-family: var(--cta-15-font-title);
  font-weight: 700;
  margin: 0;
  text-align: left;
}
.fengsthome-st-faq-v1 h1 {
  font-size: 20px;
  line-height: 28px;
}
.fengsthome-st-faq-v1 h2 {
  margin: 7px 0 24px;
  font-size: 32px;
  line-height: 40px;
}
@media (min-width: 1200px) {
  .fengsthome-st-faq-v1 h2 {
    margin: 7px 0 32px;
    font-size: 48px;
    line-height: 56px;
  }
}
.fengsthome-st-faq-v1__list {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  max-height: calc((64px + 16px)*5);
  overflow-x: auto;
  gap: 16px;
}
.fengsthome-st-faq-v1__list::-webkit-scrollbar {
  width: 0;
}
.fengsthome-st-faq-v1__list-item {
  width: 100%;
  border: solid 1px #D1D5DB;
  border-radius: 8px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.fengsthome-st-faq-v1__list-item-head {
  display: flex;
  align-items: center;
  padding: 16px;
  justify-content: space-between;
  gap: 20px;
}
.fengsthome-st-faq-v1__list-item-head p {
  margin: 0;
  font-family: var(--cta-15-font-title);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.fengsthome-st-faq-v1__list-item-head span {
  width: 32px;
  height: 32px;
  border: solid 1px #D1D5DB;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
.fengsthome-st-faq-v1__list-item-body {
  overflow: hidden;
  background: #E5E7EB;
  max-width: calc(100vw - 66px);
}
.fengsthome-st-faq-v1__list-item-body-content {
  padding: 24px;
}
.fengsthome-st-faq-v1__list-item-body-content-text, .fengsthome-st-faq-v1__list-item-body-content p, .fengsthome-st-faq-v1__list-item-body-content span {
  margin: 0;
  font-family: var(--cta-15-font-primary);
  color: #080B12;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.fengsthome-st-faq-v1__contact {
  width: 100%;
  border: solid 1px #D1D5DB;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 16px;
  justify-content: center;
  flex-direction: column;
  margin-top: 40px;
  gap: 8px;
}
@media (min-width: 992px) {
  .fengsthome-st-faq-v1__contact {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 32px;
  }
}
.fengsthome-st-faq-v1__contact p {
  margin: 0;
  font-family: var(--cta-15-font-title);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.fengsthome-st-faq-v1__contact button {
  background: #E5E7EB;
  border: none;
  border-radius: 6px;
  padding: 8px;
  text-transform: uppercase;
  font-family: var(--cta-15-font-title);
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
.fengsthome-st-faq-v1__contact button span {
  margin-right: 8px;
  font-size: 14px;
}
.fengsthome-st-faq-v1-footer {
  width: 100%;
  padding: 32px 24px;
  background: #181715;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "brand brand" "links links" "copyright copyright";
}
@media (min-width: 992px) {
  .fengsthome-st-faq-v1-footer {
    background: #1b1f24;
    padding: 28px 48px;
    align-items: center;
    gap: 15px;
    grid-template-columns: 0.16fr 1fr 1fr;
    grid-template-areas: "brand copyright links";
  }
}
.fengsthome-st-faq-v1-footer__logo {
  width: 100%;
  grid-area: brand;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: solid 1px #373E48;
}
.fengsthome-st-faq-v1-footer__logo :first-child {
  width: 31px;
}
.fengsthome-st-faq-v1-footer__logo :last-child {
  width: 38px;
}
@media (min-width: 992px) {
  .fengsthome-st-faq-v1-footer__logo {
    width: -moz-fit-content;
    width: fit-content;
    justify-content: flex-start;
    border: none;
    padding-bottom: 0;
  }
  .fengsthome-st-faq-v1-footer__logo :first-child {
    width: 30px;
  }
  .fengsthome-st-faq-v1-footer__logo :last-child {
    width: 30px;
  }
}
.fengsthome-st-faq-v1-footer__logo-verticalrule {
  background: #373E48;
  width: 0.5px;
  height: 37px;
  margin: 0 20px;
}
.fengsthome-st-faq-v1-footer__links {
  grid-area: links;
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 19px 0;
  border-bottom: solid 1px #373E48;
}
@media (min-width: 992px) {
  .fengsthome-st-faq-v1-footer__links {
    padding: 0;
    border: none;
    justify-content: flex-end;
  }
}
.fengsthome-st-faq-v1-footer__links a {
  color: #9DA2AA;
  background-color: transparent;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  font-family: var(--cta-15-font-title);
}
.fengsthome-st-faq-v1-footer__copywrite {
  grid-area: copyright;
  padding: 19px 0 5px;
  color: #9DA2AA;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 992px) {
  .fengsthome-st-faq-v1-footer__copywrite {
    text-align: left;
  }
}
.home-cards {
  margin-top: 10px;
}
.home-cards .cards {
  display: grid;
  grid-template: auto/1fr;
  align-items: center;
  grid-gap: 25px;
  padding-bottom: 30px;
  margin: 0 20px;
  grid-template-areas: var(--home-private-cards-grid-mobile);
}
@media (min-width: 992px) {
  .home-cards .cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 50px;
    margin: 0 20px;
    align-items: flex-start;
    grid-template-areas: var(--home-private-cards-grid);
  }
}
.home-cards .cards > section {
  text-align: center;
}
.home-cards .cards > section h2 {
  font-size: 20px;
  color: darkred;
  font-weight: bold;
  margin: 10px;
}
.home-cards .cards__notification {
  display: flex;
  flex-direction: column;
  background-color: var(--background-global-900, #252525);
  color: var(--text-global-white, #FFFFFF);
  border-radius: var(--corner-radius-xxxs, 4px);
  padding: 24px;
  width: 100%;
  max-width: 97%;
  box-sizing: border-box;
  margin: 24px auto;
  gap: 8px;
}
.home-cards .cards__notification strong {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 8px;
  color: var(--text-on-background-primary-darkstyle);
}
.home-cards .cards__notification p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
.home-cards .cards__notification a {
  color: var(--text-global-white);
  text-decoration: underline;
  font-weight: bold;
}
.home-cards .low-gap {
  gap: 24px;
}
.content-box {
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  text-align: center;
  min-height: 280px;
  display: grid;
  background: linear-gradient(178.7deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.content-box > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: left;
}
.content-box > div .title {
  color: #FFFFFF;
  font-size: 17px;
  border-radius: 20px;
  background-color: #C3281E;
  padding: 3px 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}
.content-box > div .desc {
  color: #FFFFFF;
  font-size: 17px;
  font-weight: bold;
}
.content-box > div button {
  height: 40px;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .content-box > div button {
    width: 176px;
  }
}
.home-coupon__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 5px 0;
  line-height: 40px;
}
.home-coupon__title::before {
  content: "";
  display: block;
  width: 68px;
  border-top: 3px solid var(--info);
}
.home-coupon__wrapper {
  position: relative;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  text-align: center;
  min-height: 280px;
  align-items: center;
  justify-content: center;
  color: var(--on-background);
  background-color: var(--background);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .home-coupon__wrapper {
    padding: 30px;
  }
}
.home-coupon__wrapper--loading {
  align-items: center;
}
.home-coupon__content {
  text-align: center;
  font-family: var(--unlogged-font-primary);
}
.home-coupon__box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.home-coupon__box > h1 {
  font-size: 20px;
  margin: 0px;
  font-family: var(--unlogged-font-button);
}
.home-coupon__box__actions {
  background-color: var(--info);
  padding: 15px;
  cursor: pointer;
}
.home-coupon__box__expiration-date {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 767px) {
  .home-coupon__box__expiration-date {
    flex-direction: row;
    margin: auto;
    gap: 15px;
  }
}
.home-coupon__box__info {
  font-size: 12px;
  line-height: 14px;
}
.home-experiences__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 5px 0;
  line-height: 40px;
}
.home-experiences__title::before {
  content: "";
  display: block;
  width: 68px;
  border-top: 3px solid var(--info);
}
.home-experiences__wrapper {
  position: relative;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  min-height: 280px;
  align-items: center;
  color: var(--on-background);
  background-color: var(--background);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}
.home-experiences__wrapper--loading {
  align-items: center;
}
.home-experiences__points {
  width: 90%;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-auto-flow: column;
  margin: 10px auto;
  font-size: 18px;
}
.home-experiences__points--no-points {
  font-size: 15px;
  justify-content: center;
  font-weight: bold;
}
.home-experiences__points strong {
  font-size: 1.2em;
}
.home-experiences__points i {
  color: var(--primary);
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-experiences__divider {
  width: 100%;
  background: var(--info);
  margin: 0 0 5px 0;
  height: 1px;
}
.home-experiences__divider.phd-mobile {
  margin: 0;
}
.home-experiences__open {
  display: grid;
  width: 100%;
  height: 180px;
  grid-template: auto/50px auto;
  background-size: cover;
}
.home-experiences__open-date {
  display: grid;
  justify-content: center;
  align-items: center;
}
.home-experiences__open-date span {
  color: var(--background);
  background-color: var(--on-background);
  padding: 10px;
  font-weight: bold;
}
.home-experiences__open-subtitle {
  display: grid;
  justify-content: center;
  align-items: center;
  color: var(--background);
}
.home-experiences__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-experiences a {
  color: black;
  text-decoration: none;
  font-weight: normal;
}
.home-experiences .points {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
.home-experiences .points .points-arrow {
  font-size: 12px;
  font-weight: bold;
  color: darkred;
}
.home-experiences .points .points-number {
  font-weight: bold;
  font-size: 20px;
}
.home-experiences .points h3 {
  font-size: 25px;
}
.home-experiences .exp-open-text {
  margin: 0;
}
.home-experiences .open-experience {
  display: grid;
  grid-template: auto/1fr 2fr 0.5fr;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), black), url("http://s2.glbimg.com/Ljb2Tbl1oFNhbtM6miFjBaECFOA=/0x34:1500x948/690x420/s.glbimg.com/es/ge/f/original/2013/04/17/mascote_saopaulo_marcosribolli_15.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: space-between;
  color: white;
}
.home-experiences .open-experience .date-exp {
  background-color: black;
  color: white;
}
.home-experiences .open-experience .date-exp p {
  margin: 0;
  padding: 0;
}
.home-experiences-v3__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
  text-decoration: none;
  text-align: left;
  padding: 11px 16px;
  background: var(--home-private-bg-title-cards);
  border-radius: 4px 4px 0 0;
}
.home-experiences-v3__wrapper {
  position: relative;
  border-radius: 0 0 4px 4px;
  width: 100%;
  text-align: center;
  min-height: 280px;
  color: var(--on-background);
  background-color: var(--background);
  padding: 0;
  border: 1px solid #E9E9E9;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
}
.home-experiences-v3__wrapper--loading {
  align-items: center;
}
.home-experiences-v3__points {
  width: 90%;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-auto-flow: column;
  margin: 34px auto;
  font-size: 16px;
  color: var(--primary-light);
}
.home-experiences-v3__points--no-points {
  font-size: 15px;
  justify-content: center;
  font-weight: bold;
  color: var(--primary-light);
}
.home-experiences-v3__points strong {
  font-size: 1.2em;
  color: var(--primary-light);
}
.home-experiences-v3__points i {
  color: var(--primary-light);
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-experiences-v3__divider {
  width: 100%;
  background: var(--info);
  margin: 0 0 5px 0;
  height: 1px;
}
.home-experiences-v3__divider.phd-mobile {
  margin: 0;
}
.home-experiences-v3__open {
  display: grid;
  width: 100%;
  height: 180px;
  grid-template: auto/50px auto;
  background-size: cover;
}
.home-experiences-v3__open-date {
  display: grid;
  justify-content: center;
  align-items: center;
}
.home-experiences-v3__open-date span {
  color: var(--background);
  background-color: var(--on-background);
  padding: 10px;
  font-weight: bold;
}
.home-experiences-v3__open-subtitle {
  display: grid;
  justify-content: center;
  align-items: center;
  color: var(--background);
}
.home-experiences-v3__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
  left: 0;
}
.home-experiences-v3__more-info ::ng-deep .feng-btn--ghost:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--cta-13-text-color);
}
.home-experiences-v3 a {
  color: black;
  text-decoration: none;
  font-weight: normal;
}
.home-experiences-v3 .points {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
.home-experiences-v3 .points .points-arrow {
  font-size: 12px;
  font-weight: bold;
  color: darkred;
}
.home-experiences-v3 .points .points-number {
  font-weight: bold;
  font-size: 20px;
}
.home-experiences-v3 .points h3 {
  font-size: 25px;
}
.home-experiences-v3 .exp-open-text {
  margin: 0;
}
.home-experiences-v3 .open-experience {
  display: grid;
  grid-template: auto/1fr 2fr 0.5fr;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), black), url("http://s2.glbimg.com/Ljb2Tbl1oFNhbtM6miFjBaECFOA=/0x34:1500x948/690x420/s.glbimg.com/es/ge/f/original/2013/04/17/mascote_saopaulo_marcosribolli_15.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: space-between;
  color: white;
}
.home-experiences-v3 .open-experience .date-exp {
  background-color: black;
  color: white;
}
.home-experiences-v3 .open-experience .date-exp p {
  margin: 0;
  padding: 0;
}
.home-experiences-v4__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
  text-decoration: none;
  text-align: left;
  padding: 11px 16px;
  background: var(--home-private-bg-title-cards);
  border-radius: 4px 4px 0 0;
}
.home-experiences-v4__wrapper {
  position: relative;
  border-radius: 0 0 4px 4px;
  width: 100%;
  text-align: center;
  min-height: 280px;
  color: var(--on-background);
  background-color: var(--background);
  padding: 0;
  border: 1px solid #E9E9E9;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
}
.home-experiences-v4__wrapper--loading {
  align-items: center;
}
.home-experiences-v4__points {
  width: 90%;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-auto-flow: column;
  margin: 22px auto;
  font-size: 16px;
  color: var(--text-global-800, #393939);
}
.home-experiences-v4__points--no-points {
  font-size: 15px;
  justify-content: center;
  font-weight: bold;
}
.home-experiences-v4__points strong {
  font-size: 1.2em;
}
.home-experiences-v4__points i {
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-experiences-v4__divider {
  width: 100%;
  background: var(--info);
  margin: 0 0 5px 0;
  height: 1px;
}
.home-experiences-v4__divider.phd-mobile {
  margin: 0;
}
.home-experiences-v4__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
  left: 0;
}
.home-experiences-v4__more-info ::ng-deep .feng-btn--ghost:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--text-global-800, #393939);
}
.home-experiences-v4 a {
  color: black;
  text-decoration: none;
  font-weight: normal;
}
.home-experiences-v4 .points {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
.home-experiences-v4 .points .points-arrow {
  font-size: 12px;
  font-weight: bold;
  color: darkred;
}
.home-experiences-v4 .points .points-number {
  font-weight: bold;
  font-size: 20px;
}
.home-experiences-v4 .points h3 {
  font-size: 25px;
}
.home-experiences-v4 .exp-open-text {
  margin: 0;
}
.home-experiences-v4 .open-experience {
  display: grid;
  grid-template: auto/1fr 2fr 0.5fr;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), black), url("http://s2.glbimg.com/Ljb2Tbl1oFNhbtM6miFjBaECFOA=/0x34:1500x948/690x420/s.glbimg.com/es/ge/f/original/2013/04/17/mascote_saopaulo_marcosribolli_15.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: space-between;
  color: white;
}
.home-experiences-v4 .open-experience .date-exp {
  background-color: black;
  color: white;
}
.home-experiences-v4 .open-experience .date-exp p {
  margin: 0;
  padding: 0;
}
.home-experiences-v5 {
  background: #fff;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 992px) {
  .home-experiences-v5 {
    height: 381px;
  }
}
.home-experiences-v5--full {
  height: 100%;
}
.home-experiences-v5__title {
  background: var(--home-private-bg-title-cards);
  border-bottom: solid 1px #999999;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 16px;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
}
.home-experiences-v5__grid {
  display: grid;
  grid-template-areas: "image" "desc" "button";
}
.home-experiences-v5__grid--full {
  gap: 24px;
}
@media (min-width: 1200px) {
  .home-experiences-v5__grid--full {
    width: 100%;
    grid-template-columns: 0.5fr 1fr;
    grid-template-areas: "image desc" "image button";
  }
}
.home-experiences-v5__content {
  padding: 0 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.home-experiences-v5__content--full {
  padding: 24px;
}
.home-experiences-v5__content-body {
  width: 100%;
  height: 100%;
}
.home-experiences-v5__content-body-button {
  width: 100%;
  margin-top: auto;
  grid-area: button;
}
@media (min-width: 992px) {
  .home-experiences-v5__content-body-button--full {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.home-experiences-v5__content-body-button ::ng-deep.feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background: #F00A0A;
  color: #fff;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
}
.home-experiences-v5__content-body-image {
  display: flex;
  grid-area: image;
  margin: 13px auto 16px;
}
.home-experiences-v5__content-body-image img {
  width: 100%;
}
@media (min-width: 992px) {
  .home-experiences-v5__content-body-image img {
    height: 110px;
  }
}
@media (min-width: 1200px) {
  .home-experiences-v5__content-body-image img {
    margin: auto;
    height: 137px;
  }
}
.home-experiences-v5__content-body-image--full {
  border: solid 1px #E4E4E4;
}
.home-experiences-v5__content-body-image--full img {
  width: 100%;
}
.home-experiences-v5__content-body-desc {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  grid-area: desc;
  gap: 10px;
  margin-bottom: 13px;
}
@media (min-width: 992px) {
  .home-experiences-v5__content-body-desc {
    flex-direction: row;
  }
}
.home-experiences-v5__content-body-desc--full {
  flex-direction: column;
}
.home-experiences-v5__content-body-desc-points {
  border-radius: 7px 10px;
  width: 100%;
  padding: 8px;
  background: #EFEFEF;
  color: #343434;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font: var(--hi-message-font, normal normal 700 20px/20px var(--font-title));
  min-width: 81px;
}
.home-experiences-v5__content-body-desc-points span {
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 992px) {
  .home-experiences-v5__content-body-desc-points {
    flex-direction: column;
    width: 81px;
  }
}
.home-experiences-v5__content-body-desc-points--full {
  flex-direction: row;
}
@media (min-width: 1200px) {
  .home-experiences-v5__content-body-desc-points--full {
    width: auto;
  }
}
.home-experiences-v5__content-body-desc-texts {
  font-family: var(--action-button-font-family, var(--font-button));
  color: #343434;
  min-height: 81px;
}
.home-experiences-v5__content-body-desc-texts strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.home-experiences-v5__content-body-desc-texts p {
  font-size: 14px;
  font-weight: 400;
  margin: 4px 0 0;
}
.home-experiences-v5__content-body-empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-experiences-v5__content-body-empty-text {
  display: flex;
  margin-top: 58px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-experiences-v5__content-body-empty-text-icon {
  background: #F00A0A29;
  width: 80px;
  height: 80px;
  color: #F00A0A;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-experiences-v5__content-body-empty-text-icon span {
  font-size: 56px;
  position: relative;
  top: 5px;
}
.home-experiences-v5__content-body-empty-text p {
  font: var(--home-private-cards-font);
  font-size: 20px;
  margin: 24px 0 44px;
}
.st-home-featured {
  position: relative;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
}
.st-home-featured swiper .swiper-button-next:after,
.st-home-featured swiper .swiper-button-prev:after {
  color: var(--home-private-background);
  font-size: 20px;
}
@media (min-width: 992px) {
  .st-home-featured swiper .swiper-button-next:after,
.st-home-featured swiper .swiper-button-prev:after {
    font-size: 45px;
  }
}
.st-home-featured swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--home-private-background);
  opacity: 0.5;
}
.st-home-featured swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.st-home-featured swiper .swiper-pagination {
  pointer-events: all !important;
  bottom: 0%;
}
.st-home-featured__slide {
  position: relative;
}
.st-home-featured__slide-no-text:before {
  background: transparent;
}
.st-home-featured__slide-slidercontainer {
  position: relative;
  width: 100%;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 200px;
}
.st-home-featured__slide-slidercontainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(360deg, rgba(var(--on-background-RGB), 0.85) 25%, rgba(0, 0, 0, 0) 100%);
}
@media (min-width: 320px) {
  .st-home-featured__slide-slidercontainer {
    height: 200px;
  }
}
@media (min-width: 412px) {
  .st-home-featured__slide-slidercontainer {
    height: 220px;
  }
}
@media (min-width: 540px) {
  .st-home-featured__slide-slidercontainer {
    height: 280px;
  }
}
@media (min-width: 768px) {
  .st-home-featured__slide-slidercontainer {
    height: 400px;
  }
}
@media (min-width: 912px) {
  .st-home-featured__slide-slidercontainer {
    height: 500px;
  }
}
@media (min-width: 1024px) {
  .st-home-featured__slide-slidercontainer {
    height: 390px;
  }
}
@media (min-width: 1280px) {
  .st-home-featured__slide-slidercontainer {
    height: 400px;
  }
}
@media (min-width: 1366px) {
  .st-home-featured__slide-slidercontainer {
    height: 540px;
  }
}
.st-home-featured__slide-slidercontainer.nobg:before {
  background: transparent !important;
}
.st-home-featured__slide-textcontainer {
  max-width: var(--max-width);
  position: relative;
  margin: auto;
  height: 100%;
}
.st-home-featured__slide-text {
  position: absolute;
  bottom: 50px;
  left: 45px;
}
@media (min-width: 992px) {
  .st-home-featured__slide-text {
    bottom: 70px;
    left: 80px;
  }
}
.st-home-featured__slide-title {
  color: var(--home-private-background);
  font-size: 20px;
  font-family: var(--font-primary) !important;
  font-weight: bold;
  margin-bottom: 5px;
  max-width: 320px;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .st-home-featured__slide-title {
    font-size: 29px;
    max-width: 490px;
  }
}
.st-home-featured__slide-subtitle {
  color: var(--home-private-background);
  width: 290px;
  font-size: 13px;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .st-home-featured__slide-subtitle {
    font-size: 15px;
    line-height: 20px;
    max-width: 450px;
  }
}
.st-home-featured__slide-image {
  width: 100%;
  height: 180px;
}
@media (min-width: 767px) {
  .st-home-featured__slide-image {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .st-home-featured__slide-image {
    height: 500px;
  }
}
.st-home-featured-v2 {
  position: relative;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  height: 266px;
  margin: 32px auto 24px auto;
  max-width: 1200px;
}
.st-home-featured-v2 swiper .swiper-button-next:after,
.st-home-featured-v2 swiper .swiper-button-prev:after {
  color: var(--home-private-background);
}
.st-home-featured-v2 swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--home-private-background);
  opacity: 0.5;
}
.st-home-featured-v2 swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.st-home-featured-v2 swiper .swiper-pagination {
  pointer-events: all !important;
}
.st-home-featured-v2__slide {
  position: relative;
}
.st-home-featured-v2__slide-no-text:before {
  background: transparent;
}
.st-home-featured-v2__slide-slidercontainer {
  position: relative;
  width: 100%;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
  height: 100%;
}
.st-home-featured-v2__slide-slidercontainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(360deg, rgba(var(--on-background-RGB), 0.85) 25%, rgba(0, 0, 0, 0) 100%);
}
.st-home-featured-v2__slide-slidercontainer.nobg:before {
  background: transparent !important;
}
.st-home-featured-v2__slide-textcontainer {
  max-width: var(--max-width);
  position: relative;
  margin: auto;
  height: 100%;
  max-height: 266px;
}
.st-home-featured-v2__slide-text {
  position: absolute;
  bottom: 50px;
  left: 45px;
}
@media (min-width: 992px) {
  .st-home-featured-v2__slide-text {
    bottom: 70px;
    left: 80px;
  }
}
.st-home-featured-v2__slide-title {
  color: var(--home-private-background);
  font-size: 32px;
  font-family: var(--font-family-banner-title) !important;
  font-weight: bold;
  margin-bottom: 5px;
  max-width: 320px;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .st-home-featured-v2__slide-title {
    font-size: 29px;
    max-width: 490px;
  }
}
.st-home-featured-v2__slide-subtitle {
  color: var(--home-private-background);
  font-family: var(--font-family-banner-description);
  width: 290px;
  font-size: 13px;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .st-home-featured-v2__slide-subtitle {
    font-size: 15px;
    line-height: 20px;
    max-width: 450px;
  }
}
.st-home-featured-v2__slide-image {
  width: 100%;
  height: 180px;
}
@media (min-width: 767px) {
  .st-home-featured-v2__slide-image {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .st-home-featured-v2__slide-image {
    height: 500px;
  }
}
.st-home-featured.GIGANTE {
  width: 100%;
}
@media (min-width: 992px) {
  .st-home-featured.GIGANTE .st-home-featured__slide-text {
    width: 100vw;
    max-width: 1024px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: initial;
  }
}
.st-home-featured.GIGANTE .st-home-featured__slide-text fengstui-button .feng-btn.feng-btn--primary,
.st-home-featured.GIGANTE .st-home-featured__slide-text fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background: var(--secondary) !important;
  color: var(--primary) !important;
}
.st-home-featured.GIGANTE .st-home-featured__slide-title, .st-home-featured.GIGANTE .st-home-featured__slide-subtitle {
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .st-home-featured.GIGANTE .st-home-featured__slide-title, .st-home-featured.GIGANTE .st-home-featured__slide-subtitle {
    width: 100%;
    max-width: inherit;
  }
}
.st-home-featured.GIGANTE .st-home-featured__slide-title {
  font-family: "Titillium Web", sans-serif !important;
  font-style: normal;
  font-weight: 100;
  font-size: 14px;
  line-height: 44px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .st-home-featured.GIGANTE .st-home-featured__slide-title {
    width: 100%;
    max-width: inherit;
    padding: 0;
    margin: 0;
    font-size: 24px;
    line-height: 44px;
  }
}
.st-home-featured.GIGANTE .st-home-featured__slide-subtitle {
  font-family: "Titillium Web";
  font-weight: 900;
  font-style: normal;
  font-size: 26px;
  line-height: 44px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .st-home-featured.GIGANTE .st-home-featured__slide-subtitle {
    font-size: 46px;
    line-height: 44px;
  }
}
.st-home-featured-v3 {
  position: relative;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
}
.st-home-featured-v3 swiper .swiper-button-next:after,
.st-home-featured-v3 swiper .swiper-button-prev:after {
  color: var(--home-private-background);
}
.st-home-featured-v3 swiper .swiper-pagination {
  left: 0 !important;
  right: 0;
  max-width: 1049px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  pointer-events: all !important;
}
@media (min-width: 992px) {
  .st-home-featured-v3 swiper .swiper-pagination {
    justify-content: flex-start;
  }
}
.st-home-featured-v3 swiper .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: transparent;
  border: solid 1px #fff;
}
.st-home-featured-v3 swiper .swiper-pagination-bullet-active {
  background: var(--on-secondary);
  border-color: var(--on-secondary) !important;
}
.st-home-featured-v3 swiper .swiper-pagination-bullet-last, .st-home-featured-v3 swiper .swiper-pagination-bullet-first {
  margin: 0 !important;
}
.st-home-featured-v3 swiper .swiper-pagination-bullet-last:not(.swiper-pagination-bullet-active), .st-home-featured-v3 swiper .swiper-pagination-bullet-first:not(.swiper-pagination-bullet-active) {
  border-color: #fff !important;
}
.st-home-featured-v3__slide {
  position: relative;
}
.st-home-featured-v3__slide-no-text:before {
  background: transparent;
}
.st-home-featured-v3__slide-slidercontainer {
  position: relative;
  width: 100%;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 432px;
}
.st-home-featured-v3__slide-slidercontainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: var(--banner-overlay-bg);
}
@media (min-width: 992px) {
  .st-home-featured-v3__slide-slidercontainer {
    height: 346px;
  }
}
.st-home-featured-v3__slide-slidercontainer.nobg:before {
  background: transparent !important;
}
.st-home-featured-v3__slide-textcontainer {
  max-width: var(--max-width);
  position: relative;
  margin: auto;
  height: 100%;
}
.st-home-featured-v3__slide-text {
  position: absolute;
  bottom: 50px;
  left: 45px;
}
@media (min-width: 992px) {
  .st-home-featured-v3__slide-text {
    bottom: 70px;
    left: 80px;
  }
}
.st-home-featured-v3__slide-title {
  color: var(--home-private-background);
  font: var(--banner-title-font);
  margin-bottom: 5px;
  max-width: 320px;
}
@media (min-width: 992px) {
  .st-home-featured-v3__slide-title {
    font: var(--banner-title-font-desktop);
    max-width: 600px;
  }
}
.st-home-featured-v3__slide-subtitle {
  color: var(--home-private-background);
  max-width: 290px;
  font: var(--banner-subtitle-font);
}
@media (min-width: 992px) {
  .st-home-featured-v3__slide-subtitle {
    font: var(--banner-subtitle-font-desktop);
    max-width: 700px;
  }
}
.st-home-featured-v3__slide-image {
  width: 100%;
  height: 180px;
}
@media (min-width: 767px) {
  .st-home-featured-v3__slide-image {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .st-home-featured-v3__slide-image {
    height: 500px;
  }
}
.st-home-featured-v3__slide-action {
  width: 100%;
}
.st-home-featured-v3__slide-action .feng-btn--ghost.feng-btn--outline {
  width: 100%;
  padding: 10px 16px;
  color: var(--on-secondary);
  border-color: currentColor;
  font-family: var(--action-button-font-family, var(--font-button));
}
@media (min-width: 992px) {
  .st-home-featured-v3__slide-action .feng-btn--ghost.feng-btn--outline {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.st-home-featured-v3__navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  z-index: 1;
  margin: auto 0;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 20px);
  height: 30px;
}
.st-home-featured-v3__navigation-item {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 25px;
}
.st-home-featured {
  position: relative;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
}
.st-home-featured swiper .swiper-button-next:after,
.st-home-featured swiper .swiper-button-prev:after {
  color: var(--home-private-background);
}
.st-home-featured swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--home-private-background);
  opacity: 0.5;
}
.st-home-featured swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.st-home-featured swiper .swiper-pagination {
  pointer-events: all !important;
}
.st-home-featured__slide {
  position: relative;
}
.st-home-featured__slide-no-text:before {
  background: transparent;
}
.st-home-featured__slide-slidercontainer {
  position: relative;
  width: 100%;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 175px;
}
.st-home-featured__slide-slidercontainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(360deg, rgba(var(--on-background-RGB), 0.85) 25%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 380px) {
  .st-home-featured__slide-slidercontainer {
    height: var(--home-private-featured-height-mobile-380);
  }
}
@media (min-width: 410px) {
  .st-home-featured__slide-slidercontainer {
    height: var(--home-private-featured-height-mobile-410);
  }
}
@media (min-width: 480px) {
  .st-home-featured__slide-slidercontainer {
    height: 240px;
  }
}
@media (min-width: 576px) {
  .st-home-featured__slide-slidercontainer {
    height: 260px;
  }
}
@media (min-width: 680px) {
  .st-home-featured__slide-slidercontainer {
    height: 300px;
  }
}
@media (min-width: 767px) {
  .st-home-featured__slide-slidercontainer {
    height: var(--home-private-featured-height-tablet);
  }
}
@media (min-width: 870px) {
  .st-home-featured__slide-slidercontainer {
    height: 380px;
  }
}
@media (min-width: 992px) {
  .st-home-featured__slide-slidercontainer {
    height: 430px;
  }
}
@media (min-width: 1024px) {
  .st-home-featured__slide-slidercontainer {
    height: 280px;
  }
}
@media (min-width: 1132px) {
  .st-home-featured__slide-slidercontainer {
    height: 316px;
  }
}
@media (min-width: 1200px) {
  .st-home-featured__slide-slidercontainer {
    height: 350px;
  }
}
@media (min-width: 1300px) {
  .st-home-featured__slide-slidercontainer {
    height: 400px;
  }
}
@media (min-width: 1500px) {
  .st-home-featured__slide-slidercontainer {
    height: 430px;
  }
}
@media (min-width: 1600px) {
  .st-home-featured__slide-slidercontainer {
    height: 450px;
  }
}
@media (min-width: 1700px) {
  .st-home-featured__slide-slidercontainer {
    height: 490px;
  }
}
@media (min-width: 1900px) {
  .st-home-featured__slide-slidercontainer {
    height: 520px;
  }
}
.st-home-featured__slide-slidercontainer.nobg:before {
  background: transparent !important;
}
.st-home-featured__slide-textcontainer {
  max-width: var(--max-width);
  position: relative;
  margin: auto;
  height: 100%;
}
.st-home-featured__slide-text {
  position: absolute;
  bottom: 50px;
  left: 45px;
}
@media (min-width: 992px) {
  .st-home-featured__slide-text {
    bottom: 70px;
    left: 80px;
  }
}
.st-home-featured__slide-title {
  color: var(--home-private-background);
  font-size: 20px;
  font-family: var(--font-primary) !important;
  font-weight: bold;
  margin-bottom: 5px;
  max-width: 320px;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .st-home-featured__slide-title {
    font-size: 29px;
    max-width: 490px;
  }
}
.st-home-featured__slide-subtitle {
  color: var(--home-private-background);
  width: 290px;
  font-size: 13px;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .st-home-featured__slide-subtitle {
    font-size: 15px;
    line-height: 20px;
    max-width: 450px;
  }
}
.st-home-featured__slide-image {
  width: 100%;
  height: 180px;
}
@media (min-width: 767px) {
  .st-home-featured__slide-image {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .st-home-featured__slide-image {
    height: 500px;
  }
}
.st-home-featured.GIGANTE {
  width: 100%;
}
@media (min-width: 1200px) {
  .st-home-featured.GIGANTE {
    width: 1160px;
  }
}
@media (min-width: 992px) {
  .st-home-featured.GIGANTE .st-home-featured__slide-text {
    width: 100vw;
    max-width: 1024px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: initial;
  }
}
.st-home-featured.GIGANTE .st-home-featured__slide-text fengstui-button .feng-btn.feng-btn--primary,
.st-home-featured.GIGANTE .st-home-featured__slide-text fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background: var(--secondary) !important;
  color: var(--primary) !important;
}
.st-home-featured.GIGANTE .st-home-featured__slide-title, .st-home-featured.GIGANTE .st-home-featured__slide-subtitle {
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .st-home-featured.GIGANTE .st-home-featured__slide-title, .st-home-featured.GIGANTE .st-home-featured__slide-subtitle {
    width: 100%;
    max-width: inherit;
  }
}
.st-home-featured.GIGANTE .st-home-featured__slide-title {
  font-family: "Titillium Web", sans-serif !important;
  font-style: normal;
  font-weight: 100;
  font-size: 14px;
  line-height: 44px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .st-home-featured.GIGANTE .st-home-featured__slide-title {
    width: 100%;
    max-width: inherit;
    padding: 0;
    margin: 0;
    font-size: 24px;
    line-height: 44px;
  }
}
.st-home-featured.GIGANTE .st-home-featured__slide-subtitle {
  font-style: normal;
  font-family: "Titillium Web" !important;
  font-weight: 900;
  font-size: 26px;
  line-height: 44px;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .st-home-featured.GIGANTE .st-home-featured__slide-subtitle {
    font-size: 46px;
    line-height: 44px;
  }
}
.salutation-img {
  width: 100%;
}
.home-header-logged {
  background: var(--on-background);
  background: linear-gradient(270deg, var(--on-background) 0%, var(--primary) 100%);
  padding-top: var(--home-private-padding-top);
}
.home-header-logged .home-header-wrapper {
  background: var(--background);
  color: var(--on-background);
  position: relative;
  min-height: 180px;
  border-bottom: 2px solid var(--info);
}
.home-header-logged .home-header-wrapper .home-header-content {
  display: grid;
  padding: 20px 0;
  position: relative;
  text-align: center;
  max-width: 767px;
}
@media (min-width: 767px) {
  .home-header-logged .home-header-wrapper .home-header-content {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .home-header-logged .home-header-wrapper .home-header-content {
    grid-template: auto/98px auto;
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged .home-header-wrapper .home-header-content {
    max-width: 1200px;
    padding: 40px 10px;
  }
}
.home-header-logged .home-header-wrapper .home-header-content .salutation {
  display: grid;
  align-items: center;
  position: relative;
  text-align: left;
  padding: 0;
  height: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 60px;
}
@media (min-width: 767px) {
  .home-header-logged .home-header-wrapper .home-header-content .salutation {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged .home-header-wrapper .home-header-content .salutation {
    margin-bottom: 20px;
  }
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .hi-message {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .action-button {
  display: flex;
  align-items: center;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .action-button .action-icon {
  color: var(--primary);
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 22px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-bottom: 4px;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .action-button a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation h3 {
  margin: 0;
  padding: 0;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .name {
  text-transform: capitalize;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .simple-button {
  background-color: transparent;
  font-weight: bold;
  color: #00ce0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .simple-button i {
  font-size: bold;
  font-size: 20px;
  margin-left: 10px;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .feng-arrow-right-circle {
  background-color: rgba(167, 167, 167, 0);
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .warning1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .warning2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged .home-header-wrapper .home-header-content .perfil-photo {
  display: none;
  background: #D0D0D0;
  border-radius: 50%;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .home-header-logged .home-header-wrapper .home-header-content .perfil-photo {
    display: grid;
  }
}
.home-header-logged .home-header-wrapper .home-header-content .perfil-photo i {
  font-size: 36px;
  padding: 0;
  color: black;
}
.home-header-logged .home-header-wrapper .home-header-content .perfil-photo img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.home-header-logged-2 {
  background: var(--on-background);
  background: linear-gradient(270deg, var(--on-background) 0%, var(--primary) 100%);
  padding-top: var(--home-private-padding-top);
}
.home-header-logged-2 .home-header-wrapper-2 {
  background: var(--background);
  color: var(--on-surface);
  position: relative;
  min-height: 120px;
  border-bottom: var(--home-header-wrapper, 2px solid var(--info));
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 {
  display: grid;
  padding: 20px 0;
  position: relative;
  text-align: center;
  max-width: 767px;
}
@media (min-width: 767px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 {
    grid-template: auto/98px auto;
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 {
    max-width: 1200px;
    padding: 20px 10px;
  }
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation {
  display: grid;
  align-items: center;
  position: relative;
  text-align: left;
  padding: 0;
  height: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 60px;
}
@media (min-width: 767px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation {
    margin-bottom: 20px;
  }
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .hi-message {
  font: var(--hi-message-font, normal normal 700 20px/20px var(--font-title));
  margin: var(--hi-message-margin, 0 0 10px 0);
  color: var(--hi-message-color, var(--primary));
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .action-button {
  display: flex;
  align-items: center;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .action-button .action-icon {
  color: var(--primary);
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 22px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-bottom: 4px;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .action-button a {
  display: flex;
  align-items: center;
  text-decoration: none;
  border: var(--action-button-border, none);
  padding: var(--action-button-padding, 0);
  border-radius: var(--action-button-radius, 0);
  font-family: var(--action-button-font-family, var(--font-button));
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation h3 {
  margin: 0;
  padding: 0;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .name {
  text-transform: capitalize;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .simple-button {
  background-color: transparent;
  font-weight: bold;
  color: #00ce0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .simple-button i {
  font-size: bold;
  font-size: 20px;
  margin-left: 10px;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .feng-arrow-right-circle {
  background-color: rgba(167, 167, 167, 0);
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .warning1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .warning2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .perfil-photo {
  display: none;
  background: #D0D0D0;
  border-radius: 50%;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .perfil-photo {
    display: grid;
  }
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .perfil-photo i {
  font-size: 36px;
  padding: 0;
  color: black;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .perfil-photo img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.home-header-logged-2 .salutaion-text p {
  font: var(--salutation-text-font, 500 15px/18px var(--font-primary));
  margin: var(--salutation-text-margin, var(--paragraph-margin-top) 0 var(--paragraph-margin-bottom) 0);
  color: var(--hi-message-color, var(--primary));
}
.home-header-logged-3 {
  background: var(--on-background);
  background: linear-gradient(270deg, var(--on-background) 0%, var(--primary) 100%);
  padding-top: var(--home-private-padding-top);
}
.home-header-logged-3 .home-header-wrapper-3 {
  background: var(--background);
  color: var(--on-surface);
  position: relative;
  min-height: 180px;
  border-bottom: 2px solid var(--info);
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 {
  display: grid;
  padding: 20px 0;
  position: relative;
  text-align: center;
  max-width: 767px;
}
@media (min-width: 767px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 {
    grid-template: auto/98px auto;
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 {
    max-width: 1200px;
    padding: 40px 10px;
  }
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation {
  display: grid;
  align-items: center;
  position: relative;
  text-align: left;
  padding: 0;
  height: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 60px;
}
@media (min-width: 767px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation {
    margin-bottom: 20px;
  }
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .hi-message {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--primary);
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .action-button {
  display: flex;
  align-items: center;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .action-button .action-icon {
  color: var(--primary);
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 22px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-bottom: 4px;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .action-button a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation h3 {
  margin: 0;
  padding: 0;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .name {
  text-transform: capitalize;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .simple-button {
  background-color: transparent;
  font-weight: bold;
  color: #00ce0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .simple-button i {
  font-size: bold;
  font-size: 20px;
  margin-left: 10px;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .feng-arrow-right-circle {
  background-color: rgba(167, 167, 167, 0);
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .warning1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .warning2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .perfil-photo {
  display: none;
  background: #D0D0D0;
  border-radius: 50%;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .perfil-photo {
    display: grid;
  }
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .perfil-photo i {
  font-size: 36px;
  padding: 0;
  color: black;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .perfil-photo img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.home-header-logged-4 {
  background: var(--on-background);
  background: linear-gradient(270deg, var(--on-background) 0%, var(--primary) 100%);
  padding-top: var(--home-private-padding-top);
}
.home-header-logged-4 .home-header-wrapper-4 {
  background: var(--background);
  color: var(--on-surface);
  position: relative;
  min-height: 180px;
}
@media (min-width: 992px) {
  .home-header-logged-4 .home-header-wrapper-4 {
    height: 164px;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 {
  display: grid;
  padding: 20px 0;
  position: relative;
  text-align: center;
  max-width: 767px;
}
@media (min-width: 767px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 {
    display: flex;
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 {
    max-width: 1200px;
    padding: 40px 0;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation {
  display: grid;
  align-items: center;
  position: relative;
  text-align: left;
  padding: 0;
  height: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 60px;
}
@media (min-width: 767px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation {
    margin-bottom: 20px;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .title {
  font-size: 1rem;
  font-family: var(--header-desktop-wrapper-font-family);
  color: #393939;
  line-height: 12px;
}
@media (min-width: 992px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .title {
    font-size: 1.5rem;
    line-height: 32px;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .description {
  font-size: 0.875rem;
  font-family: var(--header-desktop-menu-font-family);
  color: #393939;
  line-height: 20px;
}
@media (min-width: 992px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .description {
    font-size: 1rem;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .action-button {
  display: flex;
  align-items: center;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .action-button .action-icon {
  color: var(--primary);
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 22px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-bottom: 4px;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .action-button a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation h3 {
  margin: 0;
  padding: 0;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .name {
  text-transform: capitalize;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .simple-button {
  background-color: transparent;
  font-weight: bold;
  color: #00ce0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .simple-button i {
  font-size: bold;
  font-size: 20px;
  margin-left: 10px;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .feng-arrow-right-circle {
  background-color: rgba(167, 167, 167, 0);
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .warning1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .warning2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .perfil-photo {
  display: none;
  background: #D0D0D0;
  border-radius: 50%;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .perfil-photo {
    display: grid;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .perfil-photo i {
  font-size: 36px;
  padding: 0;
  color: black;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .perfil-photo img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.home-header-logged-5 {
  background: var(--on-background);
  background: linear-gradient(270deg, var(--on-background) 0%, var(--primary) 100%);
  padding-top: var(--home-private-padding-top);
}
.home-header-logged-5 .home-header-wrapper-5 {
  background-color: var(--hotsite-bg-header);
  color: var(--on-surface);
  position: relative;
  min-height: 120px;
  border-bottom: var(--home-header-wrapper, 2px solid var(--info));
  width: 100%;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 {
  display: grid;
  padding: 20px 0;
  position: relative;
  text-align: center;
  max-width: 767px;
}
@media (min-width: 767px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 {
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 {
    max-width: 1200px;
    padding: 20px 10px;
  }
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation {
  display: grid;
  align-items: center;
  position: relative;
  text-align: left;
  padding: 0;
  height: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 60px;
}
@media (min-width: 767px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation {
    margin-bottom: 20px;
  }
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .hi-message {
  font: var(--hi-message-font, normal normal 700 20px/20px var(--font-title));
  margin: var(--hi-message-margin, 0 0 10px 0);
  color: var(--hi-message-color, var(--primary));
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .action-button {
  display: flex;
  align-items: center;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .action-button .action-icon {
  color: var(--action-button-color, #8E1A7D) !important;
  margin-left: 10px;
  font-size: var(--action-button-icon-size, 22px);
  box-shadow: var(--action-button-icon-shadow, 2px 2px 5px 1px rgba(0, 0, 0, 0.1));
  border-radius: 50%;
  margin-bottom: var(--action-button-color, 4px);
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .action-button a {
  display: flex;
  align-items: center;
  text-decoration: none;
  border: var(--action-button-border, none);
  padding: var(--action-button-padding, 0);
  border-radius: var(--action-button-radius, 0);
  font-family: var(--action-button-font-family, var(--font-button));
  color: var(--action-button-color, #8E1A7D) !important;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation h3 {
  margin: 0;
  padding: 0;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .name {
  text-transform: capitalize;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .simple-button {
  background-color: transparent;
  font-weight: bold;
  color: #00ce0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .simple-button i {
  font-size: bold;
  font-size: 20px;
  margin-left: 10px;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .feng-arrow-right-circle {
  background-color: rgba(167, 167, 167, 0);
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .warning1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .warning2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .perfil-photo {
  display: none;
  background: #D0D0D0;
  border-radius: 50%;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .perfil-photo {
    display: grid;
  }
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .perfil-photo i {
  font-size: 36px;
  padding: 0;
  color: black;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .perfil-photo img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.home-header-logged-5 .salutaion-text p {
  font: var(--salutation-text-font, 500 15px/18px var(--font-primary));
  margin: var(--salutation-text-margin, var(--paragraph-margin-top) 0 var(--paragraph-margin-bottom) 0);
  color: var(--hi-message-color, var(--primary));
}
.salutation-img {
  width: 100%;
}
.home-header-logged {
  background: var(--on-background);
  background: linear-gradient(270deg, var(--on-background) 0%, var(--primary) 100%);
  padding-top: var(--home-private-padding-top);
}
.home-header-logged .home-header-wrapper {
  background: var(--background);
  color: var(--on-background);
  position: relative;
  min-height: 180px;
  border-bottom: 2px solid var(--info);
}
.home-header-logged .home-header-wrapper .home-header-content {
  display: grid;
  padding: 20px 0;
  position: relative;
  text-align: center;
  max-width: 767px;
}
@media (min-width: 767px) {
  .home-header-logged .home-header-wrapper .home-header-content {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .home-header-logged .home-header-wrapper .home-header-content {
    grid-template: auto/98px auto;
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged .home-header-wrapper .home-header-content {
    max-width: 1200px;
    padding: 40px 10px;
  }
}
.home-header-logged .home-header-wrapper .home-header-content .salutation {
  display: grid;
  align-items: center;
  position: relative;
  text-align: left;
  padding: 0;
  height: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 60px;
}
@media (min-width: 767px) {
  .home-header-logged .home-header-wrapper .home-header-content .salutation {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged .home-header-wrapper .home-header-content .salutation {
    margin-bottom: 20px;
  }
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .hi-message {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .action-button {
  display: flex;
  align-items: center;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .action-button .action-icon {
  color: var(--primary);
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 22px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-bottom: 4px;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .action-button a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation h3 {
  margin: 0;
  padding: 0;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .name {
  text-transform: capitalize;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .simple-button {
  background-color: transparent;
  font-weight: bold;
  color: #00ce0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .simple-button i {
  font-size: bold;
  font-size: 20px;
  margin-left: 10px;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .feng-arrow-right-circle {
  background-color: rgba(167, 167, 167, 0);
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .warning1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged .home-header-wrapper .home-header-content .salutation .warning2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged .home-header-wrapper .home-header-content .perfil-photo {
  display: none;
  background: #D0D0D0;
  border-radius: 50%;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .home-header-logged .home-header-wrapper .home-header-content .perfil-photo {
    display: grid;
  }
}
.home-header-logged .home-header-wrapper .home-header-content .perfil-photo i {
  font-size: 36px;
  padding: 0;
  color: black;
}
.home-header-logged .home-header-wrapper .home-header-content .perfil-photo img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.home-header-logged-2 {
  background: var(--on-background);
  background: linear-gradient(270deg, var(--on-background) 0%, var(--primary) 100%);
  padding-top: var(--home-private-padding-top);
}
.home-header-logged-2 .home-header-wrapper-2 {
  background: var(--background);
  color: var(--on-surface);
  position: relative;
  min-height: 120px;
  border-bottom: var(--home-header-wrapper, 2px solid var(--info));
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 {
  display: grid;
  padding: 20px 0;
  position: relative;
  text-align: center;
  max-width: 767px;
}
@media (min-width: 767px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 {
    grid-template: auto/98px auto;
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 {
    max-width: 1200px;
    padding: 20px 10px;
  }
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation {
  display: grid;
  align-items: center;
  position: relative;
  text-align: left;
  padding: 0;
  height: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 60px;
}
@media (min-width: 767px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation {
    margin-bottom: 20px;
  }
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .hi-message {
  font: var(--hi-message-font, normal normal 700 20px/20px var(--font-title));
  margin: var(--hi-message-margin, 0 0 10px 0);
  color: var(--hi-message-color, var(--primary));
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .action-button {
  display: flex;
  align-items: center;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .action-button .action-icon {
  color: var(--primary);
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 22px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-bottom: 4px;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .action-button a {
  display: flex;
  align-items: center;
  text-decoration: none;
  border: var(--action-button-border, none);
  padding: var(--action-button-padding, 0);
  border-radius: var(--action-button-radius, 0);
  font-family: var(--action-button-font-family, var(--font-button));
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation h3 {
  margin: 0;
  padding: 0;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .name {
  text-transform: capitalize;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .simple-button {
  background-color: transparent;
  font-weight: bold;
  color: #00ce0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .simple-button i {
  font-size: bold;
  font-size: 20px;
  margin-left: 10px;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .feng-arrow-right-circle {
  background-color: rgba(167, 167, 167, 0);
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .warning1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .salutation .warning2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .perfil-photo {
  display: none;
  background: #D0D0D0;
  border-radius: 50%;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .perfil-photo {
    display: grid;
  }
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .perfil-photo i {
  font-size: 36px;
  padding: 0;
  color: black;
}
.home-header-logged-2 .home-header-wrapper-2 .home-header-content-2 .perfil-photo img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.home-header-logged-2 .salutaion-text p {
  font: var(--salutation-text-font, 500 15px/18px var(--font-primary));
  margin: var(--salutation-text-margin, var(--paragraph-margin-top) 0 var(--paragraph-margin-bottom) 0);
  color: var(--hi-message-color, var(--primary));
}
.home-header-logged-3 {
  background: var(--on-background);
  background: linear-gradient(270deg, var(--on-background) 0%, var(--primary) 100%);
  padding-top: var(--home-private-padding-top);
}
.home-header-logged-3 .home-header-wrapper-3 {
  background: var(--background);
  color: var(--on-surface);
  position: relative;
  min-height: 180px;
  border-bottom: 2px solid var(--info);
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 {
  display: grid;
  padding: 20px 0;
  position: relative;
  text-align: center;
  max-width: 767px;
}
@media (min-width: 767px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 {
    grid-template: auto/98px auto;
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 {
    max-width: 1200px;
    padding: 40px 10px;
  }
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation {
  display: grid;
  align-items: center;
  position: relative;
  text-align: left;
  padding: 0;
  height: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 60px;
}
@media (min-width: 767px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation {
    margin-bottom: 20px;
  }
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .hi-message {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--primary);
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .action-button {
  display: flex;
  align-items: center;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .action-button .action-icon {
  color: var(--primary);
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 22px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-bottom: 4px;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .action-button a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation h3 {
  margin: 0;
  padding: 0;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .name {
  text-transform: capitalize;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .simple-button {
  background-color: transparent;
  font-weight: bold;
  color: #00ce0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .simple-button i {
  font-size: bold;
  font-size: 20px;
  margin-left: 10px;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .feng-arrow-right-circle {
  background-color: rgba(167, 167, 167, 0);
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .warning1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .salutation .warning2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .perfil-photo {
  display: none;
  background: #D0D0D0;
  border-radius: 50%;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .perfil-photo {
    display: grid;
  }
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .perfil-photo i {
  font-size: 36px;
  padding: 0;
  color: black;
}
.home-header-logged-3 .home-header-wrapper-3 .home-header-content-3 .perfil-photo img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.home-header-logged-4 {
  background: var(--on-background);
  background: linear-gradient(270deg, var(--on-background) 0%, var(--primary) 100%);
  padding-top: var(--home-private-padding-top);
}
.home-header-logged-4 .home-header-wrapper-4 {
  background: var(--background);
  color: var(--on-surface);
  position: relative;
  min-height: 180px;
}
@media (min-width: 992px) {
  .home-header-logged-4 .home-header-wrapper-4 {
    height: 164px;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 {
  display: grid;
  padding: 20px 0;
  position: relative;
  text-align: center;
  max-width: 767px;
}
@media (min-width: 767px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 {
    display: flex;
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 {
    max-width: 1200px;
    padding: 40px 0;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation {
  display: grid;
  align-items: center;
  position: relative;
  text-align: left;
  padding: 0;
  height: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 60px;
}
@media (min-width: 767px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation {
    margin-bottom: 20px;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .title {
  font-size: 1rem;
  font-family: var(--header-desktop-wrapper-font-family);
  color: #393939;
  line-height: 12px;
}
@media (min-width: 992px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .title {
    font-size: 1.5rem;
    line-height: 32px;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .description {
  font-size: 0.875rem;
  font-family: var(--header-desktop-menu-font-family);
  color: #393939;
  line-height: 20px;
}
@media (min-width: 992px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .description {
    font-size: 1rem;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .action-button {
  display: flex;
  align-items: center;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .action-button .action-icon {
  color: var(--primary);
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 22px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-bottom: 4px;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .action-button a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation h3 {
  margin: 0;
  padding: 0;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .name {
  text-transform: capitalize;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .simple-button {
  background-color: transparent;
  font-weight: bold;
  color: #00ce0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .simple-button i {
  font-size: bold;
  font-size: 20px;
  margin-left: 10px;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .feng-arrow-right-circle {
  background-color: rgba(167, 167, 167, 0);
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .warning1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .salutation .warning2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .perfil-photo {
  display: none;
  background: #D0D0D0;
  border-radius: 50%;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .perfil-photo {
    display: grid;
  }
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .perfil-photo i {
  font-size: 36px;
  padding: 0;
  color: black;
}
.home-header-logged-4 .home-header-wrapper-4 .home-header-content-4 .perfil-photo img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.home-header-logged-5 {
  background: var(--on-background);
  background: linear-gradient(270deg, var(--on-background) 0%, var(--primary) 100%);
  padding-top: var(--home-private-padding-top);
}
.home-header-logged-5 .home-header-wrapper-5 {
  background-color: var(--hotsite-bg-header);
  color: var(--on-surface);
  position: relative;
  min-height: 120px;
  border-bottom: var(--home-header-wrapper, 2px solid var(--info));
  width: 100%;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 {
  display: grid;
  padding: 20px 0;
  position: relative;
  text-align: center;
  max-width: 767px;
}
@media (min-width: 767px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 {
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 {
    max-width: 1200px;
    padding: 20px 10px;
  }
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation {
  display: grid;
  align-items: center;
  position: relative;
  text-align: left;
  padding: 0;
  height: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  min-height: 60px;
}
@media (min-width: 767px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation {
    padding: 0 60px;
  }
}
@media (min-width: 1200px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation {
    margin-bottom: 20px;
  }
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .hi-message {
  font: var(--hi-message-font, normal normal 700 20px/20px var(--font-title));
  margin: var(--hi-message-margin, 0 0 10px 0);
  color: var(--hi-message-color, var(--primary));
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .action-button {
  display: flex;
  align-items: center;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .action-button .action-icon {
  color: var(--action-button-color, #8E1A7D) !important;
  margin-left: 10px;
  font-size: var(--action-button-icon-size, 22px);
  box-shadow: var(--action-button-icon-shadow, 2px 2px 5px 1px rgba(0, 0, 0, 0.1));
  border-radius: 50%;
  margin-bottom: var(--action-button-color, 4px);
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .action-button a {
  display: flex;
  align-items: center;
  text-decoration: none;
  border: var(--action-button-border, none);
  padding: var(--action-button-padding, 0);
  border-radius: var(--action-button-radius, 0);
  font-family: var(--action-button-font-family, var(--font-button));
  color: var(--action-button-color, #8E1A7D) !important;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation h3 {
  margin: 0;
  padding: 0;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .name {
  text-transform: capitalize;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .simple-button {
  background-color: transparent;
  font-weight: bold;
  color: #00ce0a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .simple-button i {
  font-size: bold;
  font-size: 20px;
  margin-left: 10px;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .feng-arrow-right-circle {
  background-color: rgba(167, 167, 167, 0);
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .warning1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .salutation .warning2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .perfil-photo {
  display: none;
  background: #D0D0D0;
  border-radius: 50%;
  width: 98px;
  height: 98px;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .perfil-photo {
    display: grid;
  }
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .perfil-photo i {
  font-size: 36px;
  padding: 0;
  color: black;
}
.home-header-logged-5 .home-header-wrapper-5 .home-header-content-5 .perfil-photo img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}
.home-header-logged-5 .salutaion-text p {
  font: var(--salutation-text-font, 500 15px/18px var(--font-primary));
  margin: var(--salutation-text-margin, var(--paragraph-margin-top) 0 var(--paragraph-margin-bottom) 0);
  color: var(--hi-message-color, var(--primary));
}
.fengsthome-st-home-info {
  background: white;
  padding: 32px 16px;
  border-radius: 4px;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
  border: 1px solid #E4E4E4;
  margin: 0 20px 16px;
}
@media (min-width: 992px) {
  .fengsthome-st-home-info {
    padding: 32px;
    margin: 0 20px 24px;
  }
}
.fengsthome-st-home-info h2, .fengsthome-st-home-info p {
  margin: 0;
}
.fengsthome-st-home-info h2 {
  color: var(--secondary);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .fengsthome-st-home-info h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.fengsthome-st-home-info p {
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .fengsthome-st-home-info p {
    font-size: 20px;
    line-height: 32px;
  }
}
.fengsthome-st-home-info p a {
  color: black !important;
}
.home-plans__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font-family: var(--home-private-font-family-cards);
  font-size: var(--home-private-font-size-cards);
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 5px 0;
  line-height: 40px;
}
.home-plans__title::before {
  content: "";
  display: block;
  width: 68px;
  border-top: 3px solid var(--info);
}
.home-plans__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-plans__title--custom-fill-title {
    height: 56px;
  }
}
.home-plans__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-plans__wrapper {
  position: relative;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  text-align: center;
  min-height: 280px;
  display: grid;
  color: var(--on-background);
  background-color: var(--background);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.home-plans__wrapper--loading {
  align-items: center;
}
.home-plans__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-plans__divider.phd-mobile {
  margin: 0;
}
.home-plans__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-plans__content {
  display: grid;
  grid-gap: 16px;
  align-items: center;
  align-content: flex-start;
  grid-template: 50px auto 30px/auto;
}
.home-plans__content-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px 0;
}
.home-plans__content-status strong {
  font-size: 20px;
  display: block;
}
.home-plans__content-status div:first-child {
  text-align: left;
}
.home-plans__content-status div:first-child h1 {
  font-weight: bolder;
  color: black;
  margin-bottom: 10px;
}
.home-plans__content-status div:last-child {
  text-align: center;
}
.home-plans__content-status .contract-status {
  display: flex;
  gap: 30px;
  font-size: 16px;
}
.home-plans__content-status .contract-status > strong {
  font-size: 18px;
  display: block;
  font-weight: bold;
}
.home-plans__content-status .contract-status--201 > strong {
  color: var(--success);
}
.home-plans__content-status .contract-status--200 > strong,
.home-plans__content-status .contract-status--202 > strong,
.home-plans__content-status .contract-status--203 > strong,
.home-plans__content-status .contract-status--303 > strong,
.home-plans__content-status .contract-status--304 > strong {
  color: var(--warning);
}
.home-plans__content-status .contract-status--204 > strong,
.home-plans__content-status .contract-status--205 > strong,
.home-plans__content-status .contract-status--301 > strong,
.home-plans__content-status .contract-status--302 > strong {
  color: var(--error);
}
.home-plans__content-installments {
  display: grid;
}
.home-plans__content-installments-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 0;
}
.home-plans__content-installments-item .status {
  margin-left: auto;
  margin-right: 6px;
}
.home-plans__content-installments-item .status--PA {
  color: var(--success);
}
.home-plans__content-installments-item .status--AP {
  color: var(--warning);
}
.home-plans__content-installments-item .status--TP {
  color: var(--warning);
}
.home-plans__content-installments-item .status--CA {
  color: var(--error);
}
.home-plans__content-installments-item a {
  text-decoration: none;
}
.home-plans__content-installments-item i {
  color: var(--primary);
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-plans .no-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  font-size: 16px;
  text-decoration: none;
}
.home-plans .no-plan:hover {
  opacity: 0.75;
}
.home-plans .no-plan .icon {
  margin-top: 0;
  margin-bottom: 20px;
  width: 70px;
  height: 70px;
}
.home-plans .no-plan .icon i {
  font-size: 24px;
  color: white;
  font-weight: normal;
}
.home-plans .no-plan .text {
  margin-bottom: 20px;
  color: #5f5f5f;
}
.home-plans__select-plan {
  position: absolute;
  right: 0px;
  top: 0px;
}
.home-plans__select-plan button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
}
.home-plans__select-plan button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.home-plans__select-plan-box {
  position: absolute;
  top: 22px;
  right: 0px;
  display: block;
  width: 100%;
  min-width: 250px;
  background: rgba(255, 255, 255, 0.7);
}
.home-plans__select-plan-box ul {
  list-style: none;
  padding: 0px;
}
.home-plans__select-plan-box ul li {
  display: block;
  padding: 5px;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
}
.home-plans__select-plan-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.home-plans__matricula {
  text-align: left;
  font-size: 15px;
}
.home-plans__box strong {
  margin-top: 0;
  color: var(--home-private-plan-box-title-color);
}
.home-plans-v2__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font-family: var(--home-private-font-family-cards);
  font-size: var(--home-private-font-size-cards);
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 5px 0;
  line-height: 40px;
}
.home-plans-v2__title::before {
  content: "";
  display: block;
  width: 68px;
  border-top: 3px solid var(--info);
}
.home-plans-v2__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 16px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-plans-v2__title--custom-fill-title {
    height: 56px;
  }
}
.home-plans-v2__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-plans-v2__wrapper {
  position: relative;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  min-height: 280px;
  display: grid;
  color: var(--on-background);
  background-color: var(--background);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.home-plans-v2__wrapper--loading {
  align-items: center;
}
.home-plans-v2__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-plans-v2__divider.phd-mobile {
  margin: 0;
}
.home-plans-v2__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-plans-v2__content {
  display: grid;
  align-items: center;
  align-content: flex-start;
  min-height: 322px;
}
.home-plans-v2__content-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 16px;
}
.home-plans-v2__content-status strong {
  font-size: 20px;
  display: block;
}
.home-plans-v2__content-status div:first-child {
  text-align: left;
  padding-left: 16px;
}
.home-plans-v2__content-status div:first-child h1 {
  font-weight: bolder;
  color: black;
  margin-bottom: 10px;
}
.home-plans-v2__content-status div:last-child {
  text-align: center;
}
.home-plans-v2__content-status .contract-status {
  display: flex;
  gap: 30px;
  font-size: 16px;
}
.home-plans-v2__content-status .contract-status > strong {
  font-size: 12px;
  display: flex;
  align-items: center;
  font-family: var(--my-plan-font-family-title);
  font-weight: bold;
}
.home-plans-v2__content-status .contract-status--201 {
  color: var(--success) !important;
}
.home-plans-v2__content-status .contract-status--200 > strong,
.home-plans-v2__content-status .contract-status--202 > strong,
.home-plans-v2__content-status .contract-status--203 > strong,
.home-plans-v2__content-status .contract-status--303 > strong,
.home-plans-v2__content-status .contract-status--304 > strong {
  color: var(--warning);
}
.home-plans-v2__content-status .contract-status--204 > strong,
.home-plans-v2__content-status .contract-status--205 > strong,
.home-plans-v2__content-status .contract-status--301 > strong,
.home-plans-v2__content-status .contract-status--302 > strong {
  color: var(--error);
}
.home-plans-v2__content-installments {
  display: grid;
}
.home-plans-v2__content-installments-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 20px 16px;
  color: var(--text-global-800) !important;
  font-family: "Montserrat";
  font-weight: 400 !important;
}
.home-plans-v2__content-installments-item .status {
  margin-left: auto;
  margin-right: 6px;
  font-weight: bold;
  font-size: 12px;
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.home-plans-v2__content-installments-item .status--PA {
  color: var(--success);
}
.home-plans-v2__content-installments-item .status--AP {
  color: var(--warning);
}
.home-plans-v2__content-installments-item .status--TP {
  color: var(--warning);
}
.home-plans-v2__content-installments-item .status--CA {
  color: var(--error);
}
.home-plans-v2__content-installments-item a {
  text-decoration: none;
}
.home-plans-v2__content-installments-item i {
  color: var(--primary);
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-plans-v2 .no-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  font-size: 16px;
  text-decoration: none;
}
.home-plans-v2 .no-plan:hover {
  opacity: 0.75;
}
.home-plans-v2 .no-plan .icon {
  margin-top: 0;
  margin-bottom: 20px;
  width: 70px;
  height: 70px;
}
.home-plans-v2 .no-plan .icon i {
  font-size: 24px;
  color: white;
  font-weight: normal;
}
.home-plans-v2 .no-plan .text {
  margin-bottom: 20px;
  color: #5f5f5f;
}
.home-plans-v2__select-plan {
  position: absolute;
  right: 0px;
  top: 0px;
}
.home-plans-v2__select-plan button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
}
.home-plans-v2__select-plan button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.home-plans-v2__select-plan-box {
  position: absolute;
  top: 22px;
  right: 0px;
  display: block;
  width: 100%;
  min-width: 250px;
  background: rgba(255, 255, 255, 0.7);
}
.home-plans-v2__select-plan-box ul {
  list-style: none;
  padding: 0px;
}
.home-plans-v2__select-plan-box ul li {
  display: block;
  padding: 5px;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
}
.home-plans-v2__select-plan-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.home-plans-v2__matricula {
  padding-left: 1rem;
  text-align: left;
  font-size: 15px;
}
.home-plans-v2__box-description {
  display: flex;
  align-items: center;
  column-gap: 12px;
  padding-left: 16px;
  margin: 6px 0 16px 0;
}
.home-plans-v2__box-description p {
  font-size: 1rem;
  line-height: 20px;
  color: var(--text-global-800);
  margin: 0;
}
.home-plans-v2__box strong {
  margin-top: 0;
  color: var(--home-private-plan-box-title-color);
  font-family: var(--home-private-font-family-cards);
  font-size: 24px;
}
.home-plans-3__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
  text-decoration: none;
  text-align: left;
  padding: 11px 16px;
  background: var(--home-private-bg-title-cards);
  border-radius: 4px 4px 0 0;
}
.home-plans-3__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-plans-3__title--custom-fill-title {
    height: 56px;
  }
}
.home-plans-3__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-plans-3__wrapper {
  position: relative;
  border-radius: 0 0 4px 4px;
  width: 100%;
  text-align: center;
  min-height: 280px;
  display: grid;
  color: var(--on-background);
  background-color: var(--background);
  border: 1px solid #E9E9E9;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
}
.home-plans-3__wrapper--loading {
  align-items: center;
}
.home-plans-3__box strong {
  color: var(--home-private-plan-box-title-color);
  font: var(--home-private-cards-font);
}
.home-plans-3__box-description {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.home-plans-3__box-description p {
  font-size: 1rem;
  line-height: 20px;
  color: var(--home-private-plan-box-title-color);
  margin: 0;
}
.home-plans-3__box-description strong {
  font: var(--home-private-cards-status-font);
  display: flex;
  gap: 4px;
  align-items: center;
}
.home-plans-3__box-description strong span {
  position: relative;
  top: 0.5px;
}
.home-plans-3__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-plans-3__divider.phd-mobile {
  margin: 0;
}
.home-plans-3__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-plans-3__content {
  display: grid;
  grid-gap: 16px;
  align-items: center;
  align-content: flex-start;
}
.home-plans-3__content-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 16px;
}
.home-plans-3__content-status div:first-child {
  text-align: left;
}
.home-plans-3__content-status div:first-child h1 {
  font-weight: bolder;
  color: black;
  margin-bottom: 10px;
}
.home-plans-3__content-status div:last-child {
  text-align: center;
}
.home-plans-3__content-status .contract-status {
  display: flex;
  gap: 30px;
  font-size: 16px;
}
.home-plans-3__content-status .contract-status--201 > strong {
  color: var(--success);
}
.home-plans-3__content-status .contract-status--200 > strong,
.home-plans-3__content-status .contract-status--202 > strong,
.home-plans-3__content-status .contract-status--203 > strong,
.home-plans-3__content-status .contract-status--303 > strong,
.home-plans-3__content-status .contract-status--304 > strong {
  color: var(--warning);
}
.home-plans-3__content-status .contract-status--204 > strong,
.home-plans-3__content-status .contract-status--205 > strong,
.home-plans-3__content-status .contract-status--301 > strong,
.home-plans-3__content-status .contract-status--302 > strong {
  color: var(--error);
}
.home-plans-3__content-installments {
  display: grid;
}
.home-plans-3__content-installments-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 0;
}
.home-plans-3__content-installments-item .status {
  margin-left: auto;
  margin-right: 6px;
}
.home-plans-3__content-installments-item .status--PA {
  color: var(--success);
}
.home-plans-3__content-installments-item .status--AP {
  color: var(--warning);
}
.home-plans-3__content-installments-item .status--TP {
  color: var(--warning);
}
.home-plans-3__content-installments-item .status--CA {
  color: var(--error);
}
.home-plans-3__content-installments-item a {
  text-decoration: none;
}
.home-plans-3__content-installments-item i {
  color: var(--primary);
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-plans-3 .no-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  font-size: 16px;
  text-decoration: none;
}
.home-plans-3 .no-plan:hover {
  opacity: 0.75;
}
.home-plans-3 .no-plan .icon {
  margin-top: 0;
  margin-bottom: 20px;
  width: 70px;
  height: 70px;
}
.home-plans-3 .no-plan .icon i {
  font-size: 24px;
  color: white;
  font-weight: normal;
}
.home-plans-3 .no-plan .text {
  margin-bottom: 20px;
  color: #5f5f5f;
}
.home-plans-3__select-plan {
  position: absolute;
  right: 0px;
  top: 0px;
}
.home-plans-3__select-plan button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
}
.home-plans-3__select-plan button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.home-plans-3__select-plan-box {
  position: absolute;
  top: 22px;
  right: 0px;
  display: block;
  width: 100%;
  min-width: 250px;
  background: rgba(255, 255, 255, 0.7);
}
.home-plans-3__select-plan-box ul {
  list-style: none;
  padding: 0px;
}
.home-plans-3__select-plan-box ul li {
  display: block;
  padding: 5px;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
}
.home-plans-3__select-plan-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.home-plans-3__matricula {
  text-align: left;
  font-size: 15px;
}
.home-plans-v4__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
  text-decoration: none;
  text-align: left;
  padding: 11px 16px;
  background: var(--home-private-bg-title-cards);
  border-radius: 4px 4px 0 0;
}
.home-plans-v4__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-plans-v4__title--custom-fill-title {
    height: 56px;
  }
}
.home-plans-v4__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-plans-v4__wrapper {
  position: relative;
  border-radius: 0 0 4px 4px;
  width: 100%;
  text-align: center;
  min-height: 280px;
  display: grid;
  color: var(--on-background);
  background-color: var(--background);
  border: 1px solid #E9E9E9;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
}
.home-plans-v4__wrapper--loading {
  align-items: center;
}
.home-plans-v4__box strong {
  color: var(--home-private-plan-box-title-color);
  font: var(--home-private-cards-font);
}
.home-plans-v4__box-description {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.home-plans-v4__box-description p {
  font-size: 1rem;
  line-height: 20px;
  color: var(--home-private-plan-box-title-color);
  margin: 0;
}
.home-plans-v4__box-description strong {
  font: var(--home-private-cards-status-font);
  display: flex;
  gap: 4px;
  align-items: center;
}
.home-plans-v4__box-description strong span {
  position: relative;
  top: 0.5px;
}
.home-plans-v4__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-plans-v4__divider.phd-mobile {
  margin: 0;
}
.home-plans-v4__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-plans-v4__content {
  display: grid;
  grid-gap: 16px;
  align-items: center;
  align-content: flex-start;
}
.home-plans-v4__content-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 16px;
}
.home-plans-v4__content-status div:first-child {
  text-align: left;
}
.home-plans-v4__content-status div:first-child h1 {
  font-weight: bolder;
  color: black;
  margin-bottom: 10px;
}
.home-plans-v4__content-status div:last-child {
  text-align: center;
}
.home-plans-v4__content-status .contract-status {
  display: flex;
  gap: 30px;
  font-size: 16px;
}
.home-plans-v4__content-status .contract-status--201 > strong {
  color: var(--success);
}
.home-plans-v4__content-status .contract-status--200 > strong,
.home-plans-v4__content-status .contract-status--202 > strong,
.home-plans-v4__content-status .contract-status--203 > strong,
.home-plans-v4__content-status .contract-status--303 > strong,
.home-plans-v4__content-status .contract-status--304 > strong {
  color: var(--warning);
}
.home-plans-v4__content-status .contract-status--204 > strong,
.home-plans-v4__content-status .contract-status--205 > strong,
.home-plans-v4__content-status .contract-status--301 > strong,
.home-plans-v4__content-status .contract-status--302 > strong {
  color: var(--error);
}
.home-plans-v4__content-installments {
  display: grid;
}
.home-plans-v4__content-installments-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 0;
}
.home-plans-v4__content-installments-item .status {
  margin-left: auto;
  margin-right: 6px;
}
.home-plans-v4__content-installments-item .status--PA {
  color: var(--success);
}
.home-plans-v4__content-installments-item .status--AP {
  color: var(--warning);
}
.home-plans-v4__content-installments-item .status--TP {
  color: var(--warning);
}
.home-plans-v4__content-installments-item .status--CA {
  color: var(--error);
}
.home-plans-v4__content-installments-item a {
  text-decoration: none;
}
.home-plans-v4__content-installments-item i {
  color: var(--primary);
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-plans-v4 .no-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  font-size: 16px;
  text-decoration: none;
}
.home-plans-v4 .no-plan:hover {
  opacity: 0.75;
}
.home-plans-v4 .no-plan .icon {
  margin-top: 0;
  margin-bottom: 20px;
  width: 70px;
  height: 70px;
}
.home-plans-v4 .no-plan .icon i {
  font-size: 24px;
  color: white;
  font-weight: normal;
}
.home-plans-v4 .no-plan .text {
  margin-bottom: 20px;
  color: #5f5f5f;
}
.home-plans-v4__select-plan {
  position: absolute;
  right: 0px;
  top: 0px;
}
.home-plans-v4__select-plan button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
}
.home-plans-v4__select-plan button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.home-plans-v4__select-plan-box {
  position: absolute;
  top: 22px;
  right: 0px;
  display: block;
  width: 100%;
  min-width: 250px;
  background: rgba(255, 255, 255, 0.7);
}
.home-plans-v4__select-plan-box ul {
  list-style: none;
  padding: 0px;
}
.home-plans-v4__select-plan-box ul li {
  display: block;
  padding: 5px;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
}
.home-plans-v4__select-plan-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.home-plans-v4__matricula {
  text-align: left;
  font-size: 15px;
}
.home-plans-5 {
  background: #fff;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  min-height: 360px;
  height: auto;
  display: flex;
  flex-direction: column;
  position: relative;
}
.home-plans-5__title {
  background: var(--home-private-bg-title-cards);
  border-bottom: solid 1px #999999;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 16px;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
}
.home-plans-5__content {
  padding: 0 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.home-plans-5__content-renew-button {
  width: 100%;
  margin: 10px 0 16px;
}
.home-plans-5__content-renew-button ::ng-deep.feng-btn--secondary.feng-btn--outline:not(.feng-btn--icon) {
  background: transparent;
  color: #F00A0A;
  border-color: currentColor;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
}
.home-plans-5__content-upgrade-button {
  width: 100%;
  margin: 10px 0 16px;
}
.home-plans-5__content-upgrade-button ::ng-deep.feng-btn--secondary.feng-btn--outline:not(.feng-btn--icon) {
  background: #F00A0A;
  color: #fff;
  border-color: currentColor;
  border-radius: 5px;
  padding: 10px 15px;
  width: 100%;
}
.home-plans-5__content-body {
  width: 100%;
  height: 100%;
}
.home-plans-5__content-body-status-plan {
  font: var(--home-private-cards-font);
  color: #393939;
  margin: 16px 0 2px;
}
.home-plans-5__content-body-status-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  margin-bottom: 8px;
}
.home-plans-5__content-body-status-name p {
  margin: 0;
  color: #393939;
  font-size: 16px;
}
.home-plans-5__content-body-status-name-plan {
  display: flex;
  gap: 30px;
  font-size: 15px;
}
.home-plans-5__content-body-status-name-plan span {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.home-plans-5__content-body-status-name-plan--201 > strong {
  color: #1F845A;
}
.home-plans-5__content-body-status-name-plan--200 > strong, .home-plans-5__content-body-status-name-plan--202 > strong, .home-plans-5__content-body-status-name-plan--203 > strong, .home-plans-5__content-body-status-name-plan--303 > strong, .home-plans-5__content-body-status-name-plan--304 > strong {
  color: var(--warning);
}
.home-plans-5__content-body-status-name-plan--204 > strong, .home-plans-5__content-body-status-name-plan--205 > strong, .home-plans-5__content-body-status-name-plan--301 > strong, .home-plans-5__content-body-status-name-plan--302 > strong {
  color: #CA3521;
}
.home-plans-5__content-body-installments {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  margin: 16px -16px 0;
}
.home-plans-5__content-body-installments li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 10px 16px;
  border-top: solid 1px #E4E4E4;
}
.home-plans-5__content-body-installments li p {
  margin: 0;
  color: #393939;
  font: var(--salutation-text-font, 500 15px/18px var(--font-primary));
  font-size: 13px;
  font-weight: 700;
}
.home-plans-5__content-body-installments-status {
  font-weight: 700;
  font-family: var(--action-button-font-family, var(--font-button));
  font-size: 11px;
}
.home-plans-5__content-body-installments-status--PA {
  color: #1F845A;
}
.home-plans-5__content-body-installments-status--AP {
  color: #343434;
  border: solid 1px currentColor;
  border-radius: 4px;
  padding: 1px 8px;
  text-transform: uppercase;
}
.home-plans-5__content-body-installments-status--TP {
  color: var(--warning);
  border: solid 1px currentColor;
  border-radius: 4px;
  padding: 1px 8px;
  text-transform: uppercase;
}
.home-plans-5__content-body-installments-status--CA {
  color: #CA3521;
}
.home-plans-5__content-body-empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-plans-5__content-body-empty-text {
  display: flex;
  margin-top: 58px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-plans-5__content-body-empty-text-icon {
  background: #F00A0A29;
  width: 80px;
  height: 80px;
  color: #F00A0A;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-plans-5__content-body-empty-text-icon span {
  font-size: 56px;
  position: relative;
  top: 5px;
}
.home-plans-5__content-body-empty-text p {
  font: var(--home-private-cards-font);
  font-size: 20px;
  margin: 24px 0 44px;
}
.home-plans-5__content-body-empty-button {
  width: 100%;
  margin-top: auto;
}
.home-plans-5__content-body-empty-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background: #F00A0A;
  color: #fff;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
}
.fengsthome-st-home-rating {
  background: #fff;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  height: 381px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.fengsthome-st-home-rating__title {
  background: var(--home-private-bg-title-cards);
  border-bottom: solid 1px #999999;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 16px;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
}
.fengsthome-st-home-rating__content {
  padding: 0 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.fengsthome-st-home-rating__content-body {
  width: 100%;
  height: 100%;
}
.fengsthome-st-home-rating__content-body-rating {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fengsthome-st-home-rating__content-body-rating-stars {
  color: #F00A0A;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
.fengsthome-st-home-rating__content-body-rating-stars span {
  font-size: 60px;
  position: relative;
  top: 5px;
}
.fengsthome-st-home-rating__content-body-rating-stars .outline {
  color: #727272;
}
.fengsthome-st-home-rating__content-body-rating-stars .outline--empty {
  color: #F00A0A;
}
.fengsthome-st-home-rating__content-body-rating-text {
  display: flex;
  margin-top: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 353px;
  text-align: center;
}
.fengsthome-st-home-rating__content-body-rating-text p {
  font-family: var(--action-button-font-family, var(--font-button));
  font-size: 17px;
  line-height: 24px;
  font-weight: 400;
  margin: 28px 0;
  color: #727272;
}
.fengsthome-st-home-rating__content-body-rating-button {
  width: 100%;
  margin-top: auto;
}
.fengsthome-st-home-rating__content-body-rating-button ::ng-deep.feng-btn--secondary {
  background: transparent;
  color: #F00A0A;
  border-color: currentColor;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
}
.home-tickets--custom-sizes {
  width: 70% !important;
  height: 290px !important;
  margin: 0 auto !important;
}
@media (min-width: 767px) {
  .home-tickets--custom-sizes {
    width: 570px !important;
  }
}
.home-tickets__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font-family: var(--home-private-font-family-cards);
  font-size: var(--home-private-font-size-cards);
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 5px 0;
  line-height: 40px;
}
.home-tickets__title--custom-position {
  justify-content: center;
}
.home-tickets__title--custom-position::before {
  margin: 0 auto;
}
.home-tickets__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-tickets__title--custom-fill-title {
    height: 56px;
  }
}
.home-tickets__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-tickets__title::before {
  content: "";
  display: block;
  width: 68px;
  border-top: 3px solid var(--info);
}
.home-tickets__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-tickets__divider.phd-mobile {
  margin: 0;
}
.home-tickets__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-tickets__wrapper {
  position: relative;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  text-align: center;
  min-height: 280px;
  display: grid;
  background-color: var(--background);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  grid-template: min-content min-content min-content min-content min-content/auto;
  grid-gap: 16px;
  text-decoration: none;
  font-size: 16px;
  color: var(--primary);
}
.home-tickets__wrapper--loading {
  align-items: center;
  grid-template: auto/auto;
}
.home-tickets .hora {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets .hora--cruzeiroColor {
  color: var(--primary);
}
.home-tickets .hora span {
  font-size: 35px;
  font-weight: bold;
}
.home-tickets .escudo {
  width: 20px;
}
.home-tickets .estadio {
  margin: 0;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets .date-time {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets i {
  font-size: 50px;
}
.home-tickets .date-match {
  font-size: 25px;
  display: flex;
  align-items: center;
  font-weight: bolder;
  letter-spacing: 2px;
  text-decoration: none;
  cursor: pointer;
  color: var(--background);
  background-color: var(--on-background);
  padding: 10px;
}
.home-tickets .date-match .month {
  font-size: 16px;
  margin-left: 6px;
  font-weight: bold;
  letter-spacing: normal;
}
.home-tickets .date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-tickets .escudos {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.home-tickets .escudos.is-pacote {
  justify-content: center;
}
.home-tickets .escudos .vs {
  font-weight: bold;
}
.home-tickets .escudos img {
  width: 50px;
}
.home-tickets .match-datails {
  display: grid;
  grid-gap: 4px;
  color: #7C7C7C;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets .match-datails .match-title {
  color: black;
  font-weight: bolder;
}
.home-tickets .match-datails .match-title--cruzeiroColor {
  color: var(--primary);
}
.home-tickets .hora-local {
  display: flex;
  justify-content: space-around;
}
.home-tickets .rodada {
  display: flex;
  flex-direction: column;
}
.home-tickets-v2--custom-sizes {
  width: 70% !important;
  height: 290px !important;
  margin: 0 auto !important;
}
@media (min-width: 767px) {
  .home-tickets-v2--custom-sizes {
    width: 570px !important;
  }
}
.home-tickets-v2__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font-family: var(--home-private-font-family-cards);
  font-size: var(--home-private-font-size-cards);
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 5px 0;
  line-height: 40px;
}
.home-tickets-v2__title--custom-position {
  justify-content: center;
}
.home-tickets-v2__title--custom-position::before {
  margin: 0 auto;
}
.home-tickets-v2__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-tickets-v2__title--custom-fill-title {
    height: 56px;
  }
}
.home-tickets-v2__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-tickets-v2__title::before {
  content: "";
  display: block;
  width: 68px;
  border-top: 3px solid var(--info);
}
.home-tickets-v2__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-tickets-v2__divider.phd-mobile {
  margin: 0;
}
.home-tickets-v2__wrapper {
  position: relative;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  text-align: center;
  min-height: 322px;
  display: grid;
  background-color: var(--background);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  font-size: 16px;
  color: var(--primary);
}
.home-tickets-v2__wrapper .button-ticket {
  width: 100% !important;
  background: var(--home-call-to-action-button-color) !important;
  border-radius: 4px;
  height: 40px;
}
.home-tickets-v2__wrapper .button-ticket ::ng-deep .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--home-call-to-action-button-color) !important;
  height: 40px !important;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
}
.home-tickets-v2__wrapper--loading {
  align-items: center;
  grid-template: auto/auto;
}
.home-tickets-v2 .hora {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v2 .hora--cruzeiroColor {
  color: var(--primary);
}
.home-tickets-v2 .hora span {
  font-size: 35px;
  font-weight: bold;
}
.home-tickets-v2 .escudo {
  width: 20px;
}
.home-tickets-v2 .estadio {
  margin: 0;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v2 .date-time {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v2 i {
  font-size: 50px;
}
.home-tickets-v2 .date-match {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  font-weight: bolder;
  cursor: pointer;
  font-family: "Montserrat";
  font-weight: 700;
  color: #393939;
  line-height: 32px;
}
.home-tickets-v2 .date-match .month {
  font-size: 1.5rem;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 32px;
  margin-left: 6px;
  font-weight: bold;
  letter-spacing: normal;
}
.home-tickets-v2 .date-match .separator {
  margin: 0 6px;
  font-weight: 400 !important;
  font-family: "Montserrat" !important;
}
.home-tickets-v2 .date-match .time {
  font-size: 1.5rem;
  font-weight: 400 !important;
  font-family: "Montserrat" !important;
}
.home-tickets-v2 .date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-tickets-v2 .date__title {
  color: #393939;
  font-size: 1rem;
  line-height: 20px;
  font-weight: 400;
  font-family: "Montserrat";
  white-space: nowrap;
}
.home-tickets-v2 .escudos {
  display: flex;
  column-gap: 35px;
  align-items: center;
}
.home-tickets-v2 .escudos.is-pacote {
  justify-content: center;
}
.home-tickets-v2 .escudos .vs {
  font-weight: bold;
  font-size: 48px;
  font-family: "Montserrat";
  color: #393939;
}
.home-tickets-v2 .escudos img {
  width: 100%;
  max-width: 100px;
}
.home-tickets-v2 .match-datails {
  display: flex;
  color: #7C7C7C;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 16px;
  justify-content: space-between;
}
.home-tickets-v2 .match-datails .match-title {
  color: #171717;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 20px;
  font-size: 0.875rem;
}
.home-tickets-v2 .hora-local {
  display: flex;
  justify-content: space-around;
}
.home-tickets-v2 .rodada {
  display: flex;
  flex-direction: column;
}
.home-tickets-v2 .rodada .campeonato {
  font-size: 0.75rem;
  line-height: 16px;
  color: #171717;
  font-family: "Montserrat";
  font-weight: 400;
}
.home-tickets-v2 .estadio {
  font-size: 0.75rem;
  line-height: 16px;
  color: #171717;
  font-family: "Montserrat";
  font-weight: 400;
}
.home-tickets-v3--custom-sizes {
  width: 70% !important;
  height: 290px !important;
  margin: 0 auto !important;
}
@media (min-width: 767px) {
  .home-tickets-v3--custom-sizes {
    width: 570px !important;
  }
}
.home-tickets-v3__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
  text-decoration: none;
  text-align: left;
  padding: 11px 16px;
  background: var(--home-private-bg-title-cards);
  border-radius: 4px 4px 0 0;
}
.home-tickets-v3__title--custom-position {
  justify-content: center;
}
.home-tickets-v3__title--custom-position::before {
  margin: 0 auto;
}
.home-tickets-v3__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-tickets-v3__title--custom-fill-title {
    height: 56px;
  }
}
.home-tickets-v3__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-tickets-v3__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-tickets-v3__divider.phd-mobile {
  margin: 0;
}
.home-tickets-v3__wrapper {
  position: relative;
  border-radius: 0 0 4px 4px;
  width: 100%;
  text-align: center;
  min-height: 280px;
  display: grid;
  color: var(--on-background);
  padding: 0 24px;
  background-color: var(--background);
  border: 1px solid #E9E9E9;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
}
.home-tickets-v3__wrapper--loading {
  align-items: center;
}
.home-tickets-v3__wrapper .button-ticket {
  width: 100% !important;
  background: var(--home-call-to-action-button-color) !important;
  border-radius: 4px;
  height: 40px;
}
.home-tickets-v3__wrapper .button-ticket ::ng-deep .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--home-call-to-action-button-color) !important;
  height: 40px !important;
  font-family: var(--action-button-font-family, var(--font-button));
  font-size: 14px;
  line-height: 20px;
}
.home-tickets-v3 .hora {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v3 .hora--cruzeiroColor {
  color: var(--primary);
}
.home-tickets-v3 .hora span {
  font-size: 35px;
  font-weight: bold;
}
.home-tickets-v3 .escudo {
  width: 20px;
}
.home-tickets-v3 .estadio {
  margin: 0;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v3 .date-time {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v3 i {
  font-size: 50px;
}
.home-tickets-v3 .date-match {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--home-private-plan-box-title-color);
  font: var(--home-private-cards-font);
}
.home-tickets-v3 .date-match .month {
  margin-left: 6px;
  cursor: pointer;
  color: var(--home-private-plan-box-title-color);
  font: var(--home-private-cards-font);
}
.home-tickets-v3 .date-match .separator {
  position: relative;
  width: 1px;
  height: 30px;
  background: var(--divider-color);
  margin: 0 6px;
}
.home-tickets-v3 .date-match .time {
  color: var(--home-private-plan-box-title-color);
  font: var(--home-private-cards-font);
  font-weight: 400;
}
.home-tickets-v3 .date {
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-tickets-v3 .date__title {
  color: #393939;
  font-size: 1rem;
  line-height: 20px;
  font-family: "Montserrat";
  font-weight: 400;
  white-space: nowrap;
}
.home-tickets-v3 .escudos {
  display: flex;
  column-gap: 35px;
  align-items: center;
}
.home-tickets-v3 .escudos.is-pacote {
  justify-content: center;
}
.home-tickets-v3 .escudos .vs {
  font: var(--home-private-cards-font);
  color: #393939;
  font-size: 48px;
}
.home-tickets-v3 .escudos img {
  width: 100%;
  max-width: var(--home-private-match-shield-size, 100px);
}
.home-tickets-v3 .match-datails {
  display: flex;
  color: #7C7C7C;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 16px;
  justify-content: space-between;
}
.home-tickets-v3 .match-datails .match-title {
  color: #171717;
  font: var(--home-private-cards-status-font);
}
.home-tickets-v3 .hora-local {
  display: flex;
  justify-content: space-around;
}
.home-tickets-v3 .rodada {
  display: flex;
  flex-direction: column;
}
.home-tickets-v3 .rodada .campeonato {
  font-size: 0.75rem;
  line-height: 16px;
  color: #171717;
  font-family: "Montserrat";
  font-weight: 400;
}
.home-tickets-v3 .estadio {
  font-size: 0.75rem;
  line-height: 16px;
  color: #171717;
  font-family: "Montserrat";
  font-weight: 400;
}
.home-tickets-v4--custom-sizes {
  width: 70% !important;
  height: 290px !important;
  margin: 0 auto !important;
}
@media (min-width: 767px) {
  .home-tickets-v4--custom-sizes {
    width: 570px !important;
  }
}
.home-tickets-v4__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font-family: var(--home-private-font-family-cards);
  font-size: var(--home-private-font-size-cards);
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 5px 0;
  line-height: 40px;
  color: #fff;
  font-size: 24px;
}
.home-tickets-v4__title--custom-position {
  justify-content: center;
}
.home-tickets-v4__title--custom-position::before {
  margin: 0 auto;
}
.home-tickets-v4__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-tickets-v4__title--custom-fill-title {
    height: 56px;
  }
}
.home-tickets-v4__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-tickets-v4__title::before {
  content: "";
  display: block;
  width: 68px;
  border-top: 3px solid var(--info);
}
.home-tickets-v4__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-tickets-v4__divider.phd-mobile {
  margin: 0;
}
.home-tickets-v4__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-tickets-v4__wrapper {
  position: relative;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  text-align: center;
  min-height: 280px;
  display: grid;
  background-color: var(--background);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  grid-template: min-content min-content min-content min-content min-content/auto;
  grid-gap: 16px;
  text-decoration: none;
  font-size: 16px;
  color: var(--primary);
}
.home-tickets-v4__wrapper--loading {
  align-items: center;
  grid-template: auto/auto;
}
.home-tickets-v4 .hora {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v4 .hora--cruzeiroColor {
  color: var(--primary);
}
.home-tickets-v4 .hora span {
  font-size: 35px;
  font-weight: bold;
}
.home-tickets-v4 .escudo {
  width: 20px;
}
.home-tickets-v4 .estadio {
  margin: 0;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v4 .date-time {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v4 i {
  font-size: 50px;
}
.home-tickets-v4 .date-match {
  font-size: 25px;
  display: flex;
  align-items: center;
  font-weight: bolder;
  letter-spacing: 2px;
  text-decoration: none;
  cursor: pointer;
  color: var(--background);
  background-color: var(--on-background);
  padding: 10px;
}
.home-tickets-v4 .date-match .month {
  font-size: 16px;
  margin-left: 6px;
  font-weight: bold;
  letter-spacing: normal;
}
.home-tickets-v4 .date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-tickets-v4 .escudos {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.home-tickets-v4 .escudos.is-pacote {
  justify-content: center;
}
.home-tickets-v4 .escudos .vs {
  font-weight: bold;
}
.home-tickets-v4 .escudos img {
  width: 50px;
}
.home-tickets-v4 .match-datails {
  display: grid;
  grid-gap: 4px;
  color: #7C7C7C;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v4 .match-datails .match-title {
  color: black;
  font-weight: bolder;
}
.home-tickets-v4 .match-datails .match-title--cruzeiroColor {
  color: var(--primary);
}
.home-tickets-v4 .hora-local {
  display: flex;
  justify-content: space-around;
}
.home-tickets-v4 .rodada {
  display: flex;
  flex-direction: column;
}
.home-tickets-v5--custom-sizes {
  width: 70% !important;
  height: 290px !important;
  margin: 0 auto !important;
}
@media (min-width: 767px) {
  .home-tickets-v5--custom-sizes {
    width: 570px !important;
  }
}
.home-tickets-v5__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
  text-decoration: none;
  text-align: left;
  padding: 12px 16px;
  background: var(--home-private-bg-title-cards);
  border-radius: 4px 4px 0 0;
}
.home-tickets-v5__title--custom-position {
  justify-content: center;
}
.home-tickets-v5__title--custom-position::before {
  margin: 0 auto;
}
.home-tickets-v5__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-tickets-v5__title--custom-fill-title {
    height: 56px;
  }
}
.home-tickets-v5__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-tickets-v5__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-tickets-v5__divider.phd-mobile {
  margin: 0;
}
.home-tickets-v5__wrapper {
  position: relative;
  border-radius: 0 0 4px 4px;
  width: 100%;
  text-align: center;
  min-height: 305px;
  display: grid;
  color: var(--on-background);
  padding: 0 24px;
  background-color: var(--background);
  border: 1px solid #E9E9E9;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
}
.home-tickets-v5__wrapper-date {
  margin-top: 20px;
  margin-bottom: -11px;
}
.home-tickets-v5__wrapper-month, .home-tickets-v5__wrapper-day, .home-tickets-v5__wrapper-time {
  color: #393939 !important;
  font-size: 19px;
}
.home-tickets-v5__wrapper-match {
  flex-direction: column;
  justify-content: flex-start !important;
  gap: 3px;
}
.home-tickets-v5__wrapper-match .match-title {
  font-family: var(--action-button-font-family, var(--font-button)) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
.home-tickets-v5__wrapper-match .campeonato, .home-tickets-v5__wrapper-match .estadio {
  font-family: var(--action-button-font-family, var(--font-button)) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.home-tickets-v5__wrapper--loading {
  align-items: center;
}
.home-tickets-v5__wrapper-button {
  width: 100%;
  margin-top: 5px;
}
.home-tickets-v5__wrapper-button ::ng-deep.feng-btn--secondary {
  background: transparent;
  color: #F00A0A;
  border-color: currentColor;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
}
.home-tickets-v5__wrapper .button-ticket {
  width: 100% !important;
  background: var(--home-call-to-action-button-color) !important;
  border-radius: 4px;
  height: 40px;
}
.home-tickets-v5__wrapper .button-ticket ::ng-deep .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--home-call-to-action-button-color) !important;
  height: 40px !important;
  font-family: var(--action-button-font-family, var(--font-button));
  font-size: 14px;
  line-height: 20px;
}
.home-tickets-v5__wave {
  width: calc(100% + 48px);
  height: 36px;
  padding: 8px 16px;
  margin: 0 -24px -9px -24px;
  background: rgba(240, 10, 10, 0.16);
  border-radius: 0 0 4px 4px;
}
.home-tickets-v5__empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-tickets-v5__empty-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-tickets-v5__empty-text-icon {
  background: #F00A0A29;
  width: 80px;
  height: 80px;
  color: #F00A0A;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-tickets-v5__empty-text-icon span {
  font-size: 56px;
  position: relative;
  top: 5px;
}
.home-tickets-v5__empty-text p {
  font: var(--home-private-cards-font);
  font-size: 19px;
  margin: 24px 0 44px;
}
.home-tickets-v5 .hora {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v5 .hora--cruzeiroColor {
  color: var(--primary);
}
.home-tickets-v5 .hora span {
  font-size: 35px;
  font-weight: bold;
}
.home-tickets-v5 .escudo {
  width: 20px;
}
.home-tickets-v5 .estadio {
  margin: 0;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v5 .date-time {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
}
.home-tickets-v5 i {
  font-size: 50px;
}
.home-tickets-v5 .date-match {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--home-private-plan-box-title-color);
  font: var(--home-private-cards-font);
}
.home-tickets-v5 .date-match .month {
  margin-left: 6px;
  cursor: pointer;
  color: var(--home-private-plan-box-title-color);
  font: var(--home-private-cards-font);
}
.home-tickets-v5 .date-match .day {
  margin-left: 6px;
}
.home-tickets-v5 .date-match .separator {
  position: relative;
  width: 1px;
  height: 30px;
  background: var(--divider-color);
  margin: 0 6px;
}
.home-tickets-v5 .date-match .time {
  color: var(--home-private-plan-box-title-color);
  font: var(--home-private-cards-font);
  font-weight: 400;
}
.home-tickets-v5 .date {
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-tickets-v5 .date__title {
  color: #393939;
  font-size: 1rem;
  line-height: 20px;
  font-family: "Montserrat";
  font-weight: 400;
  white-space: nowrap;
}
.home-tickets-v5 .escudos {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-tickets-v5 .escudos.is-pacote {
  justify-content: center;
}
.home-tickets-v5 .escudos .vs {
  font: var(--home-private-cards-font);
  color: #393939;
  font-size: 48px;
}
.home-tickets-v5 .escudos img {
  width: 68px;
  max-width: var(--home-private-match-shield-size, 100px);
}
.home-tickets-v5 .escudos--mandante {
  width: 80% !important;
}
.home-tickets-v5 .match-datails {
  display: flex;
  color: #7C7C7C;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 9px;
  justify-content: space-between;
}
.home-tickets-v5 .match-datails .match-title {
  color: #171717;
  font: var(--home-private-cards-status-font);
}
.home-tickets-v5 .hora-local {
  display: flex;
  justify-content: space-around;
}
.home-tickets-v5 .rodada {
  display: flex;
  flex-direction: column;
}
.home-tickets-v5 .rodada .campeonato {
  font-size: 0.75rem;
  line-height: 16px;
  color: #171717;
  font-family: "Montserrat";
  font-weight: 400;
}
.home-tickets-v5 .estadio {
  font-size: 0.75rem;
  line-height: 16px;
  color: #171717;
  font-family: "Montserrat";
  font-weight: 400;
}
.home-ticket-cards {
  display: grid;
}
.home-ticket-cards__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font-family: var(--home-private-font-family-cards);
  font-size: var(--home-private-font-size-cards);
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 5px 0;
  line-height: 40px;
  text-transform: uppercase;
}
.home-ticket-cards__title::before {
  content: "";
  display: block;
  width: 68px;
  border-top: 3px solid var(--info);
}
.home-ticket-cards__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-ticket-cards__title--custom-fill-title {
    height: 56px;
  }
}
.home-ticket-cards__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-ticket-cards__wrapper {
  position: relative;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  text-align: center;
  min-height: 280px;
  display: grid;
  color: var(--on-background);
  background-color: var(--background);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  grid-template: min-content min-content min-content/auto;
  grid-gap: 16px;
}
.home-ticket-cards__wrapper--loading {
  align-items: center;
  grid-template: auto/auto;
}
.home-ticket-cards__wrapper > div > :first-child > a {
  margin-top: 0;
}
.home-ticket-cards__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-ticket-cards__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-ticket-cards__divider.phd-mobile {
  margin: 0;
}
.home-ticket-cards__item {
  display: grid;
  width: 100%;
  margin: 15px 0;
  grid-template: auto/2fr 1fr 0.5fr;
  text-align: left;
  text-decoration: none;
  grid-gap: 5px;
  align-items: center;
}
.home-ticket-cards__item .situation {
  text-align: center;
  font-weight: bold;
}
.home-ticket-cards__item .situation.g {
  color: var(--success);
}
.home-ticket-cards__item .situation.y {
  color: var(--warning);
}
.home-ticket-cards__item .situation.o {
  color: var(--warning);
}
.home-ticket-cards__item .situation.r {
  color: var(--error);
}
.home-ticket-cards__item i {
  color: var(--primary);
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-ticket-cards .no-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  font-size: 16px;
  text-decoration: none;
}
.home-ticket-cards .no-plan .icon {
  margin-top: 30px;
  margin-bottom: 0;
  width: 70px;
  height: 70px;
}
.home-ticket-cards .no-plan i {
  font-size: 24px;
  color: white;
  font-weight: normal;
}
.home-ticket-cards .no-plan .text {
  margin-bottom: 0;
  color: #5f5f5f;
}
.home-ticket-cards .no-plan .text p {
  margin-bottom: 0;
}
.home-ticket-cards .noTicket i {
  font-size: 30px;
  color: #5f5f5f;
}
.home-ticket-cards .noTicket p {
  font-size: 20px;
}
.home-ticket-cards .more {
  color: black;
  font-weight: normal;
  text-decoration: none;
}
.home-ticket-cards-v2 {
  display: grid;
}
.home-ticket-cards-v2__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font-family: var(--home-private-font-family-cards);
  font-size: var(--home-private-font-size-cards);
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 5px 0;
  line-height: 40px;
  text-transform: uppercase;
}
.home-ticket-cards-v2__title::before {
  content: "";
  display: block;
  width: 68px;
  border-top: 3px solid var(--info);
}
.home-ticket-cards-v2__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-ticket-cards-v2__title--custom-fill-title {
    height: 56px;
  }
}
.home-ticket-cards-v2__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-ticket-cards-v2__wrapper {
  position: relative;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  min-height: 322px;
  display: grid;
  color: var(--on-background);
  background-color: var(--background);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  grid-template: min-content min-content min-content/auto;
  grid-gap: 16px;
}
.home-ticket-cards-v2__wrapper--loading {
  align-items: center;
  grid-template: auto/auto;
}
.home-ticket-cards-v2__wrapper > div > :first-child > a {
  margin-top: 0;
}
.home-ticket-cards-v2__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-ticket-cards-v2__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-ticket-cards-v2__divider.phd-mobile {
  margin: 0;
}
.home-ticket-cards-v2__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
  text-decoration: none;
  grid-gap: 5px;
  align-items: center;
  padding: 20px 16px;
}
.home-ticket-cards-v2__item .name {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--text-global-800);
}
.home-ticket-cards-v2__item .situation {
  text-align: center;
  font-weight: bold;
  height: 20px;
  display: flex;
  align-items: center;
  border-radius: 100px;
  padding: 4px 10px;
}
.home-ticket-cards-v2__item .situation.g {
  color: var(--success);
  background: var(--background-success);
}
.home-ticket-cards-v2__item .situation.y {
  color: var(--warning);
  padding: 4px 10px;
  background: #FFF266;
  border: 1px solid #B2A301;
}
.home-ticket-cards-v2__item .situation.o {
  color: var(--warning);
}
.home-ticket-cards-v2__item .situation.r {
  color: var(--error);
  background: var(--background-error);
}
.home-ticket-cards-v2__item i {
  color: var(--primary);
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-ticket-cards-v2 .no-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  font-size: 16px;
  text-decoration: none;
}
.home-ticket-cards-v2 .no-plan .icon {
  margin-top: 30px;
  margin-bottom: 0;
  width: 70px;
  height: 70px;
}
.home-ticket-cards-v2 .no-plan i {
  font-size: 24px;
  color: white;
  font-weight: normal;
}
.home-ticket-cards-v2 .no-plan .text {
  margin-bottom: 0;
  color: #5f5f5f;
}
.home-ticket-cards-v2 .no-plan .text p {
  margin-bottom: 0;
}
.home-ticket-cards-v2 .noTicket i {
  font-size: 30px;
  color: #5f5f5f;
}
.home-ticket-cards-v2 .noTicket p {
  font-size: 20px;
}
.home-ticket-cards-v2 .more {
  color: black;
  font-weight: normal;
  text-decoration: none;
}
.home-ticket-cards-v3 {
  display: grid;
}
.home-ticket-cards-v3__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
  text-decoration: none;
  text-align: left;
  padding: 11px 16px;
  background: var(--home-private-bg-title-cards);
  border-radius: 4px 4px 0 0;
}
.home-ticket-cards-v3__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-ticket-cards-v3__title--custom-fill-title {
    height: 56px;
  }
}
.home-ticket-cards-v3__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-ticket-cards-v3__wrapper {
  position: relative;
  border-radius: 0 0 4px 4px;
  width: 100%;
  text-align: center;
  min-height: 280px;
  color: var(--on-background);
  background-color: var(--background);
  padding: 0;
  border: 1px solid #E9E9E9;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
}
.home-ticket-cards-v3__wrapper--loading {
  align-items: center;
  grid-template: auto/auto;
}
.home-ticket-cards-v3__wrapper > div > :first-child > a {
  margin-top: 0;
}
.home-ticket-cards-v3__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-ticket-cards-v3__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-ticket-cards-v3__divider.phd-mobile {
  margin: 0;
}
.home-ticket-cards-v3__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
  text-decoration: none;
  grid-gap: 5px;
  align-items: center;
  padding: 20px 16px;
}
.home-ticket-cards-v3__item .name {
  font: var(--home-private-card-text-font, 500 16px/20px "Montserrat");
  color: var(--text-global-800);
}
.home-ticket-cards-v3__item .situation {
  text-align: center;
  font-weight: bold;
  height: 20px;
  display: flex;
  align-items: center;
  border-radius: 100px;
  padding: 4px 10px;
}
.home-ticket-cards-v3__item .situation.g {
  color: var(--success);
  background: var(--background-success);
}
.home-ticket-cards-v3__item .situation.y {
  color: var(--warning);
  padding: 4px 10px;
  background: #FFF266;
  border: 1px solid #B2A301;
}
.home-ticket-cards-v3__item .situation.o {
  color: var(--warning);
}
.home-ticket-cards-v3__item .situation.r {
  color: var(--error);
  background: var(--background-error);
}
.home-ticket-cards-v3__item i {
  color: var(--primary);
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-ticket-cards-v3 .no-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  font-size: 16px;
  text-decoration: none;
}
.home-ticket-cards-v3 .no-plan .icon {
  margin-top: 30px;
  margin-bottom: 0;
  width: 70px;
  height: 70px;
}
.home-ticket-cards-v3 .no-plan i {
  font-size: 24px;
  color: white;
  font-weight: normal;
}
.home-ticket-cards-v3 .no-plan .text {
  margin-bottom: 0;
  color: #5f5f5f;
  padding: 0 26px;
}
.home-ticket-cards-v3 .no-plan .text p {
  margin-bottom: 0;
  font-weight: 700;
}
.home-ticket-cards-v3 .noTicket i {
  font-size: 30px;
  color: #5f5f5f;
}
.home-ticket-cards-v3 .noTicket p {
  font-size: 20px;
}
.home-ticket-cards-v3 .more {
  color: black;
  font-weight: normal;
  text-decoration: none;
}
.home-ticket-cards-v4 {
  display: grid;
}
.home-ticket-cards-v4__title {
  display: grid;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
  text-decoration: none;
  text-align: left;
  padding: 11px 16px;
  background: var(--home-private-bg-title-cards);
  border-radius: 4px 4px 0 0;
}
.home-ticket-cards-v4__title--custom-fill-title {
  background: var(--home-private-bg-title-cards);
  padding: 0px 12px;
  height: 48px;
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 992px) {
  .home-ticket-cards-v4__title--custom-fill-title {
    height: 56px;
  }
}
.home-ticket-cards-v4__title--custom-fill-title::before {
  content: "" !important;
  width: 0 !important;
  border-top: none !important;
}
.home-ticket-cards-v4__wrapper {
  position: relative;
  border-radius: 0 0 4px 4px;
  width: 100%;
  text-align: center;
  min-height: 280px;
  color: var(--on-background);
  background-color: var(--background);
  padding: 0;
  border: 1px solid #E9E9E9;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
}
.home-ticket-cards-v4__wrapper--loading {
  align-items: center;
  grid-template: auto/auto;
}
.home-ticket-cards-v4__wrapper > div > :first-child > a {
  margin-top: 0;
}
.home-ticket-cards-v4__more-info {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.home-ticket-cards-v4__divider {
  background: var(--info);
  margin: 0;
  height: 1px;
}
.home-ticket-cards-v4__divider.phd-mobile {
  margin: 0;
}
.home-ticket-cards-v4__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
  text-decoration: none;
  grid-gap: 5px;
  align-items: center;
  padding: 20px 16px;
}
.home-ticket-cards-v4__item .name {
  font: var(--home-private-card-text-font, 500 16px/20px "Montserrat");
  color: var(--text-global-800);
}
.home-ticket-cards-v4__item .situation {
  text-align: center;
  font-weight: bold;
  height: 20px;
  display: flex;
  align-items: center;
  border-radius: 100px;
  padding: 4px 10px;
}
.home-ticket-cards-v4__item .situation.g {
  color: var(--success);
  background: var(--background-success);
}
.home-ticket-cards-v4__item .situation.y {
  color: var(--warning);
  padding: 4px 10px;
  background: #FFF266;
  border: 1px solid #B2A301;
}
.home-ticket-cards-v4__item .situation.o {
  color: var(--warning);
}
.home-ticket-cards-v4__item .situation.r {
  color: var(--error);
  background: var(--background-error);
}
.home-ticket-cards-v4__item i {
  color: var(--primary);
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  display: grid;
  align-items: center;
}
.home-ticket-cards-v4 .no-plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  font-size: 16px;
  text-decoration: none;
}
.home-ticket-cards-v4 .no-plan .icon {
  margin-top: 30px;
  margin-bottom: 0;
  width: 70px;
  height: 70px;
}
.home-ticket-cards-v4 .no-plan i {
  font-size: 24px;
  color: white;
  font-weight: normal;
}
.home-ticket-cards-v4 .no-plan .text {
  margin-bottom: 0;
  color: #5f5f5f;
  padding: 0 26px;
}
.home-ticket-cards-v4 .no-plan .text p {
  margin-bottom: 0;
  font-weight: 700;
}
.home-ticket-cards-v4 .noTicket i {
  font-size: 30px;
  color: #5f5f5f;
}
.home-ticket-cards-v4 .noTicket p {
  font-size: 20px;
}
.home-ticket-cards-v4 .more {
  color: black;
  font-weight: normal;
  text-decoration: none;
}
.home-ticket-cards-v5 {
  background: #fff;
  box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  min-height: 360px;
  height: auto;
  position: relative;
}
.home-ticket-cards-v5__title {
  background: var(--home-private-bg-title-cards);
  border-bottom: solid 1px #999999;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 16px;
  color: var(--home-private-cards-title-color, var(--primary));
  font: var(--home-private-cards-font);
  margin: 0px;
}
.home-ticket-cards-v5__content {
  padding: 0 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.home-ticket-cards-v5__content-body {
  width: 100%;
  height: 100%;
}
.home-ticket-cards-v5__content-body-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.home-ticket-cards-v5__content-body-card .id {
  color: #F00A0A;
  font-size: 50px;
  margin-top: 10px;
}
.home-ticket-cards-v5__content-body-card-title {
  font: var(--home-private-cards-font);
  font-size: 18px;
  color: #393939;
}
.home-ticket-cards-v5__content-body-card-desc {
  font-family: var(--action-button-font-family, var(--font-button));
  font-size: 15px;
  margin: 0 0 10px;
  color: #727272;
  font-weight: 400;
}
.home-ticket-cards-v5__content-body-card-button {
  width: 100%;
  margin-top: auto;
}
.home-ticket-cards-v5__content-body-card-button ::ng-deep.feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background: #F00A0A;
  color: #fff;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
}
.home-ticket-cards-v5__content-body-empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -30px;
}
.home-ticket-cards-v5__content-body-empty-text {
  display: flex;
  margin-top: 58px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-ticket-cards-v5__content-body-empty-text-icon {
  background: #F00A0A29;
  width: 80px;
  height: 80px;
  color: #F00A0A;
  border-radius: 50%;
  color: var(--secondary);
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-ticket-cards-v5__content-body-empty-text-icon span {
  font-size: 56px;
  position: relative;
}
.home-ticket-cards-v5__content-body-empty-text p {
  font: var(--home-private-cards-font);
  font-size: 20px;
  text-align: center;
}
.home-ticket-cards-v5__content-body-empty-button {
  width: 100%;
  margin-top: auto;
}
.view-st-home {
  position: relative;
  background-color: var(--home-private-background);
}
.view-st-home--background-texture {
  background: var(--home-private-background-texture);
}
.view-st-home > fengstui-local-loading {
  margin-top: 50px;
}
.st-home-cards--mc {
  height: 489px;
}
div.st-home-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 320px;
  max-width: 320px;
  margin: auto;
  margin-top: 75px;
}
@media (min-width: 992px) {
  div.st-home-wrapper {
    max-width: 960px;
    margin-top: 50px;
  }
}
div.st-home-wrapper .mat-step-header .mat-step-icon-selected, div.st-home-wrapper .mat-step-header .mat-step-icon-state-done, div.st-home-wrapper .mat-step-header .mat-step-icon-state-edit {
  background-color: var(--on-primary);
  color: #fff;
}
div.st-home-wrapper .mat-stepper-horizontal, div.st-home-wrapper .mat-stepper-vertical {
  background: transparent !important;
}
div.st-home-wrapper section.st-checkout-signup {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
}
div.st-home-wrapper h1 {
  font-size: 30px;
  font-weight: lighter;
  display: block;
  margin: 30px auto;
  text-align: center;
}
.st-home-public-bg {
  padding: 0 2%;
  background: var(--home-public-background);
  background-attachment: fixed;
}
.light-version {
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.view-st-home {
  position: relative;
}
.view-st-home > fengstui-local-loading {
  margin-top: 50px;
}
div.st-home-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 320px;
  max-width: 320px;
  margin: auto;
  margin-top: 75px;
}
@media (min-width: 992px) {
  div.st-home-wrapper {
    max-width: 960px;
    margin-top: 50px;
  }
}
div.st-home-wrapper .mat-step-header .mat-step-icon-selected, div.st-home-wrapper .mat-step-header .mat-step-icon-state-done, div.st-home-wrapper .mat-step-header .mat-step-icon-state-edit {
  background-color: var(--primary);
  color: #fff;
}
div.st-home-wrapper .mat-stepper-horizontal, div.st-home-wrapper .mat-stepper-vertical {
  background: transparent !important;
}
div.st-home-wrapper section.st-checkout-signup {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
}
div.st-home-wrapper h1 {
  font-size: 30px;
  font-weight: lighter;
  display: block;
  margin: 30px auto;
  text-align: center;
}
.view-tabs {
  background-color: white;
  text-align: center;
}
.view-tabs .mat-tab-group {
  position: relative;
}
.view-tabs .mat-tab-group.label-content-primary-color .mat-tab-label-content {
  color: var(--primary);
}
.view-tabs .mat-tab-group.ink-primary-color.mat-primary .mat-ink-bar, .view-tabs .mat-tab-group.ink-primary-color .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: var(--primary);
}
.view-tabs .mat-tab-group.mat-primary .mat-ink-bar, .view-tabs .mat-tab-group .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #1D1D1B;
  height: 3px;
  display: none;
}
@media (min-width: 586px) {
  .view-tabs .mat-tab-group.mat-primary .mat-ink-bar, .view-tabs .mat-tab-group .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    display: block;
  }
}
@media (min-width: 601px) {
  .view-tabs .mat-tab-group.mat-primary .mat-ink-bar, .view-tabs .mat-tab-group .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    display: none;
  }
}
@media (min-width: 641px) {
  .view-tabs .mat-tab-group.mat-primary .mat-ink-bar, .view-tabs .mat-tab-group .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    display: block;
  }
}
.view-tabs .mat-tab-group .mat-tab-header {
  position: absolute !important;
  top: 50px;
  left: 0;
  z-index: 2;
  width: 100%;
  border: 0;
}
.view-tabs .mat-tab-group .mat-tab-header .mat-tab-labels {
  display: block;
}
.view-tabs .mat-tab-group .mat-tab-label {
  padding: 0 !important;
  margin: 0 24px !important;
}
.view-tabs .mat-tab-group .mat-tab-label:not(.mat-tab-label-active) {
  opacity: 0.7;
}
.view-tabs .mat-tab-group .mat-tab-label-active {
  opacity: 1;
}
.view-tabs .mat-tab-group .mat-tab-label-content {
  color: white;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  transition: color 0.6s ease;
}
.view-tabs .mat-tab-group .mat-tab-body-content {
  height: -moz-fit-content;
  height: fit-content;
}
.view-tabs .mat-tab-group .mat-tab-body-content > section {
  overflow: hidden;
  padding: 125px 0 80px;
}
@media (min-width: 767px) {
  .view-tabs .mat-tab-group .mat-tab-body-content > section {
    padding: 130px 0;
  }
}
.view-tabs__call {
  font-weight: normal;
  font-size: 30px;
  line-height: 30px;
  margin: 20px auto 64px;
  padding: 0 30px;
}
.view-tabs__call > p {
  margin: 0;
  font-size: 20px;
  line-height: 20px;
  padding: 0 30px;
}
@media (min-width: 992px) {
  .view-tabs__call {
    padding: 0;
    font-size: 44px;
    line-height: 50px;
  }
  .view-tabs__call > p {
    padding: 0;
    font-size: 34px;
    line-height: 34px;
  }
}
.view-tabs .desktop-tab-1 {
  background: var(--home-desktop-tabs-1-background);
  background-image: var(--home-desktop-tabs-1-background-img);
}
.view-tabs .desktop-tab-1__subcall {
  margin: 40px auto 66px;
}
@media (min-width: 375px) {
  .view-tabs .desktop-tab-1__subcall {
    margin: 0px auto 50px;
  }
}
@media (min-width: 767px) {
  .view-tabs .desktop-tab-1__subcall {
    margin: 90px auto 66px;
  }
}
.view-tabs .desktop-tab-1__subcall > p {
  font-size: 18px;
  line-height: 100%;
  font-weight: normal;
  padding: 0 40px;
  color: var(--on-secondary);
  margin: 18px;
}
@media (min-width: 767px) {
  .view-tabs .desktop-tab-1__subcall > p {
    font-size: 20px;
    line-height: 106%;
  }
}
@media (min-width: 992px) {
  .view-tabs .desktop-tab-1__subcall > p {
    padding: 0;
    font-size: 26px;
    line-height: 56px;
    font-style: italic;
  }
}
.view-tabs .desktop-tab-1__subcall:last-child {
  margin: 66px auto 10px;
}
.view-tabs .desktop-tab-1 fengstui-button button {
  font-family: var(--font-title) !important;
  background-color: #1D1D1B !important;
}
.view-tabs .desktop-tab-1 fengstui-button button:hover {
  color: var(--primary) !important;
  background-color: var(--on-surface) !important;
}
@media (min-width: 767px) {
  .view-tabs .desktop-tab-1 fengstui-button button {
    font-family: var(--font-title) !important;
    font-style: italic !important;
    padding: 10px 40px 14px !important;
    background-color: #1D1D1B !important;
  }
}
.view-tabs .desktop-tab-2 {
  background: var(--home-desktop-tabs-2-background);
  background-image: var(--home-desktop-tabs-2-background-img);
  color: white;
}
.view-tabs .desktop-tab-2__details {
  display: flex;
  flex-direction: column;
  margin: 70px auto 50px;
  padding: 0px 20px;
}
@media (min-width: 375px) {
  .view-tabs .desktop-tab-2__details {
    margin: 20px auto 50px;
  }
}
@media (min-width: 992px) {
  .view-tabs .desktop-tab-2__details {
    margin: 50px auto 50px;
    padding: 0px 40px;
    max-width: 1200px;
  }
}
.view-tabs .desktop-tab-2__details > p {
  margin: 8px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  font-style: italic;
}
@media (min-width: 767px) {
  .view-tabs .desktop-tab-2__details > p {
    margin: 8px 0;
    font-size: 24px;
    line-height: 34px;
  }
}
@media (min-width: 992px) {
  .view-tabs .desktop-tab-2__details > p {
    margin: 14px 0;
    font-size: 27px;
    line-height: 41px;
  }
}
.view-tabs .desktop-tab-2__details-primary {
  color: var(--primary);
}
.view-tabs .desktop-tab-2__details-black {
  color: black;
}
.view-tabs .desktop-tab-2__details:last-child {
  margin-top: 50px;
}
.view-tabs .desktop-tab-2 fengstui-button button {
  font-family: var(--font-title) !important;
}
.view-tabs .desktop-tab-2 fengstui-button button:hover {
  background-color: black !important;
}
@media (min-width: 767px) {
  .view-tabs .desktop-tab-2 fengstui-button button {
    font-family: var(--font-title) !important;
    font-style: italic !important;
    padding: 10px 40px 14px !important;
  }
}
.view-tabs .desktop-tab-2__detail {
  display: grid;
  max-height: auto;
  grid-template: auto auto/auto;
  gap: 44px;
  align-items: flex-end;
  justify-content: center;
}
@media (min-width: 992px) {
  .view-tabs .desktop-tab-2__detail {
    max-height: 108px;
    grid-template: auto/50% 50%;
    gap: 44px;
  }
}
.view-tabs .desktop-tab-2__detail:not(:last-child) {
  margin-bottom: 76px;
}
.view-tabs .desktop-tab-2__detail--left {
  text-align: right;
  margin: 0 0 0 auto;
}
.view-tabs .desktop-tab-2__detail--right {
  text-align: left;
  margin: 0 auto 0 0;
}
.view-tabs .desktop-tab-2__detail--big {
  max-width: 320px;
  font-size: 36px;
  line-height: 32px;
  font-weight: bold;
}
.view-tabs .desktop-tab-2__detail--small {
  max-width: 280px;
  font-size: 20px;
  line-height: 23px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .view-tabs .desktop-tab-2__detail--big {
    max-width: 416px;
    font-size: 56px;
    line-height: 52px;
  }
  .view-tabs .desktop-tab-2__detail--small {
    max-width: 386px;
    font-size: 20px;
    line-height: 23px;
  }
}
.view-tabs .desktop-tab-3 {
  background: var(--home-desktop-tabs-3-background);
  background-image: var(--home-desktop-tabs-3-background-img);
  color: white;
  position: relative;
}
.view-tabs .desktop-tab-3 > div {
  z-index: 2;
  margin-top: 50px;
}
.view-tabs .desktop-tab-3__call {
  font-family: "RidleyGrotesk-Medium";
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .view-tabs .desktop-tab-3__call {
    margin-bottom: 150px;
  }
}
.view-tabs .desktop-tab-3__players-bg {
  position: absolute;
  bottom: 170px;
  left: 0;
  right: 0;
  width: 950px;
  margin: 0 auto;
  opacity: 0.35;
}
.view-tabs .desktop-tab-3__button-wrapper {
  margin-top: 100px;
}
.view-tabs .desktop-tab-3 .item:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
  transition: 0.4s;
}
.view-tabs .desktop-tab-3 .how-to {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: 50px 0;
  flex-direction: column;
}
.view-tabs .desktop-tab-3 .how-to > img {
  height: 20px;
  transform: rotate(90deg);
}
@media (min-width: 992px) {
  .view-tabs .desktop-tab-3 .how-to {
    flex-direction: row;
  }
  .view-tabs .desktop-tab-3 .how-to > img {
    transform: rotate(0);
  }
}
.view-tabs .desktop-tab-3 .item {
  color: white;
  width: 80%;
  max-width: 620;
  border-radius: 20px;
  min-height: 100px;
  margin: 15px auto;
  display: grid;
  grid-template: auto/1fr 5fr;
  padding: 10px 20px;
  align-items: center;
  text-align: left;
  background-color: var(--primary);
  transition: 0.4s;
}
@media (min-width: 992px) {
  .view-tabs .desktop-tab-3 .item {
    width: 50%;
  }
}
.view-tabs .desktop-tab-3 .item .fengi-user-check {
  font-size: 60px;
}
.view-tabs .desktop-tab-3 .item .fengi-campo-black {
  font-size: 60px;
  margin-left: 1rem;
}
.view-tabs .desktop-tab-3 .item .fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.view-tabs .desktop-tab-3 .item .fengi-campo-black .path2:before {
  content: "";
  color: #020203;
  margin-left: -1.3544921875em;
}
.view-tabs .desktop-tab-3 .item .fengi-campo-black .path3:before {
  content: "";
  color: #020203;
  margin-left: -1.3544921875em;
}
.view-tabs .desktop-tab-3 .item .fengi-campo-black .path4:before {
  content: "";
  color: #4f4f4f;
  margin-left: -1.3544921875em;
}
.view-tabs .desktop-tab-3 .item .fengi-campo-black .path5:before {
  content: "";
  color: #4f4f4f;
  margin-left: -1.3544921875em;
}
.view-tabs .desktop-tab-3 .item .fengi-campo-black .path6:before {
  content: "";
  color: #020203;
  margin-left: -1.3544921875em;
}
.view-tabs .desktop-tab-3 .item .icon {
  font-size: 50px;
  margin: 15px;
}
.view-tabs .desktop-tab-3 .item .icon:before {
  color: white;
}
.view-tabs .desktop-tab-3 .item .fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.view-tabs .desktop-tab-3 .item p {
  font-size: 15px;
}
.view-tabs .desktop-tab-3 .item p > strong {
  font-size: 18px;
}
.view-tabs .desktop-tab-3 strong.primary-color {
  color: var(--primary);
}
.view-tabs .interior-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 10px 50px 10px;
}
@media (min-width: 1020px) {
  .view-tabs .interior-slide {
    display: none;
  }
}
.view-tabs .interior-slide p {
  color: black;
  font-size: 17px;
  line-height: 24px;
}
.view-tabs .interior-slide .mat-tab-header {
  display: none;
}
.view-tabs .interior-slide .bg-slide {
  border-radius: 25px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border: 2px solid darkgray;
  color: black;
  background-color: white;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 350px;
  width: 280px;
}
@media (min-width: 576px) {
  .view-tabs .interior-slide .bg-slide {
    width: 300px;
  }
}
@media (min-width: 767px) {
  .view-tabs .interior-slide .bg-slide {
    width: 350px;
  }
}
@media (min-width: 992px) {
  .view-tabs .interior-slide .bg-slide {
    width: 400px;
  }
}
.view-tabs .interior-slide .bg-slide button {
  align-self: center;
}
.view-tabs .interior-slide__icon {
  color: var(--primary);
  font-size: 60px;
}
.view-tabs .interior-slide .mat-tab-group.mat-primary .mat-ink-bar, .view-tabs .interior-slide .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: none;
}
.view-tabs.view-tabs-3 .mat-tab-group {
  position: relative;
}
.view-tabs.view-tabs-3 .mat-tab-group.mat-primary .mat-ink-bar, .view-tabs.view-tabs-3 .mat-tab-group .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  display: none;
}
.view-tabs.view-tabs-3 .mat-tab-group .mat-tab-header {
  position: absolute !important;
  top: 50px;
  left: 0;
  z-index: 2;
  width: 100%;
  border: 0;
}
.view-tabs.view-tabs-3 .mat-tab-group .mat-tab-header .mat-tab-labels {
  display: block;
}
.view-tabs.view-tabs-3 .mat-tab-group .mat-tab-label {
  padding: 0 20px !important;
  margin: 0 !important;
  height: 36px;
  border-bottom: 0;
}
.view-tabs.view-tabs-3 .mat-tab-group .mat-tab-label:not(.mat-tab-label-active) {
  opacity: 1;
}
.view-tabs.view-tabs-3 .mat-tab-group .mat-tab-label:not(.mat-tab-label-active) .mat-tab-label-content {
  opacity: 0.3;
}
.view-tabs.view-tabs-3 .mat-tab-group .mat-tab-label-active {
  opacity: 0;
  background-color: var(--secondary);
}
.view-tabs.view-tabs-3 .mat-tab-group .mat-tab-label-active .mat-tab-label-content {
  color: white;
}
.view-tabs.view-tabs-3 .mat-tab-group .mat-tab-label-content {
  color: var(--primary);
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  transition: color 0.6s ease;
}
.view-tabs.view-tabs-3 .mat-tab-group .mat-tab-body-content {
  height: -moz-fit-content;
  height: fit-content;
}
.view-tabs.view-tabs-3 .mat-tab-group .mat-tab-body-content > section {
  overflow: hidden;
  padding: 0px 0 80px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-3 .mat-tab-group .mat-tab-body-content > section {
    padding: 18px 0;
  }
}
.view-tabs.view-tabs-3 fengstui-button button {
  font-family: var(--font-title) !important;
  background-color: var(--secondary) !important;
}
.view-tabs.view-tabs-3 fengstui-button button:hover {
  background-color: var(--primary) !important;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-3 fengstui-button button {
    font-family: var(--font-title) !important;
    font-style: normal !important;
    padding: 6px 40px 8px !important;
    background-color: var(--secondary) !important;
    font-size: 20px !important;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-1__subcall {
  margin: 40px auto 40px;
  padding: 0 20px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-1__subcall {
    margin: 0 auto 40px;
    padding: 0;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-1__subcall h1 {
  color: var(--primary);
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 126%;
  max-width: 670px;
  margin: auto auto 36px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-1__subcall h1 {
    font-size: 38px;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-1__subcall p {
  color: var(--primary);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-transform: none !important;
  max-width: 780px;
  margin: auto;
}
.view-tabs.view-tabs-3 .desktop-tab-1__featurestable {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 30px auto 70px;
  padding: 0 20px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-1__featurestable {
    padding: 0;
    gap: 24px;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-1__featurestable-row {
  display: grid;
  color: #000000;
  gap: 0;
  margin: auto;
  grid-template: auto auto/auto;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-1__featurestable-row {
    grid-template: auto/200px 380px;
    gap: 24px;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-1__featurestable-row > :first-child {
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 45px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-1__featurestable-row > :first-child {
    align-items: center;
    text-align: right;
    justify-content: flex-end;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-1__featurestable-row > :last-child {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 23px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-1__featurestable-row > :last-child {
    align-items: center;
    text-align: left;
    justify-content: flex-start;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-3 > div {
  margin-top: 40px;
  margin-bottom: 80px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-3 > div {
    margin-top: 0;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-3 h1 {
  color: var(--primary);
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 43px;
  text-transform: uppercase;
  max-width: 520px;
  margin: auto auto 36px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-3 h1 {
    font-size: 36px;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-3 p {
  color: var(--primary);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-transform: none !important;
  max-width: 780px;
  margin: auto auto 40px;
  padding: 0 20px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-3 p {
    padding: 0;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-3 .item {
  background: white;
  color: black;
  border-radius: 0;
  filter: drop-shadow(3.4628px 3.4628px 8.65699px rgba(0, 0, 0, 0.1));
  grid-template: auto auto/auto;
  gap: 15px;
  padding: 20px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-3 .item {
    grid-template: auto/1fr 5fr;
    gap: 30px;
    padding: 10px 20px;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-3 .item img {
  margin: auto;
}
.view-tabs.view-tabs-3 .desktop-tab-3 .item p {
  color: var(--primary) !important;
  margin: auto 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-3 .item p {
    width: 90%;
    text-align: left;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-3 .item i {
  font-size: 80px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.view-tabs.view-tabs-3 .desktop-tab-3 .item i.icon-ticket-discount {
  font-size: 60px;
}
.view-tabs.view-tabs-3 .desktop-tab-3 .item i.icon-ticket-star {
  font-size: 60px;
}
.view-tabs.view-tabs-3 .desktop-tab-2__featurestable {
  display: grid;
  margin: auto;
  align-items: center;
  justify-content: center;
  grid-column-gap: 20px;
  grid-row-gap: 24px;
  grid-template: auto/auto;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-2__featurestable {
    grid-template: auto auto/auto auto;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-2__featurestable-box {
  width: 220px;
  height: 251px;
  filter: drop-shadow(3.29969px 3.29969px 8.24922px rgba(0, 0, 0, 0.25));
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  gap: 22px;
}
.view-tabs.view-tabs-3 .desktop-tab-2__featurestable-box p {
  color: black !important;
  font-size: 19px !important;
  margin: 0 auto auto !important;
}
.view-tabs.view-tabs-3 .desktop-tab-2__featurestable-box i {
  color: black;
  font-size: 76px;
}
.view-tabs.view-tabs-3 .desktop-tab-2__details {
  margin: 40px auto 60px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-2__details {
    margin: 0 auto 60px;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-2__details h1 {
  color: var(--primary) !important;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 43px;
  text-transform: uppercase;
  max-width: 460px;
  margin: auto auto 36px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-3 .desktop-tab-2__details h1 {
    font-size: 36px;
  }
}
.view-tabs.view-tabs-3 .desktop-tab-2__details p {
  color: var(--secondary) !important;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-transform: none !important;
  max-width: 600px;
  margin: auto auto 40px;
}
.view-tabs.view-tabs-4 {
  background: url(https://maracana.s3.sa-east-1.amazonaws.com/prod/assets/images/bg-vantagens.png) no-repeat center center/cover;
}
.view-tabs.view-tabs-4 .mat-tab-group {
  position: relative;
}
.view-tabs.view-tabs-4 .mat-tab-group.mat-primary .mat-ink-bar, .view-tabs.view-tabs-4 .mat-tab-group .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  display: none;
}
.view-tabs.view-tabs-4 .mat-tab-group .mat-tab-header {
  position: absolute !important;
  top: 50px;
  left: 0;
  z-index: 2;
  width: 100%;
  border: 0;
}
.view-tabs.view-tabs-4 .mat-tab-group .mat-tab-header .mat-tab-labels {
  display: block;
}
.view-tabs.view-tabs-4 .mat-tab-group .mat-tab-label {
  padding: 0 20px !important;
  margin: 0 !important;
  height: 36px;
  border-bottom: 0;
}
.view-tabs.view-tabs-4 .mat-tab-group .mat-tab-label:not(.mat-tab-label-active) {
  opacity: 1;
}
.view-tabs.view-tabs-4 .mat-tab-group .mat-tab-label:not(.mat-tab-label-active) .mat-tab-label-content {
  opacity: 0.3;
}
.view-tabs.view-tabs-4 .mat-tab-group .mat-tab-label-active {
  opacity: 1;
  background-color: var(--secondary);
}
.view-tabs.view-tabs-4 .mat-tab-group .mat-tab-label-active .mat-tab-label-content {
  color: white;
}
.view-tabs.view-tabs-4 .mat-tab-group .mat-tab-label-content {
  color: var(--primary);
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  transition: color 0.6s ease;
}
.view-tabs.view-tabs-4 .mat-tab-group .mat-tab-body-content {
  height: -moz-fit-content;
  height: fit-content;
}
.view-tabs.view-tabs-4 .mat-tab-group .mat-tab-body-content > section {
  overflow: hidden;
  padding: 160px 0 80px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-4 .mat-tab-group .mat-tab-body-content > section {
    padding: 130px 0;
  }
}
.view-tabs.view-tabs-4 fengstui-button button {
  font-family: var(--font-title) !important;
  background-color: var(--secondary) !important;
}
.view-tabs.view-tabs-4 fengstui-button button:hover {
  background-color: var(--primary) !important;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-4 fengstui-button button {
    font-family: var(--font-title) !important;
    font-style: normal !important;
    padding: 6px 40px 8px !important;
    background-color: var(--secondary) !important;
    font-size: 20px !important;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-1__subcall {
  margin: 40px auto 40px;
  padding: 0 20px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-1__subcall {
    margin: 0 auto 40px;
    padding: 0;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-1__subcall h1 {
  color: var(--primary);
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 126%;
  max-width: 670px;
  margin: auto auto 36px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-1__subcall h1 {
    font-size: 38px;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-1__subcall p {
  color: var(--primary);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-transform: none !important;
  max-width: 780px;
  margin: auto;
}
.view-tabs.view-tabs-4 .desktop-tab-1__featurestable {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 30px auto 70px;
  padding: 0 20px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-1__featurestable {
    padding: 0;
    gap: 24px;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-1__featurestable-row {
  display: grid;
  color: #000000;
  gap: 0;
  margin: auto;
  grid-template: auto auto/auto;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-1__featurestable-row {
    grid-template: auto/200px 380px;
    gap: 24px;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-1__featurestable-row > :first-child {
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 45px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-1__featurestable-row > :first-child {
    align-items: center;
    text-align: right;
    justify-content: flex-end;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-1__featurestable-row > :last-child {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 23px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-1__featurestable-row > :last-child {
    align-items: center;
    text-align: left;
    justify-content: flex-start;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-2__featurestable {
  display: grid;
  margin: auto;
  align-items: center;
  justify-content: center;
  grid-column-gap: 20px;
  grid-row-gap: 24px;
  grid-template: auto/auto;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-2__featurestable {
    grid-template: auto auto/auto auto;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-2__featurestable-box {
  width: 220px;
  height: 251px;
  filter: drop-shadow(3.29969px 3.29969px 8.24922px rgba(0, 0, 0, 0.25));
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  gap: 22px;
}
.view-tabs.view-tabs-4 .desktop-tab-2__featurestable-box p {
  color: black !important;
  font-size: 19px !important;
  margin: 0 auto auto !important;
}
.view-tabs.view-tabs-4 .desktop-tab-2__featurestable-box i {
  color: black;
  font-size: 76px;
}
.view-tabs.view-tabs-4 .desktop-tab-2__details {
  margin: 40px auto 60px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-2__details {
    margin: 0 auto 60px;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-2__details h1 {
  color: var(--primary) !important;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 43px;
  text-transform: uppercase;
  max-width: 460px;
  margin: auto auto 36px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-2__details h1 {
    font-size: 36px;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-2__details p {
  color: var(--secondary) !important;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-transform: none !important;
  max-width: 600px;
  margin: auto auto 40px;
}
.view-tabs.view-tabs-4 .desktop-tab-3 > div {
  margin-top: 40px;
  margin-bottom: 80px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-3 > div {
    margin-top: 0;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-3 h1 {
  color: var(--primary);
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 43px;
  text-transform: uppercase;
  max-width: 520px;
  margin: auto auto 36px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-3 h1 {
    font-size: 36px;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-3 p {
  color: var(--primary);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-transform: none !important;
  max-width: 780px;
  margin: auto auto 40px;
  padding: 0 20px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-3 p {
    padding: 0;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-3 .item {
  background: var(--primary);
  color: white;
  border-radius: 17px;
  filter: drop-shadow(3.4628px 3.4628px 8.65699px rgba(0, 0, 0, 0.1));
  grid-template: auto auto/auto;
  gap: 15px;
  padding: 20px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-3 .item {
    grid-template: auto/1fr 5fr;
    gap: 30px;
    padding: 10px 20px;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-3 .item img {
  margin: auto;
}
.view-tabs.view-tabs-4 .desktop-tab-3 .item p {
  color: white !important;
  margin: auto 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-4 .desktop-tab-3 .item p {
    width: 90%;
    text-align: left;
  }
}
.view-tabs.view-tabs-4 .desktop-tab-3 .item i {
  font-size: 80px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.view-tabs.view-tabs-4 .desktop-tab-3 .item i.icon-ticket-discount {
  font-size: 60px;
}
.view-tabs.view-tabs-4 .desktop-tab-3 .item i.icon-ticket-star {
  font-size: 60px;
}
.view-tabs.view-tabs-5 .alt-bg {
  background: linear-gradient(90deg, #000780 -10%, #008bff 40%);
}
.view-tabs.view-tabs-5 .alt-bg > h1 {
  color: #000780;
}
.view-tabs.view-tabs-5 > div {
  background: linear-gradient(90deg, #000780 20%, #008bff 110%);
}
.view-tabs.view-tabs-5 > div > h1 {
  font-family: Phudu;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 0.04em;
  color: #008bff;
  margin: 40px 30px 0 30px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-5 > div > h1 {
    font-size: 62px;
    line-height: 70px;
    margin: 40px 70px 0 70px;
  }
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-5 > div > h1 {
    font-size: 82px;
    line-height: 90px;
  }
}
.view-tabs.view-tabs-5 > div .mat-tab-group {
  position: relative;
}
.view-tabs.view-tabs-5 > div .mat-tab-group.label-content-primary-color .mat-tab-label-content {
  color: white;
}
.view-tabs.view-tabs-5 > div .mat-tab-group.ink-primary-color.mat-primary .mat-ink-bar, .view-tabs.view-tabs-5 > div .mat-tab-group.ink-primary-color .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #000354;
}
.view-tabs.view-tabs-5 > div .mat-tab-group.mat-primary .mat-ink-bar, .view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  display: none;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-header {
  position: absolute !important;
  top: 50px;
  left: 0;
  z-index: 2;
  width: 100%;
  border: 0;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-header .mat-tab-labels {
  display: block;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-label {
  padding: 0 20px !important;
  margin: 0 !important;
  height: 36px;
  background-color: #000354;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-label:first-of-type {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-label:last-of-type {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-label:not(.mat-tab-label-active) {
  opacity: 1;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-label:not(.mat-tab-label-active) .mat-tab-label-content {
  opacity: 0.3;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-label-active {
  opacity: 1;
  background-color: #eab201;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-label-active .mat-tab-label-content {
  color: #010068;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-label-content {
  color: var(--primary);
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  transition: color 0.6s ease;
  color: rgba(255, 255, 255, 0.48);
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-body-content {
  height: -moz-fit-content;
  height: fit-content;
  color: rgba(255, 255, 255, 0.48);
  font-family: Figtree;
}
.view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-body-content > section {
  overflow: hidden;
  padding: 160px 0 80px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-5 > div .mat-tab-group .mat-tab-body-content > section {
    padding: 130px 0 40px;
  }
}
.view-tabs.view-tabs-5 > div .desktop-tab-1, .view-tabs.view-tabs-5 > div .desktop-tab-3 {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  padding: 35px 23px !important;
  border-radius: 15px;
  background-color: #001bff;
  width: 80%;
  max-width: 350px;
  height: auto;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
  margin: 150px auto 50px;
  overflow: visible !important;
}
.view-tabs.view-tabs-5 > div .desktop-tab-1 .heading-xxl-phudu, .view-tabs.view-tabs-5 > div .desktop-tab-3 .heading-xxl-phudu {
  font-family: "Phudu";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 52px;
  line-height: 57px;
  letter-spacing: 0.04em;
}
.view-tabs.view-tabs-5 > div .desktop-tab-1 .list-container, .view-tabs.view-tabs-5 > div .desktop-tab-3 .list-container {
  width: 70%;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 0;
  color: #f3ae2a;
}
.view-tabs.view-tabs-5 > div .desktop-tab-1 .list-text, .view-tabs.view-tabs-5 > div .desktop-tab-3 .list-text {
  display: -webkit-box;
  display: -webkit-list-item;
  display: -ms-list-itembox;
  display: list-item;
  list-style-type: disc;
  font-family: "Figtree";
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #f3ae2a;
  margin-bottom: 10px;
}
.view-tabs.view-tabs-5 > div .desktop-tab-1 .bigStars-img, .view-tabs.view-tabs-5 > div .desktop-tab-3 .bigStars-img {
  position: absolute;
  right: -16px;
  top: -36px;
  width: 120px;
}
.view-tabs.view-tabs-5 > div .desktop-tab-1 .raposinha-img, .view-tabs.view-tabs-5 > div .desktop-tab-3 .raposinha-img {
  position: absolute;
  right: 25px;
  top: -35px;
  width: 100px;
}
.view-tabs.view-tabs-5 > div .desktop-tab-1 .sempreon-img, .view-tabs.view-tabs-5 > div .desktop-tab-3 .sempreon-img {
  position: absolute;
  right: -30px;
  top: 190px;
  width: 106px;
  height: 23px;
}
.view-tabs.view-tabs-5 > div .desktop-tab-1 .bigBlueStar-img, .view-tabs.view-tabs-5 > div .desktop-tab-3 .bigBlueStar-img {
  position: absolute;
  right: 80px;
  bottom: -20px;
  width: 53px;
  height: 55px;
}
.view-tabs.view-tabs-5 > section {
  background-image: url("https://cruzeiro.s3.amazonaws.com/bgPersonalizeSectionDesktop.7de01d711fc5a39c468f.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2em 3em;
  width: 100%;
  height: auto;
  padding: 2em 0px;
  display: grid;
  grid-template: auto auto/auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-5 > section {
    grid-template: auto/auto auto;
  }
}
.view-tabs.view-tabs-5 > section .title-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: left;
}
.view-tabs.view-tabs-5 > section .title-center .title-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: left;
}
.view-tabs.view-tabs-5 > section .title-center .title-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
}
.view-tabs.view-tabs-5 > section .title-center .underline-img {
  width: 326px;
  margin: 0 auto;
  margin-top: -28px;
  z-index: 1;
}
.view-tabs.view-tabs-5 > section .options-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 0px 20px;
}
.view-tabs.view-tabs-5 > section .options {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
  width: 90%;
}
.view-tabs.view-tabs-5 > section .options .heading-lg-phudu {
  font-family: TekturNarrow;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 41px;
  line-height: 39px;
}
.view-tabs.view-tabs-5 > section .options-subtitle {
  font-family: "Figtree" !important;
  font-size: 14px !important;
  line-height: 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  text-align: left !important;
}
.view-tabs.view-tabs-5 > section .options-subtitle-align {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  max-width: 656px;
  line-height: 20px;
  margin-top: 8px;
}
.view-tabs.view-tabs-5 > section .options-subtitle-align strong {
  line-height: 20px;
}
.view-tabs.view-tabs-5 > section .left {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.view-tabs.view-tabs-5 > section .circle {
  width: 80px;
  height: 80px;
  background-color: blue;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-tabs.view-tabs-5 > section .icon {
  width: 50px;
  height: 50px;
}
.view-tabs.view-tabs-5 > section .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0px 10px;
  gap: 5px;
}
.view-tabs.view-tabs-5 > section .already-member-container-mobile {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  width: 90%;
  padding: 0px 32px;
  gap: 5px;
}
.view-tabs.view-tabs-5 > section .already-member-container-mobile .already-member-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
}
.view-tabs.view-tabs-5 > section .already-member-container-mobile .already-member-text-container .button-chamado {
  margin-top: 20px;
  padding: 8px 24px;
  border-radius: 23px;
  background-color: #001bff;
  color: white;
  font-family: "Figtree" !important;
  font-size: 12px !important;
  line-height: 12px !important;
}
.view-tabs.view-tabs-5 > section .already-member-container-desktop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 20px;
  gap: 5px;
}
.view-tabs.view-tabs-5 > section .already-member-container-desktop .already-member-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
}
.view-tabs.view-tabs-5 > section .already-member-container-desktop .already-member-text-container .already-member-title {
  font-size: 32px !important;
  line-height: 39px !important;
}
.view-tabs.view-tabs-5 > section .already-member-container-desktop .already-member-text-container .button-chamado {
  margin-top: 20px;
  padding: 24px 32px;
  border-radius: 23px;
  background-color: #001bff;
  color: white;
  font-family: "Figtree" !important;
  font-size: 12px !important;
  line-height: 12px !important;
}
.view-tabs.view-tabs-5 > section .heading-xxxl-phudu {
  font-family: Phudu;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 70px;
  line-height: 70px;
  letter-spacing: 0.04em;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-5 > section .heading-xxxl-phudu {
    font-size: 100px;
    line-height: 100px;
  }
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-5 > section .heading-xxxl-phudu {
    font-size: 125px;
    line-height: 125px;
  }
}
@media (min-width: 1200px) {
  .view-tabs.view-tabs-5 > section .heading-xxxl-phudu {
    font-size: 155px;
    line-height: 155px;
  }
}
.view-tabs.view-tabs-5 > section .heading-md-phudu {
  font-family: Phudu;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  max-width: 600px;
}
.view-tabs.view-tabs-5 .partner-button {
  width: 100%;
  margin: 24px 0 0;
}
.view-tabs.view-tabs-5 .partner-button--spacing {
  margin: 10px 0 35px;
}
.view-tabs.view-tabs-5 .partner-button--your-way {
  width: auto;
  align-self: flex-start;
}
.view-tabs.view-tabs-5 .partner-button button {
  width: 100%;
  background-color: var(--secondary) !important;
  font-family: var(--font-button) !important;
  color: var(--primary) !important;
  font-style: normal !important;
  padding: 10px 15px !important;
}
.view-tabs.view-tabs-5 .partner-button button:hover {
  filter: brightness(94%);
  background-color: var(--secondary) !important;
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-6 .desktop-tab-1, .view-tabs.view-tabs-6 .desktop-tab-2, .view-tabs.view-tabs-6 .desktop-tab-3 {
    background: url("https://vasco-gs.s3.amazonaws.com/prod/assets/images/elemento+lateral.png") no-repeat left 20%;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-buttons {
  width: 100%;
  max-width: 1120px;
  text-align: center;
  margin: auto auto 50px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-buttons {
    text-align: left;
    margin: auto;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-buttons__desktop {
  display: none;
}
@media (min-width: 1200px) {
  .view-tabs.view-tabs-6 .desktop-tab-buttons__desktop {
    display: block;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-buttons__mobile {
  display: block;
}
@media (min-width: 1200px) {
  .view-tabs.view-tabs-6 .desktop-tab-buttons__mobile {
    display: none;
  }
}
.view-tabs.view-tabs-6 .mat-tab-group {
  position: relative;
}
.view-tabs.view-tabs-6 .mat-tab-group.label-content-primary-color .mat-tab-label-content {
  color: white;
}
.view-tabs.view-tabs-6 .mat-tab-group.ink-primary-color.mat-primary .mat-ink-bar, .view-tabs.view-tabs-6 .mat-tab-group.ink-primary-color .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: var(--primary);
}
.view-tabs.view-tabs-6 .mat-tab-group.mat-primary .mat-ink-bar, .view-tabs.view-tabs-6 .mat-tab-group .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  display: none;
}
.view-tabs.view-tabs-6 .mat-tab-group .mat-tab-header {
  position: absolute !important;
  top: 50px;
  left: 0;
  z-index: 2;
  width: 100%;
  border: 0;
}
.view-tabs.view-tabs-6 .mat-tab-group .mat-tab-header .mat-tab-labels {
  display: block;
}
.view-tabs.view-tabs-6 .mat-tab-group .mat-tab-label {
  padding: 0 20px !important;
  margin: 0 !important;
  height: 36px;
  border-bottom: 0;
  background-color: #D3D4DC;
  border: 1px solid white;
}
.view-tabs.view-tabs-6 .mat-tab-group .mat-tab-label .mat-tab-label-content {
  color: #4F4F4F;
}
.view-tabs.view-tabs-6 .mat-tab-group .mat-tab-label:not(.mat-tab-label-active) {
  opacity: 1;
}
.view-tabs.view-tabs-6 .mat-tab-group .mat-tab-label-active {
  opacity: 1;
  background-color: #333333;
}
.view-tabs.view-tabs-6 .mat-tab-group .mat-tab-label-active .mat-tab-label-content {
  color: var(--secondary);
}
.view-tabs.view-tabs-6 .mat-tab-group .mat-tab-label-content {
  color: var(--primary);
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  transition: color 0.6s ease;
}
.view-tabs.view-tabs-6 .mat-tab-group .mat-tab-body-content {
  height: -moz-fit-content;
  height: fit-content;
}
.view-tabs.view-tabs-6 .mat-tab-group .mat-tab-body-content > section {
  overflow: hidden;
  padding: 160px 0 80px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .mat-tab-group .mat-tab-body-content > section {
    padding: 160px 30px 80px;
  }
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-6 .mat-tab-group .mat-tab-body-content > section {
    padding: 160px 0 80px 110px;
  }
}
.view-tabs.view-tabs-6 fengstui-button button {
  font-family: var(--font-title) !important;
  background-color: var(--secondary) !important;
  color: var(--home-call-to-action-button-color) !important;
}
.view-tabs.view-tabs-6 fengstui-button button:hover {
  color: var(--home-call-to-action-hover-button-color) !important;
  background-color: var(--primary) !important;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 fengstui-button button {
    font-family: var(--font-title) !important;
    font-style: normal !important;
    padding: 6px 40px 8px !important;
    background-color: var(--secondary) !important;
    font-size: 20px !important;
    color: var(--home-call-to-action-button-color) !important;
  }
  .view-tabs.view-tabs-6 fengstui-button button:hover {
    color: var(--home-call-to-action-hover-button-color) !important;
    background-color: var(--primary) !important;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-1__subcall {
  margin: 40px auto 40px;
  padding: 0 20px;
  text-align: left;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-1__subcall {
    margin: 0 auto 40px;
    padding: 0;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-1__subcall h1 {
  font-family: "Titillium Web";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 126%;
  text-transform: uppercase;
  max-width: 670px;
  margin: auto 0 36px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-1__subcall h1 {
    max-width: 1120px;
    font-size: 58px;
    line-height: 70px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-1__subcall h1 > strong {
  font-family: "Titillium Web";
  font-weight: 900;
}
.view-tabs.view-tabs-6 .desktop-tab-1__subcall p {
  font-family: "Barlow Semi Condensed";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  text-transform: none !important;
  max-width: 780px;
  margin: auto;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-1__subcall p {
    max-width: 1120px;
    font-size: 24px;
    line-height: 41px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-1__featurestable {
  display: grid;
  grid-template: auto/auto;
  align-items: flex-start;
  padding: 10px;
  gap: 20px;
  margin: 30px auto 70px;
  padding: 35px 15px;
  max-width: 1120px;
  background-color: #F8F8F8;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-1__featurestable {
    grid-template: auto auto/auto auto;
    gap: 10px;
    padding: 10px 10px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-1__featurestable-row {
  display: grid;
  grid-template: auto/auto auto;
  gap: 10px;
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-6 .desktop-tab-1__featurestable-row {
    gap: 30px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-1__featurestable-row > img {
  width: 76px;
  height: auto;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-1__featurestable-row > img {
    width: 136px;
    height: auto;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-1__featurestable-row > div {
  display: grid;
  color: var(--primary);
  gap: 6px;
  margin: auto;
  grid-template: auto auto/auto;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-1__featurestable-row > div {
    gap: 14px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-1__featurestable-row > div > :first-child {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: left;
  font-family: "Titillium Web";
  font-weight: 900;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-1__featurestable-row > div > :first-child {
    font-size: 30px;
    line-height: 32px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-1__featurestable-row > div > :last-child {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  display: flex;
  text-align: left;
  justify-content: center;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-1__featurestable-row > div > :last-child {
    justify-content: flex-start;
    font-size: 19px;
    line-height: 28px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-2 > div {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
  max-width: 1120px;
}
@media (min-width: 1200px) {
  .view-tabs.view-tabs-6 .desktop-tab-2 > div {
    flex-direction: row;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-2 > div > .desktop-tab-1__subcall .desktop-tab-buttons {
  margin-top: 84px;
}
.view-tabs.view-tabs-6 .desktop-tab-2__featurestable {
  display: grid;
  margin: auto;
  align-items: center;
  justify-content: center;
  grid-column-gap: 33px;
  grid-row-gap: 58px;
  grid-template: auto/auto;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-2__featurestable {
    grid-template: auto auto/auto auto;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-2__featurestable-box {
  width: 240px;
  height: 251px;
  background: #E0E0E0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  gap: 22px;
  position: relative;
}
.view-tabs.view-tabs-6 .desktop-tab-2__featurestable-box p {
  font-family: "Barlow Semi Condensed";
  color: #333333 !important;
  margin: auto auto 0 !important;
}
.view-tabs.view-tabs-6 .desktop-tab-2__featurestable-box > img {
  position: absolute;
  top: -30px;
}
.view-tabs.view-tabs-6 .desktop-tab-2__details {
  margin: 40px auto 60px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-2__details {
    margin: 0 auto 60px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-2__details h1 {
  color: var(--secondary) !important;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 43px;
  text-transform: uppercase;
  max-width: 460px;
  margin: auto auto 36px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-2__details h1 {
    font-size: 36px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-2__details p {
  color: #333333 !important;
  font-style: normal;
  font-weight: 500;
  font-size: 27px !important;
  line-height: 36px;
  text-transform: none !important;
  max-width: 600px;
  margin: auto auto 40px;
}
.view-tabs.view-tabs-6 .desktop-tab-3 {
  margin: 0px auto 40px;
  padding: 0 20px;
  text-align: left;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-3 {
    margin: 0 auto 40px;
    padding: 0;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-3 h1 {
  font-family: "Titillium Web";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 126%;
  text-transform: uppercase;
  max-width: 670px;
  margin: auto 0 36px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-3 h1 {
    max-width: 1120px;
    font-size: 58px;
    line-height: 70px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-3 h1 > strong {
  font-family: "Titillium Web";
  font-weight: 900;
}
.view-tabs.view-tabs-6 .desktop-tab-3 p {
  font-family: "Barlow Semi Condensed";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  text-transform: none !important;
  max-width: 780px;
  margin: auto;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-3 p {
    max-width: 1120px;
    font-size: 24px;
    line-height: 41px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-3__features-table {
  background-color: #BDBDBD;
  max-width: 1120px;
  width: 100%;
  margin: 0 auto 40px;
  padding: 18px 20px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-3__features-table {
    padding: 0;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-3 .item {
  color: #0D0D0D;
  background: white;
  border-radius: 0;
  filter: drop-shadow(3.4628px 3.4628px 8.65699px rgba(0, 0, 0, 0.1));
  grid-template: auto auto/auto;
  gap: 15px;
  padding: 20px;
  font-family: "Barlow Semi Condensed";
  width: auto;
  margin: 32px auto 40px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-3 .item {
    width: 780px;
    margin: 15px auto;
    grid-template: auto/1fr 5fr;
    gap: 30px;
    padding: 10px 20px;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-3 .item img {
  margin: -50px auto auto;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-3 .item img {
    margin: auto;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-3 .item p {
  color: #0D0D0D;
  margin: auto 0;
  width: 100%;
  text-align: center;
  font-weight: normal;
  font-size: 21px;
  line-height: 27px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-6 .desktop-tab-3 .item p {
    text-align: left;
  }
}
.view-tabs.view-tabs-6 .desktop-tab-3 .item i {
  font-size: 80px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.view-tabs.view-tabs-6 .desktop-tab-3 .item i.icon-ticket-discount {
  font-size: 60px;
}
.view-tabs.view-tabs-6 .desktop-tab-3 .item i.icon-ticket-star {
  font-size: 60px;
}
.view-tabs.view-tabs-7 fengstui-button button {
  background-color: var(--secondary) !important;
  font-family: var(--font-title) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: #f8f8f8 !important;
  line-height: 22px !important;
  padding: 8px 10px !important;
  font-size: 14px !important;
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 fengstui-button button {
    padding: 10px 30px !important;
    font-size: 18px !important;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-3 {
  background: url(https://santos-gs.s3.amazonaws.com/prod/assets/images/front/meio-simbolo-santos-esquerda.png) no-repeat bottom 10% right/auto, url(https://santos-gs.s3.amazonaws.com/prod/assets/images/front/meio-brasao-santos-direita.png) no-repeat top 4% left/auto, #F8F8F8;
}
.view-tabs.view-tabs-7 .desktop-tab-2 {
  background: url(https://santos-gs.s3.amazonaws.com/prod/assets/images/front/meio-simbolo-santos-direita.png) no-repeat bottom 10% left/auto #333333;
  background-blend-mode: overlay;
}
.view-tabs.view-tabs-7 .mat-tab-group {
  position: relative;
}
.view-tabs.view-tabs-7 .mat-tab-group.label-content-primary-color .mat-tab-label-content {
  color: #fff;
}
.view-tabs.view-tabs-7 .mat-tab-group.ink-primary-color.mat-primary .mat-ink-bar, .view-tabs.view-tabs-7 .mat-tab-group.ink-primary-color .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: transparent;
}
.view-tabs.view-tabs-7 .mat-tab-group.mat-primary .mat-ink-bar, .view-tabs.view-tabs-7 .mat-tab-group .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  display: none;
}
.view-tabs.view-tabs-7 .mat-tab-group .mat-tab-header {
  position: absolute !important;
  top: 50px;
  left: 0;
  z-index: 2;
  width: 100%;
  border: 0;
}
.view-tabs.view-tabs-7 .mat-tab-group .mat-tab-header .mat-tab-labels {
  display: block;
}
.view-tabs.view-tabs-7 .mat-tab-group .mat-tab-label {
  padding: 0 20px !important;
  margin: 0 !important;
  height: 36px;
  border-bottom: 0;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-7 .mat-tab-group .mat-tab-label {
    border-bottom: 1px solid #828282;
  }
}
.view-tabs.view-tabs-7 .mat-tab-group .mat-tab-label:not(.mat-tab-label-active) {
  opacity: 1;
}
.view-tabs.view-tabs-7 .mat-tab-group .mat-tab-label:not(.mat-tab-label-active) .mat-tab-label-content {
  opacity: 0.3;
}
.view-tabs.view-tabs-7 .mat-tab-group .mat-tab-label-active {
  opacity: 1;
  background-color: black;
}
.view-tabs.view-tabs-7 .mat-tab-group .mat-tab-label-active .mat-tab-label-content {
  color: #f8f8f8;
}
.view-tabs.view-tabs-7 .mat-tab-group .mat-tab-label-content {
  color: #000;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  transition: color 0.6s ease;
}
.view-tabs.view-tabs-7 .mat-tab-group .mat-tab-body-content {
  height: -moz-fit-content;
  height: fit-content;
}
.view-tabs.view-tabs-7 .mat-tab-group .mat-tab-body-content > section {
  overflow: hidden;
  padding: 120px 0 80px;
}
@media (min-width: 767px) {
  .view-tabs.view-tabs-7 .mat-tab-group .mat-tab-body-content > section {
    padding: 130px 0;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-1__subcall {
  margin: 40px auto 40px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-7 .desktop-tab-1__subcall {
    margin: 0 auto 40px;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-1__subcall h1 {
  font-family: var(--font-title);
  color: white;
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 34px;
  max-width: 780px;
  margin: auto auto 4px;
  text-align: left;
  padding: 0 30px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-7 .desktop-tab-1__subcall h1 {
    font-size: 48px;
    line-height: 53px;
  }
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-1__subcall h1 {
    padding: 0;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-1__subcall p {
  font-family: "Barlow";
  color: white;
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 30px;
  text-transform: none !important;
  max-width: 780px;
  text-align: left;
  margin: auto;
  padding: 0 30px;
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-1__subcall p {
    padding: 0;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-1__featurestable {
  display: grid;
  grid-template: auto auto/auto;
  justify-content: center;
  align-items: center;
  grid-gap: 30px;
  margin: 58px auto 70px;
  padding: 0 20px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-7 .desktop-tab-1__featurestable {
    padding: 0;
    grid-gap: 24px;
    grid-template: auto auto/auto auto;
  }
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-1__featurestable {
    grid-template: auto auto/auto auto auto;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-1__featurestable-row {
  color: black;
  grid-gap: 20px;
  margin: auto;
  width: 235px;
  height: 252px;
  padding: 26px 17px 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: white;
  filter: drop-shadow(2.83262px 2.83262px 7.08155px rgba(0, 0, 0, 0.25));
}
.view-tabs.view-tabs-7 .desktop-tab-1__featurestable-row > span {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  text-align: center;
}
.view-tabs.view-tabs-7 .desktop-tab-1__featurestable-row > span > span {
  display: block;
  margin-top: 16px;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}
.view-tabs.view-tabs-7 .desktop-tab-1__featurestable-row > div {
  height: 60px;
}
.view-tabs.view-tabs-7 .desktop-tab-1__featurestable-row > div > img {
  height: 100%;
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable {
  display: flex;
  flex-direction: column;
  margin: 60px auto 0;
  align-items: center;
  justify-content: center;
  grid-column-gap: 20px;
  grid-row-gap: 24px;
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable .horizontal-item {
  color: black;
  grid-gap: 20px;
  margin: 0 auto;
  width: 280px;
  height: auto;
  padding: 26px 28px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  background: white;
  filter: drop-shadow(2.83262px 2.83262px 7.08155px rgba(0, 0, 0, 0.25));
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-2__featurestable .horizontal-item {
    text-align: left;
    flex-direction: row;
    width: 766px;
    height: 108px;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable .horizontal-item > .img {
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-2__featurestable .horizontal-item > .img {
    width: 20%;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable .horizontal-item > .img img {
  max-height: 78px;
  margin: auto;
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable .horizontal-item > .text {
  max-width: 100%;
  font-weight: bold;
  text-align: center;
  color: black;
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-2__featurestable .horizontal-item > .text {
    max-width: 70%;
    text-align: left;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable .horizontal-item > .text > p {
  margin: 0;
  font-weight: normal;
  color: black;
  font-size: 16px;
  line-height: 100%;
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable .horizontal-item > span {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  text-align: center;
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable .horizontal-item > span > span {
  display: block;
  margin-top: 16px;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable-box {
  width: 220px;
  height: 251px;
  filter: drop-shadow(3.29969px 3.29969px 8.24922px rgba(0, 0, 0, 0.25));
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  grid-gap: 22px;
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable-box p {
  color: var(--primary) !important;
  font-size: 19px !important;
  margin: 0 auto auto !important;
}
.view-tabs.view-tabs-7 .desktop-tab-2__featurestable-box i {
  color: var(--primary);
  font-size: 76px;
}
.view-tabs.view-tabs-7 .desktop-tab-2__details {
  margin: 40px auto 60px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-7 .desktop-tab-2__details {
    margin: 0 auto 60px;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-2__details h1 {
  font-family: var(--font-title);
  color: white;
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 34px;
  max-width: 780px;
  margin: auto auto 4px;
  text-align: left;
  padding: 0 30px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-7 .desktop-tab-2__details h1 {
    font-size: 48px;
    line-height: 53px;
  }
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-2__details h1 {
    padding: 0;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-2__details p {
  font-family: "Barlow";
  color: white;
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 30px;
  text-transform: none !important;
  max-width: 780px;
  text-align: left;
  margin: auto;
  padding: 0 30px;
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-2__details p {
    padding: 0;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-3 {
  color: #000;
}
.view-tabs.view-tabs-7 .desktop-tab-3 > div {
  margin-top: 40px;
  margin-bottom: 80px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-7 .desktop-tab-3 > div {
    margin-top: 0;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-3 h1, .view-tabs.view-tabs-7 .desktop-tab-3 h2 {
  font-family: var(--font-title);
  color: black;
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 34px;
  max-width: 890px;
  margin: auto auto 4px;
  text-align: left;
  padding: 0 30px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-7 .desktop-tab-3 h1, .view-tabs.view-tabs-7 .desktop-tab-3 h2 {
    font-size: 48px;
    line-height: 53px;
  }
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-3 h1, .view-tabs.view-tabs-7 .desktop-tab-3 h2 {
    padding: 0;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-3 h2 {
  font-family: "Barlow";
  font-size: 22px;
  line-height: 28px;
  margin-top: 40px;
}
@media (min-width: 576px) {
  .view-tabs.view-tabs-7 .desktop-tab-3 h2 {
    font-size: 31px;
    line-height: 40px;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-3 p {
  font-family: "Barlow";
  color: black;
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 30px;
  text-transform: none !important;
  max-width: 890px;
  text-align: left;
  margin: auto;
  padding: 0 30px;
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-3 p {
    padding: 0;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-3 .horizontal-item {
  color: black;
  grid-gap: 20px;
  margin: 0 auto;
  width: 280px;
  height: auto;
  padding: 26px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: white;
  filter: drop-shadow(2.83262px 2.83262px 7.08155px rgba(0, 0, 0, 0.25));
}
@media (min-width: 992px) {
  .view-tabs.view-tabs-7 .desktop-tab-3 .horizontal-item {
    flex-direction: row;
    width: 766px;
    height: 108px;
  }
}
.view-tabs.view-tabs-7 .desktop-tab-3 .horizontal-item > span {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  text-align: center;
}
.view-tabs.view-tabs-7 .desktop-tab-3 .horizontal-item > span > span {
  display: block;
  margin-top: 16px;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}
.view-tabs.view-tabs-7 .desktop-tab-3 .item {
  color: black;
  grid-gap: 20px;
  margin: 0;
  width: 235px;
  height: 252px;
  padding: 26px 28px 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: white;
  filter: drop-shadow(2.83262px 2.83262px 7.08155px rgba(0, 0, 0, 0.25));
}
.view-tabs.view-tabs-7 .desktop-tab-3 .item > span {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  text-align: center;
}
.view-tabs.view-tabs-7 .desktop-tab-3 .item > span > span {
  display: block;
  margin-top: 16px;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}
.view-tabs.view-tabs-7 .desktop-tab-3 .item p {
  text-align: center;
  font-size: 18px;
  line-height: 22px;
}
.view-tabs.view-tabs-7 .desktop-tab-3 .item p > strong {
  display: block;
}
.view-tabs.view-tabs-7 .desktop-tab-3 .item p > span {
  font-size: 14px;
  line-height: 18px;
}
.view-tabs.view-tabs-7 .desktop-tab-3 .item > div {
  height: 60px;
}
.view-tabs.view-tabs-7 .desktop-tab-3 .item > div > img {
  height: 100%;
}
.view-tabs-2__scroll-1__moreinfo {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
.view-tabs-2__scroll-1__moreinfo-content {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-1__moreinfo-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.view-tabs-2__scroll-1__moreinfo-content--img {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.view-tabs-2__scroll-1__moreinfo-content--img img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-1__moreinfo-content--img img {
    max-height: 990px;
  }
}
@media (min-width: 1900px) {
  .view-tabs-2__scroll-1__moreinfo-content--img img {
    object-fit: fill;
  }
}
.view-tabs-2__scroll-1__moreinfo-actions {
  background: url("https://botafogo.s3.amazonaws.com/prod/images/2023/bg-preto.png") no-repeat center center/cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  padding: 30px;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-1__moreinfo-actions {
    text-align: unset;
    padding: 50px;
  }
}
@media (min-width: 767px) {
  .view-tabs-2__scroll-1__moreinfo-actions {
    padding: 50px 60px 50px 50px;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-1__moreinfo-actions {
    padding: 40px;
    direction: ltr;
    gap: 56px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-1__moreinfo-actions {
    text-align: unset;
    padding: 50px;
    direction: ltr;
    gap: 90px;
  }
}
.view-tabs-2__scroll-1__moreinfo-actions fengstui-button button {
  margin-bottom: 15px !important;
}
.view-tabs-2__scroll-1__moreinfo-actions > h3 {
  width: 100%;
  font-family: var(--unlogged-font-title) !important;
  font-size: 30px;
  line-height: 40px;
  font-style: normal;
  color: #ffff;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0px;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-1__moreinfo-actions > h3 {
    font-size: 60px;
    line-height: 80px;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-1__moreinfo-actions > h3 {
    font-size: 40px;
    line-height: 60px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-1__moreinfo-actions > h3 {
    font-size: 60px;
    line-height: 75px;
  }
}
.view-tabs-2__scroll-1__moreinfo-actions-text {
  display: grid;
  grid-auto-flow: column;
  gap: 2px;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-1__moreinfo-actions-text {
    margin-top: 3%;
  }
}
.view-tabs-2__scroll-1__moreinfo-actions-text__divider {
  width: 1px;
  margin: 0 8px 0px 43px;
  height: 300px;
  background-color: white;
}
.view-tabs-2__scroll-1__moreinfo-actions-text__box {
  width: 100%;
  display: grid;
  grid-auto-flow: row;
  justify-self: center;
  align-items: center;
  gap: 24px;
  color: white;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-1__moreinfo-actions-text__box {
    width: 100%;
  }
}
.view-tabs-2__scroll-1__moreinfo-actions-text__box span {
  gap: 1rem;
}
.view-tabs-2__scroll-1__moreinfo-actions-text__box span > div {
  width: 30px;
  height: 55px;
  background-color: rgba(0, 0, 0, 0);
  margin-right: 8px;
  gap: 1rem;
}
.view-tabs-2__scroll-1__moreinfo-actions-text__box span > h5 {
  width: 100%;
  color: #ffff;
  font-weight: 400;
  font-size: 20px;
  font-family: var(--unlogged-font-primary) !important;
  line-height: normal;
  margin: 0;
  justify-self: center;
  text-align: start;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-1__moreinfo-actions-text__box span > h5 {
    font-size: 28px;
    justify-self: flex-start;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-1__moreinfo-actions-text__box span > h5 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-1__moreinfo-actions-text__box span > h5 {
    font-size: 28px;
  }
}
.view-tabs-2__scroll-1__moreinfo-actions-text__box span > fengstui-button {
  margin-top: 1.5rem;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-tabs-2__scroll-1__moreinfo-actions-text__box--info {
  display: grid;
  grid-auto-flow: row;
}
.view-tabs-2__scroll-1__moreinfo-actions-text__box--info > h4 {
  font-size: 14px;
  font-weight: 400;
  font-family: var(--unlogged-font-primary) !important;
  color: #ffff;
  line-height: normal;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-1__moreinfo-actions-text__box--info > h4 {
    font-size: 16px;
  }
}
.view-tabs-2__scroll-1__moreinfo-actions-text__box span {
  display: flex;
  min-height: 38px;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-1__moreinfo-actions-text__box span {
    justify-self: flex-start;
    width: 100%;
  }
}
.view-tabs-2__scroll-1__moreinfo-actions-text__box span > img {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.view-tabs-2__scroll-1__moreinfo-actions fengstui-button {
  display: flex;
  width: 100%;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-1__moreinfo-actions fengstui-button {
    justify-content: flex-start;
  }
}
.view-tabs-2__scroll-1__moreinfo-actions fengstui-button button {
  color: #fff !important;
  width: 100%;
  height: 51px;
  border-radius: 5px;
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  font-size: 20px !important;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-1__moreinfo-actions fengstui-button button {
    width: 232px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
  }
}
.view-tabs-2__scroll-2__moreinfo {
  position: relative;
  align-items: center;
  text-align: left;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.view-tabs-2__scroll-2__moreinfo-content {
  display: flex;
  height: auto;
  width: 100%;
  flex-direction: column-reverse;
  /*  @include respond-to('medium') {
                     flex-direction: row-reverse;
                 }
  */
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-2__moreinfo-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    direction: rtl;
  }
}
.view-tabs-2__scroll-2__moreinfo-content--img {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.view-tabs-2__scroll-2__moreinfo-content--img img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-2__moreinfo-content--img img {
    object-fit: fill;
  }
}
.view-tabs-2__scroll-2__moreinfo-actions {
  background: url("https://botafogo.s3.amazonaws.com/prod/images/Home-2024/bg-planos.png") no-repeat center center/cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  padding: 30px;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-2__moreinfo-actions {
    text-align: unset;
    padding: 50px;
    gap: 56px;
  }
}
@media (min-width: 767px) {
  .view-tabs-2__scroll-2__moreinfo-actions {
    padding: 50px 60px 50px 50px;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-2__moreinfo-actions {
    padding: 40px;
    direction: ltr;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-2__moreinfo-actions {
    text-align: unset;
    padding: 50px;
    direction: ltr;
  }
}
.view-tabs-2__scroll-2__moreinfo-actions fengstui-button {
  display: flex;
  width: 100%;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-2__moreinfo-actions fengstui-button {
    justify-content: flex-start;
  }
}
.view-tabs-2__scroll-2__moreinfo-actions fengstui-button button {
  color: #fff !important;
  width: 100%;
  height: 51px;
  border-radius: 5px;
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  font-size: 20px !important;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-2__moreinfo-actions fengstui-button button {
    width: 322px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
  }
}
.view-tabs-2__scroll-2__moreinfo-actions > h3 {
  color: var("--primary-dark");
  font-family: var(--unlogged-font-title) !important;
  font-size: 32px;
  font-style: normal;
  line-height: 46px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-2__moreinfo-actions > h3 {
    font-size: 45px;
    line-height: 60px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-2__moreinfo-actions > h3 {
    font-size: 56px;
    line-height: 75px;
    margin: 0;
  }
}
.view-tabs-2__scroll-2__moreinfo-actions-text {
  display: grid;
  grid-auto-flow: column;
  gap: 2px;
  justify-content: flex-start;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-2__moreinfo-actions-text {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-2__moreinfo-actions-text {
    margin-top: 0;
    padding-left: 0;
  }
}
.view-tabs-2__scroll-2__moreinfo-actions-text__divider {
  width: 1px;
  margin: 0 8px 0px 43px;
  height: 300px;
  background-color: white;
}
.view-tabs-2__scroll-2__moreinfo-actions-text__box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.view-tabs-2__scroll-2__moreinfo-actions-text__box > h5 {
  font-family: var(--unlogged-font-primary) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #000000;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-2__moreinfo-actions-text__box > h5 {
    font-size: 32px;
    line-height: 28.8px;
  }
}
.view-tabs-2__scroll-2__moreinfo-actions-text__box--info > h5 {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  font-family: var(--unlogged-font-primary) !important;
  line-height: 19.2px;
  margin: 0;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-2__moreinfo-actions-text__box--info > h5 {
    line-height: 28.8px;
    font-size: 24px;
  }
}
.view-tabs-2__scroll-2__moreinfo-actions-text__box--info > h6 {
  width: 100%;
  color: #000000;
  font-weight: 400;
  font-family: var(--unlogged-font-primary) !important;
  font-size: 16px;
  line-height: normal;
  margin: 0;
  word-break: break-word;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-2__moreinfo-actions-text__box--info > h6 {
    line-height: 24px;
    font-size: 20px;
  }
}
.view-tabs-2__scroll-2__moreinfo-actions-text__box--info > h4 {
  font-family: var(--unlogged-font-primary) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-2__moreinfo-actions-text__box--info > h4 {
    font-size: 14px;
    line-height: 16.8px;
  }
}
.view-tabs-2__scroll-2__moreinfo-actions-text__box span {
  display: flex;
  min-height: 38px;
  flex-direction: row;
  text-align: initial;
}
.view-tabs-2__scroll-2__moreinfo-actions-text__box span > img {
  width: 5%;
  margin-right: 10px;
  align-self: flex-start;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-2__moreinfo-actions-text__box span > img {
    width: 26px;
  }
}
.view-tabs-2__scroll-3__moreinfo {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
.view-tabs-2__scroll-3__moreinfo-content {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.view-tabs-2__scroll-3__moreinfo-content--img {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.view-tabs-2__scroll-3__moreinfo-content--img img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-3__moreinfo-content--img img {
    object-fit: fill;
    min-height: 720px;
    max-height: 990px;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions {
  background: url("https://botafogo.s3.amazonaws.com/prod/images/2023/bg-preto.png") no-repeat center center/cover;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  width: 100%;
  gap: 40px;
  padding: 30px;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-3__moreinfo-actions {
    text-align: unset;
    padding: 50px;
  }
}
@media (min-width: 767px) {
  .view-tabs-2__scroll-3__moreinfo-actions {
    padding: 50px 60px 50px 50px;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-actions {
    padding: 40px;
    direction: ltr;
    gap: 38px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-3__moreinfo-actions {
    text-align: unset;
    padding: 50px;
    direction: ltr;
    gap: 54px;
  }
}
@media (min-width: 1400px) {
  .view-tabs-2__scroll-3__moreinfo-actions {
    background-color: #828282;
    padding: 80px 50px 50px 50px;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions fengstui-button {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.view-tabs-2__scroll-3__moreinfo-actions fengstui-button button {
  margin-bottom: 15px !important;
  width: 100%;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-3__moreinfo-actions fengstui-button {
    width: auto;
    margin: 0;
    margin-bottom: 15px;
  }
  .view-tabs-2__scroll-3__moreinfo-actions fengstui-button button {
    width: auto;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions > h3 {
  width: 80%;
  text-align: start !important;
  font-size: 29px;
  line-height: normal;
  color: #fff;
  font-family: var(--unlogged-font-title) !important;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-3__moreinfo-actions > h3 {
    width: 100%;
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 0;
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-actions > h3 {
    font-size: 48px;
    line-height: 58px;
    text-align: start !important;
  }
}
@media (min-width: 1400px) {
  .view-tabs-2__scroll-3__moreinfo-actions > h3 {
    font-size: 72px;
    line-height: 87px;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-self: center;
  width: 100%;
  max-width: 600px;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text {
    align-self: normal;
  }
}
@media (min-width: 1400px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text {
    max-width: 690px;
  }
}
@media (min-width: 1400px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text {
    gap: 44px;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions-text__divider {
  width: 1px;
  height: 100%;
  margin-bottom: 2rem;
  background-color: white;
  /* @include respond-to('medium') {
      height: 390px;
  } */
}
.view-tabs-2__scroll-3__moreinfo-actions-text > h5 {
  font-family: var(--unlogged-font-primary) !important;
  font-size: 22px;
  text-align: justify !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text > h5 {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text > h5 {
    font-size: 20px;
    text-align: justify !important;
  }
}
@media (min-width: 1400px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text > h5 {
    font-size: 26px;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions-text span > p {
  color: #FFF;
  font-family: var(--unlogged-font-primary) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text span > p {
    display: flex;
    justify-content: center;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text span > p {
    justify-content: start;
    max-width: 80%;
    text-align: left;
  }
}
@media (min-width: 1400px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text span > p {
    max-width: 100%;
    font-size: 17px;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions-text__box-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 767px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container {
    flex-direction: row;
    justify-content: start;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container {
    flex-direction: row;
    gap: 9px;
  }
}
@media (min-width: 1400px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container {
    gap: 60px;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box {
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box {
    flex-direction: row;
    justify-content: center;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box span {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
  /* @include respond-to('medium') {

  } */
}
.view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box span > h6 {
  width: 100%;
  color: #fff;
  font-size: 20px;
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  text-align: center;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box span > h6 {
    line-height: 23.4px;
    font-size: 19px;
    margin: 0 !important;
    min-width: 190px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box span > h6 {
    min-width: 240px;
    max-width: 300px;
  }
}
@media (min-width: 1400px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box span > h6 {
    font-size: 24px;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box span > img {
  width: 250px;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box span > img {
    width: 150px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box span > img {
    width: 190px;
  }
}
@media (min-width: 1400px) {
  .view-tabs-2__scroll-3__moreinfo-actions-text__box-container-box span > img {
    width: 220px;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions fengstui-button {
  display: flex;
  width: 100%;
  justify-content: start;
  /* @include respond-to('device') {
      justify-content: center;
  } */
}
@media (min-width: 767px) {
  .view-tabs-2__scroll-3__moreinfo-actions fengstui-button {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-actions fengstui-button {
    justify-content: start;
  }
}
.view-tabs-2__scroll-3__moreinfo-actions fengstui-button button {
  color: #fff !important;
  width: 100%;
  height: 51px;
  border-radius: 5px;
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  font-size: 20px !important;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-3__moreinfo-actions fengstui-button button {
    width: 322px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-3__moreinfo-actions fengstui-button button {
    margin: 0;
  }
}
.view-tabs-2__scroll-4__moreinfo {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
.view-tabs-2__scroll-4__moreinfo-content {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-4__moreinfo-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    direction: rtl;
  }
}
.view-tabs-2__scroll-4__moreinfo-content--img {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.view-tabs-2__scroll-4__moreinfo-content--img img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-4__moreinfo-content--img img {
    object-fit: fill;
    min-height: 720px;
    max-height: 990px;
  }
}
.view-tabs-2__scroll-4__moreinfo-actions {
  background: url("https://botafogo.s3.amazonaws.com/prod/images/2023/bg-preto.png") no-repeat center center/cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  padding: 30px;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-4__moreinfo-actions {
    text-align: unset;
    padding: 50px;
  }
}
@media (min-width: 767px) {
  .view-tabs-2__scroll-4__moreinfo-actions {
    padding: 50px 60px 50px 50px;
  }
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-4__moreinfo-actions {
    padding: 40px;
    direction: ltr;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-4__moreinfo-actions {
    text-align: unset;
    padding: 50px;
    direction: ltr;
    gap: 50px;
  }
}
.view-tabs-2__scroll-4__moreinfo-actions fengstui-button button {
  margin-bottom: 15px !important;
}
.view-tabs-2__scroll-4__moreinfo-actions--desktop-title {
  width: 100%;
  font-family: var(--unlogged-font-title) !important;
  font-size: 32px;
  line-height: 28px;
  color: #ffff;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0px !important;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-4__moreinfo-actions--desktop-title {
    font-size: 60px;
    line-height: 80px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-4__moreinfo-actions--desktop-title {
    font-size: 60px;
    line-height: 75px;
  }
}
.view-tabs-2__scroll-4__moreinfo-actions--minor-title {
  width: 80%;
  font-family: var(--unlogged-font-title) !important;
  font-size: 40px;
  line-height: 56px;
  color: #ffff;
  font-weight: 500;
  text-transform: uppercase;
  text-align: start;
  margin: 0px !important;
}
.view-tabs-2__scroll-4__moreinfo-actions--minor-title strong {
  font-size: 48px;
}
.view-tabs-2__scroll-4__moreinfo-actions-text {
  display: grid;
  grid-auto-flow: column;
  gap: 2px;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-4__moreinfo-actions-text {
    margin-top: 3%;
  }
}
.view-tabs-2__scroll-4__moreinfo-actions-text__divider {
  width: 1px;
  margin: 0 8px 0px 43px;
  height: 300px;
  background-color: white;
}
.view-tabs-2__scroll-4__moreinfo-actions-text__box {
  width: 100%;
  display: grid;
  grid-auto-flow: row;
  justify-self: center;
  gap: 24px;
  color: white;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-4__moreinfo-actions-text__box {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
.view-tabs-2__scroll-4__moreinfo-actions-text__box span {
  gap: 1rem;
}
.view-tabs-2__scroll-4__moreinfo-actions-text__box span > div {
  width: 30px;
  height: 55px;
  background-color: rgba(0, 0, 0, 0);
  margin-right: 8px;
}
.view-tabs-2__scroll-4__moreinfo-actions-text__box span > h5 {
  width: 100%;
  color: #ffff;
  font-weight: 400;
  font-size: 20px;
  font-family: var(--unlogged-font-primary) !important;
  line-height: normal;
  margin: 0;
  justify-self: center;
  text-align: start;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-4__moreinfo-actions-text__box span > h5 {
    font-size: 26px;
    justify-self: flex-start;
  }
}
@media (min-width: 1200px) {
  .view-tabs-2__scroll-4__moreinfo-actions-text__box span > h5 {
    font-size: 28px;
  }
}
.view-tabs-2__scroll-4__moreinfo-actions-text__box--info {
  display: grid;
  grid-auto-flow: row;
}
.view-tabs-2__scroll-4__moreinfo-actions-text__box--info > h4 {
  font-weight: 400;
  font-size: 14px;
  color: #ffff;
  line-height: 16.8px;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-4__moreinfo-actions-text__box--info > h4 {
    font-size: 16px;
  }
}
.view-tabs-2__scroll-4__moreinfo-actions-text__box span {
  display: flex;
  min-height: 38px;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-4__moreinfo-actions-text__box span {
    justify-self: flex-start;
    width: 100%;
  }
}
.view-tabs-2__scroll-4__moreinfo-actions-text__box span > img {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.view-tabs-2__scroll-4__moreinfo-actions fengstui-button {
  display: flex;
  width: 100%;
}
@media (min-width: 992px) {
  .view-tabs-2__scroll-4__moreinfo-actions fengstui-button {
    justify-content: flex-start;
  }
}
.view-tabs-2__scroll-4__moreinfo-actions fengstui-button button {
  color: #fff !important;
  width: 100%;
  height: 51px;
  border-radius: 5px;
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  font-size: 20px !important;
}
@media (min-width: 576px) {
  .view-tabs-2__scroll-4__moreinfo-actions fengstui-button button {
    width: 232px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
  }
}
.view-tabs-8 {
  color: white;
  font-family: "Montserrat";
  font-weight: 700;
}
.view-tabs-8 > div {
  display: grid;
  grid-template: auto/auto;
  width: 100%;
  min-height: 637px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .view-tabs-8 > div {
    grid-template: auto/1fr 0.5fr;
  }
}
@media (min-width: 992px) {
  .view-tabs-8 > div {
    grid-template: auto/1fr 1fr;
  }
}
.view-tabs-8 > div fengstui-button {
  width: 100%;
}
@media (min-width: 992px) {
  .view-tabs-8 > div fengstui-button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.view-tabs-8 > div fengstui-button .feng-btn {
  color: white !important;
  border-radius: 45px !important;
  background-color: #F00A0A !important;
  font-family: "Montserrat" !important;
  font-size: 8px !important;
  padding: 8px 16px 6px !important;
  width: 100%;
}
@media (min-width: 992px) {
  .view-tabs-8 > div fengstui-button .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 992px) {
  .view-tabs-8 > div fengstui-button .feng-btn {
    font-size: 8px !important;
    padding: 8px 26px !important;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8 > div fengstui-button .feng-btn {
    font-size: 8px !important;
    padding: 8px 16px !important;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8 > div fengstui-button .feng-btn {
    padding: 8px 30px !important;
  }
}
.view-tabs-8 > div fengstui-button .feng-btn:hover {
  background-color: #9d0202 !important;
}
.view-tabs-8__divider {
  width: 100%;
  height: 5px;
  background-color: transparent !important;
}
@media (min-width: 992px) {
  .view-tabs-8__divider {
    background-color: #F00A0A !important;
    height: 2px;
  }
}
.view-tabs-8__divider2 {
  width: 100%;
  height: 2px;
  background-color: #F00A0A !important;
}
.view-tabs-8__advantages-1 {
  background: #232323 url("https://images.mengo.com.br/prod/assets/images/2023/bg-scroll-Red-Right-1920.png") no-repeat top left/100% 25%;
  grid-auto-flow: row !important;
  grid-template: none !important;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-1 {
    grid-auto-flow: none !important;
    grid-template: auto/0.5fr 1fr !important;
  }
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-1 {
    grid-auto-flow: none !important;
    grid-template: auto/1fr 1fr !important;
    background: #232323 url("https://images.mengo.com.br/prod/assets/images/2023/bg-scroll-Red-Right-1920.png") no-repeat top left/100% 100%;
  }
}
.view-tabs-8__advantages-1--bg {
  display: block;
  height: 35vh;
  width: 100%;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/2-scroll-card.png") no-repeat center center/cover;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-1--bg {
    width: 100%;
    height: 52vh;
  }
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-1--bg {
    width: 100%;
    height: 87vh;
  }
}
.view-tabs-8__advantages-1--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 7px;
}
.view-tabs-8__advantages-1--content > div {
  display: grid;
  grid-template: auto/auto auto !important;
  padding: 0 20px 0 20px;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-1--content > div {
    padding: 0 0 0 20px;
  }
}
.view-tabs-8__advantages-1--content > section {
  display: flex;
  flex-direction: column;
  padding-bottom: 8%;
  padding-left: 5%;
}
.view-tabs-8__advantages-1--content > section > h1 {
  font-size: 21px;
  line-height: 26px;
  color: #F00A0A;
}
.view-tabs-8__advantages-1--content > section > span {
  font-size: 36px;
  line-height: 38px;
  color: #fff;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-1--content {
    padding: 50px 0;
  }
  .view-tabs-8__advantages-1--content > div {
    display: block;
    padding: 0 50px;
  }
  .view-tabs-8__advantages-1--content > div > div {
    padding-left: 0;
  }
  .view-tabs-8__advantages-1--content > section {
    padding-left: 50px;
  }
  .view-tabs-8__advantages-1--content > section > h1 {
    font-size: 23px;
    line-height: 26px;
  }
  .view-tabs-8__advantages-1--content > section > span {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-1--content > section > h1 {
    font-size: 32px;
    line-height: 100%;
  }
  .view-tabs-8__advantages-1--content > section > span {
    font-size: 52px;
    line-height: 54px;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8__advantages-1--content > div {
    padding: 0 84px;
  }
  .view-tabs-8__advantages-1--content > section {
    padding-left: 84px;
  }
  .view-tabs-8__advantages-1--content > section > h1 {
    font-size: 41px;
    line-height: 100%;
  }
  .view-tabs-8__advantages-1--content > section > span {
    font-size: 65px;
    line-height: 58px;
  }
}
.view-tabs-8__advantages-1--btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.view-tabs-8__advantages-1--btns > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-1--btns {
    gap: 20px;
    flex-direction: row;
  }
}
.view-tabs-8__advantages-1--featurestable {
  padding-bottom: 5%;
}
.view-tabs-8__advantages-1--featurestable > span {
  font-size: 18px;
  line-height: 26px;
  font-family: "Montserrat";
}
.view-tabs-8__advantages-2 {
  background: #232323;
  display: flex !important;
  flex-direction: column;
  grid-template: none !important;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-2 {
    flex-direction: row-reverse;
  }
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-2 {
    flex-direction: row-reverse;
  }
}
.view-tabs-8__advantages-2--bg {
  display: block;
  height: 35vh;
  width: 100%;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/3-scroll.png") no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-2--bg {
    width: 100%;
    height: 52vh;
  }
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-2--bg {
    background-position: left;
    width: 56%;
    height: 67vh;
  }
}
.view-tabs-8__advantages-2--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0;
}
.view-tabs-8__advantages-2--content > div {
  display: grid;
  grid-template: auto/auto auto !important;
  padding: 0 20px 0 20px;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-2--content > div {
    padding: 0 0 0 20px;
  }
}
.view-tabs-8__advantages-2--content > section {
  display: flex;
  flex-direction: column;
  padding-bottom: 8%;
  padding-left: 5%;
}
.view-tabs-8__advantages-2--content > section > h1 {
  font-size: 36px;
  line-height: 38px;
  margin: 0;
  color: #fff;
}
.view-tabs-8__advantages-2--content > section > span {
  font-size: 21px;
  line-height: 26px;
  color: #F00A0A;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-2--content {
    padding: 50px 0;
  }
  .view-tabs-8__advantages-2--content > div {
    display: block;
    padding: 0 50px;
  }
  .view-tabs-8__advantages-2--content > div > div {
    padding-left: 0;
  }
  .view-tabs-8__advantages-2--content > section {
    padding-left: 50px;
  }
  .view-tabs-8__advantages-2--content > section > h1 {
    font-size: 40px;
    line-height: 36px;
  }
  .view-tabs-8__advantages-2--content > section > span {
    font-size: 23px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-2--content > section > h1 {
    font-size: 52px;
    line-height: 71px;
  }
  .view-tabs-8__advantages-2--content > section > span {
    font-size: 32px;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8__advantages-2--content > div {
    padding: 0 84px 0 0;
  }
  .view-tabs-8__advantages-2--content > section {
    padding-left: 0px;
  }
  .view-tabs-8__advantages-2--content > section > h1 {
    font-size: 65px;
    line-height: 71px;
    margin: 0;
  }
  .view-tabs-8__advantages-2--content > section > span {
    font-size: 41px;
    line-height: 100%;
  }
}
.view-tabs-8__advantages-2--btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.view-tabs-8__advantages-2--btns > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-2--btns {
    gap: 20px;
    flex-direction: row;
  }
}
.view-tabs-8__advantages-2--featurestable {
  padding-bottom: 5%;
  padding-right: 2%;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-2--featurestable {
    padding-right: 0;
  }
}
.view-tabs-8__advantages-2--featurestable--discount {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.view-tabs-8__advantages-2--featurestable--discount > h3 {
  color: #F00A0A;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  padding-right: 22px;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-2--featurestable--discount > h3 {
    font-size: 31px;
    line-height: 36px;
    padding-right: 40px;
  }
}
.view-tabs-8__advantages-2--featurestable--discount > h5 {
  color: #fff;
  font-weight: lighter;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-2--featurestable--discount > h5 {
    font-size: 16px;
    line-height: 22px;
  }
}
.view-tabs-8__advantages-2--featurestable--priority {
  display: flex;
  flex-direction: row;
  gap: 46px;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-2--featurestable--priority {
    gap: 54px;
  }
}
.view-tabs-8__advantages-2--featurestable--priority > h3 {
  color: #F00A0A;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-2--featurestable--priority > h3 {
    font-size: 31px;
    line-height: 36px;
  }
}
.view-tabs-8__advantages-2--featurestable--priority > h5 {
  color: #fff;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: lighter;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-2--featurestable--priority > h5 {
    font-size: 16px;
    line-height: 22px;
  }
}
.view-tabs-8__advantages-2--featurestable > span {
  display: flex;
  flex-direction: column;
}
.view-tabs-8__advantages-3 {
  background: #232323;
  display: flex !important;
  flex-direction: column;
  grid-template: none !important;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-3 {
    flex-direction: row-reverse;
  }
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-3 {
    flex-direction: row-reverse;
  }
}
.view-tabs-8__advantages-3--bg {
  display: block;
  height: 35vh;
  width: 100%;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/5-scroll-casaco-reserva.png") no-repeat center center/contain;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-3--bg {
    width: 100%;
    height: 52vh;
    background: url("https://images.mengo.com.br/prod/assets/images/2023/5-scroll-casaco-reserva.png") no-repeat center center/100% 100%;
  }
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-3--bg {
    width: 100%;
    height: 67vh;
    background: url("https://images.mengo.com.br/prod/assets/images/2023/5-scroll-casaco-reserva.png") no-repeat center center/contain;
  }
}
.view-tabs-8__advantages-3--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0;
}
.view-tabs-8__advantages-3--content > div {
  display: grid;
  grid-template: auto/auto auto !important;
  padding: 0 20px 0 20px;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-3--content > div {
    padding: 0 0 0 20px;
  }
}
.view-tabs-8__advantages-3--content > section {
  display: flex;
  flex-direction: column;
  padding-bottom: 4%;
  padding-left: 5%;
  width: 100%;
}
.view-tabs-8__advantages-3--content > section > h1 {
  font-size: 21px;
  color: #F00A0A;
  margin-bottom: 3%;
}
.view-tabs-8__advantages-3--content > section > span {
  font-size: 36px;
  line-height: 38px;
  color: #fff;
}
.view-tabs-8__advantages-3--content > section > img {
  width: 36%;
  margin-top: 2%;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-3--content {
    padding-left: 5%;
    width: 100%;
  }
  .view-tabs-8__advantages-3--content > div {
    display: block;
    padding: 0 50px 0 5%;
  }
  .view-tabs-8__advantages-3--content > div > div {
    padding-left: 0;
  }
  .view-tabs-8__advantages-3--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-3--content > section > h1 {
    font-size: 34px;
  }
  .view-tabs-8__advantages-3--content > section > span {
    font-size: 40px;
  }
  .view-tabs-8__advantages-3--content > section > img {
    width: 31%;
    margin-top: 2%;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-3--content > section > h1 {
    line-height: 56px;
    font-size: 56px;
  }
  .view-tabs-8__advantages-3--content > section > span {
    font-size: 52px;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8__advantages-3--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-3--content > section > h1 {
    font-size: 56px;
  }
  .view-tabs-8__advantages-3--content > section > span {
    font-size: 65px;
    line-height: 41px;
  }
}
.view-tabs-8__advantages-3--btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.view-tabs-8__advantages-3--btns > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-3--btns {
    gap: 20px;
    flex-direction: row;
  }
}
.view-tabs-8__advantages-3--featurestable {
  padding-bottom: 5%;
}
.view-tabs-8__advantages-3--featurestable > span {
  font-size: 18px;
  line-height: 26px;
  font-family: "Montserrat";
}
.view-tabs-8__advantages-4 {
  background: #232323 url("https://images.mengo.com.br/prod/assets/images/2023/bg-scroll-Red-Right-1920.png") no-repeat top left/100% 25%;
  grid-auto-flow: row !important;
  grid-template: none !important;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-4 {
    grid-auto-flow: none !important;
    grid-template: auto/0.5fr 1fr !important;
  }
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-4 {
    grid-auto-flow: none !important;
    grid-template: auto/1fr 1fr !important;
    background: #232323 url("https://images.mengo.com.br/prod/assets/images/2023/bg-scroll-Red-Right-1920.png") no-repeat top left/cover;
  }
}
.view-tabs-8__advantages-4--bg {
  display: block;
  height: 35vh;
  width: 100%;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/6-scroll-flatv.png") no-repeat center center/contain;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-4--bg {
    width: 100%;
    height: 52vh;
    background: url("https://images.mengo.com.br/prod/assets/images/2023/6-scroll-flatv.png") no-repeat center center/100% 100%;
  }
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-4--bg {
    width: 100%;
    height: 67vh;
    background: url("https://images.mengo.com.br/prod/assets/images/2023/6-scroll-flatv.png") no-repeat;
    background-position: center;
    background-size: contain;
  }
}
.view-tabs-8__advantages-4--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0;
}
.view-tabs-8__advantages-4--content > div {
  display: grid;
  grid-template: auto/auto auto !important;
  padding: 0 20px 0 20px;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-4--content > div {
    padding: 0 0 0 20px;
  }
}
.view-tabs-8__advantages-4--content > section {
  display: flex;
  flex-direction: column;
  padding-bottom: 8%;
  padding-left: 5%;
}
.view-tabs-8__advantages-4--content > section > h1 {
  font-size: 21px;
  margin-bottom: 1%;
  color: #F00A0A;
}
.view-tabs-8__advantages-4--content > section > span {
  font-size: 36px;
  line-height: 38px;
  color: #fff;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-4--content {
    padding: 50px 0;
  }
  .view-tabs-8__advantages-4--content > div {
    display: block;
    padding: 0 50px;
  }
  .view-tabs-8__advantages-4--content > div > div {
    padding-left: 0;
  }
  .view-tabs-8__advantages-4--content > section {
    padding-left: 50px;
  }
  .view-tabs-8__advantages-4--content > section > h1 {
    font-size: 23px;
  }
  .view-tabs-8__advantages-4--content > section > span {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-4--content > section > h1 {
    font-size: 32px;
  }
  .view-tabs-8__advantages-4--content > section > span {
    font-size: 52px;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8__advantages-4--content > div {
    padding: 0 84px;
  }
  .view-tabs-8__advantages-4--content > section {
    padding-left: 84px;
  }
  .view-tabs-8__advantages-4--content > section > h1 {
    font-size: 41px;
  }
  .view-tabs-8__advantages-4--content > section > span {
    font-size: 65px;
    line-height: 41px;
  }
}
.view-tabs-8__advantages-4--btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.view-tabs-8__advantages-4--btns > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-4--btns {
    gap: 20px;
    flex-direction: row;
  }
}
.view-tabs-8__advantages-4--featurestable {
  padding-bottom: 5%;
  max-width: 650px;
}
.view-tabs-8__advantages-4--featurestable > span {
  font-size: 18px;
  line-height: 26px;
  font-family: "Montserrat";
}
.view-tabs-8__advantages-5 {
  background: #232323;
  display: flex !important;
  flex-direction: column;
  grid-template: none !important;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-5 {
    flex-direction: row-reverse;
  }
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-5 {
    flex-direction: row-reverse;
  }
}
.view-tabs-8__advantages-5--bg {
  display: block;
  height: 35vh;
  width: 100%;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/7-scroll-FLACHIP.png") no-repeat center center/contain;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-5--bg {
    width: 100%;
    height: 52vh;
    background: url("https://images.mengo.com.br/prod/assets/images/2023/7-scroll-FLACHIP.png") no-repeat center center/100% 100%;
  }
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-5--bg {
    width: 100%;
    height: 67vh;
    background: url("https://images.mengo.com.br/prod/assets/images/2023/7-scroll-FLACHIP.png") no-repeat;
    background-position: center;
    background-size: contain;
  }
}
.view-tabs-8__advantages-5--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 50px 0;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-5--content {
    padding-left: 5%;
  }
}
.view-tabs-8__advantages-5--content > div {
  display: grid;
  grid-template: auto/auto auto !important;
  padding: 0 20px 0 5%;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-5--content > div {
    padding: 0 50px 0 5%;
  }
}
.view-tabs-8__advantages-5--content > section {
  display: flex;
  flex-direction: column;
  padding-bottom: 4%;
  padding-left: 5%;
}
.view-tabs-8__advantages-5--content > section > h1 {
  font-size: 21px;
  color: #F00A0A;
  margin-bottom: 1%;
}
.view-tabs-8__advantages-5--content > section > span {
  font-size: 36px;
  line-height: 38px;
  color: #fff;
}
.view-tabs-8__advantages-5--content > section > img {
  width: 7%;
  margin-top: 2%;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-5--content {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-5--content > div {
    display: block;
    padding: 0 50px 0 5%;
  }
  .view-tabs-8__advantages-5--content > div > div {
    padding-left: 0;
  }
  .view-tabs-8__advantages-5--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-5--content > section > h1 {
    font-size: 34px;
  }
  .view-tabs-8__advantages-5--content > section > span {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-5--content > section > h1 {
    font-size: 56px;
  }
  .view-tabs-8__advantages-5--content > section > span {
    font-size: 52px;
    line-height: 56px;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8__advantages-5--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-5--content > section > h1 {
    font-size: 56px;
  }
  .view-tabs-8__advantages-5--content > section > span {
    font-size: 65px;
    line-height: 60px;
  }
}
.view-tabs-8__advantages-5--btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.view-tabs-8__advantages-5--btns > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-5--btns {
    gap: 20px;
    flex-direction: row;
  }
}
.view-tabs-8__advantages-5--featurestable {
  padding-bottom: 5%;
}
.view-tabs-8__advantages-5--featurestable > span {
  font-size: 18px;
  line-height: 26px;
  font-family: "Montserrat";
}
.view-tabs-8__advantages-6 {
  background: #232323 url("https://images.mengo.com.br/prod/assets/images/2023/bg-scroll-Red-Right-1920.png") no-repeat top left/100% 25%;
  display: flex !important;
  flex-direction: column;
  grid-template: none !important;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-6 {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-6 {
    flex-direction: row;
    background: #232323 url("https://images.mengo.com.br/prod/assets/images/2023/bg-scroll-Red-Right-1920.png") no-repeat top left/cover;
  }
}
.view-tabs-8__advantages-6--bg {
  display: block;
  height: 35vh;
  width: 100%;
  margin-top: 4%;
  margin-bottom: 3%;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/8-scroll-loja.jpg") no-repeat center bottom/contain;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-6--bg {
    width: 100%;
    height: 52vh;
    margin-bottom: 0;
  }
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-6--bg {
    width: 100%;
    margin-bottom: 0;
    height: 67vh;
  }
}
.view-tabs-8__advantages-6--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0;
  margin-right: 5%;
}
.view-tabs-8__advantages-6--content > div {
  display: grid;
  grid-template: auto/auto auto !important;
  padding: 0 0 0 20px;
}
.view-tabs-8__advantages-6--content > section {
  display: flex;
  flex-direction: column;
  padding-bottom: 4%;
  padding-left: 5%;
}
.view-tabs-8__advantages-6--content > section > h1 {
  margin-top: 7%;
  margin-bottom: 1%;
  font-size: 36px;
  color: #fff;
  line-height: 38px;
}
.view-tabs-8__advantages-6--content > section > span {
  font-size: 21px;
  color: #F00A0A;
  line-height: 45px;
}
.view-tabs-8__advantages-6--content > section > img {
  width: 7%;
  margin-top: 2%;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-6--content {
    padding-left: 3%;
  }
  .view-tabs-8__advantages-6--content > div {
    display: block;
    padding: 0 50px 0 20px;
  }
  .view-tabs-8__advantages-6--content > div > div {
    padding-left: 0;
  }
  .view-tabs-8__advantages-6--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-6--content > section > h1 {
    font-size: 40px;
  }
  .view-tabs-8__advantages-6--content > section > span {
    font-size: 23px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-6--content {
    width: 115%;
  }
  .view-tabs-8__advantages-6--content > div {
    display: block;
    padding: 0 50px 0 32px;
  }
  .view-tabs-8__advantages-6--content > div > div {
    padding-left: 0;
  }
  .view-tabs-8__advantages-6--content > section > h1 {
    font-size: 71px;
    line-height: 71px;
  }
  .view-tabs-8__advantages-6--content > section > span {
    font-size: 40px;
  }
}
.view-tabs-8__advantages-6--btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.view-tabs-8__advantages-6--btns > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-6--btns {
    gap: 20px;
    flex-direction: row;
  }
}
.view-tabs-8__advantages-6--featurestable {
  padding-bottom: 5%;
}
.view-tabs-8__advantages-6--featurestable > span {
  font-size: 18px;
  line-height: 26px;
  font-family: "Montserrat";
}
.view-tabs-8__advantages-6--featurestable > span > ul {
  margin-top: 3%;
}
.view-tabs-8__advantages-6--featurestable > span > ul > li {
  line-height: 26px;
}
.view-tabs-8__advantages-7 {
  display: flex !important;
  grid-template: none !important;
  background: #232323;
}
.view-tabs-8__advantages-7--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.view-tabs-8__advantages-7--content > div {
  display: unset;
  grid-template: none;
}
.view-tabs-8__advantages-7--content > section {
  display: flex;
  flex-direction: column;
  padding-bottom: 4%;
  padding-left: 5%;
}
.view-tabs-8__advantages-7--content > section > h1 {
  font-size: 21px;
  color: #F00A0A;
  line-height: 45px;
  margin-bottom: 1%;
}
.view-tabs-8__advantages-7--content > section > span {
  font-size: 36px;
  line-height: 38px;
  color: #fff;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-7--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-7--content > section > h1 {
    font-size: 23px;
  }
  .view-tabs-8__advantages-7--content > section > span {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-7--content {
    width: 100%;
  }
  .view-tabs-8__advantages-7--content > section > h1 {
    font-size: 40px;
  }
  .view-tabs-8__advantages-7--content > section > span {
    font-size: 61px;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8__advantages-7--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-7--content > section > h1 {
    font-size: 40px;
  }
  .view-tabs-8__advantages-7--content > section > span {
    font-size: 61px;
    line-height: 50px;
  }
}
.view-tabs-8__advantages-7--cards {
  display: flex !important;
  flex-direction: row !important;
  gap: 40px;
  align-self: center;
  justify-content: space-between !important;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  max-width: 1200px;
  width: 100%;
  padding: 0 3%;
  margin-bottom: 3%;
}
@media (min-width: 1400px) {
  .view-tabs-8__advantages-7--cards {
    overflow-x: hidden;
    max-width: max-content;
  }
}
.view-tabs-8__advantages-7--cards::-webkit-scrollbar {
  width: 2px;
  height: 7px;
}
.view-tabs-8__advantages-7--cards::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 20px;
  border: 1px solid grey;
}
.view-tabs-8__advantages-7--cards > div fengstui-button .feng-btn {
  color: #F00A0A !important;
  border-radius: 45px !important;
  border-color: #F00A0A;
  background-color: #fff !important;
  font-family: "Montserrat" !important;
  font-size: 12px !important;
  padding: 8px 16px 6px !important;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-7--cards > div fengstui-button .feng-btn {
    padding: 6px 43px !important;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-7--cards > div fengstui-button .feng-btn {
    padding: 6px 43px !important;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8__advantages-7--cards > div fengstui-button .feng-btn {
    padding: 8px 30px !important;
  }
}
.view-tabs-8__advantages-7--cards > div fengstui-button .feng-btn:hover {
  background-color: #eeeaea !important;
}
.view-tabs-8__advantages-7--cards-content {
  display: grid;
  background: #fff;
  border-radius: 12px;
  min-height: 450px;
  grid-template-rows: 30% 51% 82px;
  flex-direction: column;
  padding: 0 24px;
  margin-bottom: 3%;
  justify-items: center;
  justify-content: space-around;
  align-items: center;
  min-width: 280px;
  max-width: 280px;
  scroll-snap-align: start;
}
.view-tabs-8__advantages-7--cards-content > span {
  color: #4F4F4F;
  font-family: "Montserrat";
  font-size: 16px;
  text-align: left;
  align-self: flex-start;
  line-height: 22px;
}
.view-tabs-8__advantages-7--cards-content:nth-child(3) img {
  width: 100%;
}
.view-tabs-8__advantages-7--cards-content:last-child img {
  width: 100%;
}
.view-tabs-8__advantages-8 {
  background: #232323;
  display: flex !important;
  flex-direction: column;
  min-height: 562px !important;
  grid-template: none !important;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-8 {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-8 {
    flex-direction: row;
  }
}
.view-tabs-8__advantages-8--bg {
  display: block;
  width: 100%;
  height: 52vh;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/10-scroll-flaapp.png") no-repeat center center/contain;
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-8--bg {
    width: 28%;
    height: 58vh;
    background: url("https://images.mengo.com.br/prod/assets/images/2023/10-scroll-flaapp.png") no-repeat;
    background-position: center;
    background-size: contain;
  }
}
.view-tabs-8__advantages-8--content {
  display: flex;
  flex-direction: column;
  padding: 50px 0;
}
.view-tabs-8__advantages-8--content > div {
  display: grid;
  padding: 0 20px 0 20px;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-8--content > div {
    padding: 0 0 0 20px;
  }
}
.view-tabs-8__advantages-8--content > section {
  display: flex;
  flex-direction: column;
  padding-bottom: 4%;
  padding-left: 5%;
}
.view-tabs-8__advantages-8--content > section > h1 {
  font-size: 21px;
  color: #F00A0A;
  margin-bottom: 3%;
}
.view-tabs-8__advantages-8--content > section > h2 {
  font-size: 21px;
  color: #F00A0A;
  line-height: 34px;
  margin-top: 3%;
}
.view-tabs-8__advantages-8--content > section > span {
  font-size: 36px;
  line-height: 38px;
  width: 73%;
  color: #fff;
}
.view-tabs-8__advantages-8--content > section > img {
  width: 7%;
  margin-top: 2%;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-8--content {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-8--content > div {
    display: block;
    padding: 0 50px;
  }
  .view-tabs-8__advantages-8--content > div > div {
    padding-left: 0;
  }
  .view-tabs-8__advantages-8--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-8--content > section > h1 {
    font-size: 23px;
  }
  .view-tabs-8__advantages-8--content > section > h2 {
    font-size: 23px;
  }
  .view-tabs-8__advantages-8--content > section > span {
    font-size: 40px;
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-8--content > section > h1 {
    font-size: 40px;
  }
  .view-tabs-8__advantages-8--content > section > h2 {
    line-height: 47px;
    font-size: 40px;
  }
  .view-tabs-8__advantages-8--content > section > span {
    line-height: 58px;
    font-size: 52px;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8__advantages-8--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-8--content > section > h1 {
    font-size: 40px;
  }
  .view-tabs-8__advantages-8--content > section > h2 {
    font-size: 40px;
    line-height: 47px;
  }
  .view-tabs-8__advantages-8--content > section > span {
    font-size: 65px;
    line-height: 60px;
  }
}
.view-tabs-8__advantages-8--btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.view-tabs-8__advantages-8--btns > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-8--btns {
    gap: 20px;
    flex-direction: row;
  }
}
.view-tabs-8__advantages-8--featurestable {
  padding-bottom: 5%;
}
.view-tabs-8__advantages-8--featurestable > span {
  font-size: 22px;
  font-family: "Montserrat";
}
.view-tabs-8__advantages-9 {
  background: #232323;
  display: flex !important;
  flex-direction: column;
  grid-template: none !important;
  background: #232323 url(https://images.mengo.com.br/prod/assets/images/2023/bg-scroll-Red-Right-1920.png) no-repeat top left/100% 25%;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-9 {
    flex-direction: row-reverse;
    background: #232323 url(https://images.mengo.com.br/prod/assets/images/2023/bg-scroll-Red-Right-1920.png) no-repeat top left/100% 100%;
  }
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-9 {
    flex-direction: row-reverse;
  }
}
.view-tabs-8__advantages-9--bg {
  display: block;
  height: 35vh;
  margin-top: 0;
  width: 100%;
  margin-bottom: 3%;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/11-scroll-exp.png") no-repeat center center/contain;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-9--bg {
    width: 100%;
    height: 52vh;
    margin-bottom: 0;
    background: url("https://images.mengo.com.br/prod/assets/images/2023/11-scroll-exp.png") no-repeat center left/contain;
  }
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-9--bg {
    width: 47%;
    margin-top: 4%;
    height: 67vh;
  }
}
.view-tabs-8__advantages-9--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0;
  width: 100%;
}
.view-tabs-8__advantages-9--content > div {
  display: grid;
  grid-template: auto/auto auto !important;
}
.view-tabs-8__advantages-9--content > section {
  display: flex;
  flex-direction: column;
  padding: 0 0 4% 5%;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-9--content > section {
    padding: 0 0 4% 0;
  }
}
.view-tabs-8__advantages-9--content > section > h1 {
  font-size: 21px;
  color: #F00A0A;
  margin-bottom: 1%;
}
.view-tabs-8__advantages-9--content > section > span {
  font-size: 36px;
  line-height: 38px;
  color: #fff;
}
.view-tabs-8__advantages-9--content > section > img {
  width: 7%;
  margin-top: 2%;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-9--content {
    padding-left: 0;
  }
  .view-tabs-8__advantages-9--content > div {
    display: block;
    padding: 0 50px;
  }
  .view-tabs-8__advantages-9--content > div > div {
    padding-left: 0;
  }
  .view-tabs-8__advantages-9--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-9--content > section > h1 {
    font-size: 23px;
  }
  .view-tabs-8__advantages-9--content > section > span {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-9--content > section > h1 {
    font-size: 56px;
  }
  .view-tabs-8__advantages-9--content > section > span {
    font-size: 52px;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8__advantages-9--content > section {
    padding-left: 5%;
  }
  .view-tabs-8__advantages-9--content > section > h1 {
    font-size: 56px;
  }
  .view-tabs-8__advantages-9--content > section > span {
    font-size: 65px;
    line-height: 50px;
  }
}
.view-tabs-8__advantages-9--btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 4%;
  padding: 0 20px 0 20px;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-9--btns {
    padding: unset;
  }
}
.view-tabs-8__advantages-9--btns > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-9--btns {
    gap: 20px;
    flex-direction: row;
    padding-bottom: 0;
  }
}
.view-tabs-8__advantages-9--featurestable {
  padding-left: 5%;
  padding-bottom: 5%;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-9--featurestable {
    padding-left: 0;
  }
}
.view-tabs-8__advantages-9--featurestable > span {
  font-size: 18px;
  line-height: 26px;
  font-family: "Montserrat";
}
.view-tabs-8__advantages-10 {
  background: #232323 url("https://images.mengo.com.br/prod/assets/images/2023/bg-scroll-Red-Right-1920.png") no-repeat top left/100% 25%;
  grid-auto-flow: row !important;
  grid-template: none !important;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-10 {
    grid-auto-flow: none !important;
    grid-template: auto/0.5fr 1fr !important;
  }
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-10 {
    grid-auto-flow: none !important;
    grid-template: auto/1fr 1fr !important;
    background: #232323 url("https://images.mengo.com.br/prod/assets/images/2023/bg-scroll-Red-Right-1920.png") no-repeat top left/100% 100%;
  }
}
.view-tabs-8__advantages-10--bg {
  display: block;
  height: 35vh;
  width: 100%;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/12-scroll-camisa.png") no-repeat center center/cover;
}
@media (min-width: 992px) {
  .view-tabs-8__advantages-10--bg {
    width: 100%;
    height: 52vh;
  }
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-10--bg {
    width: 100%;
    height: 67vh;
  }
}
.view-tabs-8__advantages-10--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0;
}
.view-tabs-8__advantages-10--content > div {
  display: grid;
  grid-template: auto/auto auto !important;
  padding: 0 0 0 20px;
}
.view-tabs-8__advantages-10--content > section {
  display: flex;
  flex-direction: column;
  padding-bottom: 6%;
  padding-left: 5%;
}
.view-tabs-8__advantages-10--content > section > h1 {
  font-size: 21px;
  margin-bottom: 1%;
  color: #F00A0A;
}
.view-tabs-8__advantages-10--content > section > span {
  font-size: 31px;
  line-height: 53px;
  color: #fff;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-10--content {
    padding: 50px 0;
  }
  .view-tabs-8__advantages-10--content > div {
    display: block;
    padding: 0 50px;
  }
  .view-tabs-8__advantages-10--content > div > div {
    padding-left: 0;
  }
  .view-tabs-8__advantages-10--content > section {
    padding-left: 50px;
  }
  .view-tabs-8__advantages-10--content > section > h1 {
    font-size: 23px;
  }
  .view-tabs-8__advantages-10--content > section > span {
    font-size: 71px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-8__advantages-10--content > section > h1 {
    font-size: 32px;
  }
  .view-tabs-8__advantages-10--content > section > span {
    font-size: 69px;
  }
}
@media (min-width: 1605px) {
  .view-tabs-8__advantages-10--content > div {
    padding: 0 84px;
  }
  .view-tabs-8__advantages-10--content > section {
    padding-left: 84px;
  }
  .view-tabs-8__advantages-10--content > section > h1 {
    font-size: 41px;
  }
  .view-tabs-8__advantages-10--content > section > span {
    font-size: 71px;
    line-height: 56px;
  }
}
.view-tabs-8__advantages-10--btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.view-tabs-8__advantages-10--btns > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .view-tabs-8__advantages-10--btns {
    gap: 20px;
    flex-direction: row;
  }
}
.view-tabs-8__advantages-10--featurestable {
  padding-bottom: 5%;
}
.view-tabs-8__advantages-10--featurestable > span {
  font-size: 22px;
  font-family: "Montserrat";
}
.view-tabs-9__content-1 {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  height: 920px;
  background: #fff;
}
@media (min-width: 767px) {
  .view-tabs-9__content-1 {
    height: 730px;
    width: 100%;
    flex-direction: row;
  }
}
.view-tabs-9__content-1--bg {
  width: 100%;
  height: 100%;
  background: black var(--home-desktop-tabs-9-background-bg) var(--home-desktop-tabs-9-background);
}
@media (min-width: 767px) {
  .view-tabs-9__content-1--bg {
    width: 50%;
  }
}
.view-tabs-9__content-1__description {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 86%;
  height: 100%;
}
@media (min-width: 767px) {
  .view-tabs-9__content-1__description {
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    height: 100%;
    padding: 80px 7% 0 7%;
  }
}
.view-tabs-9__content-1__description > h1 {
  font-family: var(--home-desktop-tabs-9-title-font-family);
  font-size: 40px;
  font-weight: 100;
  text-align: center;
}
@media (min-width: 767px) {
  .view-tabs-9__content-1__description > h1 {
    width: 100%;
    font-size: 50px;
    font-weight: 100;
    text-align: var(--home-desktop-tabs-9-description-text-align);
  }
}
.view-tabs-9__content-1__description > h1 > span {
  color: #006739;
}
@media (min-width: 767px) {
  .view-tabs-9__content-1__description > h1 > span {
    word-break: break-word;
  }
}
.view-tabs-9__content-1__description > div:not(.view-tabs-9__content-1__description--icons) {
  text-align: center;
  margin: 0 0 30px 0;
}
@media (min-width: 767px) {
  .view-tabs-9__content-1__description > div:not(.view-tabs-9__content-1__description--icons) {
    text-align: center;
    margin: 0 0 45px 0;
  }
}
.view-tabs-9__content-1__description > div:not(.view-tabs-9__content-1__description--icons) > span {
  color: #18815F;
}
.view-tabs-9__content-1__description--icons {
  width: 190px;
  height: 45px;
  margin: 40px 0 0 0;
  background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/obj3.png) no-repeat center center/cover;
  color: #13AC7B;
}
@media (min-width: 767px) {
  .view-tabs-9__content-1__description--icons {
    margin-top: 145px !important;
  }
}
.view-tabs-9__content-1 fengstui-button .feng-btn {
  width: 265px;
  color: white !important;
  border-radius: 45px !important;
  background-color: var(--home-call-to-action-button-color) !important;
  font-family: "Roboto" !important;
  font-size: 13px !important;
}
@media (min-width: 767px) {
  .view-tabs-9__content-1 fengstui-button .feng-btn {
    width: 200px;
  }
}
.view-tabs-9__content-1 fengstui-button .feng-btn:hover {
  background-color: var(--home-call-to-action-button-color) !important;
}
.view-tabs-9__content-2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 920px;
  background: #fff;
}
@media (min-width: 767px) {
  .view-tabs-9__content-2 {
    height: 730px;
    width: 100%;
    flex-direction: row;
  }
}
.view-tabs-9__content-2--bg-shield {
  width: 100%;
  height: 100%;
  background: black var(--home-desktop-tabs-9-background-bg-shield) var(--home-desktop-tabs-9-background);
}
@media (min-width: 767px) {
  .view-tabs-9__content-2--bg-shield {
    width: 50%;
  }
}
.view-tabs-9__content-2__description {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 86%;
  height: 100%;
  margin: 0 auto;
  padding-top: 40px;
}
@media (min-width: 767px) {
  .view-tabs-9__content-2__description {
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    height: 100%;
    padding: 80px 7% 0 7%;
  }
}
.view-tabs-9__content-2__description > h1 {
  font-family: var(--home-desktop-tabs-9-title-font-family);
  font-size: 40px;
  font-weight: 100;
  text-align: center;
}
@media (min-width: 767px) {
  .view-tabs-9__content-2__description > h1 {
    width: 100%;
    font-size: 50px;
    font-weight: 100;
    text-align: var(--home-desktop-tabs-9-description-text-align);
  }
}
.view-tabs-9__content-2__description > h1 > span {
  color: #006739;
}
@media (min-width: 767px) {
  .view-tabs-9__content-2__description > h1 > span {
    word-break: break-word;
  }
}
.view-tabs-9__content-2__description > div:not(.view-tabs-9__content-1__description--icons-square) {
  text-align: center;
  margin: 0 0 30px 0;
}
@media (min-width: 767px) {
  .view-tabs-9__content-2__description > div:not(.view-tabs-9__content-1__description--icons-square) {
    text-align: center;
    margin: 0 0 45px 0 o !important;
  }
}
.view-tabs-9__content-2__description > div:not(.view-tabs-9__content-1__description--icons-square) > span {
  color: #18815F;
}
.view-tabs-9__content-2__description .float-icon {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.view-tabs-9__content-2__description--icons-square {
  width: 100px;
  height: 100px;
  margin: 40px 0 0 0 !important;
  background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/obj2.svg) var(--home-call-to-action-background);
}
@media (min-width: 767px) {
  .view-tabs-9__content-2__description--icons-square {
    margin-top: 145px !important;
  }
}
.view-tabs-9__content-2 fengstui-button .feng-btn {
  width: 265px;
  color: white !important;
  border-radius: 45px !important;
  background-color: var(--home-call-to-action-button-color) !important;
  font-family: "Roboto" !important;
  margin: 0;
  font-size: 13px !important;
}
@media (min-width: 767px) {
  .view-tabs-9__content-2 fengstui-button .feng-btn {
    width: 200px;
  }
}
.view-tabs-9__content-2 fengstui-button .feng-btn:hover {
  background-color: var(--home-call-to-action-button-color) !important;
}
.view-tabs-9__content-3 {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 920px;
  background: #fff;
}
@media (min-width: 767px) {
  .view-tabs-9__content-3 {
    width: 100%;
    height: 730px;
    flex-direction: row;
  }
}
.view-tabs-9__content-3--bg-flag {
  width: 100%;
  height: 100%;
  background: black var(--home-desktop-tabs-9-background-bg-flag) var(--home-call-to-action-background);
}
@media (min-width: 767px) {
  .view-tabs-9__content-3--bg-flag {
    width: 50%;
  }
}
.view-tabs-9__content-3__description {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 86%;
  height: 100%;
}
@media (min-width: 767px) {
  .view-tabs-9__content-3__description {
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    height: 100%;
    padding: 80px 7% 0 7%;
  }
}
.view-tabs-9__content-3__description > h1 {
  font-family: var(--home-desktop-tabs-9-title-font-family);
  font-size: 40px;
  font-weight: 100;
  text-align: center;
  color: red;
}
@media (min-width: 767px) {
  .view-tabs-9__content-3__description > h1 {
    width: 100%;
    font-size: 50px;
    font-weight: 100;
    text-align: var(--home-desktop-tabs-9-description-text-align);
  }
}
.view-tabs-9__content-3__description > h1 > span {
  color: #006739;
}
@media (min-width: 767px) {
  .view-tabs-9__content-3__description > h1 > span {
    word-break: break-word;
  }
}
.view-tabs-9__content-3__description > div:not(.view-tabs-9__content-1__description--icons) {
  text-align: center;
  margin: 0 0 30px 0;
}
@media (min-width: 767px) {
  .view-tabs-9__content-3__description > div:not(.view-tabs-9__content-1__description--icons) {
    text-align: center;
    margin: 0 0 45px 0;
  }
}
.view-tabs-9__content-3__description > div:not(.view-tabs-9__content-1__description--icons) > span {
  color: #18815F;
}
.view-tabs-9__content-3__description--icons {
  width: 190px;
  height: 45px;
  margin: 40px 0 0 0 !important;
  background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/obj3.png) var(--home-call-to-action-background);
}
@media (min-width: 767px) {
  .view-tabs-9__content-3__description--icons {
    margin-top: 145px !important;
  }
}
.view-tabs-9__content-3 fengstui-button .feng-btn {
  width: 265px;
  color: white !important;
  border-radius: 45px !important;
  background-color: var(--home-call-to-action-button-color) !important;
  font-family: "Roboto" !important;
  margin: 0;
  font-size: 13px !important;
}
@media (min-width: 767px) {
  .view-tabs-9__content-3 fengstui-button .feng-btn {
    width: 200px;
  }
}
.view-tabs-9__content-3 fengstui-button .feng-btn:hover {
  background-color: var(--home-call-to-action-button-color) !important;
}
.view-tabs-10__scroll__moreinfo {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .view-tabs-10__scroll__moreinfo {
    grid-template-columns: 1fr 1fr;
    min-height: 860px;
    max-height: 860px;
  }
}
.view-tabs-10__scroll__moreinfo--img-1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 246px;
  order: 2;
}
@media (min-width: 992px) {
  .view-tabs-10__scroll__moreinfo--img-1 {
    max-height: 860px;
  }
}
.view-tabs-10__scroll__moreinfo--img-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 246px;
  order: 2;
}
@media (min-width: 992px) {
  .view-tabs-10__scroll__moreinfo--img-2 {
    max-height: 860px;
    order: inherit;
  }
}
.view-tabs-10__scroll__moreinfo--img-3 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 246px;
  order: 2;
}
@media (min-width: 992px) {
  .view-tabs-10__scroll__moreinfo--img-3 {
    max-height: 860px;
  }
}
.view-tabs-10__scroll__moreinfo-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  background-color: var(--primary);
  background-image: url("https://maracana.s3.sa-east-1.amazonaws.com/prod/assets/images/MaracanaClub2025/bg-half-blue-left.png");
  background-size: cover;
  background-position: center;
  color: #FFF;
  max-height: 100%;
  padding: 2rem;
}
@media (min-width: 992px) {
  .view-tabs-10__scroll__moreinfo-actions {
    max-height: 860px;
    padding: 0 2rem;
  }
}
.view-tabs-10__scroll__moreinfo-actions h3 {
  font-size: 1.5rem;
  line-height: 1.95rem;
}
@media (min-width: 576px) {
  .view-tabs-10__scroll__moreinfo-actions h3 {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
}
.view-tabs-10__scroll__moreinfo-actions p {
  font-size: 1rem;
  line-height: 1.3rem;
}
@media (min-width: 576px) {
  .view-tabs-10__scroll__moreinfo-actions p {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.view-tabs-10__scroll__moreinfo-actions--wrap {
  max-width: 520px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.view-tabs-10__scroll__moreinfo-actions--wrap fengstui-button button {
  width: 100%;
}
@media (min-width: 992px) {
  .view-tabs-10__scroll__moreinfo-actions--wrap fengstui-button button {
    width: inherit;
  }
}
.view-tabs-10__scroll__moreinfo-actions--container-card {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.view-tabs-10__scroll__moreinfo-actions--container-card--card {
  display: flex;
  gap: 1.5rem;
  border: 1px solid var(--secondary);
  border-radius: 0.63rem;
  padding: 1rem;
  flex-direction: column;
  position: relative;
}
@media (min-width: 576px) {
  .view-tabs-10__scroll__moreinfo-actions--container-card--card {
    flex-direction: row;
  }
}
.view-tabs-10__scroll__moreinfo-actions--container-card--card.upcoming {
  margin-top: 1rem;
}
.view-tabs-10__scroll__moreinfo-actions--container-card--card.upcoming::before {
  content: "Em breve";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto";
  font-weight: bold;
  line-height: 1.5rem;
  color: #727272;
  background-color: #E4E4E4;
  top: -15px;
  right: -1px;
  border-radius: 5px;
  padding: 0.2rem 1rem;
}
@media (min-width: 576px) {
  .view-tabs-10__scroll__moreinfo-actions--container-card--card.upcoming::before {
    padding: 0.75rem 1rem;
    top: -25px;
  }
}
.view-tabs-10__scroll__moreinfo-actions--container-card--card img {
  width: 25px;
  position: absolute;
  top: 16px;
}
@media (min-width: 576px) {
  .view-tabs-10__scroll__moreinfo-actions--container-card--card img {
    width: inherit;
    position: inherit;
    top: inherit;
  }
}
.view-tabs-10__scroll__moreinfo-actions--container-card--card h5 {
  margin-left: 35px;
}
@media (min-width: 576px) {
  .view-tabs-10__scroll__moreinfo-actions--container-card--card h5 {
    margin-left: 0;
  }
}
.view-tabs-10__scroll__moreinfo-actions--container-card--card span {
  background-color: var(--background);
  color: #727272;
  padding: 7px 16px;
  border-radius: 4px;
  position: absolute;
  right: -1px;
  top: -22px;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .view-tabs-10__scroll__moreinfo-actions--container-card--card span {
    padding: 12px 16px;
    top: -29px;
  }
}
.view-tabs-10__scroll__moreinfo-actions--container-card--card p {
  font-weight: 400;
  font-family: Roboto;
  font-size: 14px;
  line-height: 21px;
}
.view-tabs-10__scroll__benefits {
  background-image: url(https://maracana-web-prod-bkt.s3.amazonaws.com/images/Home-MC-23/Assets/Background-scroll-9.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2.5rem 1.5rem 0;
  overflow: hidden;
}
@media (min-width: 992px) {
  .view-tabs-10__scroll__benefits {
    padding: 6.25rem 1.5rem 0;
  }
}
.view-tabs-10__scroll__benefits--title {
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase;
  width: 100%;
}
.view-tabs-10__scroll__benefits--title h3 {
  color: var(--primary);
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  .view-tabs-10__scroll__benefits--title h3 {
    font-size: 3rem;
  }
}
.view-tabs-10__scroll__benefits__container {
  display: flex;
  align-items: center;
  flex-direction: row;
  overflow-x: scroll;
  width: 100%;
  align-self: center;
  padding: 3rem 0 6.25rem;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .view-tabs-10__scroll__benefits__container {
    justify-content: center;
  }
}
.view-tabs-10__scroll__benefits__container::-webkit-scrollbar {
  width: 2px;
  height: 7px;
}
.view-tabs-10__scroll__benefits__container::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 20px;
  border: 1px solid grey;
}
.view-tabs-10__scroll__benefits__container__card-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 274px;
  max-width: 274px;
  padding: 1.5rem;
  gap: 1.5rem;
  border-radius: 1rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  margin: 0 2rem;
}
.view-tabs-10__scroll__benefits__container__card-wrap__card-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.view-tabs-10__scroll__benefits__container__card-wrap__card-icon img {
  height: 80px;
  margin-top: 1.5rem;
}
.view-tabs-10__scroll__benefits__container__card-wrap__card-icon span {
  display: block;
  font-family: "Roboto";
  font-weight: bold;
  line-height: 1.5rem;
  color: #727272;
  background-color: #E4E4E4;
  width: 100%;
  text-align: center;
}
.view-tabs-10__scroll__benefits__container__card-wrap__card-texts {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.view-tabs-10__scroll__benefits__container__card-wrap__card-texts h5 {
  color: var(--primary);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1rem;
}
.view-tabs-10__scroll__benefits__container__card-wrap__card-texts p {
  font-size: 1rem;
  line-height: 1.3rem;
}
.view-tabs-10__scroll__final-banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://maracana-web-prod-bkt.s3.amazonaws.com/images/Home-MC-23/Assets/banner-umanovaexp.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.view-tabs-10__scroll__final-banner__content {
  display: flex;
  padding: 5rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  max-width: 1120px;
}
.view-tabs-10__scroll__final-banner__content h3 {
  font-family: var(--font-primary);
  font-weight: 400;
  color: #FFF;
  font-size: 2rem;
  text-align: center;
  line-height: 2.1rem;
  letter-spacing: 2px;
}
.view-tabs-10__scroll__final-banner__content h3 > strong {
  font-family: var(--font-title);
  font-weight: 700;
}
@media (min-width: 992px) {
  .view-tabs-10__scroll__final-banner__content h3 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.view-tabs-11__scroll-1__moreinfo {
  position: relative;
  align-items: center;
  text-align: left;
}
.view-tabs-11__scroll-1__moreinfo-content--img {
  width: 100%;
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/scroll2.png") no-repeat center center/cover;
}
.view-tabs-11__scroll-1__moreinfo-container {
  display: grid;
  height: auto;
  width: 100%;
  grid-template: auto auto/auto;
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/bg-vantagens.png") no-repeat center center/cover;
}
@media (min-width: 992px) {
  .view-tabs-11__scroll-1__moreinfo-container {
    grid-template: auto/50% 50%;
  }
}
.view-tabs-11__scroll-1__moreinfo-actions {
  flex-direction: column;
  text-align: center;
  padding: 15px;
  justify-content: center;
  background: white;
  margin: 20px;
}
@media (min-width: 992px) {
  .view-tabs-11__scroll-1__moreinfo-actions {
    text-align: unset;
    padding: 40px;
    margin: 40px;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .view-tabs-11__scroll-1__moreinfo-actions {
    margin: 56px 120px;
  }
}
.view-tabs-11__scroll-1__moreinfo-actions > h3 {
  width: 100%;
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-11__scroll-1__moreinfo-actions > h3 {
    font-size: 48px;
    line-height: 120%;
  }
}
.view-tabs-11__scroll-1__moreinfo-actions > p {
  width: 100%;
  color: #727272;
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (min-width: 576px) {
  .view-tabs-11__scroll-1__moreinfo-actions > p {
    font-size: 20px;
    margin-top: 4%;
  }
}
.view-tabs-11__scroll-1__moreinfo-actions > h4 {
  color: var(--primary);
  text-align: center;
  font-family: "Athletic-Pro";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .view-tabs-11__scroll-1__moreinfo-actions > h4 {
    font-size: 32px;
  }
}
.view-tabs-11__scroll-1__moreinfo-actions fengstui-button button {
  border-radius: 1000px;
  color: #fff !important;
  padding: 10px 16px;
  width: 100%;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-11__scroll-1__moreinfo-actions fengstui-button button {
    width: 100%;
  }
}
.view-tabs-11__scroll-2__moreinfo {
  position: relative;
  align-items: center;
  text-align: left;
}
.view-tabs-11__scroll-2__moreinfo-content--img {
  width: 100%;
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/scroll3.png") no-repeat center center/cover;
}
.view-tabs-11__scroll-2__moreinfo-container {
  display: grid;
  height: auto;
  width: 100%;
  grid-template: auto auto/auto;
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/bg-vantagens.png") no-repeat center center/cover;
}
@media (min-width: 992px) {
  .view-tabs-11__scroll-2__moreinfo-container {
    grid-template: auto/50% 50%;
  }
}
.view-tabs-11__scroll-2__moreinfo-actions {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  padding: 15px;
  background: white;
  margin: 20px;
  gap: 32px;
}
@media (min-width: 992px) {
  .view-tabs-11__scroll-2__moreinfo-actions {
    text-align: unset;
    padding: 40px;
    margin: 40px;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .view-tabs-11__scroll-2__moreinfo-actions {
    margin: 56px 120px;
  }
}
.view-tabs-11__scroll-2__moreinfo-actions > h3 {
  width: 100%;
  color: var(--secondary);
  font-family: "Athletic-Pro";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-11__scroll-2__moreinfo-actions > h3 {
    font-size: 48px;
    line-height: 120%;
  }
}
.view-tabs-11__scroll-2__moreinfo-actions-items {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.view-tabs-11__scroll-2__moreinfo-actions-items > div {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.view-tabs-11__scroll-2__moreinfo-actions-items > div > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.view-tabs-11__scroll-2__moreinfo-actions-items > div > div > h4 {
  color: var(--primary);
  font-family: "Athletic-Pro";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-11__scroll-2__moreinfo-actions-items > div > div > h4 {
    font-size: 32px;
    line-height: 130%;
  }
}
.view-tabs-11__scroll-2__moreinfo-actions-items > div > div > p {
  color: #727272;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-11__scroll-2__moreinfo-actions-items > div > div > p {
    font-size: 16px;
    line-height: 130%;
  }
}
.view-tabs-11__scroll-2__moreinfo-actions-items-divider {
  width: 100%;
  height: 1px;
  background: #ABABAB;
}
.view-tabs-11__scroll-2__moreinfo-actions fengstui-button button {
  border-radius: 1000px;
  color: #fff !important;
  padding: 10px 16px;
  width: 100%;
}
@media (min-width: 576px) {
  .view-tabs-11__scroll-2__moreinfo-actions fengstui-button button {
    width: 100%;
  }
}
.view-tabs-12 {
  color: white;
  padding: 0 1.92%;
  background: var(--home-public-background);
  font-family: "Montserrat";
  font-weight: 700;
}
.view-tabs-12 > div {
  display: grid;
  grid-template: auto/auto;
  width: 100%;
  min-height: 637px;
  overflow: hidden;
}
@media (min-width: 767px) {
  .view-tabs-12 > div {
    grid-template: auto/1fr 0.5fr;
  }
}
@media (min-width: 992px) {
  .view-tabs-12 > div {
    grid-template: auto/1fr 1fr;
  }
}
.view-tabs-12 > div fengstui-button {
  width: 100%;
}
@media (min-width: 992px) {
  .view-tabs-12 > div fengstui-button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.view-tabs-12__divider {
  width: 100%;
  position: relative;
  height: 12px;
  background: url("https://flamengo.s3.sa-east-1.amazonaws.com/prod/bg-pattern-div.png") no-repeat center center/cover;
  width: 100%;
}
@media (min-width: 1200px) {
  .view-tabs-12__divider {
    height: 28px;
  }
}
.view-tabs-12__advantages-default {
  background: #232323;
  display: flex !important;
  flex-direction: column;
  grid-template: none !important;
  position: relative;
}
.view-tabs-12__advantages-default:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 100%;
  height: 100%;
  background: var(--content-background) no-repeat center 13px/cover;
  z-index: 0;
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-default {
    flex-direction: row-reverse;
  }
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-default {
    flex-direction: row-reverse;
  }
}
.view-tabs-12__advantages-default-bg {
  display: block;
  height: 40vh;
  width: 100%;
  position: relative;
  left: -4px;
  background: url("https://flamengo.s3.sa-east-1.amazonaws.com/matchday/prod/assets/img/HomeEstadio2024/ingresso-2scroll.svg") no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-default-bg {
    background-position: center;
    width: 100%;
    height: auto;
    left: 0;
    flex: 1;
  }
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-default-bg {
    background-size: 85%;
  }
}
@media (min-width: 1800px) {
  .view-tabs-12__advantages-default-bg {
    background-size: 83%;
  }
}
@media (min-width: 2400px) {
  .view-tabs-12__advantages-default-bg {
    background-size: 54%;
  }
}
.view-tabs-12__advantages-default-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 50px;
  flex: 0.95;
  z-index: 2;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-default-content {
    padding-bottom: 103px;
    padding-left: 0;
  }
}
@media (min-width: 1670px) {
  .view-tabs-12__advantages-default-content {
    padding-left: 100px;
  }
}
@media (min-width: 2400px) {
  .view-tabs-12__advantages-default-content {
    flex: 0.7;
  }
}
.view-tabs-12__advantages-default-content > div {
  display: grid;
  grid-template: auto/auto auto !important;
  padding: 0 20px 0 20px;
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-default-content > div {
    padding: 0 20px 0 0;
  }
}
.view-tabs-12__advantages-default-content h1 {
  max-width: 296px;
  margin: 36px auto 0;
  text-align: center;
  color: #fff;
  font: normal normal 700 24px/24px Montserrat;
}
@media (min-width: 360px) {
  .view-tabs-12__advantages-default-content h1 {
    font: normal normal 700 28px/30px Montserrat;
  }
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-default-content h1 {
    max-width: 100%;
    padding-right: 25px;
  }
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-default-content h1 {
    font-size: 35px;
    line-height: 35px;
    padding-right: 0px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-default-content h1 {
    text-align: left;
    font-size: 55px;
    line-height: 57px;
    max-width: 738px;
    margin: 103px 0 0;
  }
}
@media (min-width: 1500px) {
  .view-tabs-12__advantages-default-content h1 {
    max-width: 700px;
    font-size: 65px;
    line-height: 65px;
  }
}
@media (min-width: 1680px) {
  .view-tabs-12__advantages-default-content h1 {
    max-width: 735px;
    font-size: 71px;
    line-height: 71px;
  }
}
.view-tabs-12__advantages-default-content p {
  font: normal normal 500 16px/22.5px Montserrat;
  color: #fff;
  text-align: left;
  margin: 0;
  position: relative;
  top: -35px;
  padding: 0 24px;
  max-width: 100%;
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-default-content p {
    top: 0;
    margin: 32px auto;
    text-align: center;
    padding-right: 42px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-default-content p {
    font-size: 22px;
    line-height: 30.8px;
    text-align: left;
    padding: 0;
    margin: 48px 0 0 0;
    max-width: 500px;
    padding-right: 0;
  }
}
.view-tabs-12__advantages-default-btns {
  display: flex !important;
  flex-direction: column;
  gap: 16px 11px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 24px;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-default-btns {
    flex-direction: row;
  }
}
@media (min-width: 1500px) {
  .view-tabs-12__advantages-default-btns {
    gap: 15px;
  }
}
.view-tabs-12__advantages-default-btns fengstui-button {
  width: 100% !important;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-default-btns fengstui-button {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
}
.view-tabs-12__advantages-default-btns button {
  width: 100%;
  margin-bottom: 10px;
  font: var(--cta-13-button-font);
}
.view-tabs-12__advantages-default-btns .feng-btn {
  padding: 21px 0;
  font-size: 14px;
}
.view-tabs-12__advantages-default-btns .feng-btn--secondary:not(.feng-btn--outline) {
  background: var(--cta-13-button-primary-bg);
  color: var(--cta-13-button-color) !important;
}
@media (min-width: 1500px) {
  .view-tabs-12__advantages-default-btns .feng-btn--secondary:not(.feng-btn--outline) {
    padding: 21px 24px;
  }
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-default-btns .feng-btn {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-default-btns .feng-btn {
    padding: 13px 11px;
    margin-top: 48px;
  }
}
@media (min-width: 1300px) {
  .view-tabs-12__advantages-default-btns .feng-btn {
    padding: 13px 15px;
  }
}
@media (min-width: 1530px) {
  .view-tabs-12__advantages-default-btns .feng-btn {
    font-size: 13px;
    padding: 21px 15px;
  }
}
.view-tabs-12__advantages-default-btns .feng-btn--outline {
  background: transparent !important;
  color: var(--cta-13-button-color);
  border-color: currentColor;
}
.view-tabs-12__advantages-2 {
  padding-left: 0;
}
.view-tabs-12__advantages-2:before {
  top: 148px;
  height: 100%;
  background: var(--content-background) no-repeat 15% center/cover;
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-2:before {
    background-repeat: repeat;
    background-position: -34% -87px;
    background-size: 104% 206%;
    height: 53%;
    box-shadow: inset 0px -60px 60px -33px #232323;
  }
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-2 {
    padding-left: 90px;
    flex-direction: row;
  }
}
.view-tabs-12__advantages-2-bg {
  transform: scale(1);
  background: url("https://flamengo.s3.sa-east-1.amazonaws.com/matchday/prod/assets/img/HomeEstadio2024/carteirinha-3scroll.svg") no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-2-bg {
    background-size: cover;
  }
}
@media (min-width: 2050px) {
  .view-tabs-12__advantages-2-bg {
    background-size: 70%;
  }
}
.view-tabs-12__advantages-2-content {
  padding-left: 0;
  flex: 1;
}
@media (min-width: 2400px) {
  .view-tabs-12__advantages-2-content {
    padding-left: 220px;
  }
}
.view-tabs-12__advantages-2-content h1 {
  max-width: 100%;
  padding: 0 20px;
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-2-content h1 {
    max-width: 735px;
    padding: 0;
  }
}
.view-tabs-12__advantages-2-content p {
  max-width: 738px;
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-2-content > div {
    padding: 0;
  }
}
.view-tabs-12__advantages-3 {
  background: url("https://flamengo.s3.sa-east-1.amazonaws.com/matchday/prod/assets/img/HomeEstadio2024/bg-flamais.png") no-repeat -170px 0/cover;
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 232px 1fr !important;
  min-height: 680px;
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-3 {
    background-position: 0 top;
  }
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-3 {
    grid-template-columns: 0.9fr 1fr !important;
    grid-template-rows: 1fr !important;
  }
}
.view-tabs-12__advantages-3-flag {
  position: absolute;
  width: 101.42px;
  height: 110px;
  top: 0;
  right: 32px;
  z-index: 2;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-3-flag {
    width: 135.22px;
    height: 160px;
    right: 98px;
  }
}
.view-tabs-12__advantages-3-block {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px 16px;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-3-block {
    padding: 0 0 0 6%;
  }
}
@media (min-width: 1500px) {
  .view-tabs-12__advantages-3-block {
    padding: 0 0 0 8%;
  }
}
.view-tabs-12__advantages-3-title {
  font: normal normal 700 24px/24px Montserrat;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-3-title {
    margin: 0;
    text-align: left;
    font-size: 55px;
  }
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-3-title {
    font-size: 35px;
    line-height: 35px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-3-title {
    text-align: left;
    font-size: 55px;
    line-height: 57px;
    max-width: 460px;
  }
}
@media (min-width: 1500px) {
  .view-tabs-12__advantages-3-title {
    font-size: 65px;
    line-height: 65px;
  }
}
@media (min-width: 1680px) {
  .view-tabs-12__advantages-3-title {
    font-size: 71px;
    line-height: 71px;
    max-width: 600px;
  }
}
.view-tabs-12__advantages-3-text {
  font: normal normal 500 16px/22.5px Montserrat;
  text-align: center;
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-3-text {
    text-align: left;
    max-width: 370px;
  }
}
.view-tabs-12__advantages-3-btns {
  width: 100%;
  padding: 0;
}
.view-tabs-12__advantages-4 {
  display: flex !important;
  flex-direction: column !important;
  grid-template: none !important;
  background: #232323;
  padding: 24px 0;
  position: relative;
}
.view-tabs-12__advantages-4:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 100%;
  height: 100%;
  background: var(--content-background) no-repeat center 13px/cover;
  z-index: 0;
}
.view-tabs-12__advantages-4 h1 {
  text-align: center;
  font: normal normal 700 24px/24px Montserrat;
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
  z-index: 2;
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-4 h1 {
    font-size: 35px;
    line-height: 35px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-4 h1 {
    font-size: 55px;
    line-height: 57px;
    margin-top: 100px;
  }
}
@media (min-width: 1500px) {
  .view-tabs-12__advantages-4 h1 {
    font-size: 65px;
    line-height: 65px;
  }
}
@media (min-width: 1680px) {
  .view-tabs-12__advantages-4 h1 {
    font-size: 71px;
    line-height: 71px;
  }
}
.view-tabs-12__advantages-4 .tab-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.view-tabs-12__advantages-4-tab {
  max-width: calc(100vw - 100px);
  overflow-x: auto;
  position: relative;
  scroll-snap-type: x mandatory;
}
.view-tabs-12__advantages-4-tab-navigation {
  display: flex;
  align-items: center;
  font-size: 25px;
  height: 20px;
  color: #fff;
  background: transparent;
  border: none;
  position: relative;
  top: 14px;
  padding: 1px 6px;
}
@media (min-width: 767px) {
  .view-tabs-12__advantages-4-tab-navigation {
    display: none;
  }
}
.view-tabs-12__advantages-4-tab-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  padding: 0;
  margin-top: 3rem;
  min-width: 600px;
  margin-bottom: 16px;
}
.view-tabs-12__advantages-4-tab-content-item {
  background: #252525;
  border: solid 1px #343434;
  width: 200px;
  scroll-snap-align: start;
}
.view-tabs-12__advantages-4-tab-content-item:first-child {
  border-radius: 8px 0 0 8px;
}
.view-tabs-12__advantages-4-tab-content-item:last-child {
  border-radius: 0 8px 8px 0;
}
.view-tabs-12__advantages-4-tab-content-item button {
  color: #727272;
  border: none;
  padding: 10px;
  background: transparent;
  width: 100%;
  height: 100%;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
}
.view-tabs-12__advantages-4-tab-content-item--active {
  background: #C3281E;
  border-color: #F00A0A;
}
.view-tabs-12__advantages-4-tab-content-item--active button {
  color: #fff;
}
.view-tabs-12__advantages-4-tab::-webkit-scrollbar {
  height: 0;
}
.view-tabs-12__advantages-4-tab::-webkit-scrollbar-thumb {
  background: transparent;
}
.view-tabs-12__advantages-4-tabcontent {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  justify-content: center;
  align-items: center;
  margin: 24px auto 0;
  max-width: 1400px;
  width: 100%;
  z-index: 2;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-4-tabcontent {
    flex-direction: row-reverse;
    justify-content: space-around;
    margin-top: 64px;
  }
}
.view-tabs-12__advantages-4-tabcontent-image {
  flex: 0.3;
  height: 400px;
}
.view-tabs-12__advantages-4-tabcontent-image img {
  overflow: visible;
  width: 65%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 auto 20px;
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-4-tabcontent-image img {
    margin: 0;
    width: 100%;
  }
}
.view-tabs-12__advantages-4-tabcontent-image--cashback {
  height: 440px;
}
.view-tabs-12__advantages-4-tabcontent-image--cashback img {
  height: 72%;
}
.view-tabs-12__advantages-4-tabcontent-block {
  max-width: 712px;
  flex: 1;
}
.view-tabs-12__advantages-4-tabcontent-block h2 {
  font: normal normal 700 24px/29.26px Montserrat;
  color: #C3281E;
  text-align: left;
  margin: 0;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-4-tabcontent-block h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
.view-tabs-12__advantages-4-tabcontent-block p {
  font: normal normal 500 16px/22.5px Montserrat;
  color: #fff;
  margin: 16px 0 24px 0;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-4-tabcontent-block p {
    font-size: 24px;
    line-height: 30.8px;
  }
}
.view-tabs-12__advantages-4-btns {
  padding: 0;
}
.view-tabs-12__advantages-5 {
  display: flex !important;
  grid-template: none !important;
  flex-direction: column !important;
  justify-content: center;
  background: #232323;
  padding-bottom: 42px;
  position: relative;
}
.view-tabs-12__advantages-5:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 100%;
  height: 100%;
  background: var(--content-background) no-repeat center 13px/cover;
  z-index: 0;
  box-shadow: inset 0px -60px 60px -33px #232323;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-5:before {
    background-position: center -42px;
    top: 30%;
    height: 400px;
  }
}
.view-tabs-12__advantages-5 h1 {
  text-align: center;
  font: normal normal 700 24px/24px Montserrat;
  margin: 0 auto;
  padding: 26px 24px 0;
  width: 100%;
  z-index: 2;
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-5 h1 {
    font-size: 35px;
    line-height: 35px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-5 h1 {
    font-size: 55px;
    line-height: 57px;
    margin-top: 100px;
  }
}
@media (min-width: 1500px) {
  .view-tabs-12__advantages-5 h1 {
    font-size: 65px;
    line-height: 65px;
  }
}
@media (min-width: 1680px) {
  .view-tabs-12__advantages-5 h1 {
    font-size: 71px;
    line-height: 71px;
  }
}
.view-tabs-12__advantages-5-subtitle {
  font: normal normal 500 16px/22.5px Montserrat;
  text-align: center;
  margin: 16px auto 0;
  max-width: 1400px;
  padding: 0 24px 0;
  z-index: 2;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-5-subtitle {
    max-width: 1052px;
    font-size: 24px;
    line-height: 29.26px;
    margin-top: 8px;
  }
}
.view-tabs-12__advantages-5 .scroll-wrap {
  max-width: 1200px;
  overflow-x: auto;
  margin: 0 auto;
  scroll-snap-type: x mandatory;
  width: 100%;
  z-index: 2;
}
.view-tabs-12__advantages-5 .scroll-wrap::-webkit-scrollbar {
  height: 7px;
}
.view-tabs-12__advantages-5 .scroll-wrap::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}
.view-tabs-12__advantages-5 .scroll-wrap:hover::-webkit-scrollbar-thumb {
  background: #c7c7c7;
}
.view-tabs-12__advantages-5-cards {
  display: flex;
  column-gap: 24px;
  width: calc(100vw - 18px);
  padding: 0 24px 18px;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-5-cards {
    justify-content: center;
    width: auto;
    column-gap: 40px;
  }
}
.view-tabs-12__advantages-5-cards-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  min-width: 286px;
  max-width: 286px;
  box-shadow: 0px 0px 30px 0px #000000;
  scroll-snap-align: center;
}
.view-tabs-12__advantages-5-cards-item:nth-child(1) img {
  object-fit: none;
}
.view-tabs-12__advantages-5-cards-item img {
  object-fit: scale-down;
  width: 100%;
  height: 100px;
}
.view-tabs-12__advantages-5-cards-item p {
  font: normal normal 500 16px/22.5px Montserrat;
  color: #4F4F4F;
}
.view-tabs-12__advantages-5-cards-item fengstui-button {
  margin-top: auto;
  width: 100%;
}
.view-tabs-12__advantages-5-cards-item fengstui-button .feng-btn {
  color: #F00A0A !important;
  padding: 12px 16px;
  width: 100%;
}
.view-tabs-12__advantages-6 {
  background: url("https://flamengo.s3.sa-east-1.amazonaws.com/matchday/prod/assets/img/HomeEstadio2024/bg-experience.png") no-repeat center 0/cover;
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 232px 1fr !important;
  min-height: 680px;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-6 {
    grid-template-columns: 0.9fr 1fr !important;
    grid-template-rows: 1fr !important;
    background-position: center;
  }
}
.view-tabs-12__advantages-6-flag {
  position: absolute;
  width: 101.42px;
  height: 120px;
  top: 0;
  right: 32px;
  z-index: 2;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-6-flag {
    width: 135.22px;
    height: 160px;
    right: 98px;
  }
}
.view-tabs-12__advantages-6-block {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px 16px;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-6-block {
    padding: 0 0 0 6%;
  }
}
@media (min-width: 1500px) {
  .view-tabs-12__advantages-6-block {
    padding: 0 0 0 8%;
  }
}
.view-tabs-12__advantages-6-title {
  font: normal normal 700 24px/24px Montserrat;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-6-title {
    margin: 0;
    text-align: left;
    font-size: 55px;
  }
}
@media (min-width: 992px) {
  .view-tabs-12__advantages-6-title {
    font-size: 35px;
    line-height: 35px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-6-title {
    text-align: left;
    font-size: 55px;
    line-height: 57px;
    max-width: 460px;
  }
}
@media (min-width: 1500px) {
  .view-tabs-12__advantages-6-title {
    font-size: 65px;
    line-height: 65px;
  }
}
@media (min-width: 1680px) {
  .view-tabs-12__advantages-6-title {
    font-size: 71px;
    line-height: 71px;
    max-width: 600px;
  }
}
.view-tabs-12__advantages-6-text {
  font: normal normal 500 16px/22.5px Montserrat;
  text-align: center;
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .view-tabs-12__advantages-6-text {
    text-align: left;
    max-width: 370px;
  }
}
.view-tabs-12__advantages-6-btns {
  width: 100%;
  padding: 0;
}
.view-tabs-v13 {
  position: relative;
  overflow: hidden;
}
.view-tabs-v13__scroll {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .view-tabs-v13__scroll {
    grid-template-columns: 1fr 1fr;
  }
}
.view-tabs-v13 .scroll-1 {
  background-image: var(--home-desktop-tabs-1-background);
  background-repeat: no-repeat;
  background-size: cover;
}
.view-tabs-v13 .scroll-1 .view-tabs-v13__img {
  display: flex;
  justify-content: center;
  position: relative;
}
.view-tabs-v13 .scroll-1 .view-tabs-v13__img img {
  width: inherit;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.view-tabs-v13 .scroll-1 .view-tabs-v13__moreinfo {
  background: none;
}
.view-tabs-v13__img {
  position: relative;
  min-height: 250px;
}
.view-tabs-v13__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 576px) {
  .view-tabs-v13__img {
    min-height: 480px;
  }
}
.view-tabs-v13__moreinfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background-image: var(--home-desktop-tabs-2-background);
  background-size: cover;
  background-position: center;
  color: var(--home-view-tabs-content-color);
  padding: 24px 16px;
}
@media (min-width: 992px) {
  .view-tabs-v13__moreinfo {
    padding: 56px 24px;
  }
}
.view-tabs-v13__moreinfo h3 {
  font-family: "Montserrat";
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  margin: 0;
}
@media (min-width: 992px) {
  .view-tabs-v13__moreinfo h3 {
    font-size: 52px;
    line-height: 80px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-v13__moreinfo h3 {
    font-size: 64px;
  }
}
.view-tabs-v13__moreinfo-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border: 1px solid #E4E4E4;
  border-radius: 16px;
  margin: 0 auto;
  max-width: 760px;
  width: 100%;
  z-index: 9;
}
@media (min-width: 992px) {
  .view-tabs-v13__moreinfo-wrapper {
    padding: 32px;
  }
}
.view-tabs-v13__moreinfo-wrapper fengstui-button button {
  width: 100%;
}
@media (min-width: 992px) {
  .view-tabs-v13__moreinfo-wrapper fengstui-button button {
    width: inherit;
  }
}
.view-tabs-v13__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.view-tabs-v13__content hr {
  margin: 0;
  border: 1px solid var(--text-global-500);
}
.view-tabs-v13__content > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .view-tabs-v13__content > div {
    gap: 8px;
  }
}
.view-tabs-v13__content > div h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 992px) {
  .view-tabs-v13__content > div h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
.view-tabs-v13__content > div p {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-global-700);
  margin: 0;
}
@media (min-width: 992px) {
  .view-tabs-v13__content > div p {
    font-size: 20px;
    line-height: 32px;
  }
}
.view-tabs-v13__content ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
.view-tabs-v13__content ul li:first-child {
  padding-bottom: 8px;
}
@media (min-width: 576px) {
  .view-tabs-v13__content ul li:first-child {
    padding-bottom: 10px;
  }
}
.view-tabs-v13__content ul li {
  display: flex;
  flex-direction: column;
  position: relative;
  border-bottom: 1px solid var(--text-global-500);
  padding: 12px 0;
}
@media (min-width: 576px) {
  .view-tabs-v13__content ul li {
    flex-direction: row;
  }
}
.view-tabs-v13__content ul li div {
  margin-left: 0;
}
@media (min-width: 992px) {
  .view-tabs-v13__content ul li div {
    margin-left: 58px;
  }
}
.view-tabs-v13__content ul li i {
  font-size: 24px;
  padding-top: 12px;
  position: absolute;
  top: 0;
}
.view-tabs-v13__content ul li i:before {
  color: var(--secondary);
}
@media (min-width: 992px) {
  .view-tabs-v13__content ul li i {
    font-size: 40px;
  }
}
.view-tabs-v13__content ul li h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  margin: 3px 0 0 32px;
  word-break: break-all;
}
@media (min-width: 992px) {
  .view-tabs-v13__content ul li h5 {
    font-size: 24px;
    margin: 5px 0 0;
  }
}
.view-tabs-v13__content ul li p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--text-global-700);
  margin-bottom: 0;
  margin-top: 8px;
}
@media (min-width: 992px) {
  .view-tabs-v13__content ul li p {
    font-size: 20px;
    line-height: 32px;
    margin-left: 0;
  }
}
.view-tabs-14 {
  min-height: 760px;
  padding: 0;
  display: grid;
  grid-template-areas: "detail" "image";
}
@media (min-width: 767px) {
  .view-tabs-14 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "detail image";
  }
}
.view-tabs-14__detail {
  padding: 16px;
  grid-area: detail;
  background: var(--home-view-tabs-14-background);
}
@media (min-width: 1200px) {
  .view-tabs-14__detail {
    padding: 50px 25px;
  }
}
@media (min-width: 1500px) {
  .view-tabs-14__detail {
    padding: 90px 60px;
  }
}
@media (min-width: 1900px) {
  .view-tabs-14__detail {
    padding: 100px;
  }
}
.view-tabs-14__detail-content {
  border: var(--home-view-tabs-14-content-border);
  border-radius: var(--home-view-tabs-14-content-radius);
  padding: 32px;
  box-sizing: border-box;
}
.view-tabs-14__detail-content h1 {
  color: var(--home-view-tabs-14-title-color);
  font: var(--home-view-tabs-14-title-font);
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .view-tabs-14__detail-content h1 {
    font: var(--home-view-tabs-14-title-font-desktop);
  }
}
.view-tabs-14__detail-content-text p, .view-tabs-14__detail-content-text strong, .view-tabs-14__detail-content-text small {
  font: var(--home-view-tabs-14-text-font);
  color: var(--home-view-tabs-14-text-color);
}
@media (min-width: 992px) {
  .view-tabs-14__detail-content-text p, .view-tabs-14__detail-content-text strong, .view-tabs-14__detail-content-text small {
    font: var(--home-view-tabs-14-text-font-desktop);
  }
}
.view-tabs-14__detail-content-text strong {
  font-weight: 700;
}
.view-tabs-14__detail-button {
  width: 100%;
  display: flex;
  margin: 32px auto 0 auto;
}
.view-tabs-14__detail-button button {
  width: 100%;
  font-weight: var(--header-13-register-button-weight);
  background: var(--cta-13-button-primary-bg);
  color: var(--cta-13-button-color) !important;
  padding: 10px 16px;
}
@media (min-width: 992px) {
  .view-tabs-14__detail-button button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.view-tabs-14__detail-button--center {
  width: -moz-fit-content;
  width: fit-content;
}
.view-tabs-14__image {
  width: 100%;
  object-fit: cover;
  height: 240px;
  grid-area: image;
}
@media (min-width: 767px) {
  .view-tabs-14__image {
    height: 100%;
  }
}
.view-tabs-15__title {
  color: #fff;
  font-family: var(--cta-15-font-title);
  line-height: 40px;
  font-size: 32px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .view-tabs-15__title {
    line-height: 56px;
    font-size: 48px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__title {
    font-size: 52px;
  }
}
.view-tabs-15__subtitle {
  color: #fff;
  font-family: var(--cta-15-font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin: 16px 0 0 0;
}
.view-tabs-15__subtitle--break {
  margin: 16px 0 0 0;
}
@media (min-width: 1200px) {
  .view-tabs-15__subtitle {
    font-size: 15px;
    line-height: 22px;
    margin: 14px 0 0 0;
  }
}
.view-tabs-15__buttons {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 24px;
}
.view-tabs-15__buttons .feng-btn--primary:not(.feng-btn--outline) {
  background: #DB0F1C;
  color: #fff;
  font-family: var(--cta-15-font-title);
  font-size: 18px;
  padding: 10px 24px;
}
.view-tabs-15__buttons .feng-btn--secondary.feng-btn--outline {
  color: #fff;
  border-color: currentColor;
  font-family: var(--cta-15-font-title);
  font-size: 18px;
  padding: 10px 24px;
}
.view-tabs-15__scroll {
  margin: 40px -32px;
}
@media (min-width: 992px) {
  .view-tabs-15__scroll {
    margin: 44px -110px;
  }
}
.view-tabs-15__benefits, .view-tabs-15__ticket, .view-tabs-15__experience, .view-tabs-15__rating, .view-tabs-15__awards {
  min-height: 697px;
  background: #292E36;
  padding: 40px 32px;
}
@media (min-width: 992px) {
  .view-tabs-15__benefits, .view-tabs-15__ticket, .view-tabs-15__experience, .view-tabs-15__rating, .view-tabs-15__awards {
    padding: 64px 110px;
  }
}
.view-tabs-15__benefits {
  min-height: 100%;
}
.view-tabs-15__benefits-card {
  width: 180px !important;
  height: 224px !important;
  border-radius: 8px;
  background: #fff;
  border: solid 1px #fff;
  overflow: hidden !important;
}
@media (min-width: 992px) {
  .view-tabs-15__benefits-card {
    width: 290px !important;
    height: 309px !important;
  }
}
.view-tabs-15__benefits-card-head {
  background: #e6e6e6;
  height: 90px;
  width: 100%;
  padding: 0px 15px;
}
@media (min-width: 992px) {
  .view-tabs-15__benefits-card-head {
    height: 167px;
  }
}
.view-tabs-15__benefits-card-head img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.view-tabs-15__benefits-card-body {
  background: #fff;
  height: 133px;
  padding: 2px 16px 24px;
  display: flex;
}
@media (min-width: 992px) {
  .view-tabs-15__benefits-card-body {
    padding: 24px;
    height: 100%;
    display: block;
  }
}
.view-tabs-15__benefits-card-body p {
  margin: auto 0 0 0;
  font-family: var(--cta-15-font-title);
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #000;
}
@media (min-width: 992px) {
  .view-tabs-15__benefits-card-body p {
    font-size: 21px;
    line-height: 23px;
    margin: 0;
  }
}
.view-tabs-15__benefits-buttons {
  justify-content: center;
}
.view-tabs-15__ticket {
  background: var(--primary-dark);
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100%;
  padding: 40px 32px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
@media (min-width: 992px) {
  .view-tabs-15__ticket {
    grid-template-columns: 1fr 1fr;
    padding: 0 71px 0 23px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__ticket {
    column-gap: 60px;
    padding: 1rem 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
  .view-tabs-15__ticket {
    padding: 50px 25px 50px 0;
  }
}
.view-tabs-15__ticket-image {
  width: 95%;
  display: none;
  max-width: 627px;
}
@media (min-width: 992px) {
  .view-tabs-15__ticket-image {
    margin-left: 0;
    display: block;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__ticket-image {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .view-tabs-15__ticket-right {
    margin-right: auto;
  }
}
.view-tabs-15__ticket-texts {
  max-width: 660px;
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
  .view-tabs-15__ticket-texts h1 {
    white-space: break-spaces;
  }
}
.view-tabs-15__ticket-texts > span {
  margin-top: 1rem;
  color: white;
  font-family: "Bebas-Neue-Pro";
  font-size: 1.5rem;
  font-weight: 350;
}
.view-tabs-15__about {
  background: #292E36;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100%;
  padding: 40px 32px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
@media (min-width: 992px) {
  .view-tabs-15__about {
    grid-template-columns: 1fr 1fr;
    padding: 0 71px 0 23px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__about {
    column-gap: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
  .view-tabs-15__about {
    padding: 50px 25px 50px 0;
  }
}
.view-tabs-15__about-image {
  width: 95%;
  display: none;
  max-width: 627px;
}
@media (min-width: 992px) {
  .view-tabs-15__about-image {
    margin-left: 0;
    display: block;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__about-image {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .view-tabs-15__about-right {
    margin-right: auto;
  }
}
.view-tabs-15__about-texts {
  max-width: 660px;
}
.view-tabs-15__about-texts > span {
  margin-top: 1rem;
  color: white;
  font-family: "Bebas-Neue-Pro";
  font-size: 1.5rem;
  font-weight: 350;
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
  .view-tabs-15__about-texts h1 {
    white-space: break-spaces;
  }
}
.view-tabs-15__experience {
  background: #1B1F24;
}
.view-tabs-15__experience-card {
  width: 264px !important;
  height: 364px !important;
  border-radius: 8px;
  background: #fff;
  border: solid 1px #fff;
  overflow: hidden !important;
}
@media (min-width: 992px) {
  .view-tabs-15__experience-card {
    width: 288px !important;
    height: 432px !important;
  }
}
.view-tabs-15__experience-card-head {
  background: #fff;
  width: 240px;
  height: 200px;
  padding: 12px 0 0;
  margin: auto;
}
@media (min-width: 992px) {
  .view-tabs-15__experience-card-head {
    height: 269px;
    padding: 24px 0 0;
  }
}
.view-tabs-15__experience-card-head img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.view-tabs-15__experience-card-body {
  background: #fff;
  padding: 2px 16px 24px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .view-tabs-15__experience-card-body {
    padding: 0 24px;
  }
}
.view-tabs-15__experience-card-body-title {
  color: #DB0F1C;
  margin: 8px 0 24px;
  font-family: var(--cta-15-font-title);
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.view-tabs-15__experience-card-body-desc {
  margin: 0;
  font-family: var(--cta-15-font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #374151;
}
.view-tabs-15__experience-buttons {
  justify-content: center;
}
.view-tabs-15__rating {
  text-align: center;
}
.view-tabs-15__rating .icon {
  color: #DB0F1C;
  margin-right: 20px;
  font-size: 51px;
}
.view-tabs-15__rating-card {
  width: 264px !important;
  height: 364px !important;
  border-radius: 8px;
  background: #fff;
  border: solid 1px #fff;
  overflow: hidden !important;
}
@media (min-width: 992px) {
  .view-tabs-15__rating-card {
    width: 263px !important;
    height: 360px !important;
  }
}
.view-tabs-15__rating-card-body {
  background: #fff;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .view-tabs-15__rating-card-body {
    padding: 24px;
  }
}
.view-tabs-15__rating-card-body-title {
  color: #DB0F1C;
  margin: 0 0 24px;
  font-family: var(--cta-15-font-title);
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: left;
}
.view-tabs-15__rating-card-body-desc {
  margin: 0;
  font-family: var(--cta-15-font-primary);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  text-align: left;
}
.view-tabs-15__rating-buttons {
  justify-content: center;
}
.view-tabs-15__awards {
  background: url("https://flamengo.s3.sa-east-1.amazonaws.com/prod/assets/images/2025/landing/bg-maraca-scroll.png") no-repeat center center/cover;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100%;
  padding: 40px 32px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  grid-template-areas: "text";
}
@media (min-width: 992px) {
  .view-tabs-15__awards {
    grid-template-areas: "text image";
    grid-template-columns: 1fr 1fr;
    padding: 65px 62px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__awards {
    column-gap: 70px;
    padding: 60px 0 60px 0;
  }
}
@media (min-width: 1690px) {
  .view-tabs-15__awards {
    column-gap: 80px;
  }
}
.view-tabs-15__awards-image {
  width: 95%;
  display: none;
  max-width: 690px;
  grid-area: image;
}
@media (min-width: 992px) {
  .view-tabs-15__awards-image {
    margin-right: 0;
    margin-left: auto;
    display: block;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__awards-image {
    margin: auto;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .view-tabs-15__awards-image--reverse {
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__awards-image--reverse {
    margin: 0;
    margin-left: auto;
  }
}
.view-tabs-15__awards-left {
  grid-area: text;
  padding: 0 20px 0;
}
@media (min-width: 992px) {
  .view-tabs-15__awards-left {
    margin: auto;
  }
}
@media (min-width: 1690px) {
  .view-tabs-15__awards-left {
    margin: 0 0 0 auto;
  }
}
@media (min-width: 992px) {
  .view-tabs-15__awards-left--reverse {
    margin: 0;
  }
}
@media (min-width: 1690px) {
  .view-tabs-15__awards-left--reverse {
    margin: 0 auto 0 0;
  }
}
.view-tabs-15__awards-texts {
  max-width: 627px;
}
.view-tabs-15__awards--reverse {
  grid-template-areas: "image text";
}
.view-tabs-15__ticket-sf {
  background: #1B1F24;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100%;
  padding: 40px 32px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
@media (min-width: 992px) {
  .view-tabs-15__ticket-sf {
    grid-template-columns: 1fr 1fr;
    padding: 0 71px 0 110px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__ticket-sf {
    column-gap: 60px;
  }
}
.view-tabs-15__ticket-sf-image {
  width: 95%;
  display: none;
  max-width: 627px;
}
@media (min-width: 992px) {
  .view-tabs-15__ticket-sf-image {
    margin-left: 0;
    display: block;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__ticket-sf-image {
    margin-left: auto;
    transform: scale(1.06);
  }
}
@media (min-width: 992px) {
  .view-tabs-15__ticket-sf-right {
    margin-right: auto;
  }
}
.view-tabs-15__ticket-sf-texts {
  max-width: 627px;
}
.view-tabs-15__purchase-sf {
  background: url("https://flamengo.s3.sa-east-1.amazonaws.com/prod/assets/images/2025/landing/bg-maraca-scroll.png") no-repeat center center/cover;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100%;
  padding: 40px 32px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
@media (min-width: 992px) {
  .view-tabs-15__purchase-sf {
    grid-template-columns: 1fr 1fr;
    padding: 0 71px 0 23px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__purchase-sf {
    column-gap: 60px;
  }
}
.view-tabs-15__purchase-sf-image {
  width: 95%;
  display: none;
  max-width: 627px;
}
@media (min-width: 992px) {
  .view-tabs-15__purchase-sf-image {
    margin-left: 0;
    display: block;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__purchase-sf-image {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .view-tabs-15__purchase-sf-right {
    margin-right: auto;
  }
}
.view-tabs-15__purchase-sf-texts {
  max-width: 627px;
}
.view-tabs-15__custom-sf {
  background: #292E36;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100%;
  padding: 40px 32px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
@media (min-width: 992px) {
  .view-tabs-15__custom-sf {
    grid-template-columns: 1fr 1fr;
    padding: 0 71px 0 110px;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__custom-sf {
    column-gap: 60px;
  }
}
.view-tabs-15__custom-sf-image {
  width: 95%;
  display: none;
  max-width: 627px;
}
@media (min-width: 992px) {
  .view-tabs-15__custom-sf-image {
    margin-left: 0;
    display: block;
  }
}
@media (min-width: 1200px) {
  .view-tabs-15__custom-sf-image {
    margin-left: inherit;
  }
}
@media (min-width: 992px) {
  .view-tabs-15__custom-sf-right {
    margin-right: auto;
  }
}
.view-tabs-15__custom-sf-texts {
  max-width: 627px;
}
.view-tabs-15__ticket-item {
  display: flex;
  gap: 0.6rem;
  margin-top: 1rem;
}
.view-tabs-15__ticket-item > i {
  color: white;
  padding-top: 0.2rem;
}
.view-tabs-15__ticket-item > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.view-tabs-15__ticket-item > div > span:first-child {
  font-weight: bold;
  font-size: 1.2rem;
}
.view-tabs-15__ticket-item > div > span {
  color: white;
}
.view-tabs-15__sales-openning {
  display: flex;
  flex-direction: column;
  background: url("https://flamengo.s3.sa-east-1.amazonaws.com/prod/assets/images/2025/landing/bg-semfronteiras-scroll.png") no-repeat center center/cover;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: 2rem 0;
}
.view-tabs-15__sales-openning__general {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: 2rem;
  width: auto;
}
.view-tabs-15__sales-openning__subtitle {
  margin-top: 1rem;
  color: white;
  font-family: var(--preHome-font-title);
  font-size: 1.5rem;
  font-weight: 350;
}
.view-tabs-15__sales-openning__prioritie {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.view-tabs-15__sales-openning__prioritie > span {
  color: white;
  font-weight: bold;
  font-size: 1.5rem;
  font-family: var(--preHome-font-title);
  text-align: center;
}
.view-tabs-15__sales-openning__prioritie--divider {
  width: 100%;
  height: 1px;
  background-color: white;
}
.view-tabs-15__sales-openning__waves {
  display: flex;
  gap: 1rem;
  font-family: var(--preHome-font-primary);
  text-align: center;
}
.view-tabs-15__sales-openning__waves > div > span {
  max-width: 172px;
  display: flex;
  font-size: 0.75rem;
  color: white;
}
.view-tabs-15__sales-openning__waves > div > div {
  background-color: white;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 172px;
  height: 156px;
  padding: 1rem;
}
.view-tabs-15__sales-openning__waves > div > div > span:first-child {
  color: #DB0F1C;
  font-size: 1.5rem;
  font-family: var(--preHome-font-title);
  font-weight: bold;
  text-align: left;
}
.view-tabs-15__sales-openning__waves > div > div > span {
  font-family: var(--preHome-font-primary);
  text-align: left;
}
.view-tabs-16__scroll__moreinfo {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo {
    grid-template-columns: 1fr 1fr;
    min-height: 100%;
    max-height: 504px;
  }
}
@media (min-width: 1700px) {
  .view-tabs-16__scroll__moreinfo {
    min-height: 504px;
  }
}
.view-tabs-16__scroll__moreinfo--img-1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 246px;
  order: 1;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo--img-1 {
    order: inherit;
    max-height: 504px;
  }
}
.view-tabs-16__scroll__moreinfo--img-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 54vh;
  order: 1;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo--img-2 {
    order: inherit;
    max-height: 504px;
  }
}
.view-tabs-16__scroll__moreinfo--img-3 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 246px;
  order: 1;
}
@media (min-width: 500px) {
  .view-tabs-16__scroll__moreinfo--img-3 {
    order: 1;
    max-height: 54vh;
  }
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo--img-3 {
    max-height: 504px;
  }
}
.view-tabs-16__scroll__moreinfo--img-4 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 246px;
  order: 1;
}
@media (min-width: 500px) {
  .view-tabs-16__scroll__moreinfo--img-4 {
    order: inherit;
    max-height: 54vh;
  }
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo--img-4 {
    max-height: 504px;
  }
}
.view-tabs-16__scroll__moreinfo--img-5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 246px;
  order: 1;
}
@media (min-width: 500px) {
  .view-tabs-16__scroll__moreinfo--img-5 {
    order: 1;
    max-height: 54vh;
  }
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo--img-5 {
    max-height: 504px;
  }
}
.view-tabs-16__scroll__moreinfo-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  background-color: var(--primary);
  background-image: url("https://maracana-hub.s3.sa-east-1.amazonaws.com/Home/assets/bg-azul-quadrado-e.png");
  color: #FFF;
  max-height: 100%;
  padding: 2rem;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo-actions {
    background-position: center;
    background-size: 125%;
    background-repeat: no-repeat;
    min-height: 504px;
    padding: 3vw 2rem;
  }
}
.view-tabs-16__scroll__moreinfo-actions h1 {
  margin: 0;
}
.view-tabs-16__scroll__moreinfo-actions h3 {
  font-size: 1.5rem;
  line-height: 1.95rem;
}
@media (min-width: 576px) {
  .view-tabs-16__scroll__moreinfo-actions h3 {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
}
.view-tabs-16__scroll__moreinfo-actions p {
  font-size: 1rem;
  line-height: 1.3rem;
  margin: 0;
}
@media (min-width: 576px) {
  .view-tabs-16__scroll__moreinfo-actions p {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.view-tabs-16__scroll__moreinfo-actions--wrap {
  max-width: 614px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo-actions--wrap {
    gap: 32px;
  }
}
.view-tabs-16__scroll__moreinfo-actions--wrap fengstui-button button {
  width: 100%;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo-actions--wrap fengstui-button button {
    width: inherit;
  }
}
.view-tabs-16__scroll__moreinfo-actions--container-card {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.view-tabs-16__scroll__moreinfo-actions--container-card--card {
  display: flex;
  gap: 1.5rem;
  border: 1px solid var(--secondary);
  border-radius: 0.63rem;
  padding: 1rem;
  flex-direction: column;
  position: relative;
}
@media (min-width: 576px) {
  .view-tabs-16__scroll__moreinfo-actions--container-card--card {
    flex-direction: row;
  }
}
.view-tabs-16__scroll__moreinfo-actions--container-card--card.upcoming {
  margin-top: 1rem;
}
.view-tabs-16__scroll__moreinfo-actions--container-card--card.upcoming::before {
  content: "Em breve";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto";
  font-weight: bold;
  line-height: 1.5rem;
  color: #727272;
  background-color: #E4E4E4;
  top: -15px;
  right: -1px;
  border-radius: 5px;
  padding: 0.2rem 1rem;
}
@media (min-width: 576px) {
  .view-tabs-16__scroll__moreinfo-actions--container-card--card.upcoming::before {
    padding: 0.75rem 1rem;
    top: -25px;
  }
}
.view-tabs-16__scroll__moreinfo-actions--container-card--card img {
  width: 25px;
  position: absolute;
  top: 16px;
}
@media (min-width: 576px) {
  .view-tabs-16__scroll__moreinfo-actions--container-card--card img {
    width: inherit;
    position: inherit;
    top: inherit;
  }
}
.view-tabs-16__scroll__moreinfo-actions--container-card--card h5 {
  margin-left: 35px;
}
@media (min-width: 576px) {
  .view-tabs-16__scroll__moreinfo-actions--container-card--card h5 {
    margin-left: 0;
  }
}
.view-tabs-16__scroll__moreinfo-actions--container-card--card span {
  background-color: var(--background);
  color: #727272;
  padding: 7px 16px;
  border-radius: 4px;
  position: absolute;
  right: -1px;
  top: -22px;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo-actions--container-card--card span {
    padding: 12px 16px;
    top: -29px;
  }
}
.view-tabs-16__scroll__moreinfo-actions--container-card--card p {
  margin-bottom: 0;
  font-weight: 400;
  font-family: Roboto;
  font-size: 14px;
  line-height: 21px;
}
.view-tabs-16__scroll__moreinfo-actions.white {
  background-image: url("https://maracana-hub.s3.sa-east-1.amazonaws.com/Home/assets/bg-branco-quadrado-d.png");
}
.view-tabs-16__scroll__moreinfo-actions.white h1, .view-tabs-16__scroll__moreinfo-actions.white p {
  color: var(--primary) !important;
}
.view-tabs-16__scroll__moreinfo-actions .maraca-history {
  gap: 0;
}
.view-tabs-16__scroll__moreinfo-actions .maraca-history h1 {
  color: #252525;
  margin: 0 0 8px 0;
}
.view-tabs-16__scroll__moreinfo-actions .maraca-history h2 {
  color: var(--primary);
  margin: 0 0 32px 0;
}
.view-tabs-16__scroll__moreinfo-actions .maraca-history .desc {
  color: #393939;
  margin: 0 0 32px 0;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo-actions .maraca-history h1 {
    font-size: 40px;
    line-height: 48px;
  }
  .view-tabs-16__scroll__moreinfo-actions .maraca-history h2 {
    font-size: 72px;
    line-height: 80px;
    margin: 0 0 40px 0;
  }
  .view-tabs-16__scroll__moreinfo-actions .maraca-history .desc {
    font-size: 20px;
    line-height: 35px;
    margin: 0 0 40px 0;
  }
}
@media (min-width: 1700px) {
  .view-tabs-16__scroll__moreinfo-actions .maraca-history .desc {
    font-size: 24px;
    line-height: 40px;
  }
}
.view-tabs-16__scroll__moreinfo-actions .maraca-tv {
  gap: 0;
}
.view-tabs-16__scroll__moreinfo-actions .maraca-tv h1 {
  color: #fff;
  margin: 0 0 8px 0;
}
.view-tabs-16__scroll__moreinfo-actions .maraca-tv .desc {
  color: #fff;
  margin: 0 0 32px 0;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo-actions .maraca-tv h1 {
    font-size: 72px;
    line-height: 80px;
  }
  .view-tabs-16__scroll__moreinfo-actions .maraca-tv .desc {
    font-size: 18px;
    line-height: 32px;
    margin: 0 0 40px 0;
  }
}
@media (min-width: 1700px) {
  .view-tabs-16__scroll__moreinfo-actions .maraca-tv .desc {
    font-size: 24px;
    line-height: 40px;
  }
}
.view-tabs-16__scroll__moreinfo-actions .maraca-camarote h1 {
  color: var(--primary);
}
.view-tabs-16__scroll__moreinfo-actions .maraca-camarote .sub-title, .view-tabs-16__scroll__moreinfo-actions .maraca-camarote .desc {
  color: #393939 !important;
}
.view-tabs-16__scroll__moreinfo-actions .tour h1 {
  font-size: 32px;
  line-height: 40px;
}
.view-tabs-16__scroll__moreinfo-actions .tour small {
  margin-top: 16px;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo-actions .tour h1 {
    font-size: 47px;
    line-height: 60px;
  }
  .view-tabs-16__scroll__moreinfo-actions .tour small {
    margin-top: 32px;
  }
}
.view-tabs-16__scroll__moreinfo-actions .sub-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 32px 0;
}
@media (min-width: 992px) {
  .view-tabs-16__scroll__moreinfo-actions .sub-title {
    font-size: 29px;
    line-height: 38px;
    margin: 0 0 40px 0;
  }
}
.view-tabs-16__news-scroll {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--primary);
  padding: 90px 0;
  overflow: hidden;
  position: relative;
}
.view-tabs-16__news-scroll h1 {
  margin: 0 0 24px 0;
  color: #fff;
}
@media (min-width: 992px) {
  .view-tabs-16__news-scroll h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.view-tabs-16__news-scroll-events-scroll {
  position: relative;
  overflow: hidden;
  width: calc(100vw - var(--scrollbar-width));
  max-width: 1440px;
}
@media (min-width: 1475px) {
  .view-tabs-16__news-scroll-events-scroll {
    width: 100%;
  }
}
.view-tabs-16__news-scroll-events-scroll-nav button {
  position: absolute;
  background: transparent;
  top: 0;
  left: -25px;
  right: inherit;
  bottom: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #fff;
  border: none;
  display: none;
  margin: auto 0;
  justify-content: center;
  aspect-ratio: 1/1;
  font-size: 32px;
  padding: 0;
  z-index: 2;
  cursor: pointer;
}
.view-tabs-16__news-scroll-events-scroll-nav button:last-child {
  right: -25px;
  left: inherit;
}
.view-tabs-16__news-scroll-events-scroll-nav button:disabled {
  color: rgba(255, 255, 255, 0.3);
  pointer-events: none;
  cursor: default;
}
@media (min-width: 1200px) {
  .view-tabs-16__news-scroll-events-scroll-nav button {
    left: 20px;
    display: flex;
  }
  .view-tabs-16__news-scroll-events-scroll-nav button:last-child {
    right: 20px;
    left: inherit;
  }
}
@media (min-width: 1475px) {
  .view-tabs-16__news-scroll-events-scroll-nav button {
    left: -55px;
    display: flex;
  }
  .view-tabs-16__news-scroll-events-scroll-nav button:last-child {
    right: -55px;
    left: inherit;
  }
}
.view-tabs-16__news-scroll-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: transparent;
  color: #fff;
  width: 100%;
  max-width: 308px !important;
  min-height: 508px;
}
@media (min-width: 992px) {
  .view-tabs-16__news-scroll-card {
    max-width: 250px !important;
  }
}
.view-tabs-16__news-scroll-card-image-wrapper {
  width: 100%;
  height: 360px;
  overflow: hidden;
  border-radius: 10px;
  border: solid 1px #E4E4E4;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.view-tabs-16__news-scroll-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.view-tabs-16__news-scroll-card-content {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.view-tabs-16__news-scroll-card-title {
  margin: 16px 0 0 0;
}
.view-tabs-16__news-scroll-card-date {
  margin: 8px 0 0 0;
  color: #E9E9E9;
}
.view-tabs-16__news-scroll-card-button {
  margin: 16px 0 0 0;
  padding: 10px 16px;
  color: #fff;
}
.view-tabs-16__partners {
  padding: 48px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.view-tabs-16__partners h1 {
  color: var(--primary);
  margin: 0 0 32px 0;
  text-align: center;
}
@media (min-width: 992px) {
  .view-tabs-16__partners h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.view-tabs-16__partners-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  gap: 16px;
  max-width: 328px;
}
@media (min-width: 992px) {
  .view-tabs-16__partners-wrapper {
    max-width: 692px;
  }
}
.view-tabs-16__partners-slide .swiper.s-wrapper .swiper-wrapper .swiper-slide {
  will-change: auto !important;
}
.view-tabs-16__partners-card {
  width: 100% !important;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.005);
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  background: #fff;
  padding: 0 32px;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 96px !important;
  max-width: 130px !important;
}
@media (min-width: 992px) {
  .view-tabs-16__partners-card {
    max-width: 323px !important;
    height: 168px !important;
  }
}
.view-tabs-16__partners-card img {
  width: 100%;
}
.view-tabs-16__links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px 16px;
  background: #FAFAFA;
}
.view-tabs-16__links-title {
  color: #727272;
  margin: 0 0 16px 0;
}
.view-tabs-16__links-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 992px) {
  .view-tabs-16__links-grid {
    gap: 24px;
  }
}
.view-tabs-16__links-card {
  border: 1px solid var(--primary);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  flex: 1;
}
@media (min-width: 992px) {
  .view-tabs-16__links-card {
    text-align: left;
  }
}
.view-tabs-16__links-label {
  white-space: nowrap;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #393939;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 992px) {
  .view-tabs-16__links-label {
    font-size: 16px;
    line-height: 24px;
    justify-content: flex-start;
  }
}
.view-tabs-16__links-label span {
  color: var(--primary);
  font-size: 22px;
}
.view-tabs-16__links-action {
  color: #393939;
  font-weight: 400;
  font-size: 12px;
  text-decoration: none;
}
.card-container {
  display: flex;
  align-items: center;
  overflow-x: auto;
  width: 100%;
  background: transparent;
  margin: 0 2rem;
}
.card-container::-webkit-scrollbar {
  height: 10px;
}
.card-container::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .card-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .card-container::-webkit-scrollbar {
    display: none;
  }
  .card-container::-webkit-scrollbar-thumb {
    display: none;
  }
}
@media screen and (min-width: 1110px) {
  .card-container {
    justify-content: center;
  }
}
.card-wrapper {
  display: flex;
  gap: 1em;
  background: transparent;
}
div.testimony-card {
  position: relative;
  width: 300px;
  text-align: left !important;
  text-shadow: 0px 0px 20px #000;
  margin: auto;
  clip-path: polygon(0% 22%, 34% 0%, 100% 0%, 100% 83%, 74% 100%, 0% 100%);
}
div.testimony-card div.testimony-excerpt {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  line-height: 34px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: black;
  padding: 5px 25px 20px;
}
@media (min-width: 992px) {
  div.testimony-card div.testimony-excerpt {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    position: absolute;
  }
}
div.testimony-card div.testimony-excerpt > span {
  text-align: center;
}
div.testimony-card div.testimony-excerpt > span > p {
  font-size: 20px;
}
div.testimony-card div.testimony-excerpt p {
  display: block;
  margin: 5px;
  font-size: 15px;
  line-height: 19px;
  font-weight: lighter;
}
@media (min-width: 1605px) {
  div.testimony-card div.testimony-excerpt {
    margin-top: 40px;
  }
  div.testimony-card div.testimony-excerpt > span > p {
    font-size: 18px;
  }
}
div.testimony-card img {
  height: 470px;
  max-width: 350px;
  width: 100%;
  object-fit: contain;
  margin: auto;
}
div.testimony-card div.testimony-bg {
  height: 450px;
  max-width: 350px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 6%, black 100%);
}
div.testimony-wrapper {
  background: black url(https://images.mengo.com.br/prod/assets/images/bg-fla-2.png) repeat top left;
  padding: 40px 0;
}
@media (min-width: 656px) {
  div.testimony-wrapper {
    background: black url(https://images.mengo.com.br/prod/assets/images/bg-fla-2.png) repeat top left;
  }
}
div.testimony-wrapper div.testimony-container {
  margin: 0 auto;
  max-width: 90%;
  padding-bottom: 40px;
  background: linear-gradient(218.73deg, #D2232A 79.78%, #6D0707 95.11%), linear-gradient(218.73deg, #D2232A 79.78%, #6D0707 95.11%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
div.testimony-wrapper div.testimony-container h1 {
  display: block;
  margin: 0 auto;
  padding: 46px 0 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  color: #0A0A0A;
  font-size: 29px;
  line-height: 122%;
}
div.testimony-wrapper div.testimony-container h1 > strong {
  color: white;
}
@media (min-width: 767px) {
  div.testimony-wrapper div.testimony-container h1 {
    font-size: 32px;
    line-height: 122%;
  }
}
@media (min-width: 1200px) {
  div.testimony-wrapper div.testimony-container h1 {
    font-size: 46px;
    line-height: 122%;
  }
}
@media (min-width: 1605px) {
  div.testimony-wrapper div.testimony-container h1 {
    font-size: 66px;
    line-height: 122%;
  }
}
div.testimony-wrapper div.testimony-container div.testimony-carousel {
  position: relative;
  margin: auto;
  text-align: center;
  margin-top: 0px;
  max-width: 320px;
}
@media (min-width: 767px) {
  div.testimony-wrapper div.testimony-container div.testimony-carousel {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  div.testimony-wrapper div.testimony-container div.testimony-carousel {
    max-width: 960px;
  }
}
@media (min-width: 1605px) {
  div.testimony-wrapper div.testimony-container div.testimony-carousel {
    margin-top: 40px;
  }
}
.testimony-extra {
  background: #0A0A0A;
  padding: 60px 0;
  text-align: center;
}
.testimony-extra h1 {
  margin: 0 auto 60px;
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  font-size: 17px;
  line-height: 26px;
  color: #FFFFFF;
  padding: 0 20px;
}
.testimony-extra > div ::ng-deep fengstui-button .feng-btn {
  color: white !important;
  border-radius: 45px !important;
  background-color: #af0202 !important;
  font-family: "Montserrat" !important;
  font-size: 15px !important;
  padding: 8px 16px 6px !important;
}
@media (min-width: 1200px) {
  .testimony-extra > div ::ng-deep fengstui-button .feng-btn {
    font-size: 18px !important;
    padding: 8px 16px !important;
  }
}
@media (min-width: 1605px) {
  .testimony-extra > div ::ng-deep fengstui-button .feng-btn {
    font-size: 24px !important;
    padding: 8px 30px !important;
  }
}
.testimony-extra > div ::ng-deep fengstui-button .feng-btn:hover {
  background-color: #9d0202 !important;
}
@media (min-width: 767px) {
  .testimony-extra h1 {
    font-size: 20px;
    line-height: 28px;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .testimony-extra h1 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1605px) {
  .testimony-extra h1 {
    font-size: 32px;
    line-height: 39px;
  }
}
.fengstmypackages-more-info-modal .mat-dialog-container::-webkit-scrollbar, .home-landing-modal .mat-dialog-container::-webkit-scrollbar {
  width: 8px;
}
.fengstmypackages-more-info-modal .mat-dialog-container::-webkit-scrollbar-track, .home-landing-modal .mat-dialog-container::-webkit-scrollbar-track {
  background: var(--divider-color);
  border-radius: 24px;
}
.fengstmypackages-more-info-modal .mat-dialog-container::-webkit-scrollbar-thumb, .home-landing-modal .mat-dialog-container::-webkit-scrollbar-thumb {
  background: var(--outline-button-color);
  border-radius: 24px;
}
.home-landing-modal {
  max-width: 100% !important;
  display: block;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 35px;
}
@media (min-width: 767px) {
  .home-landing-modal {
    max-width: 590px !important;
  }
}
.home-landing-modal .mat-dialog-container {
  padding: 0 !important;
  width: 290px !important;
}
@media (min-width: 767px) {
  .home-landing-modal .mat-dialog-container {
    width: 100% !important;
  }
}
.home-landing-modal__head {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  padding: 16px 16px 8px 16px;
}
.home-landing-modal__head-title {
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  color: var(--text-global-800);
  font-family: var(--package-title-font-family);
  margin: 0;
  line-height: 28px;
}
.home-landing-modal__head-close {
  align-self: flex-end;
}
.home-landing-modal__head-close .feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: none !important;
}
.home-landing-modal__info {
  padding: 10px 35px;
}
.home-landing-modal__info-banner {
  height: 158px;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 767px) {
  .home-landing-modal__info-banner {
    height: 275px;
  }
}
.home-landing-modal__info-event {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  padding: 16px 16px 0;
  border-radius: 8px;
  background: transparent;
}
@media (min-width: 767px) {
  .home-landing-modal__info-event {
    box-shadow: none;
    grid-template-columns: 1fr 0.7fr;
    column-gap: 16px;
    border-radius: 0;
  }
}
.home-landing-modal__info-event-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
}
@media (min-width: 767px) {
  .home-landing-modal__info-event-info {
    align-items: flex-start;
    justify-content: center;
    row-gap: 12px;
  }
}
.home-landing-modal__info-event-info p {
  margin: 0;
  width: 100%;
  text-align: center;
  color: var(--event-color-text-dark);
}
@media (min-width: 767px) {
  .home-landing-modal__info-event-info p {
    text-align: left;
  }
}
.home-landing-modal__info-event-info-date {
  font-size: var(--event-date-font-size);
  font-weight: 500;
  color: var(--event-color-text-secondary) !important;
}
.home-landing-modal__info-event-info-date span {
  color: currentColor;
  font-size: 40px;
  line-height: 40px;
  align-self: center;
  margin: 0px 5px;
  position: relative;
  top: -3px;
}
.home-landing-modal__info-event-info-name {
  font-size: var(--event-name-font-size);
  font-weight: 700;
  text-transform: var(--event-name-text-transform);
  border-top: solid 1px var(--divider-color);
  padding-top: 13px;
}
@media (min-width: 767px) {
  .home-landing-modal__info-event-info-name {
    border-top: none;
    padding-top: 0;
  }
}
.home-landing-modal__info-event-info-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 767px) {
  .home-landing-modal__info-event-info-more-info {
    flex-direction: row;
    column-gap: 6px;
  }
}
.home-landing-modal__info-event-info-more-info p {
  font-size: var(--event-addres-font-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  column-gap: 8px;
  width: auto;
  color: var(--text-global-800);
}
.home-landing-modal__info-event-info-more-info .icon {
  color: var(--secondary);
}
.home-landing-modal__info-event-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  border-bottom: solid 1px var(--divider-color);
  padding-bottom: 24px;
}
@media (min-width: 767px) {
  .home-landing-modal__info-event-actions {
    flex-direction: row;
    justify-content: flex-end;
    border: none;
  }
}
.home-landing-modal__info-event-actions-button {
  width: 100%;
}
@media (min-width: 767px) {
  .home-landing-modal__info-event-actions-button {
    width: auto;
  }
}
.home-landing-modal__info-event-actions-button .feng-btn {
  color: var(--outline-button-color) !important;
  border-color: currentColor !important;
  background: transparent !important;
  padding: 10px 56px;
  width: 100%;
}
@media (min-width: 767px) {
  .home-landing-modal__info-event-actions-button .feng-btn {
    border: none;
    background: var(--on-secondary) !important;
    color: var(--on-surface) !important;
  }
}
.home-landing-modal__info-atention {
  padding: 0 8px 0 32px;
  margin: 16px 0;
}
.home-landing-modal__info-atention-title {
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--package-title-font-family);
}
.home-landing-modal__info-atention-text {
  color: var(--text-global-800);
  margin: 5px 0 0 0;
  text-align: center;
}
.home-landing-scroll1-cta {
  height: auto;
  background: var(--home-smarthub-scroll1-bg);
  padding: 32px 0;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .home-landing-scroll1-cta {
    grid-template-columns: 1fr 1fr;
    background: var(--home-smarthub-scroll1-bg-desktop);
    padding: 100px 0;
  }
}
.home-landing-scroll1-cta__item {
  padding: 0 16px;
}
@media (min-width: 992px) {
  .home-landing-scroll1-cta__item {
    padding: 0 70px;
  }
}
@media (min-width: 1600px) {
  .home-landing-scroll1-cta__item {
    padding: 0 100px;
  }
}
.home-landing-scroll1-cta__item-texts h1 {
  color: var(--on-secondary);
  font: var(--home-smarthub-scroll1-title-font);
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 992px) {
  .home-landing-scroll1-cta__item-texts h1 {
    font: var(--home-smarthub-scroll1-title-font-desktop);
  }
}
.home-landing-scroll1-cta__item-texts p {
  white-space: pre-line;
  font: var(--home-smarthub-scroll1-text-font);
  color: #FAFAFA;
}
@media (min-width: 992px) {
  .home-landing-scroll1-cta__item-texts p {
    font: var(--home-smarthub-scroll1-text-font-desktop);
  }
}
.home-landing-scroll1-cta__item-button {
  width: 100%;
}
.home-landing-scroll1-cta__item-button .feng-btn {
  width: 100%;
  background: var(--home-smarthub-scroll1-button-bg) !important;
  color: var(--on-background) !important;
  padding: 10px 16px !important;
}
@media (min-width: 992px) {
  .home-landing-scroll1-cta__item-button {
    width: -moz-fit-content;
    width: fit-content;
  }
  .home-landing-scroll1-cta__item-button .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.home-landing-scroll1-cta__item-list {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin-top: 55px;
}
@media (min-width: 992px) {
  .home-landing-scroll1-cta__item-list {
    gap: 32px;
  }
}
.home-landing-scroll1-cta__item-list li {
  padding: 16px;
  color: #fff;
  border: solid 1px var(--home-smarthub-scroll1-list-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
@media (min-width: 992px) {
  .home-landing-scroll1-cta__item-list li {
    padding: 25px 32px;
  }
}
.home-landing-scroll1-cta__item-list li span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.home-landing-scroll1-cta__item-list li span p {
  margin: 0;
  font: var(--home-smarthub-scroll1-text-font);
  color: #fff;
  font-weight: 700 !important;
}
@media (min-width: 992px) {
  .home-landing-scroll1-cta__item-list li span p {
    font: var(--home-smarthub-scroll1-text-font-desktop);
  }
}
.home-landing-scroll1-cta__item-list li span i {
  font-size: 27px;
  color: var(--home-smarthub-scroll1-list-color);
}
.home-landing-scroll1-cta__item-list-button .feng-btn {
  border: none !important;
  color: var(--home-smarthub-scroll1-list-color);
}
.home-landing-scroll2 {
  height: auto;
  min-height: 1200px;
  background: #eeeeee;
  padding: 32px 0;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
  .home-landing-scroll2 {
    grid-template-columns: 1fr 1fr;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 100px 0;
  }
}
.home-landing-scroll2__item {
  padding: 0 16px;
}
@media (min-width: 1200px) {
  .home-landing-scroll2__item {
    padding: 0 46px 0 53px;
  }
}
@media (min-width: 1600px) {
  .home-landing-scroll2__item {
    padding: 0 80px;
  }
}
.home-landing-scroll2__item h1 {
  color: var(--secondary);
  font: var(--home-smarthub-scroll1-title-font);
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 992px) {
  .home-landing-scroll2__item h1 {
    font: var(--home-smarthub-scroll1-title-font-desktop);
  }
}
.home-landing-scroll2__accordion {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.home-landing-scroll2__accordion-item {
  overflow: hidden;
}
.home-landing-scroll2__accordion-item-header {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.home-landing-scroll2__accordion-item-header span {
  font-size: 16px;
  color: #ABABAB;
  transform: rotate(0);
  transition: 0.3s;
}
.home-landing-scroll2__accordion-item-header p {
  font: var(--home-smarthub-scroll1-text-font);
  font-weight: 500;
  color: #ABABAB;
  margin: 0;
}
.home-landing-scroll2__accordion-item-header--active p, .home-landing-scroll2__accordion-item-header--active span {
  color: #6D2FCB;
}
.home-landing-scroll2__accordion-item-header--active span {
  transform: rotate(180deg);
}
.home-landing-scroll2__accordion-item-content p {
  padding-left: 32px;
  font: var(--home-smarthub-scroll1-text-font);
  font-size: 17px;
  line-height: 24px;
  font-weight: 400;
  color: #393939;
  margin: 0;
}
.home-landing-scroll2__accordion-item-content .address {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #393939;
  border-bottom: solid 1px var(--secondary);
  padding-bottom: 15px;
  font-weight: 400;
}
.home-landing-scroll2__accordion-item-content .address span {
  font-size: 14px;
  color: var(--secondary);
}
.home-landing-scroll2__carrousel {
  margin-top: 0;
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
}
@media (min-width: 992px) {
  .home-landing-scroll2__carrousel {
    margin-top: 48px;
  }
}
.home-landing-scroll2__carrousel-swiper {
  max-width: calc(100vw - 54px);
  max-height: 328px;
}
@media (min-width: 992px) {
  .home-landing-scroll2__carrousel-swiper {
    max-width: 450px;
  }
}
@media (min-width: 1200px) {
  .home-landing-scroll2__carrousel-swiper {
    max-height: 604px;
    max-width: 800px;
  }
}
.home-landing-scroll2__carrousel-item {
  margin: 0 auto;
  overflow: hidden !important;
  width: 800px !important;
}
.home-landing-scroll2__carrousel-item img {
  width: 100%;
  border-radius: 16px;
  height: 100%;
}
.home-landing-scroll2__carrousel-item--map {
  background: #fff;
  display: flex;
  align-items: flex-end;
  border-radius: 16px;
}
.home-landing-scroll2__carrousel-item--map img {
  height: 94% !important;
}
.home-landing-scroll2__carrousel-nav button {
  background: #fff;
  position: absolute;
  top: 0;
  left: -4px;
  right: inherit;
  bottom: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: var(--secondary);
  border: none;
  display: flex;
  margin: auto 0;
  justify-content: center;
  aspect-ratio: 1/1;
  font-size: 32px;
  padding: 0;
  z-index: 2;
}
@media (min-width: 992px) {
  .home-landing-scroll2__carrousel-nav button {
    left: -22px;
  }
}
.home-landing-scroll2__carrousel-nav button span {
  position: relative;
  left: -1px;
}
.home-landing-scroll2__carrousel-nav button:last-child {
  right: -4px;
  left: inherit;
}
@media (min-width: 992px) {
  .home-landing-scroll2__carrousel-nav button:last-child {
    right: -22px;
  }
}
.home-landing-scroll2__carrousel-nav button:last-child span {
  position: relative;
  right: -1px;
}
.home-landing-scroll3 {
  min-height: 680px;
  background: #171717;
  padding: 32px 16px;
}
@media (min-width: 1200px) {
  .home-landing-scroll3 {
    padding: 70px;
  }
}
@media (min-width: 1600px) {
  .home-landing-scroll3 {
    padding: 100px;
  }
}
.home-landing-scroll3__content {
  background: var(--secondary);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  border: 1px solid #727272;
  padding: 48px 10px;
}
.home-landing-scroll3__content-title h1 {
  color: var(--on-secondary);
  font: var(--home-smarthub-scroll1-title-font);
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 24px 0;
}
@media (min-width: 992px) {
  .home-landing-scroll3__content-title h1 {
    font: var(--home-smarthub-scroll1-title-font-desktop);
    font-size: 40px;
    margin: 0 0 48px 0;
  }
}
.home-landing-scroll3__content-tab {
  max-width: calc(100vw - 55px);
  overflow-x: auto;
  position: relative;
  scroll-snap-type: x mandatory;
}
.home-landing-scroll3__content-tab-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  min-width: 600px;
  margin-bottom: 16px;
}
.home-landing-scroll3__content-tab-content-item {
  background: #171717;
  border-bottom: solid 1px #343434;
  width: 250px;
  scroll-snap-align: start;
  position: relative;
  overflow: hidden;
}
.home-landing-scroll3__content-tab-content-item::before {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  background: #EBFF70;
}
.home-landing-scroll3__content-tab-content-item:first-child {
  border-radius: 8px 0 0 8px;
}
.home-landing-scroll3__content-tab-content-item:last-child {
  border-radius: 0 8px 8px 0;
}
.home-landing-scroll3__content-tab-content-item button {
  color: #ABABAB;
  border: none;
  padding: 10px;
  background: transparent;
  width: 100%;
  height: 100%;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
}
.home-landing-scroll3__content-tab-content-item--active {
  background: #202020;
}
.home-landing-scroll3__content-tab-content-item--active button {
  color: var(--on-secondary);
}
.home-landing-scroll3__content-tab-content-item--active:before {
  content: "";
}
.home-landing-scroll3__content-tab::-webkit-scrollbar {
  height: 0;
}
.home-landing-scroll3__content-tab::-webkit-scrollbar-thumb {
  background: transparent;
}
.home-landing-scroll3__carrousel {
  position: relative;
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 48px auto 0;
}
.home-landing-scroll3__carrousel-swiper {
  width: calc(100vw - 54px);
}
@media (min-width: 992px) {
  .home-landing-scroll3__carrousel-swiper {
    width: 1000px !important;
  }
}
@media (min-width: 1200px) {
  .home-landing-scroll3__carrousel-swiper {
    width: 1200px;
  }
}
.home-landing-scroll3__carrousel-item {
  margin: 0 auto;
  overflow: hidden !important;
  width: 100% !important;
}
@media (min-width: 992px) {
  .home-landing-scroll3__carrousel-item {
    width: 1000px !important;
  }
}
@media (min-width: 1200px) {
  .home-landing-scroll3__carrousel-item {
    width: 1200px !important;
  }
}
.home-landing-scroll3__carrousel-item img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  border-radius: 16px;
}
@media (min-width: 992px) {
  .home-landing-scroll3__carrousel-item img {
    min-height: auto;
  }
}
.home-landing-scroll3__carrousel-nav button {
  background: #fff;
  position: absolute;
  top: 0;
  left: -25px;
  right: inherit;
  bottom: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: var(--secondary);
  border: none;
  display: flex;
  margin: auto 0;
  justify-content: center;
  aspect-ratio: 1/1;
  font-size: 32px;
  padding: 0;
  z-index: 2;
}
.home-landing-scroll3__carrousel-nav button:last-child {
  right: -25px;
  left: inherit;
}
.home-landing-scroll4 {
  min-height: 680px;
  background: var(--secondary);
  padding: 32px 16px;
}
@media (min-width: 1200px) {
  .home-landing-scroll4 {
    padding: 70px;
  }
}
@media (min-width: 1600px) {
  .home-landing-scroll4 {
    padding: 100px;
  }
}
.home-landing-scroll4__content {
  background: #171717;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  border: 1px solid #727272;
  padding: 48px 10px;
}
.home-landing-scroll4__content-title h1 {
  color: var(--on-secondary);
  font: var(--home-smarthub-scroll1-title-font);
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 24px 0;
}
@media (min-width: 992px) {
  .home-landing-scroll4__content-title h1 {
    font: var(--home-smarthub-scroll1-title-font-desktop);
    font-size: 40px;
    margin: 0 0 48px 0;
  }
}
.home-landing-scroll4__cards {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: 0 auto;
}
.home-landing-scroll4__cards-swiper {
  max-width: calc(100vw - 54px);
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 992px) {
  .home-landing-scroll4__cards-swiper {
    max-width: calc(100vw - 150px);
  }
}
@media (min-width: 1200px) {
  .home-landing-scroll4__cards-swiper {
    height: auto;
  }
}
.home-landing-scroll4__cards-swiper-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.home-landing-scroll4__cards-swiper-bullets .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border: solid 2px #fff;
  background: transparent;
}
.home-landing-scroll4__cards-swiper-bullets .swiper-pagination-bullet-active {
  background: var(--secondary);
  border-color: var(--secondary);
}
.home-landing-scroll4__cards-item {
  display: flex;
  flex-direction: column;
  background: transparent;
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border: 1px solid #ABABAB;
  min-width: 224px;
  text-align: var(--benefits-card-text-align);
  min-height: 290px;
}
@media (min-width: 767px) {
  .home-landing-scroll4__cards-item {
    min-width: 384px;
  }
}
@media (min-width: 992px) {
  .home-landing-scroll4__cards-item {
    padding: 24px;
    min-height: 273px;
  }
}
.home-landing-scroll4__cards-item span {
  font-size: 25px;
  margin-bottom: 6px;
  color: #9966FF;
}
.home-landing-scroll4__cards-item p {
  color: #fff;
  margin: 0;
  white-space: pre-line;
  font: var(--home-smarthub-scroll1-text-font);
  font-size: 16px;
}
@media (min-width: 992px) {
  .home-landing-scroll4__cards-item p {
    font-size: 20px;
  }
}
.home-landing-scroll4__cards-item .locale {
  margin-top: auto;
  color: #A57EFC;
}
.home-landing-scroll4__cards-item .locale strong {
  color: #fff;
}
section {
  display: grid;
}
section.st-pricing {
  position: relative;
}
section.st-pricing .st-pricing-vascoimg {
  position: absolute;
  width: 40px;
  right: 12px;
  top: -20px;
}
@media (min-width: 576px) {
  section.st-pricing .st-pricing-vascoimg {
    width: 134px;
    right: 200px;
    top: -70px;
  }
}
section.st-pricing .swiper-pagination-bullet {
  opacity: 1 !important;
  background-color: var(--on-background) !important;
  width: 12px !important;
  height: 12px !important;
}
section.st-pricing .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--primary) !important;
  width: 15px !important;
  height: 15px !important;
}
section.st-pricing div.arrows div {
  color: #fff !important;
}
section.st-pricing div.special-plans-container {
  color: #fff !important;
}
@media (min-width: 992px) {
  section.st-pricing {
    margin-top: 0px;
  }
}
section.st-exclusive-content {
  background: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/images/grounge_stripe_bg_black.png") top no-repeat;
}
section.st-call-to-action {
  height: 570px;
}
@media (min-width: 992px) {
  section.st-call-to-action {
    height: 730px;
  }
}
section.st-home-unlogged-featured {
  height: 570px;
}
@media (min-width: 992px) {
  section.st-home-unlogged-featured {
    height: 730px;
  }
}
section.st-tabs {
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 992px) {
  section.st-exclusive-content {
    height: 770px;
  }
}
@media (min-width: 992px) {
  section.st-pricing-info {
    height: 840px;
  }
}
section.st-call-to-action, section.st-pricing, section.st-exclusive-content, section.st-testimony, section.st-pricing-info, section.st-partner {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
section.st-exclusive-content, section.st-testimony {
  background-attachment: initial;
}
section.st-exclusive-content {
  background-position: initial;
}
section.st-pricing-info {
  background: #fff;
  min-height: 640px;
  margin: 0px;
}
section.st-partner {
  background-image: var(--partners-img-background);
}
section.st-partner, section.st-event-info {
  position: relative;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --background-system-error: #ffe0e1;
  --background-system-warning: #f3e0b9;
  --background-system-success: #eefcf2;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-color: #fff;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --home-experience-call-to-action-content-font-family:"montserrat";
  --home-experience-call-to-action-content-font-size: 32px;
  --home-experience-call-to-action-content-device-font-size: 56px;
  --home-experience-call-to-action-content-padding: "130px 0 120px";
  --home-experience-call-to-action-content-line-height: normal;
  --home-experience-call-to-action-content-device-line-height: normal;
  --home-experience-call-to-action-content-max-width: 655px;
  --home-experience-call-to-action-button-margin: 0;
  --home-experience-call-to-action-content-align: "left";
  --home-experience-video-scroll-color: var(--secondary);
  --home-experience-video-scroll-font-size: 30px;
  --home-experience-video-scroll-device-font-size: 48px;
  --home-experience-video-scroll-text-align: "left";
  --home-experience-video-catalog-font-size: 38px;
  --home-experience-video-catolog-font-family: "700 28px / 28px var(--font-title)";
  --home-experience-video-catolog-device-font-family: "Montserrat-bold";
  --home-experience-video-scroll-spacing: normal;
  --home-experience-video-catalog-device-font-size: 30px;
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color:#0A0A0A;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --gift-card-price-color: black;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-text-color-second: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.my-account-header {
  background-color: var(--background);
}
.my-account-header > .mat-tab-nav-bar, .my-account-header .mat-tab-header {
  border: 0;
}
.my-account-header .mat-tab-link {
  opacity: 1;
}
.my-account-header nav {
  display: flex;
  flex-direction: column;
  grid-auto-flow: column;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  justify-content: center;
  grid-gap: 3px;
}
@media (min-width: 470px) {
  .my-account-header nav {
    display: grid;
  }
}
@media (min-width: 576px) {
  .my-account-header nav {
    grid-gap: 10px;
  }
}
@media (min-width: 992px) {
  .my-account-header nav {
    justify-content: var(--header-sub-menu-position);
  }
}
.my-account-header nav a {
  text-decoration: none;
  color: var(--header-text-color);
  font-weight: normal;
  position: relative;
  margin: 0;
  padding: 8px 5px;
  font-size: 12px;
  border-bottom: 1px solid transparent;
}
@media (min-width: 576px) {
  .my-account-header nav a {
    margin: 0 10px;
    padding: 10px 20px;
    font-size: 15px;
  }
}
.my-account-header nav a:hover {
  background-color: rgba(var(--primary-RGB), 0.1);
  color: var(--on-background);
}
.my-account-header nav a.--selected {
  font-weight: bold;
}
@media (min-width: 470px) {
  .my-account-header nav a.--selected::after {
    content: " ";
    border-top: 10px solid var(--my-profile-header, var(--primary));
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    height: 0px;
    width: 0px;
    position: absolute;
    left: calc(50% - 10px);
    bottom: 0;
  }
}
.my-account-header nav a.--bsc-style {
  font-weight: bold;
  border-bottom: 1px solid #DCC901;
  color: var(--on-background);
  background-color: rgba(var(--primary-RGB), 0.1);
}
.account-header-v2 {
  display: flex !important;
  flex-direction: row !important;
  padding: 20px 8px;
  gap: 0 !important;
  white-space: nowrap;
  overflow-x: auto;
}
.account-header-v2-link {
  padding: 20px !important;
  margin: 0 !important;
  color: #727272 !important;
  font-family: var(--header-sub-menu-font) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
}
.account-header-v2-link--selected {
  color: #242424 !important;
  background: rgba(36, 36, 36, 0.04) !important;
  border-bottom: solid 1px currentColor !important;
}
.account-header-v3 {
  display: flex !important;
  flex-direction: row !important;
  padding: 20px 8px;
  gap: 0 !important;
  white-space: nowrap;
  overflow-x: auto;
}
.account-header-v3-link {
  padding: 20px !important;
  margin: 0 !important;
  color: #727272 !important;
  font-family: var(--header-sub-menu-font) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
}
.account-header-v3-link--selected {
  color: #242424 !important;
  background: rgba(36, 36, 36, 0.04) !important;
  border-bottom: solid 1px currentColor !important;
}
.svg-flat-alipay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-american-express {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-default {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-diners {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-discover {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-elo {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-hipercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-jcb {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-maestro {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-maestro-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-mastercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-mastercard-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-paypal {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-security-code {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-unionpay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-verve {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-visa {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-alipay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-amex {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 55.5236564079% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-default {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 55.5236564079% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-diners {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 55.5236564079% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-discover {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 55.5236564079% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-elo {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-hipercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-jcb {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-maestro {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-maestro-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-mastercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 66.6283876895% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-mastercard-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 66.6283876895% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-paypal {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 66.6283876895% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-security-code {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 66.6283876895% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-unionpay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 66.6283876895% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-verve {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-visa {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-alipay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-amex {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-default {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-diners {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 55.5236564079% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-discover {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-elo {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-hipercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-jcb {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-maestro {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-maestro-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-mastercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-mastercard-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-paypal {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-security-code {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-unionpay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-verve {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-visa {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-alipay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-amex {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-diners {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-discover {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 44.5288666321% no-repeat;
  width: 122px;
  height: 79.08px;
}
.svg-single-elo {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 53.3688649569% no-repeat;
  width: 122px;
  height: 46.01px;
}
.svg-single-hipercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 62.5294997985% no-repeat;
  width: 122px;
  height: 79.08px;
}
.svg-single-jcb {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 73.7267455214% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-maestro {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 87.0443197384% no-repeat;
  width: 122px;
  height: 95.07px;
}
.svg-single-maestro-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 99.9425815342% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-mastercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 0 no-repeat;
  width: 122px;
  height: 95.01px;
}
.svg-single-mastercard-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 13.6383210841% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-paypal {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 24.8042940195% no-repeat;
  width: 122px;
  height: 79.08px;
}
.svg-single-unionpay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 36.0946830501% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-verve {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 45.375634798% no-repeat;
  width: 122px;
  height: 49.36px;
}
.svg-single-visa {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 54.2848530087% no-repeat;
  width: 122px;
  height: 77.36px;
}
.fengstmyaccount-view-plan {
  display: flex;
  flex-direction: column;
  min-height: 684px;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-plan {
    padding: 30px 0 50px;
  }
}
.fengstmyaccount-view-plan__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}
.fengstmyaccount-view-plan__wrapper__notification {
  display: flex;
  flex-direction: column;
  background-color: var(--background-global-900, #252525);
  color: var(--text-global-white, #FFFFFF);
  border-radius: var(--corner-radius-xxxs, 4px);
  padding: 24px;
  box-sizing: border-box;
  margin: 24px auto;
  gap: 8px;
  border: 1px solid var(--warning);
}
.fengstmyaccount-view-plan__wrapper__notification strong {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 8px;
  color: var(--text-global-white, #FFFFFF);
}
.fengstmyaccount-view-plan__wrapper__notification p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  color: var(--text-global-white, #FFFFFF);
}
.fengstmyaccount-view-plan__wrapper__notification a {
  color: var(--on-error, #FFFFFF);
  text-decoration: underline;
  font-weight: bold;
}
.fengstmyaccount-view-plan__wrapper__notification-slim {
  display: flex;
  align-items: center;
  background-color: var(--background-global-900, #252525);
  color: var(--text-global-white, #FFFFFF);
  border-radius: var(--corner-radius-xxxs, 4px);
  padding: 12px 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  gap: 12px;
  max-width: 100%;
  margin: 16px auto;
}
.fengstmyaccount-view-plan__wrapper__notification-slim > .icone-fail {
  text-align: center;
  margin: 20px 0;
  font-size: 27px;
  color: var(--color-error);
}
.fengstmyaccount-view-plan__wrapper__notification-slim__message {
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-global-white, #FFFFFF);
}
.fengstmyaccount-view-plan__wrapper__notification-slim a {
  color: var(--on-error, #FFFFFF);
  text-decoration: underline;
  font-weight: bold;
}
.fengstmyaccount-view-plan__title {
  margin-left: 10px;
  text-transform: uppercase;
  font-family: var(--my-plan-font-family-title);
  font-size: 1.25rem;
  line-height: var(--my-plan-line-hight-title);
  color: #393939 !important;
}
.fengstmyaccount-view-plan__title--cruzeiroColor {
  color: var(--primary);
}
@media (min-width: 767px) {
  .fengstmyaccount-view-plan__title {
    margin-left: 22px;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-view-plan__title {
    font-size: var(--my-plan-font-size-title);
  }
}
.fengstmyaccount-view-plan__plan {
  position: relative;
}
.fengstmyaccount-view-plan__ticket-cards {
  display: grid;
  grid-gap: 30px;
  position: relative;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-plan__ticket-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}
.fengstmyaccount-view-plan__ticket-cards--grid {
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-plan__ticket-cards--grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.fengstmyaccount-view-plan__cards-history--link {
  text-decoration: underline;
}
.fengstmyaccount-view-plan__cards-history--list {
  display: grid;
  grid-gap: 30px;
  position: relative;
  grid-template: 1fr/auto;
  margin-top: 20px;
}
@media (min-width: 767px) {
  .fengstmyaccount-view-plan__cards-history--list {
    grid-template: auto/1fr 1fr;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-view-plan__cards-history--list {
    grid-template: auto/1fr 1fr 1fr;
  }
}
.fengstmyaccount-view-plan__cards-history--list-item {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-view-plan__cards-history--list-item > div p {
  margin: 0;
}
.fengstmyaccount-view-plan__cards-history--list-item > div p.nome {
  font-size: 17px;
  font-weight: bold;
  color: #27292D;
  text-transform: uppercase;
}
.fengstmyaccount-view-plan__plan--no-content, .fengstmyaccount-view-plan__ticket-cards--no-content {
  display: grid;
  grid-template-columns: unset;
  grid-gap: 15px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  text-align: center;
  padding: 42px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  font-size: 16px;
}
.fengstmyaccount-view-plan__plan--no-content > p, .fengstmyaccount-view-plan__ticket-cards--no-content > p {
  font-size: 16px;
}
.fengstmyaccount-view-plan__v2-ticket-cards--no-content {
  display: grid;
  grid-template-columns: unset;
  grid-gap: 0;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  text-align: center;
  padding: 32px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstmyaccount-view-plan__v2-ticket-cards--no-content span {
  font-size: 80px;
  color: var(--on-secondary);
  margin-bottom: 24px;
}
.fengstmyaccount-view-plan__v2-ticket-cards--no-content h2 {
  color: var(--primary-light);
  font: var(--plans-no-plan-font);
  margin: 0;
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-plan__v2-ticket-cards--no-content h2 {
    font: var(--plans-no-plan-font-desktop);
  }
}
.fengstmyaccount-view-plan__v2-ticket-cards--no-content p {
  margin: 8px 0 24px 0;
  color: var(--primary-light);
  font: var(--plans-no-plan-desc-font, normal normal 400 16px/24px Roboto);
}
.fengstmyaccount-view-plan__v2-ticket-cards--no-content fengstui-button button {
  background-color: var(--home-call-to-action-button-color) !important;
  font-size: 14px !important;
  line-height: 20px;
  color: #fff !important;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.fengstmyaccount-view-plan__cardRating {
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 21px;
  position: relative;
  min-height: 320px;
}
.fengstmyaccount-view-plan__cardRating__wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.fengstmyaccount-view-plan__cardRating__defaultMsg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.fengstmyaccount-view-plan__cardRating__defaultMsg h2 {
  font-size: 24px;
}
.fengstmyaccount-view-plan__cardRating__defaultMsg .fengi-star-empty {
  color: var(--secondary);
  font-size: 76px;
}
.fengstmyaccount-view-plan__cardRating__divider {
  height: 1px;
  width: 100%;
  border: 1px solid rgba(var(--on-background-RGB), 0.1);
}
.fengstmyaccount-view-plan__cardRating__actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
@media (min-width: 576px) {
  .fengstmyaccount-view-plan__cardRating__actions {
    flex-direction: row;
    gap: 10px;
  }
}
.fengstmyaccount-view-plan__cardRating__actions fengstui-button button {
  color: #FFFFFF !important;
  border-radius: 5px;
  width: 100%;
}
.fengstmyaccount-view-plan__cardRating__actions-wave {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (min-width: 576px) {
  .fengstmyaccount-view-plan__cardRating__actions-wave {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
.fengstmyaccount-view-plan__cardRating__actions-wave .fengi-info-circle-outline {
  color: var(--secondary);
  font-size: 22px;
}
.fengstmyaccount-view-plan__cardRating__actions-wave > p {
  margin: 0px;
  font-weight: 700;
}
.fengstmyaccount-view-plan__cardRating__ratingSwal-popup {
  max-height: "80vh";
  overflow-y: "auto";
  text-align: "left";
  font-size: "16px";
  line-height: "1.5";
  width: "700px";
  padding: "20px";
}
.fengstmyaccount-view-plan__cardRating__ratingSwal-confirm {
  background-color: var(--secondary);
  color: var(--background);
  border: "none";
  border-radius: "6px";
  padding: "0.5em 1.5em";
  font-weight: "bold";
  cursor: "pointer";
}
.fengstmyaccount-plan-card-template-1 {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1 {
    padding: 42px;
  }
}
.fengstmyaccount-plan-card-template-1__contracts {
  display: grid;
  grid-auto-flow: column;
  padding: 10px 0;
  text-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  grid-template-columns: 100px auto;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts {
    padding: initial;
    grid-auto-flow: row;
    grid-template-rows: 45px auto;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts {
    border-top: unset;
    grid-template-columns: unset;
    grid-template-rows: 25px auto;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child {
  display: grid;
  align-items: center;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts > :last-child {
    text-align: unset;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child:not(.feng-btn) {
  color: var(--on-background);
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child.--add-more {
  grid-template-columns: auto auto;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts > :last-child.--add-more {
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child.--add-some {
  direction: rtl;
  grid-auto-flow: column;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts > :last-child.--add-some {
    direction: ltr;
    grid-auto-flow: row;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child.--add-some fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child small {
  font-size: 12px;
  color: rgba(var(--on-background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-1__contracts-select {
  position: relative;
}
.fengstmyaccount-plan-card-template-1__contracts-select button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
  padding: 0;
  font-size: 14px;
  color: rgba(var(--on-background-RGB), 0.75);
  font-weight: bold;
}
.fengstmyaccount-plan-card-template-1__contracts-select button > span {
  height: 20px;
  font-weight: bold;
  font-family: var(--font-primary);
}
.fengstmyaccount-plan-card-template-1__contracts-select button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.fengstmyaccount-plan-card-template-1__contracts-select-box {
  position: absolute;
  top: 36px;
  right: -142px;
  background: rgba(var(--background-RGB), 0.75);
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts-select-box {
    position: absolute;
    top: 26px;
    right: 0px;
    display: block;
    width: 100%;
    min-width: 250px;
    background: rgba(var(--background-RGB), 0.75);
  }
}
.fengstmyaccount-plan-card-template-1__contracts-select-box ul {
  list-style: none;
  padding: 0px;
  margin: 0;
  font-weight: bold;
}
.fengstmyaccount-plan-card-template-1__contracts-select-box ul li {
  display: block;
  padding: 1em;
  margin: 0px;
  cursor: pointer;
}
.fengstmyaccount-plan-card-template-1__contracts-select-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.fengstmyaccount-plan-card-template-1__details {
  display: grid;
  padding-bottom: 30px;
  grid-gap: 18px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details {
    grid-auto-flow: column;
    grid-template-columns: auto;
  }
}
.fengstmyaccount-plan-card-template-1__details .--favorite {
  color: #d2232a;
}
.fengstmyaccount-plan-card-template-1__details .--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts) {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: column;
  padding: 10px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts) {
    padding: initial;
    grid-auto-flow: row;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child {
  grid-auto-flow: row;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child {
    border-right: 1px solid #E4E4E4;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) {
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  grid-template-columns: 100px auto;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) {
    border-top: unset;
    grid-template-columns: unset;
    grid-template-rows: 25px auto;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :first-child {
  font-size: 14px;
  text-align: left;
  color: rgba(var(--on-background-RGB), 0.75);
  font-weight: bold;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :first-child {
    text-align: unset;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child {
    text-align: unset;
    justify-content: center;
    align-items: end;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child:not(.feng-btn) {
  color: var(--on-background);
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-more {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-more {
    flex-direction: column;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-some {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-some {
    flex-direction: column;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-some fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child small {
  font-size: 12px;
  color: rgba(var(--on-background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span {
  display: flex;
  justify-content: space-between;
  line-height: 105%;
  align-items: center;
  gap: 10px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:first-child {
  font-size: 20px;
  font-weight: bold;
  font-family: var(--font-title);
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child {
  font-weight: bold;
  font-size: 20px;
  grid-template-columns: 96px auto;
  grid-column-gap: 10px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child {
    grid-template-columns: 160px auto;
    grid-column-gap: 15px;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong {
  font-family: var(--font-title);
  font-size: 16px;
  color: var(--primary);
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong {
    text-align: left;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--201 {
  color: var(--success);
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--200, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--202, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--203, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--303, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--204, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--205, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--301, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-1__details-dependents .feng-btn {
  width: 22px;
  height: 22px;
}
.fengstmyaccount-plan-card-template-1__details-status--your-plan-is {
  font-size: 1.25rem !important;
  font-weight: normal !important;
  font-family: var(--font-primary) !important;
  text-transform: none;
}
.fengstmyaccount-plan-card-template-1__product--take-away {
  display: grid;
  grid-auto-flow: column;
}
.fengstmyaccount-plan-card-template-1__footer {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__footer {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-1__footer :last-child {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__footer :last-child {
    justify-content: flex-end;
  }
}
.fengstmyaccount-plan-card-template-1__extrainfo {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__extrainfo {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-1__contract-actions {
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  grid-gap: 15px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contract-actions {
    grid-auto-flow: column;
    justify-items: unset;
  }
}
.fengstmyaccount-plan-card-template-1__contract-actions ::ng-deep fengstui-button {
  width: 80%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contract-actions ::ng-deep fengstui-button {
    width: unset;
  }
}
.fengstmyaccount-plan-card-template-1__contract-actions ::ng-deep fengstui-button .feng-btn {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contract-actions ::ng-deep fengstui-button .feng-btn {
    width: unset;
  }
}
.fengstmyaccount-plan-card-template-2 {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2 {
    padding: 42px;
  }
}
.fengstmyaccount-plan-card-template-2__contracts {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}
.fengstmyaccount-plan-card-template-2__contracts-select {
  position: relative;
}
.fengstmyaccount-plan-card-template-2__contracts-select button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
}
.fengstmyaccount-plan-card-template-2__contracts-select button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.fengstmyaccount-plan-card-template-2__contracts-select-box {
  position: absolute;
  top: 25px;
  right: 0px;
  display: block;
  width: 100%;
  min-width: 250px;
  background: rgba(var(--background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-2__contracts-select-box ul {
  list-style: none;
  padding: 0px;
  margin: 0;
}
.fengstmyaccount-plan-card-template-2__contracts-select-box ul li {
  display: block;
  padding: 1em;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
}
.fengstmyaccount-plan-card-template-2__contracts-select-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.fengstmyaccount-plan-card-template-2__details {
  display: grid;
  padding-bottom: 30px;
  grid-gap: 18px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details {
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.fengstmyaccount-plan-card-template-2__details > * {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: column;
  padding: 10px 0;
  text-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  grid-template-columns: 100px auto;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * {
    padding: initial;
    grid-auto-flow: row;
    grid-template-rows: 25px auto;
  }
}
.fengstmyaccount-plan-card-template-2__details > *:first-child {
  grid-auto-flow: row;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * {
    border-top: unset;
    grid-template-columns: unset;
    grid-template-rows: 25px auto;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-2__details > * > :first-child {
  font-size: 14px;
  color: rgba(var(--on-background-RGB), 0.75);
  font-weight: bold;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * > :first-child {
    text-align: unset;
  }
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child {
  font-size: 20px;
  display: grid;
  align-items: center;
  grid-gap: 10px;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * > :last-child {
    text-align: unset;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child:not(.feng-btn) {
  color: var(--on-background);
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child.--add-more {
  grid-template-columns: auto auto;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * > :last-child.--add-more {
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child.--add-some {
  direction: rtl;
  grid-auto-flow: column;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * > :last-child.--add-some {
    direction: ltr;
    grid-auto-flow: row;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child.--add-some fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child small {
  font-size: 12px;
  color: rgba(var(--on-background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child {
  font-weight: bold;
  font-size: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child {
    grid-template-columns: 140px auto;
    grid-column-gap: 15px;
  }
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong {
  font-family: var(--font-title);
  font-size: 22px;
  color: var(--primary);
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--201 {
  color: var(--success);
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--200, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--202, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--203, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--303, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--204, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--205, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--301, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-2__footer {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__footer {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-2__footer :last-child {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__footer :last-child {
    justify-content: flex-end;
  }
}
.fengstmyaccount-plan-card-template-2__extrainfo {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__extrainfo {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-2__contract-actions {
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  grid-gap: 15px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__contract-actions {
    grid-auto-flow: column;
    justify-items: unset;
  }
}
.fengstmyaccount-plan-card-template-2__contract-actions ::ng-deep fengstui-button {
  width: 80%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__contract-actions ::ng-deep fengstui-button {
    width: unset;
  }
}
.fengstmyaccount-plan-card-template-2__contract-actions ::ng-deep fengstui-button .feng-btn {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__contract-actions ::ng-deep fengstui-button .feng-btn {
    width: unset;
  }
}
.fengstmyaccount-plan-card-template-3 {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3 {
    padding: 42px;
  }
}
.fengstmyaccount-plan-card-template-3__contracts {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}
.fengstmyaccount-plan-card-template-3__contracts-select {
  position: relative;
}
.fengstmyaccount-plan-card-template-3__contracts-select button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
}
.fengstmyaccount-plan-card-template-3__contracts-select button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.fengstmyaccount-plan-card-template-3__contracts-select-box {
  position: absolute;
  top: 25px;
  right: 0px;
  display: block;
  width: 100%;
  min-width: 250px;
  background: rgba(var(--background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-3__contracts-select-box ul {
  list-style: none;
  padding: 0px;
  margin: 0;
}
.fengstmyaccount-plan-card-template-3__contracts-select-box ul li {
  display: block;
  padding: 1em;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
}
.fengstmyaccount-plan-card-template-3__contracts-select-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.fengstmyaccount-plan-card-template-3__details {
  display: grid;
  padding-bottom: 16px;
  grid-gap: 18px;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__details {
    grid-auto-flow: column;
  }
}
.fengstmyaccount-plan-card-template-3__details-status {
  position: relative;
  top: 14px;
}
.fengstmyaccount-plan-card-template-3__details-begin-date-label {
  display: none;
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper {
  display: flex !important;
  flex-direction: column;
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .title-plan {
  color: #171717;
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 32px;
  margin: 0 auto 0 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__details-status-wrapper .title-plan {
    font-size: 1.625;
  }
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .content {
  display: flex;
  column-gap: 8px;
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper {
  display: flex;
  align-items: center;
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .fengi-calendar--201 {
  color: var(--success) !important;
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .fengi-calendar--200, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .fengi-calendar--202, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .fengi-calendar--203, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .fengi-calendar--303, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .fengi-calendar--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .fengi-calendar--204, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .fengi-calendar--205, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .fengi-calendar--301, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .fengi-calendar--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status {
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: bold;
  line-height: 20px;
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status--201 {
  color: var(--success) !important;
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status--200, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status--202, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status--203, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status--303, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status--204, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status--205, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status--301, .fengstmyaccount-plan-card-template-3__details-status-wrapper .content__wrapper .status--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-3__details-status-wrapper .content-description {
  font-size: 16px;
  color: #393939;
  font-weight: normal;
}
.fengstmyaccount-plan-card-template-3__details > * {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: column;
  padding: 10px 0;
  text-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__details > * {
    padding: initial;
    grid-auto-flow: row;
    grid-template-rows: 25px auto;
  }
}
.fengstmyaccount-plan-card-template-3__details > *:first-child {
  display: grid;
  justify-content: center;
  grid-auto-flow: row;
  border-top: none;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__details > * {
    border-top: unset;
    grid-template-columns: unset;
    grid-template-rows: 25px auto;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-3__details > * > :first-child {
  font-size: 1rem;
  color: #727272;
  line-height: 24px;
  font-family: "Montserrat";
  font-weight: 400;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__details > * > :first-child {
    text-align: unset;
  }
}
.fengstmyaccount-plan-card-template-3__details > * > :last-child {
  font-size: 1.25rem;
  display: grid;
  align-items: center;
  grid-gap: 10px;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__details > * > :last-child {
    text-align: unset;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-3__details > * > :last-child:not(.feng-btn) {
  color: var(--on-background);
}
.fengstmyaccount-plan-card-template-3__details > * > :last-child.--add-more {
  grid-template-columns: auto auto;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__details > * > :last-child.--add-more {
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-3__details > * > :last-child.--add-some {
  direction: rtl;
  grid-auto-flow: column;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__details > * > :last-child.--add-some {
    direction: ltr;
    grid-auto-flow: row;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-3__details > * > :last-child.--add-some fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-3__details > * > :last-child small {
  font-size: 12px;
  color: rgba(var(--on-background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-3__details > *:first-child span {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
}
.fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child {
  font-weight: bold;
  font-size: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child {
    grid-template-columns: 140px auto;
    grid-column-gap: 15px;
  }
}
.fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong {
  font-family: var(--font-title);
  font-size: 22px;
  color: var(--primary);
}
.fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong.plan-card-details-status--201 {
  color: var(--success) !important;
}
.fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong.plan-card-details-status--200, .fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong.plan-card-details-status--202, .fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong.plan-card-details-status--203, .fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong.plan-card-details-status--303, .fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong.plan-card-details-status--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong.plan-card-details-status--204, .fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong.plan-card-details-status--205, .fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong.plan-card-details-status--301, .fengstmyaccount-plan-card-template-3__details > *:first-child span:last-child strong.plan-card-details-status--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-3__footer {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__footer {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-3__footer :last-child {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__footer :last-child {
    justify-content: flex-end;
  }
}
.fengstmyaccount-plan-card-template-3__footer-btn {
  text-decoration: underline;
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 14px;
}
.fengstmyaccount-plan-card-template-3__footer-btn button {
  text-transform: uppercase;
}
.fengstmyaccount-plan-card-template-3__extrainfo {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__extrainfo {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-3__contract-actions {
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  grid-gap: 15px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__contract-actions {
    grid-auto-flow: column;
    justify-items: unset;
  }
}
.fengstmyaccount-plan-card-template-3__contract-actions .upgrade-button {
  background-color: var(--home-call-to-action-button-color) !important;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  width: 90%;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__contract-actions .upgrade-button {
    width: inherit;
  }
}
.fengstmyaccount-plan-card-template-3__contract-actions .upgrade-button button {
  background-color: var(--home-call-to-action-button-color) !important;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
}
.fengstmyaccount-plan-card-template-3__contract-actions ::ng-deep fengstui-button {
  width: 80%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__contract-actions ::ng-deep fengstui-button {
    width: unset;
  }
}
.fengstmyaccount-plan-card-template-3__contract-actions ::ng-deep fengstui-button .feng-btn {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-3__contract-actions ::ng-deep fengstui-button .feng-btn {
    width: unset;
  }
}
.date-title {
  color: #393939;
  font-size: 1rem !important;
  font-family: "Montserrat";
  font-weight: bold;
  line-height: 24px;
}
.historico-button {
  color: var(--home-call-to-action-button-color);
  border-color: var(--home-call-to-action-button-color);
}
.fengstmyaccount-plan-card-template-4 {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4 {
    padding: 24px;
  }
}
.fengstmyaccount-plan-card-template-4__contracts {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}
.fengstmyaccount-plan-card-template-4__contracts-select {
  position: relative;
}
.fengstmyaccount-plan-card-template-4__contracts-select button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
}
.fengstmyaccount-plan-card-template-4__contracts-select button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.fengstmyaccount-plan-card-template-4__contracts-select-box {
  position: absolute;
  top: 25px;
  right: 0px;
  display: block;
  width: 100%;
  min-width: 250px;
  background: rgba(var(--background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-4__contracts-select-box ul {
  list-style: none;
  padding: 0px;
  margin: 0;
}
.fengstmyaccount-plan-card-template-4__contracts-select-box ul li {
  display: block;
  padding: 1em;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
}
.fengstmyaccount-plan-card-template-4__contracts-select-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.fengstmyaccount-plan-card-template-4__details {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  gap: 24px;
}
@media (min-width: 1200px) {
  .fengstmyaccount-plan-card-template-4__details {
    flex-direction: row;
  }
}
.fengstmyaccount-plan-card-template-4__details-status {
  position: relative;
  top: 14px;
  margin-right: 24px;
}
.fengstmyaccount-plan-card-template-4__details-status:before {
  position: absolute;
  top: -5px;
  right: -38px;
  width: 1px;
  height: 100%;
  background: var(--divider-color);
}
@media (min-width: 1200px) {
  .fengstmyaccount-plan-card-template-4__details-status:before {
    content: "";
  }
}
.fengstmyaccount-plan-card-template-4__details-begin-date-label {
  display: none;
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper {
  display: flex !important;
  flex-direction: column;
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .title-plan {
  color: var(--primary-light);
  font: var(--account-plan-text-font);
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .fengstmyaccount-plan-card-template-4__details-status-wrapper .title-plan {
    margin: 0 auto 0 0;
  }
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .content {
  display: flex;
  column-gap: 8px;
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper {
  display: flex;
  align-items: center;
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .fengi-calendar--201 {
  color: var(--success) !important;
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .fengi-calendar--200, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .fengi-calendar--202, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .fengi-calendar--203, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .fengi-calendar--303, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .fengi-calendar--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .fengi-calendar--204, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .fengi-calendar--205, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .fengi-calendar--301, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .fengi-calendar--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status {
  font-size: 14px;
  line-height: 20px;
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status--201 {
  color: var(--success) !important;
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status--200, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status--202, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status--203, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status--303, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status--204, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status--205, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status--301, .fengstmyaccount-plan-card-template-4__details-status-wrapper .content__wrapper .status--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-4__details-status-wrapper .content-description {
  font-size: 16px;
  color: #393939;
  font-weight: normal;
}
.fengstmyaccount-plan-card-template-4__details > * {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: row;
  padding: 10px 0;
  text-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__details > * {
    padding: initial;
    grid-template-rows: 25px auto;
  }
}
.fengstmyaccount-plan-card-template-4__details > *:first-child {
  display: grid;
  justify-content: center;
  grid-auto-flow: row;
  border-top: none;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__details > * {
    border-top: unset;
    grid-template-columns: unset;
    grid-template-rows: 25px auto;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-4__details > * > :first-child {
  font: var(--my-profile-card-contract-font);
  color: #727272;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__details > * > :first-child {
    text-align: unset;
  }
}
.fengstmyaccount-plan-card-template-4__details > * > :last-child {
  font: var(--my-profile-card-contract-font);
  font-weight: 700;
}
.fengstmyaccount-plan-card-template-4__details > * > :last-child:not(.feng-btn) {
  color: var(--primary-light);
}
.fengstmyaccount-plan-card-template-4__details > * > :last-child.--add-more {
  grid-template-columns: auto auto;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__details > * > :last-child.--add-more {
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-4__details > * > :last-child.--add-some {
  display: flex;
  gap: 4px;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-4__details > * > :last-child.--add-some fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-4__details > * > :last-child.--add-some fengstui-button button {
  color: var(--on-secondary);
  border: none;
}
.fengstmyaccount-plan-card-template-4__details > * > :last-child.--add-some small {
  color: var(--primary-light);
  font: var(--account-add-text-font);
  position: relative;
  top: 1px;
}
.fengstmyaccount-plan-card-template-4__details > * > :last-child small {
  font-size: 12px;
  color: rgba(var(--on-background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-4__details > *:first-child span {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
}
.fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child {
  font-weight: bold;
  font-size: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child {
    grid-template-columns: 140px auto;
    grid-column-gap: 15px;
  }
}
.fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong {
  font-family: var(--font-title);
  font-size: 22px;
  color: var(--primary);
}
.fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong.plan-card-details-status--201 {
  color: var(--success) !important;
}
.fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong.plan-card-details-status--200, .fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong.plan-card-details-status--202, .fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong.plan-card-details-status--203, .fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong.plan-card-details-status--303, .fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong.plan-card-details-status--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong.plan-card-details-status--204, .fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong.plan-card-details-status--205, .fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong.plan-card-details-status--301, .fengstmyaccount-plan-card-template-4__details > *:first-child span:last-child strong.plan-card-details-status--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-4__footer {
  display: grid;
  grid-gap: 15px;
  padding-top: 16px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__footer {
    border-top: 1px solid var(--divider-color);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-4__footer :last-child {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__footer :last-child {
    justify-content: flex-end;
  }
}
.fengstmyaccount-plan-card-template-4__footer-btn {
  text-decoration: underline;
  font-size: 14px;
}
.fengstmyaccount-plan-card-template-4__footer-btn button {
  font-family: var(--action-button-font-family, var(--font-button)) !important;
  color: #171717 !important;
  text-transform: uppercase;
}
.fengstmyaccount-plan-card-template-4__extrainfo {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__extrainfo {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-4__contract-actions {
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  grid-gap: 15px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__contract-actions {
    grid-auto-flow: column;
    justify-items: unset;
  }
}
.fengstmyaccount-plan-card-template-4__contract-actions .upgrade-button {
  background-color: var(--home-call-to-action-button-color) !important;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px !important;
  width: 90%;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__contract-actions .upgrade-button {
    width: inherit;
  }
}
.fengstmyaccount-plan-card-template-4__contract-actions .upgrade-button button {
  background-color: var(--home-call-to-action-button-color) !important;
  font-size: 14px;
  line-height: 20px;
  color: #fff !important;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.fengstmyaccount-plan-card-template-4__contract-actions ::ng-deep fengstui-button {
  width: 80%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__contract-actions ::ng-deep fengstui-button {
    width: unset;
  }
}
.fengstmyaccount-plan-card-template-4__contract-actions ::ng-deep fengstui-button .feng-btn {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-4__contract-actions ::ng-deep fengstui-button .feng-btn {
    width: unset;
  }
}
.date-title {
  color: #393939;
  font-size: 1rem !important;
  font-family: "Montserrat";
  font-weight: bold;
  line-height: 24px;
}
.historico-button button {
  color: var(--home-call-to-action-button-color) !important;
  border-color: currentColor !important;
  border-radius: 4px !important;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.fengstmyaccount-plan-card-template-5 {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5 {
    padding: 42px;
  }
}
.fengstmyaccount-plan-card-template-5__contracts {
  display: grid;
  grid-auto-flow: column;
  padding: 10px 0;
  text-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  grid-template-columns: 100px auto;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__contracts {
    padding: initial;
    grid-auto-flow: row;
    grid-template-rows: 45px auto;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__contracts {
    border-top: unset;
    grid-template-columns: unset;
    grid-template-rows: 25px auto;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-5__contracts > :last-child {
  display: grid;
  align-items: center;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__contracts > :last-child {
    text-align: unset;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-5__contracts > :last-child:not(.feng-btn) {
  color: var(--on-background);
}
.fengstmyaccount-plan-card-template-5__contracts > :last-child.--add-more {
  grid-template-columns: auto auto;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__contracts > :last-child.--add-more {
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-5__contracts > :last-child.--add-some {
  direction: rtl;
  grid-auto-flow: column;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__contracts > :last-child.--add-some {
    direction: ltr;
    grid-auto-flow: row;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-5__contracts > :last-child.--add-some fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-5__contracts > :last-child small {
  font-size: 12px;
  color: rgba(var(--on-background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-5__contracts-select {
  position: relative;
}
.fengstmyaccount-plan-card-template-5__contracts-select button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
  padding: 0;
  font-size: 14px;
  color: rgba(var(--on-background-RGB), 0.75);
  font-weight: bold;
}
.fengstmyaccount-plan-card-template-5__contracts-select button > span {
  height: 20px;
  font-weight: bold;
  font-family: var(--font-primary);
}
.fengstmyaccount-plan-card-template-5__contracts-select button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.fengstmyaccount-plan-card-template-5__contracts-select-box {
  position: absolute;
  top: 36px;
  right: -142px;
  background: rgba(var(--background-RGB), 0.75);
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__contracts-select-box {
    position: absolute;
    top: 26px;
    right: 0px;
    display: block;
    width: 100%;
    min-width: 250px;
    background: rgba(var(--background-RGB), 0.75);
  }
}
.fengstmyaccount-plan-card-template-5__contracts-select-box ul {
  list-style: none;
  padding: 0px;
  margin: 0;
  font-weight: bold;
}
.fengstmyaccount-plan-card-template-5__contracts-select-box ul li {
  display: block;
  padding: 1em;
  margin: 0px;
  cursor: pointer;
}
.fengstmyaccount-plan-card-template-5__contracts-select-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.fengstmyaccount-plan-card-template-5__details {
  display: grid;
  padding-bottom: 30px;
  grid-gap: 18px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details {
    grid-auto-flow: column;
    grid-template-columns: auto;
  }
}
.fengstmyaccount-plan-card-template-5__details .--favorite {
  color: #d2232a;
}
.fengstmyaccount-plan-card-template-5__details .--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts) {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: column;
  padding: 10px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts) {
    padding: initial;
    grid-auto-flow: row;
  }
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child {
  grid-auto-flow: row;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child {
    border-right: 1px solid #E4E4E4;
  }
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) {
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  grid-template-columns: 100px auto;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) {
    border-top: unset;
    grid-template-columns: unset;
    grid-template-rows: 25px auto;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :first-child {
  font-size: 14px;
  text-align: left;
  color: rgba(var(--on-background-RGB), 0.75);
  font-weight: bold;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :first-child {
    text-align: unset;
  }
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child {
    text-align: unset;
    justify-content: center;
    align-items: end;
  }
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child:not(.feng-btn) {
  color: var(--on-background);
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-more {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-more {
    flex-direction: column;
  }
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-some {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-some {
    flex-direction: column;
  }
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-some fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child small {
  font-size: 12px;
  color: rgba(var(--on-background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span {
  display: flex;
  justify-content: space-between;
  line-height: 105%;
  align-items: center;
  gap: 10px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:first-child {
  font-size: 20px;
  font-weight: bold;
  font-family: var(--font-title);
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child {
  font-weight: bold;
  font-size: 20px;
  grid-template-columns: 96px auto;
  grid-column-gap: 10px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child {
    grid-template-columns: 160px auto;
    grid-column-gap: 15px;
  }
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong {
  font-family: var(--font-title);
  font-size: 16px;
  color: var(--primary);
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong {
    text-align: left;
  }
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--201 {
  color: var(--success);
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--200, .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--202, .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--203, .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--303, .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--204, .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--205, .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--301, .fengstmyaccount-plan-card-template-5__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-5__details-dependents .feng-btn {
  width: 22px;
  height: 22px;
}
.fengstmyaccount-plan-card-template-5__details-status--your-plan-is {
  font-size: 1.25rem !important;
  font-weight: normal !important;
  font-family: var(--font-primary) !important;
  text-transform: none;
}
.fengstmyaccount-plan-card-template-5__product--take-away {
  display: grid;
  grid-auto-flow: column;
}
.fengstmyaccount-plan-card-template-5__footer {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__footer {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-5__footer :last-child {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__footer :last-child {
    justify-content: flex-end;
  }
}
.fengstmyaccount-plan-card-template-5__extrainfo {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__extrainfo {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-5__contract-actions {
  display: flex;
  gap: 15px;
  grid-auto-flow: row;
  justify-items: center;
  grid-gap: 15px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-5__contract-actions {
    grid-auto-flow: column;
    justify-items: unset;
  }
}
.fengstmyaccount-plan-card-template-5__contract-actions-upgrade .feng-btn {
  color: #FFFFFF !important;
  border-radius: 5px;
  width: 100%;
}
.fengstmyaccount-plan-card-template-5__contract-actions-change-periodicity .feng-btn {
  color: #FFFFFF !important;
  border-radius: 5px;
  width: 100%;
}
.fengstmyaccount-plan-card-template-5__contract-actions-history .feng-btn {
  color: red !important;
  border-radius: 5px;
  width: 100%;
}
.fengstmyaccount-ticket-card-card {
  display: grid;
  justify-items: center;
  position: relative;
}
.fengstmyaccount-ticket-card-card--history {
  filter: opacity(0.65) blur(0.5px);
}
.fengstmyaccount-ticket-card-card .card {
  background: var(--bg-card);
  height: 160px;
  width: 100%;
  max-width: 248px;
  border-radius: 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  position: relative;
  top: 10px;
  z-index: 10;
  padding: 24px;
}
@media (min-width: 992px) {
  .fengstmyaccount-ticket-card-card .card {
    top: 24px;
  }
}
.fengstmyaccount-ticket-card-card .card__wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.fengstmyaccount-ticket-card-card .card__wrapper-shield {
  width: 56px;
  margin: 0 auto;
}
.fengstmyaccount-ticket-card-card .card__props {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-top: 8px;
}
.fengstmyaccount-ticket-card-card .card__props-number {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 20px;
  color: #171717;
  margin: 0;
}
.fengstmyaccount-ticket-card-card .card__props-holder {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 20px;
  color: #171717;
  margin: 0;
}
.fengstmyaccount-ticket-card-card__image {
  max-width: 250px;
  height: auto;
  z-index: 10;
  margin-bottom: -14px;
}
.fengstmyaccount-ticket-card-card__image-boxed {
  display: block;
  width: 280px;
  height: 180px;
  z-index: 10;
  margin-bottom: -14px;
  position: relative;
}
.fengstmyaccount-ticket-card-card__image-profile {
  position: absolute;
  right: 9px;
  top: 19px;
  width: 97px;
  height: 98px;
  background-size: contain;
}
.fengstmyaccount-ticket-card-card__content {
  display: grid;
  gap: 15px;
  grid-template-rows: 45px 70px 70px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -5px;
  z-index: 9;
  max-width: 420px;
  grid-template-areas: "titular titular" "numero-cartao status" "plano-st plano-st" "cod-rastreio cod-rastreio" "rating rating" "digital-card digital-card" "actions actions";
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-ticket-card-card__content {
    padding: 42px;
  }
}
.fengstmyaccount-ticket-card-card__content > div:first-child {
  display: grid;
  grid-area: titular;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(2) {
  display: grid;
  grid-area: numero-cartao;
  grid-template-rows: max-content auto;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(3) {
  display: grid;
  grid-area: status;
  grid-template-rows: max-content auto;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(3) fengstui-button .feng-btn {
  padding: 0 15px;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(4) {
  display: grid;
  grid-area: plano-st;
  grid-template-rows: max-content auto;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(5) {
  grid-area: digital-card;
  height: 35px;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(5) fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-ticket-card-card__content > div:last-child {
  grid-area: actions;
  height: 50px;
  margin-top: 20px;
}
.fengstmyaccount-ticket-card-card__content > div:last-child fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-ticket-card-card__rating {
  position: relative;
  display: grid;
  grid-template-rows: max-content auto;
  height: auto !important;
  margin-top: -70px !important;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div {
  width: max-content auto;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div:nth-child(4) {
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div:nth-child(4) a {
  color: var(--on-background);
  text-decoration: none;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div:nth-child(4) a:hover {
  text-decoration: underline;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div:first-child, .fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div:last-child {
  width: 100%;
  max-width: 420px;
}
.fengstmyaccount-ticket-card-v2 {
  display: flex;
  margin-top: 118px;
}
.fengstmyaccount-ticket-card-v2__card {
  background: #fff;
  padding: 48px 16px 16px 16px;
  border: 1px solid #E4E4E4;
  border-radius: 12px;
  width: 100%;
  min-height: auto;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  position: relative;
}
.fengstmyaccount-ticket-card-v2__card-head {
  background: var(--header-logged-bg);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border-radius: 18px;
  padding: 24px;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 160px;
  width: calc(100% - 117px);
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -118px;
}
.fengstmyaccount-ticket-card-v2__card-head img {
  width: 56px;
  height: 41px;
  margin: 0 auto 15px;
  display: flex;
  justify-content: center;
}
.fengstmyaccount-ticket-card-v2__card-head-info p, .fengstmyaccount-ticket-card-v2__card-head-info strong {
  margin: 0;
  color: #fff;
  font: var(--home-private-cards-status-font);
}
.fengstmyaccount-ticket-card-v2__card-head-info p {
  font-size: 18px;
  margin-bottom: 7px;
}
.fengstmyaccount-ticket-card-v2__card-head-info p {
  font-weight: 400;
}
.fengstmyaccount-ticket-card-v2__card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 17px 0;
}
.fengstmyaccount-ticket-card-v2__card-content-line p, .fengstmyaccount-ticket-card-v2__card-content-line strong {
  margin: 0;
  font: var(--home-private-cards-status-font);
  color: var(--primary-light);
}
.fengstmyaccount-ticket-card-v2__card-content-line strong {
  font-size: 16px;
}
.fengstmyaccount-ticket-card-v2__card-content-line p {
  font-weight: 400;
  margin-top: 8px;
}
.fengstmyaccount-ticket-card-v2__card-status {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.fengstmyaccount-ticket-card-v2__card-status p {
  margin: 0 0 4px 0;
  font: var(--home-private-cards-status-font);
  color: var(--primary-light);
  font-weight: 400;
}
.fengstmyaccount-ticket-card-v2__card-status-badge {
  padding: 1px 10px 4px;
  border-radius: 100px;
  color: #898989;
  border: solid 1px;
  border-color: currentColor;
  background: #c4c4c4;
  width: -moz-fit-content;
  width: fit-content;
}
.fengstmyaccount-ticket-card-v2__card-status-badge strong {
  margin: 0;
  font: var(--home-private-cards-status-font);
  font-weight: 700;
  font-size: 12px;
}
.fengstmyaccount-ticket-card-v2__card-status-badge--success {
  color: var(--success);
  background: rgba(var(--success-RGB), 0.2);
}
.fengstmyaccount-ticket-card-v2__card-status-badge--warning {
  color: var(--on-secondary);
  background: rgba(var(--secondary-RGB), 0.2);
}
.fengstmyaccount-ticket-card-v2__card-status-badge--error {
  color: var(--error);
  background: rgba(var(--error-RGB), 0.2);
}
.fengstmyaccount-ticket-card-v2__card-status-track {
  position: relative;
  top: 9px;
}
.fengstmyaccount-ticket-card-v2__card-footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fengstmyaccount-ticket-card-v2__card-footer-action {
  width: 100%;
}
.fengstmyaccount-ticket-card-v2__card-footer-action button {
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.fengstmyaccount-ticket-card-v2__card-footer-action .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  width: 100%;
  background-color: var(--on-secondary) !important;
}
.fengstmyaccount-ticket-card-v2__card-footer-action .feng-btn--primary.feng-btn--outline {
  width: 100%;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
  padding: 10px 16px;
  color: var(--on-secondary) !important;
  border-color: currentColor !important;
}
.fengstmyaccount-ticket-card-v2__divider {
  border: none;
  height: 1px;
  background: var(--divider-color);
  width: 100%;
  margin: 16px 0;
}
.fengstmyaccount-digital-card-template-1 {
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.fengstmyaccount-digital-card-template-1__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 30px;
}
.fengstmyaccount-digital-card-template-1__card__icon {
  background: #F00A0A29;
  width: 90px;
  height: 90px;
  color: #F00A0A;
  border-radius: 50%;
  color: var(--secondary);
  display: flex;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-digital-card-template-1__card__icon > span {
  color: var(--secondary);
  font-size: 60px;
}
.fengstmyaccount-digital-card-template-1__card__title {
  margin: 0px;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengstmyaccount-digital-card-template-1__card__title {
    font-size: 20px;
    line-height: 23px;
  }
}
.fengstmyaccount-digital-card-template-1__card__desc {
  margin: 0px;
  color: var(--digital-card-font-color);
  font-weight: 400;
  text-align: center;
}
.fengstmyaccount-digital-card-template-1__card__actions fengstui-button button {
  border-radius: 5px;
  color: var(--digital-card-button-color) !important;
}
.fengstmyaccount-digital-card-template-1__card__defaultMsg {
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  font-weight: 700;
}
.fengstmyaccount-rating-v1 {
  display: grid;
  margin-top: 70px;
  gap: 4px;
}
.fengstmyaccount-rating-v1 > p {
  margin: 0;
}
.fengstmyaccount-rating-v1 > div > div {
  display: flex;
  gap: 6px;
  align-items: center;
}
.fengstmyaccount-rating-v1 > div > div > div {
  display: flex;
  gap: 3px;
}
.fengstmyaccount-rating-v1 > div > div > div > span > i {
  font-size: 20px;
}
.fengstmyaccount-rating-v1 > div > div > div > span > i.fengi-star.--bonus-star {
  color: var(--primary);
}
.fengstmyaccount-rating-v2 {
  display: grid;
  gap: 10px;
  padding: 16px;
  background-color: var(--rating-bg-color);
  border: 1px solid var(--rating-border-color);
  border-radius: 22px;
  height: auto !important;
  /*
      &__title {
       span {
           display: flex;
           align-items: center;
           font-size: 16px;
           font-weight: 900;
           color: $embassies-text-color;
       }
   }
  */
}
.fengstmyaccount-rating-v2 p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
.fengstmyaccount-rating-v2__text span {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.fengstmyaccount-rating-v2__text span div fengstui-button button {
  display: inline-block !important;
  cursor: unset !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}
.fengstmyaccount-rating-v2 .divider {
  height: 1px;
  background-color: #ccc;
  margin: 10px 0;
}
.fengstmyaccount-rating-v2 > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-rating-v2__fixed-stars {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.fengstmyaccount-rating-v2__fixed-stars i {
  color: var(--primary);
}
.fengstmyaccount-rating-v2__activation-stars {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.fengstmyaccount-rating-v2__activation-stars i {
  color: var(--secondary);
}
.fengstmyaccount-rating-v2__temporary-stars {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.fengstmyaccount-rating-v2__temporary-stars i {
  color: var(--on-background);
}
/*

    &__link {
        text-align: center;
        margin-top: 12px;

        fengstui-button {
            button {
                background: transparent !important;
                border: none !important;
                padding: 0 !important;
                margin: 0 !important;
                color: $color-secondary !important;
                font-size: 15px !important;
                font-weight: 1000;
                text-decoration: underline;
                cursor: pointer;
                text-underline-offset: 2px !important;

                &:hover {
                    opacity: 0.8;
                }
            }
        }
    }

}

.app-swal--lite-show-msg {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  width: 700px;
  padding: 20px;
}

.app-swal-button--confirm {
  background-color: $color-secondary !important;
  color: $color-background !important;
  border: none;
  border-radius: 6px;
  padding: 0.5em 1.5em;
  font-weight: bold;
  cursor: pointer;

}


*/
.fengstmyaccount-rating-v3 {
  display: grid;
  padding: 16px 16px 24px;
  background-color: var(--rating-bg-color);
  border: 1px solid var(--rating-border-color);
  border-radius: 22px;
  height: auto !important;
  width: 100%;
  margin-top: 70px;
}
.fengstmyaccount-rating-v3 > div:nth-child(1) > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fengstmyaccount-rating-v3 > div:nth-child(1) > div span {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--on-secondary);
}
.fengstmyaccount-rating-v3 > div:nth-child(1) > div span > div fengstui-button button {
  display: inline-block !important;
  cursor: unset !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 25px !important;
  height: 25px !important;
}
.fengstmyaccount-rating-v3__fixed-stars {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.fengstmyaccount-rating-v3__fixed-stars i {
  color: var(--primary);
}
.anistia-contract-view {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  row-gap: 24px;
  padding: 24px;
  min-height: calc(100svh - 209px);
}
@media (min-width: 992px) {
  .anistia-contract-view {
    padding: 56px 0;
  }
}
@media (min-width: 2000px) {
  .anistia-contract-view {
    min-height: calc(100svh - 300px);
  }
}
.anistia-contract-view h1 {
  text-align: center;
  font: normal normal 700 24px/24px Titillium Web;
  color: #393939;
  margin: 0;
}
@media (min-width: 992px) {
  .anistia-contract-view h1 {
    font: normal normal 700 40px/40px Titillium Web;
  }
}
.anistia-contract-view__desc {
  color: #393939;
  text-align: center;
  font: normal normal 400 16px/24px Barlow;
  max-width: 540px;
  margin: 0;
}
.anistia-contract-view__desc strong {
  font-weight: 700;
}
.anistia-contract-view__plans {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  gap: 24px;
  margin: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .anistia-contract-view__plans {
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.anistia-contract-view__plans-button {
  border-radius: 10px;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
  padding: 16px 24px;
  text-align: center;
  cursor: pointer;
  width: 100%;
  min-width: 190px;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .anistia-contract-view__plans-button {
    width: 218px;
  }
}
.anistia-contract-view__plans-button p {
  margin: 0;
  color: #727272;
  font: normal normal 400 14px/20px Barlow;
}
.anistia-contract-view__plans-button strong {
  color: #000;
  font: normal normal 700 16px/24px Barlow;
}
.anistia-contract-view__plans-button:hover, .anistia-contract-view__plans-button--active {
  background: #282828;
}
.anistia-contract-view__plans-button:hover p, .anistia-contract-view__plans-button--active p {
  color: #ABABAB;
}
.anistia-contract-view__plans-button:hover strong, .anistia-contract-view__plans-button--active strong {
  color: #fff;
}
.fengstmyaccount-embassy-card-fngst-1 {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1 {
    padding: 42px;
  }
}
.fengstmyaccount-embassy-card-fngst-1__more-info {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 1.5rem;
}
.fengstmyaccount-embassy-card-fngst-1__more-info fengstui-button button {
  background-color: transparent !important;
  color: var(--secondary) !important;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__more-info {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 0;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__main {
    grid-template-columns: var(--embassies-table-image-size) auto 30%;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info small {
  font-size: 0.8rem;
  opacity: 0.8;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__main-info {
    justify-content: flex-start;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info p {
  color: var(--embassies-text-color);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__main-info p {
    display: block;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(1) {
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(1) {
    gap: 5px;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(1) > h4 {
  margin: 0;
  color: var(--embassies-title-color);
  font-size: 1.25rem;
  margin-top: 1.5rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(1) > h4 {
    margin-top: 0;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(1) p {
  margin: 0;
}
.fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(2) p {
  margin: 0.75em 0;
}
.fengstmyaccount-embassy-card-fngst-1__main-info iframe {
  width: 100%;
  height: 229.14px;
}
@media (min-width: 767px) {
  .fengstmyaccount-embassy-card-fngst-1__main-info iframe {
    width: 416.25px;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info div:last-child p:last-child {
  margin-bottom: 0;
}
.fengstmyaccount-embassy-card-fngst-1__logo {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-embassy-card-fngst-1__logo img {
  max-width: var(--embassies-table-image-size);
  border-radius: 50%;
}
.fengstmyaccount-embassy-card-fngst-1__details {
  display: flex;
  flex-direction: column;
  background-color: var(--embassies-background-color-details);
  border-radius: 0.25rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__details {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    margin-left: var(--embassies-table-image-size);
  }
}
.fengstmyaccount-embassy-card-fngst-1__details-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__details-container {
    gap: 3rem;
    flex-direction: row;
  }
}
.fengstmyaccount-embassy-card-fngst-1__details-member {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 0.5rem;
}
.fengstmyaccount-embassy-card-fngst-1__details-member p {
  padding: 0;
  margin: 0;
  line-height: 150%;
  font-size: 0.9rem;
}
.fengstmyaccount-embassy-card-fngst-1__details-member p strong {
  color: var(--primary);
}
.fengstmyaccount-embassy-card-fngst-1__details-member p strong span {
  line-height: normal;
  font-size: 1.25rem;
}
.fengstmyaccount-embassy-card-fngst-1__details-social {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fengstmyaccount-embassy-card-fngst-1__details-social .feng-btn.feng-btn--ghost.feng-btn--medium {
  padding: 0;
  background: transparent;
  font-weight: 500;
  font-size: 0.9rem;
  color: var(--embassies-text-color);
  text-transform: lowercase;
}
.fengstmyaccount-embassy-card-fngst-1__details-social .feng-btn.feng-btn--ghost.feng-btn--medium i {
  color: var(--secondary);
  margin-right: 0.5rem;
}
.fengstmyaccount-embassy-card-fngst-1__details--with-video {
  gap: 1em;
}
.fengstmyaccount-embassy-card-fngst-1__details strong {
  font-weight: bold;
}
.fengstmyaccount-embassy-card-fngst-1__details strong:last-child {
  margin-top: 2em;
}
.fengstmyaccount-embassy-card-fngst-1__details strong span {
  font-size: 1.25em;
}
.fengstmyaccount-embassy-card-fngst-1__address {
  display: block;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__address {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__address > p {
    margin: 0;
  }
}
.fengstmyaccount-embassy-card-fngst-1__action {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__action {
    grid-auto-flow: column;
    justify-content: flex-end;
    text-align: unset;
  }
}
.fengstmyaccount-embassy-card-fngst-1__action fengstui-button button {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__action fengstui-button button {
    width: unset;
  }
}
.fengstmyaccount-embassy-card-fngst-1__action p {
  color: var(--primary);
}
.fengstmyaccount-view-chairs {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-chairs {
    padding: 30px 0 50px;
  }
}
.fengstmyaccount-view-chairs__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}
.fengstmyaccount-view-chairs__wrapper > :nth-child(2) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-chairs__wrapper > :nth-child(4) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-chairs__title {
  margin-left: 10px;
  text-transform: uppercase;
}
.fengstmyaccount-view-chairs__title--cruzeiroColor {
  color: var(--primary);
}
@media (min-width: 767px) {
  .fengstmyaccount-view-chairs__title {
    margin-left: 22px;
  }
}
.fengstmyaccount-view-chairs__plan {
  position: relative;
}
.fengstmyaccount-view-chairs__ticket-cards {
  display: grid;
  grid-gap: 50px;
  position: relative;
  grid-template: 1fr/auto;
}
@media (min-width: 767px) {
  .fengstmyaccount-view-chairs__ticket-cards {
    grid-template: auto/1fr 1fr;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-view-chairs__ticket-cards {
    grid-template: auto/1fr 1fr;
  }
}
.fengstmyaccount-view-chairs__cards-history--link {
  text-decoration: underline;
}
.fengstmyaccount-view-chairs__cards-history--list {
  display: grid;
  grid-gap: 30px;
  position: relative;
  grid-template: 1fr/auto;
  margin-top: 20px;
}
@media (min-width: 767px) {
  .fengstmyaccount-view-chairs__cards-history--list {
    grid-template: auto/1fr 1fr;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-view-chairs__cards-history--list {
    grid-template: auto/1fr 1fr 1fr;
  }
}
.fengstmyaccount-view-chairs__cards-history--list-item {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-view-chairs__cards-history--list-item > div p {
  margin: 0;
}
.fengstmyaccount-view-chairs__cards-history--list-item > div p.nome {
  font-size: 17px;
  font-weight: bold;
  color: #27292D;
  text-transform: uppercase;
}
.fengstmyaccount-view-chairs__plan--no-content, .fengstmyaccount-view-chairs__ticket-cards--no-content {
  display: grid;
  grid-template-columns: unset;
  grid-gap: 15px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  text-align: center;
  padding: 42px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  font-size: 16px;
}
.fengstmyaccount-view-chairs__plan--no-content > p, .fengstmyaccount-view-chairs__ticket-cards--no-content > p {
  font-size: 16px;
}
.fengstmyaccount-chairs-card {
  display: grid;
  gap: 25px 25px;
}
.fengstmyaccount-chairs-card--history {
  filter: opacity(0.65) blur(0.5px);
}
.fengstmyaccount-chairs-card__image {
  max-width: 250px;
  height: auto;
  z-index: 10;
  margin-bottom: -14px;
}
.fengstmyaccount-chairs-card__image-boxed {
  display: block;
  width: 310px;
  height: 180px;
  z-index: 10;
  margin: auto auto -23px auto;
  position: relative;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card__image-boxed {
    width: 359px;
  }
}
.fengstmyaccount-chairs-card__image-profile {
  position: absolute;
  right: 9px;
  top: 19px;
  width: 97px;
  height: 98px;
  background-size: contain;
}
.fengstmyaccount-chairs-card__content {
  display: grid;
  gap: 15px;
  grid-template-rows: 45px 70px 70px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -5px;
  z-index: 9;
  max-width: 370px;
  margin: auto;
  grid-template-areas: "titular titular" "numero-cartao status" "ecard ecard" "payment payment" "actions actions";
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card__content {
    padding: 30px;
  }
}
.fengstmyaccount-chairs-card__content > div:first-child {
  display: grid;
  grid-area: titular;
}
.fengstmyaccount-chairs-card__content > div:nth-child(2) {
  display: grid;
  grid-area: numero-cartao;
  grid-template-rows: max-content auto;
}
.fengstmyaccount-chairs-card__content > div:nth-child(3) {
  display: grid;
  grid-area: status;
  grid-template-rows: max-content auto;
}
.fengstmyaccount-chairs-card__content > div:nth-child(3) fengstui-button .feng-btn {
  padding: 0 15px;
}
.fengstmyaccount-chairs-card__content > div:nth-child(4) {
  grid-area: ecard;
  margin-top: 37px;
}
.fengstmyaccount-chairs-card__content > div:nth-child(4) fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-chairs-card__content > div:nth-child(5) {
  grid-area: payment;
  height: 29px;
}
.fengstmyaccount-chairs-card__content > div:nth-child(5) fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-chairs-card__content > div:last-child {
  grid-area: actions;
  height: 29px;
}
.fengstmyaccount-chairs-card__content > div:last-child fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-view-chairs-v2 {
  display: grid;
  gap: 40px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 40px 16px;
  box-sizing: content-box;
  color: #393939;
}
.fengstmyaccount-view-chairs-v2__wrapper {
  display: grid;
  gap: 24px;
}
.fengstmyaccount-view-chairs-v2__wrapper h2, .fengstmyaccount-view-chairs-v2__wrapper p {
  margin: 0;
}
.fengstmyaccount-view-chairs-v2__wrapper-chair {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 44px;
}
@media (min-width: 767px) {
  .fengstmyaccount-view-chairs-v2__wrapper-chair {
    gap: 24px;
  }
}
.fengstmyaccount-view-chairs-v2__wrapper-chair fengstmyaccount-chairs-card-v2 {
  position: relative;
}
.fengstmyaccount-view-chairs-v2__wrapper-chair fengstmyaccount-chairs-card-v2::before, .fengstmyaccount-view-chairs-v2__wrapper-chair fengstmyaccount-chairs-card-v2::after {
  content: "";
  display: flex;
  position: absolute;
  padding: 24px;
  width: 100%;
  background: white;
  border-radius: 8px;
  border: 1px solid #E4E4E4;
  box-sizing: border-box;
}
.fengstmyaccount-view-chairs-v2__wrapper-chair fengstmyaccount-chairs-card-v2::before {
  bottom: -24px;
  z-index: 5;
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.1);
}
.fengstmyaccount-view-chairs-v2__wrapper-chair fengstmyaccount-chairs-card-v2::after {
  bottom: -44px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstmyaccount-view-chairs-v2__wrapper-checkin {
  display: grid;
  position: relative;
  align-self: center;
  justify-self: center;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  width: 100%;
}
.fengstmyaccount-view-chairs-v2__wrapper-checkin-btn {
  text-align: center;
}
.fengstmyaccount-view-chairs-v2__wrapper fengstui-button button {
  width: 100%;
}
@media (min-width: 767px) {
  .fengstmyaccount-view-chairs-v2__wrapper fengstui-button button {
    width: inherit;
  }
}
.fengstmyaccount-view-chairs-v2 hr {
  border: none;
  width: 100%;
  height: 1px;
  background-color: #E4E4E4;
  margin: 0;
}
.fengstmyaccount-view-chairs-v2__no-data {
  margin: 24px 0 !important;
}
.fengstmyaccount-chairs-card-v2 {
  display: flex;
  flex-direction: column;
  align-items: inherit;
  position: relative;
  gap: 24px;
  background: white;
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 1px solid #E4E4E4;
  padding: 24px;
  z-index: 9;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card-v2 {
    flex-direction: row;
    align-items: center;
  }
}
.fengstmyaccount-chairs-card-v2 i {
  font-size: 30px;
  color: var(--primary);
  background: rgba(40, 87, 178, 0.16);
  padding: 10px;
  border-radius: 100px;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.fengstmyaccount-chairs-card-v2__row {
  display: flex;
  width: 100%;
  gap: 16px;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card-v2__row {
    flex-wrap: wrap;
    gap: 24px;
  }
}
.fengstmyaccount-chairs-card-v2__wrapper {
  display: flex;
  width: 100%;
  gap: 16px;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card-v2__wrapper {
    flex-wrap: wrap;
    gap: 24px;
  }
}
.fengstmyaccount-chairs-card-v2__wrapper fengstui-button button {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card-v2__wrapper fengstui-button button {
    width: inherit;
  }
}
.fengstmyaccount-chairs-card-v2__wrapper--content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 767px) {
  .fengstmyaccount-chairs-card-v2__wrapper--content {
    gap: 24px;
    flex-direction: row;
  }
}
.fengstmyaccount-chairs-card-v2__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  white-space: nowrap;
  gap: 10px;
}
.fengstmyaccount-chairs-card-v2__info span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card-v2__info span {
    font-size: 16px;
  }
}
.fengstmyaccount-chairs-card-v2__info strong {
  font-size: 16px;
  line-height: normal;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card-v2__info strong {
    font-size: 24px;
  }
}
.fengstmyaccount-chairs-card-v2__info--holder {
  display: flex;
}
.fengstmyaccount-chairs-card-v2__info--holder i {
  background: none;
  font-size: 16px;
}
.fengstmyaccount-chairs-card-v2__info.chair {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card-v2__info.chair {
    padding-right: 16px;
    border-right: 1px solid #E4E4E4;
  }
}
.fengstmyaccount-chairs-card-v2 fengstui-button button {
  width: 100%;
  white-space: nowrap;
}
.fengstmyaccount-all-chairs {
  display: grid;
  gap: 24px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 40px 16px;
  box-sizing: content-box;
  color: #393939;
}
.fengstmyaccount-all-chairs h2 {
  font-size: 20px;
  line-height: 28px;
  margin: 0;
}
@media (min-width: 767px) {
  .fengstmyaccount-all-chairs h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
.fengstmyaccount-all-chairs a {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: #727272;
}
.fengstmyaccount-all-chairs__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  min-height: 70vh;
}
@media (min-width: 992px) {
  .fengstmyaccount-all-chairs__wrapper {
    gap: 24px;
  }
}
.fengstmyaccount-checkin-card__cards {
  display: grid;
  position: relative;
  align-self: center;
  justify-self: center;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  width: 100%;
}
.fengstmyaccount-checkin-card__cards-content {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  background-color: #FAFAFA;
  border: 1px solid #ABABAB;
  border-radius: 16px;
  padding: 0px 16px 24px 16px;
  gap: 24px;
}
.fengstmyaccount-checkin-card__cards-content span {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.fengstmyaccount-checkin-card__cards-content p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.fengstmyaccount-checkin-card__cards-content fengstui-button {
  width: 100% !important;
}
.fengstmyaccount-checkin-card__cards-content fengstui-button button {
  width: 100% !important;
}
.fengstmyaccount-checkin-card__cards-header {
  display: flex;
  flex-direction: row;
  background-color: var(--primary);
  padding: 8px 20px 8px 20px;
  gap: 8px;
  border-radius: 0px 0px 16px 16px;
}
.fengstmyaccount-checkin-card__cards-header > h5 {
  margin: 0;
}
.fengstmyaccount-checkin-card__cards-header:first-child {
  font-size: 14px;
  font-weight: 700;
  line-height: 17.07px;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
}
.fengstmyaccount-checkin-card__cards-header:nth-child(2) {
  font-size: 14px;
  font-weight: 700;
  line-height: 17.07px;
  color: #FFFFFF;
  text-align: center;
}
.fengstmyaccount-checkin-card__cards-header:nth-child(3) {
  font-size: 12px;
  font-weight: normal;
  line-height: 17.07px;
  color: #FFFFFF;
  text-align: center;
}
.fengstmyaccount-checkin-card__cards-header:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 17.07px;
  color: #FFFFFF;
  text-align: center;
}
.fengstmyaccount-checkin-card__cards-teams {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 23px;
  width: 100%;
  color: #393939;
}
.fengstmyaccount-checkin-card__cards-teams img {
  height: 80px;
  width: 80px;
  object-fit: contain;
}
.fengstmyaccount-checkin-card__cards-teams h4 {
  font-size: 40px;
  line-height: 56px;
}
.fengstmyaccount-checkin-card__cards-description > span {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.fengstmyaccount-checkin-card__cards-description > span > h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24.38px;
  text-align: center;
  color: #171717;
  margin: 0;
}
.fengstmyaccount-checkin-card__cards-description > span > h5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.07px;
  text-align: center;
  margin: 0;
}
.fengstmyaccount-checkin-card__cards-modality {
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  font-size: 14px;
  background: #efefef;
  padding: 8px 20px;
  margin: 24px auto 0;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #e4e4e4;
  border-bottom: none;
}
.fengstmyaccount-checkin-card__rent-btn button {
  color: white !important;
  background: #252525 !important;
  border: none !important;
}
.fengstmyaccount-all-matches {
  display: grid;
  gap: 24px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 40px 16px;
  box-sizing: content-box;
  color: #393939;
}
.fengstmyaccount-all-matches__wrapper {
  display: grid;
  position: relative;
  align-self: center;
  justify-self: center;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  width: 100%;
}
.fengstmyaccount-all-matches__wrapper-btn {
  text-align: center;
}
.fengstmyaccount-all-matches h2 {
  font-size: 20px;
  line-height: 28px;
  margin: 0;
}
@media (min-width: 767px) {
  .fengstmyaccount-all-matches h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
.fengstmyaccount-all-matches a {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: #727272;
}
.fengstmyaccount-view-profile {
  display: grid;
  padding: 30px 0 50px;
  background-color: var(--account-background);
  min-height: 300px;
}
.fengstmyaccount-view-profile__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
  padding: 0 20px;
  grid-template-areas: "profile" "profile-complement" "address" "security" "social" "optin" "package-balance";
}
@media (min-width: 992px) {
  .fengstmyaccount-view-profile__wrapper {
    padding: unset;
    grid-template-areas: "profile profile-complement address" "profile security social" ". optin ." ". package-balance .";
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.fengstmyaccount-view-profile__profile {
  grid-area: profile;
}
.fengstmyaccount-view-profile__profile-complement {
  display: grid;
  grid-area: profile-complement;
}
.fengstmyaccount-view-profile__security {
  display: grid;
  grid-area: security;
}
.fengstmyaccount-view-profile__address {
  display: grid;
  grid-area: address;
}
.fengstmyaccount-view-profile__social {
  display: grid;
  grid-area: social;
}
.fengstmyaccount-view-profile__optin {
  display: grid;
  grid-area: optin;
}
.fengstmyaccount-view-profile__package-balance {
  display: grid;
  grid-area: optin;
}
.fengstmyaccount-view-profile-v2 {
  display: grid;
  padding: 30px 0 50px;
  background-color: var(--account-background);
  min-height: 300px;
}
.fengstmyaccount-view-profile-v2__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  gap: 16px;
  padding: 0 20px;
  grid-template-columns: 1fr;
  grid-template-areas: "person" "address" "complement" "security";
}
@media (min-width: 992px) {
  .fengstmyaccount-view-profile-v2__wrapper {
    padding: unset;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "person address" "person complement" "security complement";
  }
}
.fengstmyaccount-view-profile-v2__profile {
  min-height: 778px;
  grid-area: person;
}
.fengstmyaccount-view-profile-v2__profile-complement {
  display: grid;
  min-height: 368px;
  grid-area: complement;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-profile-v2__profile-complement {
    height: 401px;
  }
}
.fengstmyaccount-view-profile-v2__security {
  display: grid;
  min-height: 249px;
  grid-area: security;
}
.fengstmyaccount-view-profile-v2__address {
  display: grid;
  min-height: 303px;
  grid-area: address;
}
.fengstmyaccount-view-profile-v3 {
  display: grid;
  padding: 30px 0 50px;
  background-color: var(--account-background);
  min-height: 300px;
}
.fengstmyaccount-view-profile-v3__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  gap: 24px;
  padding: 0 20px;
  grid-template-columns: 1fr;
  grid-template-areas: "person" "tools" "complement";
}
@media (min-width: 992px) {
  .fengstmyaccount-view-profile-v3__wrapper {
    padding: 0 16px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "person complement tools" "person complement tools";
  }
}
.fengstmyaccount-view-profile-v3__person {
  min-height: 778px;
  grid-area: person;
  max-height: 960px;
}
.fengstmyaccount-view-profile-v3__complement {
  min-height: 778px;
  max-height: 960px;
  grid-area: complement;
}
.fengstmyaccount-view-profile-v3__tools {
  min-height: 778px;
  grid-area: tools;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
}
.full-height {
  height: 100%;
}
.full-height .fengstmyaccount-profile-complement-card-v2__edit-button {
  margin: 0 !important;
}
.fengstmyaccount-profile-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 30px 20px 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-card {
    padding: 40px 30px 30px;
  }
}
.fengstmyaccount-profile-card__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-profile-card__action fengstui-button .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--my-profile-button-color, var(--on-background)) !important;
  font-size: var(--my-profile-card-edit-button-size, 22px) !important;
}
.fengstmyaccount-profile-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: var(--my-profile-card-user-spacing, 15px);
  justify-items: center;
}
.fengstmyaccount-profile-card__wrapper fengstui-input,
.fengstmyaccount-profile-card__wrapper fengstui-select {
  width: 100%;
}
.fengstmyaccount-profile-card__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button-color, var(--on-background)) !important;
}
.fengstmyaccount-profile-card__wrapper .adb2c-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstmyaccount-profile-card__wrapper .adb2c-button .feng-btn > img {
  width: 80px;
}
.fengstmyaccount-profile-card__wrapper .fanbase-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstmyaccount-profile-card__wrapper .fanbase-button .feng-btn > img {
  width: 80px;
}
.fengstmyaccount-profile-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-profile-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-profile-card__edit-mode-actions-foreign {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
}
.fengstmyaccount-profile-card__edit-mode-actions-foreign .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstmyaccount-profile-card input[type=file] {
  opacity: 0;
  display: none;
}
.fengstmyaccount-profile-card__photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--my-profile-card-user-avatar-size, 125px);
  height: var(--my-profile-card-user-avatar-size, 125px);
  font-size: 60px;
  background-color: var(--info);
  color: var(--on-info);
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: var(--my-profile-card-user-avatar-m-bottom, 0);
}
.fengstmyaccount-profile-card__photo img {
  width: 100%;
  height: auto;
}
.fengstmyaccount-profile-card__name {
  color: var(--my-profile-name-color);
  text-align: center;
  margin: 0;
  font: var(--my-profile-card-name-font);
}
.fengstmyaccount-profile-card__detail {
  position: relative;
  width: 100%;
}
.fengstmyaccount-profile-card__detail-loading-wrapper {
  display: grid;
  position: relative;
  height: 30px;
  width: 100%;
}
.fengstmyaccount-profile-card__detail ul {
  width: 100%;
  display: grid;
  padding: 0;
  grid-auto-rows: 1fr;
  align-items: center;
  gap: var(--my-profile-card-user-info-spacing, 5px);
}
.fengstmyaccount-profile-card__detail ul li {
  width: 100%;
  list-style: none;
  display: flex;
  font: var(--my-profile-card-user-info-font, normal 14px/20px var(--font-primary));
  color: var(--my-profile-card-user-info-color, var(--on-background));
}
.fengstmyaccount-profile-card__detail ul li.--email {
  display: grid;
  grid-auto-flow: column;
  gap: 6px;
  grid-template-columns: max-content;
}
.fengstmyaccount-profile-card__image-cropper {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
}
.fengstmyaccount-profile-card__image-cropper--loading image-cropper {
  opacity: 0.3;
}
.fengstmyaccount-profile-card__image-cropper .mat-dialog-container {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: row;
}
.fengstmyaccount-profile-card__image-cropper-actions {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-card__image-cropper-actions {
    flex-direction: row;
  }
}
.fengstmyaccount-profile-card__image-cropper image-cropper {
  max-height: 60vh;
}
.fengstmyaccount-profile-card__image-cropper image-cropper .cropper.rounded:after {
  box-shadow: 0 0 0 100vw rgba(255, 255, 255, 0.8) !important;
}
.fengstmyaccount-profile-card .select-country {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  align-content: center;
  justify-content: flex-start;
}
.fengstmyaccount-profile-card .select-country .mat-form-field-wrapper {
  padding: 0 !important;
}
.fengstmyaccount-profile-card .select-country .select-country-field {
  width: 90px;
}
.fengstmyaccount-profile-card .select-country .input-phone {
  width: 100%;
  margin-top: 3px;
}
.fengstmyaccount-profile-card__custom-first-contract {
  margin: 0;
  font: var(--my-profile-card-contract-font);
  color: var(--my-profile-subtitle-color);
}
.fengstmyaccount-profile-card-v2 {
  position: relative;
  display: grid;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--my-profile-card-address-bg, var(--background));
  border-radius: 4px;
  box-shadow: var(--my-profile-card-shadow, 2px 2px 5px 1px rgba(0, 0, 0, 0.1));
  height: 100%;
}
.fengstmyaccount-profile-card-v2__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-profile-card-v2__wrapper fengstui-input,
.fengstmyaccount-profile-card-v2__wrapper fengstui-select {
  width: 100%;
}
.fengstmyaccount-profile-card-v2__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button, var(--primary)) !important;
  color: var(--my-profile-button-color, var(--on-background)) !important;
}
.fengstmyaccount-profile-card-v2__head {
  position: relative;
}
.fengstmyaccount-profile-card-v2__head-avatar {
  background: var(--my-profile-card-user-bg, var(--on-secondary));
  padding: 24px 0;
  display: flex;
  justify-content: center;
}
.fengstmyaccount-profile-card-v2__head-avatar-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  aspect-ratio: 1/1;
  font-size: 60px;
  background-color: var(--info);
  color: var(--on-info);
  overflow: hidden;
  border-radius: 50%;
}
.fengstmyaccount-profile-card-v2__head-avatar-photo img {
  width: 100%;
  height: auto;
}
.fengstmyaccount-profile-card-v2__head-close {
  position: absolute;
  top: 0;
  right: 0;
}
.fengstmyaccount-profile-card-v2__head-close .feng-btn {
  color: var(--my-profile-name-color);
  background: transparent !important;
}
.fengstmyaccount-profile-card-v2__content {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-profile-card-v2__content-user-name {
  color: var(--my-profile-name-color);
  text-align: left;
  text-transform: var(--my-profile-card-user-name-case, "uppercase");
  font-size: var(--my-profile-name-font-size);
  line-height: var(--my-profile-name-font-size-mobile);
  margin: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-card-v2__content-user-name {
    font-size: var(--my-profile-name-font-size);
  }
}
.fengstmyaccount-profile-card-v2__content-user-first-contract {
  color: var(--my-profile-subtitle-color);
  font-size: var(--my-profile-member-font-size);
  font-weight: var(--my-profile-member-font-weight, 700);
  border-bottom: solid 1px var(--divider-color);
  padding-bottom: 24px;
  margin-top: 8px;
}
.fengstmyaccount-profile-card-v2__edit-mode-actions {
  display: flex;
  width: 100%;
  margin-top: auto;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-profile-card-v2__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-profile-card-v2__edit-mode-actions-save .feng-btn {
  color: var(--on-background) !important;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-card-v2__edit-mode-actions-save {
    margin-left: auto;
  }
  .fengstmyaccount-profile-card-v2__edit-mode-actions-save .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstmyaccount-profile-card-v2 input[type=file] {
  opacity: 0;
  display: none;
}
.fengstmyaccount-profile-card-v2__detail {
  margin-top: 10px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-profile-card-v2__detail-loading-wrapper {
  display: grid;
  position: relative;
  height: 30px;
  width: 100%;
}
.fengstmyaccount-profile-card-v2__detail-subtitle {
  color: var(--my-profile-card-title-color);
  margin: 18px 0 8px;
  font: var(--my-profile-card-font);
  text-transform: var(--my-profile-card-title-case, uppercase);
}
.fengstmyaccount-profile-card-v2__detail-data {
  font-weight: 700;
  margin-bottom: 8px;
}
.fengstmyaccount-profile-card-v2__detail ul {
  width: 100%;
  display: grid;
  padding: 0;
  grid-auto-rows: 1fr;
  align-items: center;
  gap: 15px;
}
.fengstmyaccount-profile-card-v2__detail ul li {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-profile-card-v2__detail ul li p {
  font-size: 14px;
  color: #393939;
  margin: 5px 0 0 0;
}
.fengstmyaccount-profile-card-v2__edit-button {
  margin: auto 0 0 0;
}
.fengstmyaccount-profile-card-v2__edit-button .feng-btn {
  padding: 10px 16px;
  color: var(--home-auth-card-button-sigup-color);
  border-color: currentColor;
  border-width: 1px;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
.fengstmyaccount-profile-card-v2__edit-button .feng-btn:hover {
  color: var(--my-profile-button-hover, var(--on-background)) !important;
  border-color: currentColor !important;
}
.fengstmyaccount-profile-card-v2__edit-button .feng-btn--large:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: 8px !important;
  font-size: 14px;
}
.fengstmyaccount-profile-card-v2__edit-button .fengi-pencil-edit:before {
  color: var(--home-auth-card-button-sigup-color);
}
.fengstmyaccount-profile-card-v2__message {
  width: 100%;
  padding: 8px 16px;
  background: var(--account-message-background);
  border-radius: 4px;
  color: var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 22px;
}
.fengstmyaccount-profile-card-v2__message p {
  margin: 0;
}
.fengstmyaccount-profile-card-v2__image-cropper {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
}
.fengstmyaccount-profile-card-v2__image-cropper--loading image-cropper {
  opacity: 0.3;
}
.fengstmyaccount-profile-card-v2__image-cropper .mat-dialog-container {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: row;
}
.fengstmyaccount-profile-card-v2__image-cropper-actions {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-card-v2__image-cropper-actions {
    flex-direction: row;
  }
}
.fengstmyaccount-profile-card-v2__image-cropper image-cropper {
  max-height: 60vh;
}
.fengstmyaccount-profile-card-v2__image-cropper image-cropper .cropper.rounded:after {
  box-shadow: 0 0 0 100vw rgba(255, 255, 255, 0.8) !important;
}
.fengstmyaccount-profile-card-v2 .select-country {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: flex-start;
}
.fengstmyaccount-profile-card-v2 .select-country .mat-form-field-wrapper {
  padding: 0 !important;
}
.fengstmyaccount-profile-card-v2 .select-country .select-country-field {
  width: 90px;
}
.fengstmyaccount-profile-card-v2 .select-country .input-phone {
  width: 100%;
  margin-top: 3px;
}
.fengstmyaccount-profile-card-v2__update-img {
  margin: 0 auto 24px auto;
}
.fengstmyaccount-profile-card-v2__update-img .feng-btn {
  padding: 10px 16px;
  color: var(--home-auth-card-button-sigup-color);
  border-color: currentColor;
  border-width: 1px;
  border-radius: 4px;
  font-size: 14px;
}
.fengstmyaccount-profile-card-v2__update-img .feng-btn:hover {
  color: var(--my-profile-button-hover, var(--on-background)) !important;
  border-color: currentColor !important;
}
.fengstmyaccount-profile-card-v2__radio {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-bottom: 24px;
}
.fengstmyaccount-profile-card-v2__radio b {
  font-size: 14px;
  font-weight: 700;
}
.fengstmyaccount-profile-card-v2__input {
  margin-bottom: 24px;
}
.fengstmyaccount-profile-card-v2__input--disabled {
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstmyaccount-profile-complement-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card {
    padding: 30px;
  }
}
.fengstmyaccount-profile-complement-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
  font-weight: var(--my-profile-card-font-weight);
}
.fengstmyaccount-profile-complement-card__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-profile-complement-card__action fengstui-button .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--my-profile-button-color, var(--on-background)) !important;
}
.fengstmyaccount-profile-complement-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  grid-auto-rows: min-content;
  padding-top: 20px;
}
.fengstmyaccount-profile-complement-card__wrapper fengstui-select,
.fengstmyaccount-profile-complement-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-profile-complement-card__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button-color, var(--on-background)) !important;
}
.fengstmyaccount-profile-complement-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-profile-complement-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-profile-complement-card__detail {
  position: relative;
  width: 100%;
}
.fengstmyaccount-profile-complement-card__detail ul {
  width: 100%;
  display: grid;
  padding: 0;
  margin: 0;
  grid-gap: 20px;
  grid-template: auto auto/auto auto;
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-complement-card__detail ul {
    grid-gap: 5px;
    grid-template: auto/auto;
  }
}
.fengstmyaccount-profile-complement-card__detail ul li {
  list-style: none;
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  grid-template: auto auto/auto;
  text-align: center;
}
.fengstmyaccount-profile-complement-card__detail ul li > span:first-child {
  font-size: 14px;
  font-weight: bold;
  color: var(--my-profile-text, var(--primary));
}
.fengstmyaccount-profile-complement-card__detail ul li > span:last-child {
  text-align: center;
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-complement-card__detail ul li > span:last-child {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card__detail ul li > span:last-child {
    text-align: right;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-complement-card__detail ul li {
    grid-template: auto/50% auto;
    text-align: left;
  }
}
.fengstmyaccount-profile-complement-card__size-information-modal p {
  cursor: pointer;
  color: var(--primary);
  text-decoration: underline;
}
.fengstmyaccount-profile-complement-card-v2 {
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--on-background);
  background-color: var(--my-profile-card-address-bg, var(--background));
  border-radius: 4px;
  box-shadow: var(--my-profile-card-shadow, 2px 2px 5px 1px rgba(0, 0, 0, 0.1));
  height: 100%;
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card-v2 {
    padding: 24px;
  }
}
.fengstmyaccount-profile-complement-card-v2__title {
  font-family: var(--font-title);
  font: var(--my-profile-card-font);
  color: var(--my-profile-card-title-color);
  font-weight: 700;
  text-transform: var(--my-profile-card-title-case, uppercase);
}
.fengstmyaccount-profile-complement-card-v2__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card-v2__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-profile-complement-card-v2__action-close .feng-btn {
  color: var(--my-profile-name-color) !important;
  background: transparent !important;
}
.fengstmyaccount-profile-complement-card-v2__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
}
.fengstmyaccount-profile-complement-card-v2__wrapper fengstui-select,
.fengstmyaccount-profile-complement-card-v2__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-profile-complement-card-v2__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background: var(--my-profile-button, var(--primary)) !important;
  color: var(--my-profile-button-color, var(--on-background)) !important;
}
.fengstmyaccount-profile-complement-card-v2__edit-button {
  margin: auto 0 0 0;
}
.fengstmyaccount-profile-complement-card-v2__edit-button .feng-btn {
  padding: 10px 16px;
  color: var(--home-auth-card-button-sigup-color);
  border-color: currentColor;
  border-width: 1px;
  border-radius: 4px;
  font-size: 13px;
  width: 100%;
}
.fengstmyaccount-profile-complement-card-v2__edit-button .feng-btn:hover {
  color: var(--my-profile-button-hover, var(--on-background)) !important;
  border-color: currentColor !important;
}
.fengstmyaccount-profile-complement-card-v2__edit-button .feng-btn--large:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: 8px !important;
  font-size: 14px;
}
.fengstmyaccount-profile-complement-card-v2__edit-button .fengi-pencil-edit:before {
  color: var(--home-auth-card-button-sigup-color);
}
.fengstmyaccount-profile-complement-card-v2__message {
  width: 100%;
  padding: 8px 16px;
  background: var(--account-message-background);
  border-radius: 4px;
  color: var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
}
.fengstmyaccount-profile-complement-card-v2__message p {
  margin: 0;
}
.fengstmyaccount-profile-complement-card-v2__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-profile-complement-card-v2__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-profile-complement-card-v2__edit-mode-actions-save .feng-btn {
  background: var(--my-profile-button, var(--primary)) !important;
  color: var(--my-profile-button-color, var(--on-background)) !important;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card-v2__edit-mode-actions-save {
    margin-left: auto;
  }
  .fengstmyaccount-profile-complement-card-v2__edit-mode-actions-save .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstmyaccount-profile-complement-card-v2__spacing {
  margin-top: 24px;
}
.fengstmyaccount-profile-complement-card-v2__detail {
  position: relative;
  width: 100%;
  height: 100%;
  border-bottom: solid 1px var(--divider-color);
  padding-bottom: 9px;
}
.fengstmyaccount-profile-complement-card-v2__detail-data {
  font-weight: 700 !important;
  margin-bottom: 8px;
}
.fengstmyaccount-profile-complement-card-v2__detail ul {
  display: grid;
  padding: 0;
  grid-auto-rows: 1fr;
  align-items: center;
  gap: var(--my-profile-card-complementary-gap, 12px);
  width: 100%;
  padding: 0;
  list-style: none;
}
.fengstmyaccount-profile-complement-card-v2__detail ul li {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-profile-complement-card-v2__detail ul li strong {
  font-weight: 700;
  font-size: 16px;
  margin: 0;
}
.fengstmyaccount-profile-complement-card-v2__detail ul li p {
  font: var(--my-profile-card-complementary-value-font, 400 14px/20px var(--font-primary));
  color: #575757;
  margin: 8px 0 0 0;
}
.fengstmyaccount-profile-complement-card-v2__radio {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.fengstmyaccount-profile-complement-card-v2__radio b {
  font-size: 14px;
  font-weight: 700;
}
.fengstmyaccount-profile-complement-card-v2__size-information-modal p {
  cursor: pointer;
  color: var(--primary);
  text-decoration: underline;
}
.fengstmyaccount-profile-complement-card-v2__v4-edit {
  margin-top: 15px;
}
.fengstmyaccount-profile-complement-card-v3 {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card-v3 {
    padding: 30px;
  }
}
.fengstmyaccount-profile-complement-card-v3__title {
  color: var(--my-profile-title-color);
  font: var(--my-profile-title-card-font, var(--my-profile-card-font-weight) 20px/28px var(--font-title));
}
.fengstmyaccount-profile-complement-card-v3__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card-v3__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-profile-complement-card-v3__action fengstui-button .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--my-profile-button-color, var(--on-background)) !important;
  font-size: var(--my-profile-card-edit-button-size, 22px) !important;
}
.fengstmyaccount-profile-complement-card-v3__wrapper {
  position: relative;
  display: grid;
  grid-gap: var(--my-profile-card-user-spacing, 15px);
  justify-items: center;
  grid-auto-rows: min-content;
  padding-top: 20px;
}
.fengstmyaccount-profile-complement-card-v3__wrapper fengstui-select,
.fengstmyaccount-profile-complement-card-v3__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-profile-complement-card-v3__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button-color, var(--on-background)) !important;
}
.fengstmyaccount-profile-complement-card-v3__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-profile-complement-card-v3__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-profile-complement-card-v3__detail {
  position: relative;
  width: 100%;
}
.fengstmyaccount-profile-complement-card-v3__detail ul {
  width: 100%;
  display: grid;
  padding: 0;
  margin: 0;
  grid-gap: 16px;
  grid-template-areas: var(--my-profile-card-complement-order, "nationality" "rg" "civilStatus" "education" "residentialPhone" "shirtSize" "shortSize" "shoeSize" "matchFrequency" "hasChildren");
}
.fengstmyaccount-profile-complement-card-v3__detail ul li {
  list-style: none;
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  grid-template: auto auto/auto;
  text-align: center;
  font: var(--my-profile-card-user-info-font, normal 14px/20px var(--font-primary));
  color: var(--my-profile-card-user-info-color, var(--on-background));
}
.fengstmyaccount-profile-complement-card-v3__detail ul li > span:first-child {
  font-size: 14px;
  font-weight: bold;
  color: var(--my-profile-text, var(--primary));
}
.fengstmyaccount-profile-complement-card-v3__detail ul li > span:last-child {
  text-align: center;
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-complement-card-v3__detail ul li > span:last-child {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card-v3__detail ul li > span:last-child {
    text-align: right;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-complement-card-v3__detail ul li {
    grid-template: auto/50% auto;
    text-align: left;
  }
}
.fengstmyaccount-profile-complement-card-v3__size-information-modal p {
  cursor: pointer;
  color: var(--primary);
  text-decoration: underline;
}
.fengstmyaccount-security-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--my-profile-card-address-bg, var(--background));
  border-radius: 5px;
  box-shadow: var(--my-profile-card-shadow, 2px 2px 5px 1px rgba(0, 0, 0, 0.1));
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-security-card {
    padding: 30px;
  }
}
.fengstmyaccount-security-card__title {
  color: var(--my-profile-title-color);
  font: var(--my-profile-title-card-font, var(--my-profile-card-font-weight) 20px/28px var(--font-title));
}
.fengstmyaccount-security-card__title--large {
  font: var(--my-profile-card-font);
  color: var(--my-profile-card-title-color);
  font-weight: 700;
  text-transform: var(--my-profile-card-title-case, uppercase);
}
.fengstmyaccount-security-card__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-security-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-security-card__action fengstui-button .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--my-profile-button-color, var(--on-background)) !important;
  font-size: var(--my-profile-card-edit-button-size, 22px) !important;
}
.fengstmyaccount-security-card__action-close .feng-btn {
  background: transparent !important;
  color: var(--my-profile-name-color) !important;
}
.fengstmyaccount-security-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: var(--my-profile-card-user-spacing, 15px);
  grid-auto-rows: min-content;
}
.fengstmyaccount-security-card__wrapper strong {
  color: var(--my-profile-subtitle-color);
  font: var(--my-profile-subtitle-font, normal normal 700 14px/20px var(--font-primary));
}
.fengstmyaccount-security-card__wrapper-text {
  color: var(--my-profile-security-color, var(--on-background));
  font: var(--my-profile-security-font, normal normal 400 14px/20px var(--font-primary));
}
.fengstmyaccount-security-card__wrapper fengstui-select,
.fengstmyaccount-security-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-security-card__wrapper-update-password .feng-btn {
  border-radius: 4px;
  border-width: 1px;
  font-size: 14px;
  width: 100%;
  text-transform: uppercase;
  color: var(--my-profile-card-password-edit-button-color, var(--on-background)) !important;
  border-color: currentColor;
}
.fengstmyaccount-security-card__wrapper-update-password .feng-btn:hover {
  color: var(--my-profile-button-hover, var(--on-background)) !important;
  border-color: currentColor !important;
}
.fengstmyaccount-security-card__wrapper-update-password .feng-btn--large:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 14px;
}
.fengstmyaccount-security-card__wrapper .adb2c-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstmyaccount-security-card__wrapper .adb2c-button .feng-btn > img {
  width: 80px;
}
.fengstmyaccount-security-card__wrapper .fanbase-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstmyaccount-security-card__wrapper .fanbase-button .feng-btn > img {
  width: 80px;
}
.fengstmyaccount-security-card__edit-mode-row {
  width: 100%;
  display: grid;
  grid-gap: 5px;
  justify-content: stretch;
}
.fengstmyaccount-security-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-security-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-security-card__edit-mode-actions-save .feng-btn {
  background: var(--my-profile-button, var(--primary)) !important;
  color: var(--my-profile-card-password-button-color, var(--on-primary)) !important;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-security-card__edit-mode-actions-save {
    margin-left: auto;
  }
  .fengstmyaccount-security-card__edit-mode-actions-save .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstmyaccount-profile-biometry-card-v2 {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--my-profile-card-address-bg, var(--background));
  border-radius: 5px;
  box-shadow: var(--my-profile-card-shadow, 2px 2px 5px 1px rgba(0, 0, 0, 0.1));
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-biometry-card-v2 {
    padding: 30px;
  }
}
.fengstmyaccount-profile-biometry-card-v2__title {
  font: var(--my-profile-card-font);
  color: var(--my-profile-card-title-color);
  font-weight: 700;
  text-transform: var(--my-profile-card-title-case, uppercase);
}
.fengstmyaccount-profile-biometry-card-v2__wrapper {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  background: #F4F4F4;
}
.fengstmyaccount-profile-biometry-card-v2__wrapper-biometry {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.fengstmyaccount-profile-biometry-card-v2__wrapper-biometry span {
  color: #2857B2;
  font-size: 40px;
}
.fengstmyaccount-profile-biometry-card-v2__wrapper-biometry strong {
  font: var(--my-profile-biometry-font, 700 16px/24px var(--font-primary));
  color: #393939;
}
.fengstmyaccount-profile-biometry-card-v2__wrapper-register {
  width: 100%;
}
.fengstmyaccount-profile-biometry-card-v2__wrapper-register .feng-btn {
  background: var(--my-profile-button, var(--primary)) !important;
  color: var(--my-profile-card-password-button-color, var(--on-primary)) !important;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
.fengstmyaccount-address-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card {
    padding: 30px;
  }
}
.fengstmyaccount-address-card__title {
  color: var(--my-profile-title-color);
  font: var(--my-profile-title-card-font, var(--my-profile-card-font-weight) 20px/28px var(--font-title));
}
.fengstmyaccount-address-card__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-address-card__action fengstui-button .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--my-profile-button-color, var(--on-background)) !important;
  font-size: var(--my-profile-card-edit-button-size, 22px) !important;
}
.fengstmyaccount-address-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  grid-auto-rows: min-content;
  padding-top: 20px;
}
.fengstmyaccount-address-card__wrapper fengstui-select,
.fengstmyaccount-address-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-address-card__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button-color, var(--on-background)) !important;
}
.fengstmyaccount-address-card__detail {
  display: grid;
  grid-gap: 15px;
  grid-template: var(--my-profile-card-address-grid, 1fr/40px auto 40px);
  width: 100%;
  min-height: 30px;
  align-items: center;
}
.fengstmyaccount-address-card__detail-icon {
  font-size: 2em;
  opacity: 0.5;
}
.fengstmyaccount-address-card__detail-address {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 5px;
}
.fengstmyaccount-address-card__detail-address strong {
  color: var(--my-profile-subtitle-color);
}
.fengstmyaccount-address-card__detail-address p {
  margin: 0;
  font: var(--my-profile-card-address-font, 500 14px/18px var(--font-primary));
  color: var(--my-profile-card-user-info-color, var(--on-background));
}
.fengstmyaccount-address-card__detail-action {
  font-size: 2em;
}
.fengstmyaccount-address-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-address-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-address-card__item {
  position: relative;
  margin: 15px 0px;
}
.fengstmyaccount-address-card__item-checkbox {
  text-align: center;
  font-size: 14px;
}
.fengstmyaccount-address-card__item-checkbox .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstmyaccount-address-card .adb2c-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstmyaccount-address-card .adb2c-button .feng-btn > img {
  width: 80px;
}
.fengstmyaccount-address-card .fanbase-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstmyaccount-address-card .fanbase-button .feng-btn > img {
  width: 80px;
}
.fengstmyaccount-address-card-v2 {
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--my-profile-card-user-info-color, var(--on-background));
  background-color: var(--my-profile-card-address-bg, var(--background));
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2 {
    padding: 24px;
  }
}
.fengstmyaccount-address-card-v2__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fengstmyaccount-address-card-v2__head-title {
  font-family: var(--font-title);
  font: var(--my-profile-card-font);
  color: var(--my-profile-card-title-color);
  font-weight: 700;
  text-transform: var(--my-profile-card-title-case, uppercase);
  margin-bottom: 20px;
}
.fengstmyaccount-address-card-v2__head-add-button {
  display: none;
}
.fengstmyaccount-address-card-v2__head-add-button .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .fengstmyaccount-address-card-v2__head-add-button .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 17px !important;
}
.fengstmyaccount-address-card-v2__head-add-button .feng-btn--medium:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: 14px !important;
}
.fengstmyaccount-address-card-v2__head-add-button--mobile {
  display: flex;
  margin: auto auto 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2__head-add-button {
    display: flex;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2 .fengstmyaccount-address-card-v2__head-add-button--mobile {
    display: none;
  }
}
.fengstmyaccount-address-card-v2__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-address-card-v2__action-close .feng-btn {
  color: var(--my-profile-name-color) !important;
  background: transparent !important;
}
.fengstmyaccount-address-card-v2__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 23px;
  height: 100%;
}
.fengstmyaccount-address-card-v2__wrapper fengstui-select,
.fengstmyaccount-address-card-v2__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-address-card-v2__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background: var(--my-profile-button, var(--primary)) !important;
  color: var(--my-profile-button-color, var(--on-background)) !important;
}
.fengstmyaccount-address-card-v2__detail {
  padding: 0;
  list-style: none;
  width: 100%;
}
.fengstmyaccount-address-card-v2__detail-item {
  display: grid;
  align-items: center;
  border-bottom: solid 1px var(--divider-color);
  grid-template-columns: 0.2fr 2fr 0.2fr;
  margin-bottom: 16px;
  gap: 20px;
}
.fengstmyaccount-address-card-v2__detail-item-main {
  color: var(--account-address-icon-color, var(--secondary));
  background: var(--account-message-background);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  font-size: 19px;
  border: none;
}
.fengstmyaccount-address-card-v2__detail-item-main i {
  position: relative;
  left: 1.2px;
}
.fengstmyaccount-address-card-v2__detail-item-main .star {
  position: absolute;
  display: flex;
  align-items: center;
  right: -13px;
  left: auto;
  top: 8px;
  font-size: 17px;
  color: var(--surface);
}
.fengstmyaccount-address-card-v2__detail-item-main .star--selected {
  color: var(--account-address-selected-color);
}
.fengstmyaccount-address-card-v2__detail-item-address {
  max-width: 100%;
  color: #393939;
  font: var(--my-profile-card-address-font, 500 14px/18px var(--font-primary));
  grid-column: var(--my-profile-card-address-column, inherit);
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2__detail-item-address {
    font-size: 16px;
    max-width: 350px;
  }
}
.fengstmyaccount-address-card-v2__detail-item-edit .feng-btn {
  color: var(--secondary) !important;
  font-size: 14px;
  padding: 0 15px;
  text-decoration: underline;
}
.fengstmyaccount-address-card-v2__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-address-card-v2__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-address-card-v2__edit-mode-actions-save .feng-btn {
  background: var(--my-profile-button-color, var(--on-background)) !important;
  color: var(--on-background) !important;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2__edit-mode-actions-save {
    margin-left: auto;
  }
  .fengstmyaccount-address-card-v2__edit-mode-actions-save .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstmyaccount-address-card-v2__input-disabled {
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstmyaccount-address-card-v2__item {
  position: relative;
  margin: 15px 0px;
}
.fengstmyaccount-address-card-v2__item-checkbox {
  text-align: center;
  font-size: 14px;
}
.fengstmyaccount-address-card-v2__item-checkbox .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.no-border {
  border: none;
}
.fengstmyaccount-foreign-address-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-foreign-address-card {
    padding: 30px;
  }
}
.fengstmyaccount-foreign-address-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
}
.fengstmyaccount-foreign-address-card__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-foreign-address-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-foreign-address-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  grid-auto-rows: min-content;
  padding-top: 20px;
}
.fengstmyaccount-foreign-address-card__wrapper fengstui-select,
.fengstmyaccount-foreign-address-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-foreign-address-card__detail {
  display: grid;
  grid-gap: 15px;
  grid-template: 1fr/40px auto 40px;
  width: 100%;
  min-height: 30px;
  align-items: center;
}
.fengstmyaccount-foreign-address-card__detail-icon {
  font-size: 2em;
  opacity: 0.5;
}
.fengstmyaccount-foreign-address-card__detail-address {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 5px;
}
.fengstmyaccount-foreign-address-card__detail-address p {
  margin: 0;
}
.fengstmyaccount-foreign-address-card__detail-action {
  font-size: 2em;
}
.fengstmyaccount-foreign-address-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-foreign-address-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-foreign-address-card__item {
  position: relative;
  margin: 15px 0px;
}
.fengstmyaccount-foreign-address-card__item-checkbox {
  text-align: center;
  font-size: 14px;
}
.fengstmyaccount-foreign-address-card__item-checkbox .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstmyaccount-social-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-social-card {
    padding: 30px;
  }
}
.fengstmyaccount-social-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
}
.fengstmyaccount-social-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  grid-auto-rows: min-content;
}
.fengstmyaccount-social-card__wrapper p {
  margin: 0;
}
.fengstmyaccount-social-card__social-providers {
  display: grid;
  grid-gap: 20px;
  padding: 0;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .fengstmyaccount-social-card__social-providers {
    grid-gap: 10px;
    margin: 0 auto 0 0;
  }
}
.fengstmyaccount-social-card__social-providers li {
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  grid-template: auto auto auto/auto;
}
@media (min-width: 767px) {
  .fengstmyaccount-social-card__social-providers li {
    grid-template: auto/50px 90px auto;
  }
}
.fengstmyaccount-social-card__social-providers li fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-social-card__social-providers-icon {
  position: relative;
}
.fengstmyaccount-social-card__social-providers-icon i {
  display: grid;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: auto;
}
.fengstmyaccount-social-card__social-providers-icon i.--provider-icon {
  width: 30px;
  height: 30px;
  font-size: 20px;
  color: var(--on-primary);
  background-color: var(--primary);
}
.fengstmyaccount-social-card__social-providers-icon i.--connection-icon {
  position: absolute;
  top: 0;
  left: 25px;
  width: 20px;
  height: 20px;
  font-size: 18px;
  color: var(--on-success);
  background-color: var(--success);
}
.fengstmyaccount-social-card__social-providers-status {
  position: relative;
}
.fengstmyaccount-social-card__social-providers-status--connected {
  opacity: 0.5;
}
.fengstmyaccount-social-card__social-providers-action {
  position: relative;
}
.fengstmyaccount-indica-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-indica-card {
    padding: 30px;
  }
}
.fengstmyaccount-indica-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
}
.fengstmyaccount-indica-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  grid-auto-rows: min-content;
}
.fengstmyaccount-indica-card__wrapper p {
  margin: 6px 0;
}
.fengstmyaccount-indica-card__couponbox {
  background: #B1111616;
  margin: 12px 0 0;
  padding: 6px 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #1D1D1B;
}
.fengstmyaccount-indica-card__button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fengstmyaccount-indica-card__button a {
  text-decoration: none;
}
.fengstmyaccount-optin-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-optin-card {
    padding: 30px;
  }
}
.fengstmyaccount-optin-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
}
.fengstmyaccount-optin-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  grid-auto-rows: min-content;
}
.fengstmyaccount-optin-card__wrapper p {
  margin: 6px 0;
}
.fengstmyaccount-optin-card__button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fengstmyaccount-optin-card__button a {
  text-decoration: none;
}
.user-documents {
  position: relative;
  background: var(--account-background);
}
.user-documents__middleware {
  padding: 0 20px;
  width: 100%;
  max-width: 1200px;
  min-height: 372px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1200px) {
  .user-documents__middleware {
    padding: 0;
  }
}
.user-documents__container {
  min-height: 372px;
  width: 100%;
  padding: 30px 20px 20px;
  color: var(--on-background);
  background: var(--background);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .user-documents__container {
    align-items: start;
  }
}
@media (min-width: 1200px) {
  .user-documents__container {
    right: 0;
  }
}
.user-documents__container h1 {
  margin: 0;
  font-size: 20px;
  font-family: var(--font-title);
  font-weight: normal;
  color: var(--my-profile-title-color);
}
.user-documents__container .list-documents {
  width: 100%;
  max-width: 460px;
}
.user-documents__container .list-documents__row {
  border: 1px solid #d8d8d8;
  border-radius: 0.3em;
  background: #efefef;
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 8rem;
  padding: 1rem;
}
.user-documents__container .list-documents__row span,
.user-documents__container .list-documents__row a,
.user-documents__container .list-documents__row button,
.user-documents__container .list-documents__row b {
  font-family: var(--font-primary);
  font-size: 14px;
}
.user-documents__container .list-documents__row .denied {
  position: relative;
  cursor: pointer;
}
.user-documents__container .list-documents__row .denied i {
  margin-right: 4px;
  font-size: 14px;
  color: darkgoldenrod;
}
.user-documents__container .list-documents__row .denied small {
  display: none;
  padding: 0 8px;
  position: absolute;
  top: -19px;
  left: 0;
  color: #fff;
  background: #000;
  border-radius: 10px;
}
.user-documents__container .list-documents__row .denied:hover small {
  display: block;
}
.user-documents__container .list-documents__row span:nth-child(2) {
  min-width: 85.11px;
  color: var(--my-profile-name-color);
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
.user-documents__container .list-documents__row button {
  min-width: 85.11px;
  padding: 0.5em 1.125em;
  color: white;
  background: var(--on-secondary);
  border: 0;
  border-radius: 0;
}
.user-documents__container .list-documents__row button:hover {
  cursor: pointer;
  background: var(--primary);
}
.user-documents__container .list-documents__info a {
  font-size: 14px;
  font-weight: 600;
  cursor: default;
}
.user-documents .warning {
  margin-top: 40px;
}
.user-documents .warning h5 {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 14px;
}
.user-documents .warning p,
.user-documents .warning span {
  margin: 0;
  padding-top: 15px;
  font-size: 14px;
  font-family: var(--font-primary);
  font-weight: normal;
}
.user-documents .warning span {
  font-weight: 600;
}
.user-documents__statutory-form {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 10px;
}
.user-documents__statutory-form h1 {
  position: relative;
  display: flex;
  width: 100%;
  color: var(--primary);
  align-items: center;
  padding: 0px;
  margin: 0px;
  font-size: 20px;
  margin-bottom: 10px;
}
.user-documents__statutory-form h1 i {
  display: block;
  margin-right: 10px;
  color: darkgoldenrod;
}
.user-documents__statutory-form h2 {
  font-weight: normal;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 15px;
}
.user-documents__statutory-form--footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
.list-documents .clip {
  width: 100%;
}
.list-documents .clip > button {
  width: 100%;
}
.list-documents__row, .list-documents .denied .warning {
  display: flex;
  flex-direction: column;
  align-items: start;
  height: 4.5rem;
}
.list-documents__feedback {
  text-align: center;
  margin: 10px 0 1rem 0;
}
.account-donation {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
  min-height: 65vh;
}
@media (min-width: 1200px) {
  .account-donation {
    padding: 30px 0 50px;
  }
}
.account-donation__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.account-donation button {
  grid-area: botao;
  color: white;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  padding: em(8) em(18);
  background-color: var(--primary);
  font-weight: bold;
  padding: 5px 15px;
  cursor: pointer;
}
.account-donation button:hover {
  background-color: var(--on-secondary);
}
.account-donation__actions {
  display: grid;
  grid-template: auto auto/auto;
}
@media (min-width: 992px) {
  .account-donation__actions {
    grid-gap: 50px;
    min-height: 5%;
    grid-template: auto/35% 60%;
    justify-content: space-between;
  }
}
.account-donation__actions--first-block {
  display: flex;
  align-items: center;
}
.account-donation__actions--first-block strong {
  font-size: 40px;
  font-weight: 900;
  color: black;
  margin-right: 15px;
}
.account-donation__actions--first-block button {
  margin-left: 15px;
}
.account-donation__actions--second-block {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 5%;
  justify-content: stretch;
}
@media (min-width: 576px) {
  .account-donation__actions--second-block {
    grid-template: auto/65% 30%;
  }
}
.account-donation__donations {
  display: grid;
  grid-gap: 40px;
  min-height: 150px;
}
.account-donation__donations--not-found {
  text-align: center;
  font-size: 18px;
}
.account-donation__donation {
  display: grid;
  background: url("https://vasco-gs.s3.amazonaws.com/tmjg/assets/images/ico-apadrinhacao.svg") no-repeat;
  background-position: 0 0;
  background-size: 31px 28px;
  padding-bottom: 30px;
  border-bottom: 1px solid #cccccc;
  grid-gap: 5px;
}
@media (min-width: 992px) {
  .account-donation__donation {
    grid-gap: 15px;
    background-size: 70px 67px;
  }
}
.account-donation__donation-plan {
  display: grid;
  grid-auto-flow: column;
  justify-self: flex-start;
  grid-gap: 15px;
  align-items: center;
  color: #979797;
  font-size: 15px;
  height: 36px;
  padding-left: 40px;
}
@media (min-width: 767px) {
  .account-donation__donation-plan {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .account-donation__donation-plan {
    height: -moz-fit-content;
    height: fit-content;
    font-size: 30px;
  }
}
.account-donation__donation-plan strong {
  color: black;
}
.account-donation__donation-description {
  display: grid;
  grid-gap: 5px;
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .account-donation__donation-description {
    grid-template: auto/auto auto auto auto;
    justify-content: flex-start;
    grid-gap: 15px;
  }
}
.account-donation__donation-description > li {
  list-style: none;
}
@media (min-width: 992px) {
  .account-donation__donation-description > li {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    align-items: center;
    padding-right: 15px;
  }
  .account-donation__donation-description > li:not(:last-child) {
    border-right: 1px solid black;
  }
}
.account-donation__donation-description strong {
  color: #b3191d;
}
@media (min-width: 992px) {
  .account-donation__donation-plan, .account-donation__donation-description {
    padding-left: 100px;
  }
}
.account-donation__donation-action {
  display: grid;
  grid-gap: 25px;
  grid-auto-flow: column;
  align-items: center;
  grid-template-areas: "historico termo" "botao botao";
}
@media (min-width: 992px) {
  .account-donation__donation-action {
    justify-content: flex-start;
    grid-template-areas: "historico termo botao";
  }
}
.account-donation__donation-action a {
  font-weight: bold;
  text-decoration: underline;
  color: #979797;
}
.account-donation__donation-action a:hover {
  color: #414141;
}
.account-donation__donation-action a:nth-child(1) {
  grid-area: historico;
}
.account-donation__donation-action a:nth-child(2) {
  grid-area: termo;
}
.account-donation ::ng-deep .mat-form-field {
  align-items: center;
  display: grid;
}
.account-donation ::ng-deep .mat-form-field.mat-focused .mat-form-field-flex .mat-form-field-infix, .account-donation ::ng-deep .mat-form-field.ng-dirty .mat-form-field-flex .mat-form-field-infix {
  border-bottom: 1px solid black;
}
.account-donation ::ng-deep .mat-form-field .mat-select {
  text-align: right;
}
@media (min-width: 576px) {
  .account-donation ::ng-deep .mat-form-field .mat-select {
    text-align: left;
  }
}
.account-donation ::ng-deep .mat-form-field mat-select-trigger i {
  font-size: 1.4em !important;
}
.account-donation ::ng-deep .mat-form-field .mat-select-value-text {
  padding-left: 5px;
}
.account-donation ::ng-deep .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label {
  padding-left: 25px;
  text-align: right;
}
@media (min-width: 576px) {
  .account-donation ::ng-deep .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label {
    text-align: left;
  }
}
.account-donation ::ng-deep .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label mat-label {
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
}
.account-donation ::ng-deep .mat-form-field .mat-select-arrow {
  width: 0;
  height: 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  margin: 0;
}
.biometry {
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.biometry__wrapper {
  width: 100%;
  padding: 40px 10px;
  text-align: center;
}
.biometry__wrapper > h1 {
  font-size: 22px;
}
.biometry__wrapper > div > i {
  font-size: 50px;
}
.biometry__wrapper > div.success {
  color: #078c26;
}
.biometry__wrapper > div.success > p {
  font-weight: bold;
}
.biometry__wrapper > div.fail {
  color: #8c0707;
}
.biometry__wrapper > div.fail > p {
  font-weight: bold;
}
.biometry__wrapper > div > p {
  font-size: 16px;
}
.biometry__wrapper > div > p:last-child {
  color: black;
  max-width: 400px;
  margin: 30px auto 0;
  font-weight: normal;
}
.biometry--height {
  min-height: 100%;
}
@media (min-width: 992px) {
  .biometry--height {
    min-height: 720px;
  }
}
.fengstmyaccount-st-biometry-v2 {
  display: flex;
  justify-content: center;
  width: 100%;
}
.fengstmyaccount-st-biometry-v2 h1 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 130%;
  color: var(--biometry-color-texts);
}
.fengstmyaccount-st-biometry-v2 i {
  font-size: 120px;
}
.fengstmyaccount-st-biometry-v2 p {
  margin: 0;
  padding: 0;
  color: var(--biometry-color-texts);
  line-height: 140%;
}
.fengstmyaccount-st-biometry-v2__container {
  max-width: 480px;
  width: 100%;
  text-align: center;
  padding: 24px;
  margin-top: 32px;
  background: #FFF;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstmyaccount-st-biometry-v2__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.fengstmyaccount-st-biometry-v2__content fengstui-button {
  width: 100%;
}
.fengstmyaccount-st-biometry-v2__content fengstui-button button {
  width: 100%;
}
.fengstmyaccount-st-biometry-v2__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fengstmyaccount-st-biometry-v2__divider {
  height: 1px;
  width: 100%;
  border: var(--biometry-card-divider);
}
.fengstmyaccount-st-biometry-v2__information {
  display: flex;
  align-items: start;
  gap: 2px;
}
@media (min-width: 576px) {
  .fengstmyaccount-st-biometry-v2__information {
    align-items: center;
  }
}
.fengstmyaccount-st-biometry-v2__information > i {
  font-size: 20px;
  color: var(--secondary-dark);
}
.fengstmyaccount-st-biometry-v2__information > p {
  font-size: 12px;
}
.fengstmyaccount-st-biometry-v2__information--secondary i {
  color: var(--secondary);
}
.fengstmyaccount-st-biometry-v2__information--secondary p {
  text-align: left;
  margin-left: 10px;
}
.fengstmyaccount-st-biometry-v2 .sec-color {
  color: var(--secondary);
}
.biometry-v3 {
  width: 100%;
  height: 100%;
  min-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.biometry-v3__container {
  max-width: 811px;
  width: 100%;
  background: #fff;
  padding: 10px;
  text-align: center;
  margin: 0 auto;
}
.biometry-v3__container-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.4;
  color: #343434;
}
.biometry-v3__container-status {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F0F0F0;
  border-radius: 5px;
  padding: 10px;
  margin: 20px auto;
  max-width: 611px;
}
.biometry-v3__container-status > i {
  font-size: 24px;
  margin-right: 8px;
}
.biometry-v3__container-status-title {
  font-weight: bold;
  margin: 0;
}
.biometry-v3__container-status--success {
  color: #078c26;
}
.biometry-v3__container-status--fail {
  color: #c6200a;
}
.biometry-v3__container-info {
  font-size: 16px;
  color: #343434;
  max-width: 611px;
  margin: 10px auto;
  text-align: center;
  line-height: 26px;
  white-space: normal;
}
.biometry-v3__container-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}
@media (min-width: 576px) {
  .biometry-v3__container-actions {
    flex-direction: row;
  }
}
.biometry-v3__container-actions-biometry .feng-btn {
  background-color: red !important;
  color: white !important;
  padding: 6px 20px;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
@media (min-width: 576px) {
  .biometry-v3__container-actions-biometry .feng-btn {
    min-width: 180px;
    max-width: 100%;
  }
}
.biometry-v3__container-actions-guest .feng-btn {
  background-color: white !important;
  color: red !important;
  border: 1px solid red !important;
  border-radius: 4px;
  padding: 7px 20px;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
@media (min-width: 576px) {
  .biometry-v3__container-actions-guest .feng-btn {
    min-width: 180px;
    max-width: 100%;
  }
}
.fengi-cross-circle {
  font-size: 28px !important;
  font-weight: 600 !important;
  text-shadow: 0 0 1px #7b1205;
  color: #c6200a;
}
.fengstmyaccount-view-my-kit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 65vh;
  width: 100%;
  background-color: var(--account-background);
  padding: 2rem 0;
}
.fengstmyaccount-view-my-kit__container {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: space-evenly;
  max-width: 532px;
  gap: 1rem;
}
@media screen and (max-width: 530px) {
  .fengstmyaccount-view-my-kit__container {
    padding: 0 1rem;
    max-width: 500px;
  }
}
.fengstmyaccount-view-my-kit__container__breacrumbs-container {
  display: flex;
  flex-direction: column;
  padding: 2px 16px;
}
.fengstmyaccount-my-kit-card {
  display: grid;
  gap: 24px;
  padding: 24px 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.051);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 4px;
  color: var(--my-kit-font-color);
  background-color: var(--background);
  position: relative;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-card {
    padding: 32px;
  }
}
.fengstmyaccount-my-kit-card hr {
  width: 100%;
  margin: 0;
  border: 1px solid var(--my-kit-border-color);
  border-bottom: 0;
}
.fengstmyaccount-my-kit-card p {
  font-weight: 400;
}
.fengstmyaccount-my-kit-card p,
.fengstmyaccount-my-kit-card label,
.fengstmyaccount-my-kit-card h5,
.fengstmyaccount-my-kit-card span {
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-card__info-box {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 0;
}
.fengstmyaccount-my-kit-card__info-box i {
  color: var(--primary);
  font-size: 20px;
}
.fengstmyaccount-my-kit-card__info-box p {
  margin: 0;
  font-size: 12px;
}
.fengstmyaccount-my-kit-card__title {
  text-align: center;
}
.fengstmyaccount-my-kit-card__title h2 {
  font-size: 20px;
  margin: 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-card__title h2 {
    font-size: 20px;
  }
}
.fengstmyaccount-my-kit-card__title p {
  margin-bottom: 0;
}
.fengstmyaccount-my-kit-card__content {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__content hr {
  margin: 0.5em 0 !important;
}
.fengstmyaccount-my-kit-card__content h5 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.fengstmyaccount-my-kit-card__content h5 i {
  color: var(--primary);
  font-size: 20px;
}
.fengstmyaccount-my-kit-card__content .guest-kit-container {
  display: flex;
  flex-direction: column;
  padding: 16px 18px;
  background-color: #fafafa;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  gap: 1rem;
}
.fengstmyaccount-my-kit-card__content .guest-kit-container span {
  color: var(--my-kit-font-color-span);
  font-family: var(--my-kit-font-family);
  margin: 0;
  font-size: 12px;
  text-align: left;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-card__content .guest-kit-container span {
    font-size: 12px;
  }
}
.fengstmyaccount-my-kit-card__content .guest-kit-container a {
  display: inline-flex;
  text-decoration: underline;
}
.fengstmyaccount-my-kit-card__content .guest-kit-container .kits-selection {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.fengstmyaccount-my-kit-card__content .guest-kit-container .kits-selection .kit-item {
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-my-kit-card__content .guest-kit-container .kits-selection .kit-item label {
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-bottom: 0.5rem;
}
.fengstmyaccount-my-kit-card__content .guest-kit-container .kits-selection .kit-item select {
  padding: 0.6rem 0.8rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}
.fengstmyaccount-my-kit-card__content .guest-kit-container .kits-selection .kit-item select:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(var(--primary), 0.2);
}
.fengstmyaccount-my-kit-card__select fengstui-radio .mat-radio-group {
  grid-auto-flow: row;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-card__select fengstui-radio .mat-radio-group {
    grid-auto-flow: column;
  }
}
.fengstmyaccount-my-kit-card__details {
  display: grid;
  background-color: var(--my-kit-details-background-color);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 8px;
  padding: 16px;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__details span {
  font-size: 12px;
  color: var(--my-kit-font-color-span);
}
.fengstmyaccount-my-kit-card__details-date {
  border-bottom: 1px solid var(--my-kit-border-color);
}
.fengstmyaccount-my-kit-card__details-date p {
  margin: 8px 0 16px;
}
.fengstmyaccount-my-kit-card__details-address {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__details-address > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.fengstmyaccount-my-kit-card__details-address > div span {
  display: flex;
  position: relative;
  padding: 10px;
  margin: 0;
}
.fengstmyaccount-my-kit-card__details-address > div span:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  border-radius: 100%;
  opacity: 0.3;
  top: 0;
  left: 0;
}
.fengstmyaccount-my-kit-card__details-address > div i {
  font-size: 20px;
  color: var(--primary);
}
.fengstmyaccount-my-kit-card__details-address > div p {
  margin: 0;
}
.fengstmyaccount-my-kit-card__details-address-info i {
  font-size: 24px !important;
  color: var(--primary) !important;
}
.fengstmyaccount-my-kit-card__details-wrapper {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__details-wrapper fengstui-button button {
  width: 100%;
}
.fengstmyaccount-my-kit-card__details-wrapper fengstui-button button i:before {
  color: var(--primary);
}
.fengstmyaccount-my-kit-card__delivery {
  position: relative;
}
.fengstmyaccount-my-kit-card__delivery-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fengstmyaccount-my-kit-card__delivery-details span {
  color: var(--my-kit-font-color-span);
}
.fengstmyaccount-my-kit-card__delivery-details p {
  margin: 0;
}
.fengstmyaccount-my-kit-card__delivery-info {
  display: flex;
  align-items: center;
  margin-top: 24px;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__delivery-info i {
  font-size: 24px;
  color: var(--primary);
}
.fengstmyaccount-my-kit-card__delivery-info p {
  margin: 0;
}
.fengstmyaccount-my-kit-card__shirt a {
  margin-top: 10px;
  display: inline-flex;
  text-decoration: underline;
}
.fengstmyaccount-my-kit-card__info {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.fengstmyaccount-my-kit-card__action {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__action fengstui-button button {
  width: 100%;
}
.fengstmyaccount-my-kit-card__modal .fengstlayout-modal__header {
  padding: 0;
}
.fengstmyaccount-my-kit-card__modal .fengstlayout-modal__header h1 {
  text-align: start;
  line-height: normal;
  font-size: 18px;
}
@media (min-width: 767px) {
  .fengstmyaccount-my-kit-card__modal .fengstlayout-modal__header h1 {
    font-size: 22px;
  }
}
.fengstmyaccount-my-kit-card__modal .fengstlayout-modal__text {
  padding: 0;
  border: 0;
}
.fengstmyaccount-my-kit-card__modal .fengstlayout-modal__text img {
  width: 100%;
  max-width: 500px;
}
.fengstmyaccount-my-kit-card__continue-payment p {
  margin: 1rem 0 0 0;
}
.fengstmyaccount-my-kit-card__continue-payment strong {
  color: var(--primary);
}
.fengstmyaccount-my-kit-card__continue-payment strong:hover {
  text-decoration: underline;
}
.fengstmyaccount-my-kit-status-payment {
  display: grid;
  gap: 24px;
  padding: 24px 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.051);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 4px;
  color: var(--my-kit-font-color);
  background-color: var(--background);
  position: relative;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-status-payment {
    padding: 32px;
  }
}
.fengstmyaccount-my-kit-status-payment__details-wrapper hr {
  width: 100%;
  margin: 0;
  border: 1px solid var(--my-kit-border-color);
  border-bottom: 0;
}
.fengstmyaccount-my-kit-status-payment__kits-convidados {
  display: grid;
  gap: 15px;
  background-color: var(--my-kit-details-background-color);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 8px;
  padding: 16px 18px;
}
.fengstmyaccount-my-kit-status-payment__kits-convidados span {
  color: var(--my-kit-font-color-span);
  font-family: var(--my-kit-font-family);
  margin: 0;
  font-size: 12px;
  text-align: left;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-status-payment__kits-convidados span {
    font-size: 12px;
  }
}
.fengstmyaccount-my-kit-status-payment__info-box {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  padding: 0;
}
.fengstmyaccount-my-kit-status-payment__info-box i {
  color: var(--primary);
  font-size: 20px;
}
.fengstmyaccount-my-kit-status-payment__info-box p {
  margin: 0;
  font-size: 12px;
}
.fengstmyaccount-my-kit-status-payment__kits-container {
  display: grid;
  justify-items: start;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 16px;
}
.fengstmyaccount-my-kit-status-payment__kit-item {
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  transition: border 0.2s ease;
}
.fengstmyaccount-my-kit-status-payment__kit-item:hover {
  border-color: var(--primary);
}
.fengstmyaccount-my-kit-status-payment__kit-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.fengstmyaccount-my-kit-status-payment__kit-description h3 {
  font-size: 12px;
  margin: 0 0 4px;
}
.fengstmyaccount-my-kit-status-payment__kit-description p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}
.fengstmyaccount-my-kit-status-payment__size-change-warning {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  margin-top: 16px;
}
.fengstmyaccount-my-kit-status-payment hr {
  width: 100%;
  margin: 0;
  border: 1px solid var(--my-kit-border-color);
  border-bottom: 0;
}
.fengstmyaccount-my-kit-status-payment p {
  font-weight: 400;
}
.fengstmyaccount-my-kit-status-payment p,
.fengstmyaccount-my-kit-status-payment label,
.fengstmyaccount-my-kit-status-payment h5,
.fengstmyaccount-my-kit-status-payment span {
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-status-payment__containerLabelAction {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.fengstmyaccount-my-kit-status-payment__containerLabelAction h5 {
  color: var(--primary);
  text-decoration: underline;
  cursor: pointer;
}
.fengstmyaccount-my-kit-status-payment__title {
  text-align: center;
}
.fengstmyaccount-my-kit-status-payment__title h2 {
  font-size: 20px;
  margin: 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-status-payment__title h2 {
    font-size: 24px;
  }
}
.fengstmyaccount-my-kit-status-payment__title p {
  margin-bottom: 0;
}
.fengstmyaccount-my-kit-status-payment__toast-message {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  border-radius: 0.4rem;
  gap: 5px;
  padding: 0.75rem 1rem;
}
.fengstmyaccount-my-kit-status-payment__toast-message h3 {
  text-align: center;
  font-size: var(--subheadline-medium, 16px);
  margin: 0;
}
.fengstmyaccount-my-kit-status-payment__toast-message i {
  font-size: 2rem;
}
.fengstmyaccount-my-kit-status-payment__toast-message--error {
  border: 1px solid var(--error);
  background: var(--background-system-error);
}
.fengstmyaccount-my-kit-status-payment__toast-message--error h3,
.fengstmyaccount-my-kit-status-payment__toast-message--error i {
  color: var(--error);
}
.fengstmyaccount-my-kit-status-payment__toast-message--warning {
  border: 1px solid var(--warning);
  background: var(--background-system-warning);
}
.fengstmyaccount-my-kit-status-payment__toast-message--warning h3,
.fengstmyaccount-my-kit-status-payment__toast-message--warning i {
  color: var(--warning);
}
.fengstmyaccount-my-kit-status-payment__toast-message--success {
  border: 1px solid var(--success);
  background: var(--background-system-success);
}
.fengstmyaccount-my-kit-status-payment__toast-message--success h3,
.fengstmyaccount-my-kit-status-payment__toast-message--success i {
  color: var(--success);
}
.fengstmyaccount-my-kit-status-payment__content {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-status-payment__content hr {
  margin: 0.5em 0 !important;
}
.fengstmyaccount-my-kit-status-payment__content h5 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.fengstmyaccount-my-kit-status-payment__content h5 i {
  color: var(--secondary);
  font-size: 20px;
}
.fengstmyaccount-my-kit-status-payment__select fengstui-radio .mat-radio-group {
  grid-auto-flow: row;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-status-payment__select fengstui-radio .mat-radio-group {
    grid-auto-flow: column;
  }
}
.fengstmyaccount-my-kit-status-payment__details {
  display: grid;
  background-color: var(--my-kit-details-background-color);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 8px;
  padding: 16px;
  gap: 16px;
}
.fengstmyaccount-my-kit-status-payment__details span {
  font-size: 12px;
  color: var(--my-kit-font-color-span);
}
.fengstmyaccount-my-kit-status-payment__details-date {
  border-bottom: 1px solid var(--my-kit-border-color);
}
.fengstmyaccount-my-kit-status-payment__details-date p {
  margin: 8px 0 16px;
}
.fengstmyaccount-my-kit-status-payment__details-address {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-status-payment__details-address > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.fengstmyaccount-my-kit-status-payment__details-address > div span {
  display: flex;
  position: relative;
  padding: 10px;
  margin: 0;
}
.fengstmyaccount-my-kit-status-payment__details-address > div span:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  border-radius: 100%;
  opacity: 0.3;
  top: 0;
  left: 0;
}
.fengstmyaccount-my-kit-status-payment__details-address > div i {
  font-size: 20px;
  color: var(--primary);
}
.fengstmyaccount-my-kit-status-payment__details-address > div p {
  margin: 0;
}
.fengstmyaccount-my-kit-status-payment__details-address-info i {
  font-size: 24px !important;
  color: var(--secondary) !important;
}
.fengstmyaccount-my-kit-status-payment__details-wrapper {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-status-payment__details-wrapper fengstui-button button {
  width: 100%;
}
.fengstmyaccount-my-kit-status-payment__details-wrapper fengstui-button button i:before {
  color: var(--secondary);
}
.fengstmyaccount-my-kit-status-payment__delivery {
  position: relative;
}
.fengstmyaccount-my-kit-status-payment__delivery-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fengstmyaccount-my-kit-status-payment__delivery-details span {
  color: var(--my-kit-font-color-span);
}
.fengstmyaccount-my-kit-status-payment__delivery-details p {
  margin: 0;
}
.fengstmyaccount-my-kit-status-payment__delivery-info {
  display: flex;
  align-items: center;
  margin-top: 24px;
  gap: 16px;
}
.fengstmyaccount-my-kit-status-payment__delivery-info i {
  font-size: 24px;
  color: var(--secondary);
}
.fengstmyaccount-my-kit-status-payment__delivery-info p {
  margin: 0;
}
.fengstmyaccount-my-kit-status-payment__shirt a {
  margin-top: 10px;
  display: inline-flex;
  text-decoration: underline;
}
.fengstmyaccount-my-kit-status-payment__info {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.fengstmyaccount-my-kit-status-payment__containerActions {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.fengstmyaccount-my-kit-status-payment__action {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-my-kit-status-payment__action fengstui-button button {
  width: 100%;
}
.fengstmyaccount-my-kit-status-payment__modal .fengstlayout-modal__header {
  padding: 0;
}
.fengstmyaccount-my-kit-status-payment__modal .fengstlayout-modal__header h1 {
  text-align: start;
  line-height: normal;
  font-size: 18px;
}
@media (min-width: 767px) {
  .fengstmyaccount-my-kit-status-payment__modal .fengstlayout-modal__header h1 {
    font-size: 22px;
  }
}
.fengstmyaccount-my-kit-status-payment__modal .fengstlayout-modal__text {
  padding: 0;
  border: 0;
}
.fengstmyaccount-my-kit-status-payment__modal .fengstlayout-modal__text img {
  width: 100%;
  max-width: 500px;
}
.fengstmyaccount-my-kit-payment {
  display: grid;
  gap: 24px;
  padding: 24px 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.051);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 4px;
  color: var(--my-kit-font-color);
  background-color: var(--background);
  position: relative;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-payment {
    padding: 32px;
  }
}
.fengstmyaccount-my-kit-payment hr {
  width: 100%;
  margin: 0;
  border: 1px solid var(--my-kit-border-color);
  border-bottom: 0;
}
.fengstmyaccount-my-kit-payment p {
  font-weight: 400;
}
.fengstmyaccount-my-kit-payment p, .fengstmyaccount-my-kit-payment h5, .fengstmyaccount-my-kit-payment span {
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-payment__title {
  text-align: center;
}
.fengstmyaccount-my-kit-payment__title h2 {
  font-size: 20px;
  margin: 0;
}
.fengstmyaccount-my-kit-payment__title p {
  margin-bottom: 0;
}
.fengstmyaccount-my-kit-payment__price {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 14px 0;
  border-radius: 16px;
  background-color: var(--my-kit-price-background-color);
  font-weight: 700;
  font-size: 16px;
}
.fengstmyaccount-my-kit-payment__price span {
  font-size: 20px;
  margin-left: 5px;
}
.fengstmyaccount-my-kit-payment__details {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-payment__details {
    grid-template-columns: auto 1fr;
  }
}
.fengstmyaccount-my-kit-payment__details-qrcode {
  border: 1px solid var(--my-kit-border-color);
  border-radius: 4px;
  width: 100%;
  padding: 20px;
  text-align: center;
}
.fengstmyaccount-my-kit-payment__details-qrcode img {
  width: 210px;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-payment__details-qrcode {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
  }
}
.fengstmyaccount-my-kit-payment__details-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.fengstmyaccount-my-kit-payment__details-copy fengstui-input .mat-form-field-infix {
  border: 0;
}
.fengstmyaccount-my-kit-payment__details-copy fengstui-input .mat-form-field-flex {
  background-color: var(--my-kit-details-background-color) !important;
  padding: 10px !important;
}
.fengstmyaccount-my-kit-payment__details-copy fengstui-button button {
  width: 100%;
  color: var(--secondary) !important;
}
.fengstmyaccount-my-kit-payment__counter {
  position: relative;
  text-align: center;
}
.fengstmyaccount-my-kit-payment__counter span {
  font-weight: 700;
  font-size: 20px;
  color: var(--primary);
  margin-left: 5px;
}
.fengstmyaccount-my-kit-payment__expired fengstui-button button {
  width: 100%;
}
.fengstmyaccount-my-kit-payment__shirt {
  margin-bottom: 24px;
}
.fengstmyaccount-my-kit-payment__shirt a {
  margin-top: 10px;
  display: inline-flex;
  text-decoration: underline;
}
.fengstmyaccount-my-kit-info {
  display: grid;
  gap: 24px;
  padding: 24px 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.051);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 4px;
  color: var(--my-kit-font-color);
  background-color: var(--background);
  position: relative;
}
.fengstmyaccount-my-kit-info__kits-convidados {
  display: grid;
  gap: 15px;
  background-color: var(--my-kit-details-background-color);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 8px;
  padding: 16px 18px;
}
.fengstmyaccount-my-kit-info__kits-convidados span {
  color: var(--my-kit-font-color-span);
  font-family: var(--my-kit-font-family);
  margin: 0;
  font-size: 12px;
  text-align: left;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-info__kits-convidados span {
    font-size: 12px;
  }
}
.fengstmyaccount-my-kit-info__kit-item {
  background-color: var(--background);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 4px;
  padding: 12px;
}
.fengstmyaccount-my-kit-info__kits-container {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.fengstmyaccount-my-kit-info__kit-columns {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 12px;
  gap: 16px;
}
.fengstmyaccount-my-kit-info__kit-columns .kit-info-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fengstmyaccount-my-kit-info__kit-columns .kit-info-block strong {
  font-size: 12px;
  font-weight: 600;
  color: var(--my-kit-font-color-span);
}
.fengstmyaccount-my-kit-info__kit-columns .kit-info-block p {
  font-size: 14px;
  margin: 0;
  color: var(--my-kit-font-color);
}
.fengstmyaccount-my-kit-info__size-change-warning {
  font-size: 12px;
  color: var(--my-kit-font-color-span);
  margin-top: 12px;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-info {
    padding: 32px;
  }
}
.fengstmyaccount-my-kit-info p {
  font-weight: 400;
}
.fengstmyaccount-my-kit-info p,
.fengstmyaccount-my-kit-info span {
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-info__title {
  text-align: center;
}
.fengstmyaccount-my-kit-info__title h2 {
  font-size: 20px;
  margin: 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-info__title h2 {
    font-size: 24px;
  }
}
.fengstmyaccount-my-kit-info__title p {
  margin-bottom: 0;
}
.fengstmyaccount-my-kit-info__content {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-info__details {
  display: grid;
  background-color: var(--my-kit-details-background-color);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 8px;
  padding: 16px;
  gap: 16px;
}
.fengstmyaccount-my-kit-info__details span {
  font-size: 12px;
  color: var(--my-kit-font-color-span);
}
.fengstmyaccount-my-kit-info__details-date {
  border-bottom: 1px solid var(--my-kit-border-color);
}
.fengstmyaccount-my-kit-info__details-date p {
  margin: 8px 0 16px;
}
.fengstmyaccount-my-kit-info__details-address {
  display: grid;
}
.fengstmyaccount-my-kit-info__details-address span {
  margin-bottom: 16px;
}
.fengstmyaccount-my-kit-info__details-address > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.fengstmyaccount-my-kit-info__details-address > div span {
  display: flex;
  position: relative;
  padding: 10px;
  margin: 0;
}
.fengstmyaccount-my-kit-info__details-address > div span:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  border-radius: 100%;
  opacity: 0.3;
  top: 0;
  left: 0;
}
.fengstmyaccount-my-kit-info__details-address > div i {
  font-size: 20px;
  color: var(--primary);
}
.fengstmyaccount-my-kit-info__details-address > div p {
  margin: 0;
}
.fengstmyaccount-my-kit-info__details-address-info i {
  font-size: 24px !important;
  color: var(--secondary) !important;
}
.fengstmyaccount-my-kit-info__details-wrapper {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-info__details-wrapper fengstui-button button {
  width: 100%;
}
.fengstmyaccount-my-kit-info__details-wrapper fengstui-button button i:before {
  color: var(--secondary);
}
.fengstmyaccount-my-kit-info__info {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
hr {
  width: 100%;
  margin: 0;
  border: 1px solid var(--my-kit-border-color);
  border-bottom: 0;
}
.fengstmyaccount-my-kit-guest-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  border-radius: 6px;
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-guest-banner__kit-container {
  display: flex;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 12px 16px;
  gap: 15px;
  min-width: 100%;
  width: 100%;
}
@media screen and (max-width: 530px) {
  .fengstmyaccount-my-kit-guest-banner__kit-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.fengstmyaccount-my-kit-guest-banner__kit-msg small.note {
  font-size: 12px;
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-guest-banner__kit-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fengstmyaccount-my-kit-guest-banner__kit-info-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.fengstmyaccount-my-kit-guest-banner__kit-info-icon i.fengi-kit-fisico-icon {
  font-size: 40px;
  color: var(--primary);
}
.fengstmyaccount-my-kit-guest-banner__kit-info-texts strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1e1e1e;
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-guest-banner__kit-info-texts p {
  margin: 0;
  font-size: 13px;
  color: #999;
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-guest-banner__kit-button {
  background-color: #1e1e1e;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  font-family: var(--my-kit-font-family);
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.fengstmyaccount-my-kit-guest-banner__kit-button:hover {
  background-color: #333;
}
.statutory-form {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.statutory-form__wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90%;
  max-width: 960px;
  background: white;
  margin: auto;
  padding: 5px 20px;
  margin-top: 75px;
}
.statutory-form__wrapper h1 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.statutory-form__wrapper h2 {
  font-size: 16px;
}
.statutory-form__wrapper h2 span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .statutory-form__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.statutory-form__wrapper mat-form-field {
  display: block !important;
}
.statutory-form__wrapper mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.statutory-form__col {
  position: relative;
  width: 100%;
  height: 100%;
}
.statutory-form__grid {
  display: block;
}
@media (min-width: 992px) {
  .statutory-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 15px;
    grid-template-areas: ". .";
  }
}
.statutory-form__item {
  display: block;
}
.statutory-form__item--warning {
  margin-top: 20px;
}
.statutory-form__item--warning h3 {
  color: #d00000;
  font-size: 16px;
}
.statutory-form__item--warning b {
  color: #d00000;
}
.statutory-form__item--document {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
}
.statutory-form__item--document--line {
  display: block;
}
.statutory-form__item--document--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .statutory-form__item--document--line h1 {
    margin-bottom: 20px;
  }
}
.statutory-form__item--document--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.statutory-form__item--document div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.statutory-form__item--document span {
  display: flex;
  position: relative;
  font-size: 14px;
  align-content: center;
  align-items: center;
}
.statutory-form__item--document span i {
  position: relative;
  color: red;
  font-size: 20px;
  margin-left: 10px;
}
.statutory-form__item--document span i.check-icon {
  color: green;
}
.statutory-form__item--proponent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
  width: 100%;
  height: 80%;
}
.statutory-form__item--proponent p {
  font-size: 14px;
}
.statutory-form__item--proponent--line {
  display: block;
}
.statutory-form__item--proponent--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .statutory-form__item--proponent--line h1 {
    margin-bottom: 20px;
  }
}
.statutory-form__item--proponent--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.statutory-form__item--proponent i.check-icon {
  position: relative;
  color: green;
  font-size: 20px;
  margin-left: 10px;
}
.statutory-form__item--proponent span {
  display: block;
}
.statutory-form__item--proponent button {
  display: block;
  border: none;
  height: 50px;
  padding: 5px 20px;
  margin-top: 5px;
  width: 100%;
}
.statutory-form__item--proponent mat-form-field {
  display: block !important;
  width: 100%;
}
.statutory-form__item--proponent mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.statutory-form__line {
  display: block;
}
.statutory-form__line--footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.view-anistia-result-v1 {
  padding: 24px;
  min-height: calc(100svh - 209px);
}
@media (min-width: 992px) {
  .view-anistia-result-v1 {
    padding: 56px 0;
  }
}
@media (min-width: 2000px) {
  .view-anistia-result-v1 {
    min-height: calc(100svh - 300px);
  }
}
.view-anistia-result-v1__content {
  max-width: 660px;
  margin: 0 auto;
}
.view-anistia-result-v1__content h1 {
  text-align: center;
  font: normal normal 700 24px/24px Titillium Web;
  color: #000;
}
@media (min-width: 992px) {
  .view-anistia-result-v1__content h1 {
    font: normal normal 700 40px/40px Titillium Web;
  }
}
.view-anistia-result-v1__content-subtitle {
  color: #727272;
  text-align: center;
  font: normal normal 400 16px/24px Titillium Web;
}
.view-anistia-result-v1__bol-sub-title {
  align-items: center;
  justify-content: center;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  line-height: 150%;
}
.view-anistia-result-v1__bol-sub-title b {
  margin-bottom: 15px;
}
.view-anistia-result-v1__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.view-anistia-result-v1__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.view-anistia-result-v1__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.view-anistia-result-v1__pix {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  justify-content: center;
  margin: 1em auto 2em;
  word-break: break-all;
}
.view-anistia-result-v1__pix-amount {
  justify-content: center;
  align-items: center;
  font-size: 1.25em;
  display: grid;
  grid-auto-flow: row;
  gap: 0.5em;
  margin: 1em;
}
.view-anistia-result-v1__pix-amount strong {
  font-size: 2em;
}
.view-anistia-result-v1__pix img {
  width: 297px;
  height: 297px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin: auto;
}
.view-anistia-result-v1__pix a {
  justify-content: center;
  display: grid;
  grid-auto-flow: column;
  gap: 1%;
  align-items: center;
  width: 100%;
  max-width: 600px;
}
.view-anistia-result-v1__pix-actions {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  align-items: center;
}
@media (min-width: 576px) {
  .view-anistia-result-v1__pix-actions {
    grid-auto-flow: column;
    justify-content: center;
  }
}
.view-anistia-result-v1__pix-actions fengstui-button {
  display: grid;
}
.view-anistia-result-v1__card {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-bottom: 32px;
}
.view-anistia-result-v1__card-title {
  color: #393939;
  font-weight: 700;
  margin: 0;
}
.view-anistia-result-v1__card-upload {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  background: #F4F4F4;
  padding: 16px;
  row-gap: 16px;
}
@media (min-width: 992px) {
  .view-anistia-result-v1__card-upload {
    flex-direction: row;
  }
}
.view-anistia-result-v1__card-upload-button button {
  width: 100%;
}
@media (min-width: 992px) {
  .view-anistia-result-v1__card-upload-button button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.view-anistia-result-v1__card-upload-file {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.view-anistia-result-v1__card-upload-icon {
  color: #666666;
  font-size: 23px;
}
.view-anistia-result-v1__card-upload-content p, .view-anistia-result-v1__card-upload-content small {
  margin: 0;
}
.view-anistia-result-v1__card-upload-content p {
  font-weight: 700;
  font-size: 16px;
  color: #393939;
}
.view-anistia-result-v1__card-upload-content-submit {
  display: flex;
  margin: 0 auto;
  padding-bottom: 50px;
}
.view-anistia-result-v1__card-upload-content-submit button {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .view-anistia-result-v1__card-upload-content-submit button {
    width: 250px;
  }
}
.view-anistia-result-v1__anist {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  max-width: 523px;
}
.view-anistia-result-v1__anist h1 {
  margin: 0;
}
.view-anistia-result-v1__anist-icon {
  font-size: 65px;
  color: #1F845A;
}
.view-anistia-result-v1__anist-icon--failure {
  font-size: 65px;
  color: #841f1f;
}
.view-anistia-result-v1__anist-icon--warning {
  font-size: 65px;
  color: #F6BB42;
}
@media (min-width: 992px) {
  .view-anistia-result-v1__anist p {
    white-space: pre-line;
  }
}
.view-anistia-result-v1__success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  max-width: 657px;
}
.view-anistia-result-v1__success h1 {
  margin: 0;
}
@media (min-width: 992px) {
  .view-anistia-result-v1__success p {
    white-space: pre-line;
  }
}
.view-anistia-result-v1__success-status {
  background: #EFEFEF;
  width: 100%;
  padding: 16px 24px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.view-anistia-result-v1__success-status p {
  font: normal normal 400 16px/24px Barlow;
  color: #393939;
  margin: 0;
}
.view-anistia-result-v1__success-status strong {
  font: normal normal 700 20px/32px Barlow;
  color: #393939;
}
.amnesty {
  max-width: 1200px;
  min-height: calc(100svh - 209px);
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .amnesty {
    padding: 32px 0;
  }
}
.amnesty__content {
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--outline-global-500, #E4E4E4);
  background: var(--background-global-white, #FFF);
  padding: var(--padding-x-large, 24px);
  width: 100%;
  /* Card/Shadow-MediumCard */
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.amnesty__content h1 {
  color: var(--text-global-800, #393939);
  font-family: var(--font-family-label, Barlow);
  font-size: var(--text-16, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-x-small, 20px);
  /* 125% */
}
.amnesty__content mat-form-field {
  width: 100%;
}
.amnesty__content mat-form-field .mat-select {
  width: 100%;
}
.amnesty__header h1 {
  color: var(--primary-light);
  text-align: center;
  padding: 24px 24px 0;
  font: normal normal 700 24px/24px Titillium Web;
  margin: 0;
}
@media (min-width: 992px) {
  .amnesty__header h1 {
    font: normal normal 700 40px/40px Titillium Web;
  }
}
.amnesty__header p {
  color: var(--primary-light);
  font: normal normal 400 14px/20px Barlow;
  text-align: center;
  margin: 8px 0 16px;
  padding: 0 24px 0;
}
@media (min-width: 992px) {
  .amnesty__header p {
    margin: 8px 0 48px;
    font: normal normal 400 16px/24px Barlow;
  }
}
.amnesty__table {
  position: relative;
  min-height: calc(100svh - 450px);
}
.amnesty__table--table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.amnesty__table h1 {
  color: var(--text-global-800, #393939);
  font-family: var(--font-family-label, Barlow);
  font-size: var(--text-24, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-x-small, 20px);
  /* 125% */
  display: flex;
  justify-content: center;
}
.amnesty__table table {
  width: 100%;
  border-collapse: separate;
  min-width: 600px;
}
@media (max-width: 768px) {
  .amnesty__table table {
    min-width: 400px;
  }
}
.amnesty__table th,
.amnesty__table td {
  text-align: left;
  padding: 12px 16px;
}
.amnesty__table th {
  font-weight: bold;
  background-color: #f1f1f1;
  color: #333;
}
.amnesty__table td {
  background-color: #f9f9f9;
}
.amnesty__table .mat-checkbox-background {
  background-color: #ffffff !important;
}
.amnesty__table .mat-checkbox-checked .mat-checkbox-background {
  background-color: #e0e0e0 !important;
}
.amnesty__table .mat-checkbox .mat-checkbox-frame {
  border: 4px solid;
}
.amnesty__table .mat-checkbox-label {
  margin-left: 8px;
}
.amnesty__table table.mat-table {
  width: 100%;
}
.amnesty__table .mat-header-row,
.amnesty__table .mat-row {
  display: flex;
}
.amnesty__table .mat-cell:first-child,
.amnesty__table .mat-header-cell:first-child {
  width: 48px;
  flex: none;
}
.amnesty__table .mat-cell,
.amnesty__table .mat-header-cell {
  flex: 1;
  padding: 12px;
}
.amnesty__table .mat-header-cell {
  font-weight: bold;
  background-color: #eeeeee;
}
.amnesty__table .mat-cell {
  background-color: #f7f7f7;
}
.amnesty__table fengstui-button {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .amnesty__table th,
.amnesty__table td {
    padding: 8px 12px;
  }
  .amnesty__table .mat-header-cell,
.amnesty__table .mat-cell {
    padding: 10px;
  }
  .amnesty__table table {
    width: 100%;
    overflow-x: auto;
  }
}
.modal-anistia-payment {
  position: relative;
}
.modal-anistia-payment__close {
  position: absolute;
  right: -10px;
  top: -15px;
}
.modal-anistia-payment__payment-methods {
  display: block;
}
.modal-anistia-payment__payment-methods ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0;
  width: 100%;
}
.modal-anistia-payment__payment-methods ul li {
  flex: 1 1 calc(33.33% - 8px);
  max-width: calc(33.33% - 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d9d9d9;
  border-radius: 4px;
  padding: 12px 24px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}
.modal-anistia-payment__payment-methods ul li:hover {
  background-color: #c0c0c0;
}
.modal-anistia-payment__payment-methods ul li i {
  font-size: 20px;
  margin-right: 8px;
  color: inherit;
}
.modal-anistia-payment__payment-methods ul li.inactive {
  background-color: #eaeaea;
  color: #808080;
  cursor: pointer;
  opacity: 0.6;
}
.modal-anistia-payment__payment-methods--content {
  border: 1px solid #d9d9d9;
  margin-bottom: 15px;
  padding: 15px;
}
.modal-anistia-payment__payment-methods--content mat-form-field {
  display: block;
  width: 100%;
}
.modal-anistia-payment__col2 {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.modal-anistia-payment__col2 li {
  flex: 1;
}
.modal-anistia-payment__col2 li:first-child {
  text-align: left;
}
.modal-anistia-payment__col2 li:last-child {
  text-align: right;
}
.modal-anistia-payment__content {
  overflow-x: auto;
}
.modal-anistia-payment__content hr {
  width: 100%;
  border: none;
  height: 1px;
  background-color: #d9d9d9;
  margin: 15px 0;
}
.modal-anistia-payment__content table {
  width: 100%;
  border-collapse: collapse;
  background-color: #f5f5f5;
}
.modal-anistia-payment__content tbody tr td,
.modal-anistia-payment__content tfoot tr td {
  padding: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: none;
  border-right: none;
}
.modal-anistia-payment__content tbody td:last-child {
  text-align: right;
}
.modal-anistia-payment__content tfoot {
  font-weight: bold;
}
.modal-anistia-payment__content tfoot td {
  text-align: right;
}
.modal-anistia-payment__content tfoot td:first-child {
  text-align: left;
}
.modal-anistia-payment__footer {
  display: flex;
  justify-content: flex-end;
}
.modal-anistia-payment__header {
  position: relative;
}
.fengstmyaccount-view-payments {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-payments {
    padding: 30px 0 50px;
  }
}
.fengstmyaccount-view-payments__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}
.fengstmyaccount-view-payments__wrapper > :nth-child(2) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-payments__wrapper > :nth-child(4) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-payments__title {
  margin-left: 20px;
}
.fengstmyaccount-view-payments__credit-cards {
  display: grid;
  grid-gap: 30px;
  position: relative;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments__credit-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 370px));
  }
}
.fengstmyaccount-view-payments__credit-cards--no-content {
  display: grid;
  grid-template-columns: unset;
  grid-gap: 15px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  text-align: center;
  padding: 42px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstmyaccount-view-payments__boxed-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments__boxed-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments__boxed-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstmyaccount-view-payments__boxed-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstmyaccount-view-payments-v2 {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-payments-v2 {
    padding: 30px 0 50px;
  }
}
.fengstmyaccount-view-payments-v2__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}
.fengstmyaccount-view-payments-v2__wrapper > :nth-child(2) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-payments-v2__wrapper > :nth-child(4) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-payments-v2__title {
  color: var(--primary-light);
  font: var(--section-title-font);
  font-size: var(--section-title-font-size);
  margin-left: 0;
}
.fengstmyaccount-view-payments-v2__credit-cards {
  display: flex;
  grid-gap: 12px;
  max-width: 100vw;
  overflow-x: auto;
  position: relative;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments-v2__credit-cards {
    grid-gap: 24px;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments-v2__credit-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 370px));
  }
}
.fengstmyaccount-view-payments-v2__credit-cards--no-content {
  display: grid;
  grid-template-columns: unset;
  grid-gap: 15px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  text-align: center;
  padding: 42px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstmyaccount-view-payments-v3 {
  max-width: 1200px;
  min-height: calc(100svh - 209px);
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments-v3 {
    padding: 32px 0;
  }
}
.fengstmyaccount-view-payments-v3__title {
  color: var(--primary-light);
  text-align: center;
  padding: 24px 24px 0;
  font: normal normal 700 24px/24px Titillium Web;
  margin: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments-v3__title {
    font: normal normal 700 40px/40px Titillium Web;
  }
}
.fengstmyaccount-view-payments-v3__subtitle {
  color: var(--primary-light);
  font: normal normal 400 14px/20px Barlow;
  text-align: center;
  margin: 8px 0 16px;
  padding: 0 24px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments-v3__subtitle {
    margin: 8px 0 48px;
    font: normal normal 400 16px/24px Barlow;
  }
}
.fengstmyaccount-view-payments-v3__success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  max-width: 523px;
}
.fengstmyaccount-view-payments-v3__success h1 {
  margin: 0;
}
.fengstmyaccount-view-payments-v3__success-icon {
  font-size: 65px;
  color: #1F845A;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments-v3__success p {
    white-space: pre-line;
  }
}
.payment-container-modal-v3 {
  max-height: 100dvh;
  width: 100vw !important;
}
@media (min-width: 992px) {
  .payment-container-modal-v3 {
    max-height: 95vh;
  }
}
.payment-modal-v3 {
  display: flex;
  flex-direction: column;
}
.payment-modal-v3 hr {
  height: 1px;
  border: 0;
  border-top: 1px solid var(--divider-color);
  margin: 9px 0 24px;
  padding: 0;
}
.payment-modal-v3__close {
  font-size: 30px;
  background: transparent;
  border: none;
  display: block;
  margin-left: auto;
  cursor: pointer;
  padding: 4px 10px;
  position: relative;
  top: -7px;
  right: -10px;
}
.payment-modal-v3__title {
  font: normal normal 700 20px/26px Titillium Web;
  color: #393939;
  margin: 0 0 32px;
}
@media (min-width: 992px) {
  .payment-modal-v3__title {
    font: normal normal 700 24px/32px Titillium Web;
  }
}
.payment-modal-v3__list {
  margin: 0;
  list-style: none;
  padding: 0;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  border-bottom: none;
  overflow-x: auto;
}
@media (min-width: 992px) {
  .payment-modal-v3__list {
    border-radius: 4px 4px 0 0;
  }
}
.payment-modal-v3__list li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.payment-modal-v3__list-desc {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  background: #f4f4f4;
  border-bottom: solid 1px #E4E4E4;
}
.payment-modal-v3__list-desc p {
  margin: 0;
  font: normal normal 400 14px/20px Barlow;
  color: #393939;
  padding: 16px;
}
.payment-modal-v3__list-remove {
  background: #fafafa;
  color: #E0E0E0;
  font-size: 17px;
  border: none;
  width: 48px;
  cursor: pointer;
}
.payment-modal-v3__total {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "text valor";
  border: solid 1px #E4E4E4;
  border-top: none;
  background: #f4f4f4;
  border-radius: 0 0 4px 4px;
}
@media (min-width: 992px) {
  .payment-modal-v3__total {
    grid-template-columns: 1fr 0.65fr 1fr;
    grid-template-areas: "text . valor";
  }
}
.payment-modal-v3__total p, .payment-modal-v3__total strong {
  font: normal normal 700 14px/20px Barlow;
  padding: 16px;
  grid-area: text;
  margin: 0;
}
.payment-modal-v3__total strong {
  grid-area: valor;
}
.payment-modal-v3__footer {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .payment-modal-v3__footer {
    flex-direction: row;
    justify-content: space-between;
  }
}
.payment-modal-v3__footer-add {
  background: transparent;
  border: none;
  color: #393939;
  font: normal normal 400 14px/20px Barlow;
  text-decoration: underline;
}
.payment-modal-v3__footer-actions {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
  width: 100%;
  margin-bottom: 24px;
}
.payment-modal-v3__footer-actions button {
  width: 100%;
}
@media (min-width: 992px) {
  .payment-modal-v3__footer-actions {
    flex-direction: row;
    margin-bottom: 0;
    width: -moz-fit-content;
    width: fit-content;
  }
  .payment-modal-v3__footer-actions button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.payment-modal-v3__wrap-form {
  border-radius: 4px;
  border: 1px solid var(--divider-color);
  background: #FAFAFA;
  padding: 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 992px) {
  .payment-modal-v3__wrap-form {
    background: #fff;
  }
}
.payment-modal-v3__form-inline {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
}
@media (min-width: 992px) {
  .payment-modal-v3__form-inline {
    grid-template-columns: 1fr 100px;
  }
}
.payment-modal-v3__form-inline-info {
  color: #BC8422;
  font-size: 20px;
  position: relative;
  top: 3px;
}
.payment-modal-v3__form-inline-code {
  background: #F4F4F4;
  width: 100%;
  height: 93%;
  border-radius: 8px;
  position: relative;
  top: 8px;
}
.payment-modal-v3__form-inline-code svg {
  transform: scale(0.55);
  right: 0;
  position: absolute;
  top: 3px;
}
.payment-modal-v3__form-radio label {
  font-weight: 400;
}
.payment-modal-v3__form-radio .mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex {
  max-height: 44px;
}
.payment-modal-v3__total-topay {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payment-modal-v3__total-topay p {
  margin: 24px 0;
  font: normal normal 700 16px/24px Barlow;
  color: #000;
}
.payment-modal-v3__form-term {
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: center;
  gap: 10px;
  margin-bottom: 24px;
}
.payment-modal-v3__form-term p {
  margin: 0;
  font: normal normal 400 14px/20px Barlow;
}
.payment-modal-v3__form-term a {
  color: inherit;
  text-decoration: underline;
  font: normal normal 400 14px/20px Barlow;
  margin-left: 5px;
}
@media (min-width: 992px) {
  .payment-modal-v3__checkout-footer-actions {
    margin-left: auto;
  }
}
.payment-modal-v3__instructions-title {
  font: normal normal 700 20px/26px Barlow;
  color: #393939;
}
.payment-modal-v3__instructions-list {
  padding: 0 24px;
  background: #fafafa;
  border-radius: 16px;
  border: 1px solid #E4E4E4;
  display: flex;
  flex-direction: column;
}
.payment-modal-v3__instructions-list li {
  padding: 24px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  color: #393939;
}
.payment-modal-v3__instructions-list li:not(:last-child) {
  border-bottom: 1px solid #E4E4E4;
}
.payment-modal-v3__instructions-list li p {
  font: normal normal 400 14px/20px Barlow;
}
.payment-modal-v3__instructions-list li i {
  font-size: 35px;
}
.fengstmyaccount-credit-card-card-v2 {
  position: relative;
  color: var(--credit-card-color);
  background-color: var(--credit-card-background);
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  width: 82vw;
  min-height: 229px;
  padding: 16px;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card-v2 {
    width: 370px;
    padding: 24px;
  }
}
.fengstmyaccount-credit-card-card-v2__action {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengstmyaccount-credit-card-card-v2__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-credit-card-card-v2__action i.fengi-star {
  font-size: 22px;
  width: 42px;
  height: 42px;
  text-align: center;
  align-items: center;
  display: grid;
}
.fengstmyaccount-credit-card-card-v2__action i.fengi-star.--favorite {
  color: var(--primary);
}
.fengstmyaccount-credit-card-card-v2__action i.fengi-star.--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-credit-card-card-v2__action-card-button .feng-btn {
  background: var(--button-card-background) !important;
  color: var(--button-card-color) !important;
  border: solid 1px currentColor;
  border-radius: 4px;
  font-size: 13px;
}
@media (min-width: 992px) {
  .fengstmyaccount-credit-card-card-v2__action-card-button .feng-btn {
    font-size: 15px;
  }
}
.fengstmyaccount-credit-card-card-v2__action-card-button .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .fengstmyaccount-credit-card-card-v2__action-card-button .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  color: var(--primary-light);
  margin: 0 7px 0 19px !important;
  font-size: 18px;
}
.fengstmyaccount-credit-card-card-v2__wrapper {
  display: flex;
  flex-direction: column;
  margin: auto 0 0 0;
}
.fengstmyaccount-credit-card-card-v2__wrapper fengstui-select,
.fengstmyaccount-credit-card-card-v2__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-credit-card-card-v2__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-credit-card-card-v2__row {
  display: grid;
  grid-auto-flow: row;
  justify-content: flex-start;
}
.fengstmyaccount-credit-card-card-v2__row strong {
  letter-spacing: 1px;
}
.fengstmyaccount-credit-card-card-v2__row-number {
  margin: 0;
  font-weight: 100;
  font-size: 16px;
  letter-spacing: 0.5px;
}
.fengstmyaccount-credit-card-card-v2__row-titular {
  margin: 8px 0;
  font-size: 16px;
  font-family: var(--font-title);
  text-transform: uppercase;
}
.fengstmyaccount-credit-card-card-v2__row-text {
  margin: 0;
  font-size: 14px;
  font-weight: 100;
}
.fengstmyaccount-credit-card-card-v2__row:nth-child(3) {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 15px;
  align-items: flex-start;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card-v2__row:nth-child(3) {
    grid-template-columns: repeat(3, 100px);
    width: 330px;
  }
}
.fengstmyaccount-credit-card-card-v2__column {
  display: grid;
  grid-auto-flow: row;
  justify-content: flex-start;
}
.fengstmyaccount-credit-card-card-v2__column--type {
  position: relative;
}
.fengstmyaccount-credit-card-card-v2__column--type i {
  position: absolute;
  transform: scale(0.6);
  transform-origin: center;
  top: -15px;
  right: -21px;
}
.fengstmyaccount-credit-card-card-v2__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card-v2__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-credit-card-card-v2__menu + * .cdk-overlay-pane > div.mat-menu-panel {
  min-height: initial !important;
}
.fengstmyaccount-credit-card-card-v2__menu + * .cdk-overlay-pane > div.mat-menu-panel > div.mat-menu-content {
  padding: 0;
  display: grid;
  grid-auto-flow: row;
}
.fengstmyaccount-credit-card-card-v2__menu + * .cdk-overlay-pane > div.mat-menu-panel > div.mat-menu-content .feng-btn {
  width: 100%;
}
.fengstmyaccount-add-credit-card-card-v2 {
  position: relative;
  background-color: var(--add-card-background);
  margin: 0 auto;
  border: var(--add-card-border);
  border-radius: 15px;
  box-shadow: none;
  max-width: var(--add-card-max-width-mobile);
  width: var(--add-card-width-mobile);
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2 {
    max-width: var(--add-card-width);
    width: 100%;
  }
}
.fengstmyaccount-add-credit-card-card-v2 .hcaptcha {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 80px;
  margin-top: -20px;
}
.fengstmyaccount-add-credit-card-card-v2 .hcaptcha > div {
  position: absolute;
  display: flex;
  justify-content: center;
  transform: scale(0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.fengstmyaccount-add-credit-card-card-v2__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  min-height: 190px;
  padding: 20px;
  white-space: nowrap;
  max-width: var(--add-card-max-width-mobile);
  width: var(--add-card-width-mobile);
}
.fengstmyaccount-add-credit-card-card-v2__wrapper form {
  margin: auto;
  max-width: 244px;
  transform: scale(0.8);
  transform-origin: 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper form {
    transform: none;
    transform-origin: 0;
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper {
    max-width: var(--add-card-width);
    min-height: var(--add-card-min-height);
  }
}
.fengstmyaccount-add-credit-card-card-v2__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-add-credit-card-card-v2__wrapper fengstui-select,
.fengstmyaccount-add-credit-card-card-v2__wrapper fengstui-input {
  max-width: 270px;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper fengstui-select,
.fengstmyaccount-add-credit-card-card-v2__wrapper fengstui-input {
    max-width: 100%;
  }
}
.fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) {
  display: flex;
  width: auto;
  grid-gap: 3px;
  align-items: center;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) {
    display: grid;
    width: var(--add-card-edit-width);
    align-items: flex-start;
    grid-gap: 15px;
    grid-template: auto/repeat(3, var(--add-card-edit-spacing));
  }
}
.fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) fengstui-input {
  margin: auto;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) fengstui-input {
    margin: 0;
  }
}
.fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) fengstui-input .feng-input mat-form-field {
  width: 100px;
}
.fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) i {
  transform: scale(0.6);
  transform-origin: center;
  justify-self: center;
  align-self: flex-start;
  margin: auto;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) i {
    margin: 0;
    transform: scale(0.75);
    transform-origin: top;
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.fengstmyaccount-add-credit-card-card-v2__add-button {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
}
.fengstmyaccount-add-credit-card-card-v2__add-button .feng-btn {
  color: var(--add-card-color) !important;
  background-color: var(--add-card-background) !important;
  font-size: 20px;
  text-transform: var(--add-card-font-case, "uppercase");
  letter-spacing: 0.5px;
  font-family: var(--add-card-font-family);
  grid-gap: 10px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .fengstmyaccount-add-credit-card-card-v2__add-button .feng-btn {
    position: relative;
  }
}
.fengstmyaccount-add-credit-card-card-v2__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__edit-mode-actions {
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-add-credit-card-card-v2__edit-mode-actions fengstui-button .feng-btn--info {
  color: black !important;
  border-radius: var(--add-card-buttons-radius) !important;
}
.fengstmyaccount-add-credit-card-card-v2__edit-mode-actions-submit .feng-btn {
  background: var(--on-secondary) !important;
  color: var(--on-background) !important;
  border-radius: var(--add-card-buttons-radius) !important;
  font-size: 14px;
}
.fengstmyaccount-credit-card-card {
  position: relative;
  color: var(--on-background);
  background-color: var(--background);
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  width: 280px;
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card {
    width: 370px;
  }
}
.fengstmyaccount-credit-card-card__action {
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  grid-auto-flow: column;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengstmyaccount-credit-card-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-credit-card-card__action i.fengi-star {
  font-size: 22px;
  width: 42px;
  height: 42px;
  text-align: center;
  align-items: center;
  display: grid;
}
.fengstmyaccount-credit-card-card__action i.fengi-star.--favorite {
  color: var(--primary);
}
.fengstmyaccount-credit-card-card__action i.fengi-star.--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-credit-card-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  min-height: 215px;
  padding: 20px;
  width: 280px;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card__wrapper {
    width: 370px;
  }
}
.fengstmyaccount-credit-card-card__wrapper fengstui-select,
.fengstmyaccount-credit-card-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-credit-card-card__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-credit-card-card__row {
  display: grid;
  grid-auto-flow: row;
  justify-content: flex-start;
}
.fengstmyaccount-credit-card-card__row strong {
  letter-spacing: 1px;
}
.fengstmyaccount-credit-card-card__row:nth-child(3) {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 15px;
  align-items: flex-start;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card__row:nth-child(3) {
    grid-template-columns: repeat(3, 100px);
    width: 330px;
  }
}
.fengstmyaccount-credit-card-card__column {
  display: grid;
  grid-auto-flow: row;
  justify-content: flex-start;
}
.fengstmyaccount-credit-card-card__column--type {
  position: relative;
}
.fengstmyaccount-credit-card-card__column--type i {
  position: absolute;
  transform: scale(0.65);
  transform-origin: center;
  top: -15px;
}
.fengstmyaccount-credit-card-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-credit-card-card__menu + * .cdk-overlay-pane > div.mat-menu-panel {
  min-height: initial !important;
}
.fengstmyaccount-credit-card-card__menu + * .cdk-overlay-pane > div.mat-menu-panel > div.mat-menu-content {
  padding: 0;
  display: grid;
  grid-auto-flow: row;
}
.fengstmyaccount-credit-card-card__menu + * .cdk-overlay-pane > div.mat-menu-panel > div.mat-menu-content .feng-btn {
  width: 100%;
}
.fengstmyaccount-add-credit-card-card {
  position: relative;
  background-color: var(--on-background);
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  max-width: 300px;
  width: 100%;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card {
    max-width: 370px;
  }
}
.fengstmyaccount-add-credit-card-card__ptp-header {
  color: var(--background);
}
.fengstmyaccount-add-credit-card-card__ptp-icons {
  display: grid;
  gap: 1em;
  grid-auto-flow: column;
  margin-bottom: 2em;
  width: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 0 0 1em 0;
}
.fengstmyaccount-add-credit-card-card__ptp-icons::-webkit-scrollbar {
  height: 7px;
}
.fengstmyaccount-add-credit-card-card__ptp-icons::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}
.fengstmyaccount-add-credit-card-card__ptp-icons:hover::-webkit-scrollbar-thumb {
  background: #c7c7c7;
}
.fengstmyaccount-add-credit-card-card__ptp-icons img {
  width: 56px;
  height: 48px;
}
.fengstmyaccount-add-credit-card-card__ptp-footer-action {
  padding: 1em;
  color: var(--primary);
  background-color: var(--on-primary);
  font-weight: bolder;
  width: 100%;
  margin: auto;
  border: 2px solid var(--primary);
  text-align: center;
  margin-bottom: 2em;
  font-weight: bolder;
}
.fengstmyaccount-add-credit-card-card__ptp-footer-action:hover {
  opacity: 0.5;
  cursor: pointer;
}
.fengstmyaccount-add-credit-card-card__ptp-footer-provider-img {
  width: 100%;
  display: grid;
  justify-content: flex-end;
}
.fengstmyaccount-add-credit-card-card__ptp-footer-provider-img img {
  width: 100%;
  display: grid;
  justify-items: flex-end;
  max-width: 182px;
  height: auto;
}
.fengstmyaccount-add-credit-card-card .hcaptcha {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 80px;
  margin-top: -20px;
}
.fengstmyaccount-add-credit-card-card .hcaptcha > div {
  position: absolute;
  display: flex;
  justify-content: center;
  transform: scale(0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.fengstmyaccount-add-credit-card-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  min-height: 190px;
  padding: 20px;
  max-width: 300px;
  width: 100%;
}
.fengstmyaccount-add-credit-card-card__wrapper form {
  margin: auto;
  max-width: 244px;
  transform: scale(0.8);
  transform-origin: 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper form {
    transform: none;
    transform-origin: 0;
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper {
    max-width: 370px;
    min-height: 215px;
  }
}
.fengstmyaccount-add-credit-card-card__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-add-credit-card-card__wrapper fengstui-select,
.fengstmyaccount-add-credit-card-card__wrapper fengstui-input {
  max-width: 270px;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper fengstui-select,
.fengstmyaccount-add-credit-card-card__wrapper fengstui-input {
    max-width: 100%;
  }
}
.fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) {
  display: grid;
  width: auto;
  grid-gap: 15px;
  align-items: center;
  grid-template: auto auto/auto auto;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) {
    width: 330px;
    align-items: flex-start;
    grid-template: auto/repeat(3, 100px);
  }
}
.fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) fengstui-input {
  margin: auto;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) fengstui-input {
    margin: 0;
  }
}
.fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) fengstui-input .feng-input mat-form-field {
  width: 100px;
}
.fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) i {
  transform: scale(0.75);
  transform-origin: top;
  justify-self: center;
  align-self: flex-start;
  margin: auto;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) i {
    margin: 0;
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.fengstmyaccount-add-credit-card-card__add-button {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
}
.fengstmyaccount-add-credit-card-card__add-button .feng-btn {
  display: grid;
  grid-gap: 20px;
  color: var(--background) !important;
  background-color: var(--on-background) !important;
}
.fengstmyaccount-add-credit-card-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-add-credit-card-card__edit-mode-actions fengstui-button .feng-btn--info {
  color: black !important;
}
.fengstmyaccount-installments-card {
  position: relative;
  color: var(--on-background);
  background-color: var(--background);
  width: 100%;
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstmyaccount-installments-card__tooltip-not-truncated {
  word-break: break-all !important;
  white-space: normal !important;
}
.fengstmyaccount-installments-card__action {
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  grid-auto-flow: column;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-installments-card__action i.fengi-star {
  font-size: 22px;
  width: 42px;
  height: 42px;
  text-align: center;
  align-items: center;
  display: grid;
}
.fengstmyaccount-installments-card__action i.fengi-star.--favorite {
  color: var(--primary);
}
.fengstmyaccount-installments-card__action i.fengi-star.--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-installments-card__wrapper {
  position: relative;
  display: grid;
  gap: 15px;
  min-height: 215px;
  padding: 20px;
}
.fengstmyaccount-installments-card__wrapper fengstui-select,
.fengstmyaccount-installments-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-installments-card__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-installments-card__table {
  text-align: center;
  position: relative;
}
.fengstmyaccount-installments-card__table-action {
  display: grid;
  grid-auto-flow: row;
  gap: 10px;
}
.fengstmyaccount-installments-card__table-filter {
  display: grid;
  grid-auto-flow: row;
  gap: 15px;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card__table-filter {
    grid-auto-flow: column;
    grid-template-columns: "18% ​20% 20% auto";
  }
}
.fengstmyaccount-installments-card__table-filter--date {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  align-items: center;
  grid-template-columns: auto min-content;
}
.fengstmyaccount-installments-card__table-head {
  display: none;
  grid-template-columns: repeat(7, 1fr);
  color: rgba(var(--on-background-RGB), 0.5);
  font-weight: bold;
  padding: 5px;
  background-color: rgba(var(--on-background-RGB), 0.05);
  border-top: 1px solid rgba(var(--on-background-RGB), 0.1);
  border-bottom: 1px solid rgba(var(--on-background-RGB), 0.1);
  padding: 20px 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-installments-card__table-head {
    display: grid;
  }
}
.fengstmyaccount-installments-card__table-body {
  position: relative;
}
.fengstmyaccount-installments-card__table-body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--on-background);
  background-color: var(--background);
  padding: 15px;
  height: 100%;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 767px) {
  .fengstmyaccount-installments-card__table-body-row {
    padding: unset;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: "plano categoria nome-usuario cobranca vencimento status action";
  }
}
.fengstmyaccount-installments-card__table-body-row--paying {
  background-color: rgba(var(--primary-RGB), 0.075);
  margin-bottom: 0;
  border-bottom: 0;
}
.fengstmyaccount-installments-card__table-plan {
  grid-area: plano;
  text-transform: capitalize;
}
.fengstmyaccount-installments-card__table-category {
  grid-area: categoria;
}
.fengstmyaccount-installments-card__table-user {
  grid-area: nome-usuario;
}
.fengstmyaccount-installments-card__table-value {
  grid-area: cobranca;
}
.fengstmyaccount-installments-card__table-due-date {
  grid-area: vencimento;
}
.fengstmyaccount-installments-card__table-status {
  grid-area: status;
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-installments-card__table-status .--paid {
  color: var(--success);
}
.fengstmyaccount-installments-card__table-status .--waiting {
  color: var(--warning);
}
.fengstmyaccount-installments-card__table-status .--attempt {
  color: var(--warning);
}
.fengstmyaccount-installments-card__table-status .--cancelled {
  color: var(--error);
}
.fengstmyaccount-installments-card__table-action {
  grid-area: action;
  display: grid;
  gap: 5px;
}
.fengstmyaccount-installments-card__table-floatingButton {
  display: block;
  position: fixed;
  z-index: 1;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fengstmyaccount-installments-card__table-floatingButton--hide {
  display: none;
}
.fengstmyaccount-installments-card__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  font-size: 1.5em;
  margin: 30px 0;
}
.fengstmyaccount-installments-card__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2 {
  position: relative;
  color: var(--on-background);
  background-color: var(--background);
  width: 100%;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.05);
}
.fengstmyaccount-installments-card-v2__action {
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  grid-auto-flow: column;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card-v2__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-installments-card-v2__action i.fengi-star {
  font-size: 22px;
  width: 42px;
  height: 42px;
  text-align: center;
  align-items: center;
  display: grid;
}
.fengstmyaccount-installments-card-v2__action i.fengi-star.--favorite {
  color: var(--primary);
}
.fengstmyaccount-installments-card-v2__action i.fengi-star.--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-installments-card-v2__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  min-height: 215px;
  padding: 20px;
}
.fengstmyaccount-installments-card-v2__wrapper--v3 {
  padding: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card-v2__wrapper--v3 {
    padding: 20px;
  }
}
.fengstmyaccount-installments-card-v2__wrapper fengstui-select,
.fengstmyaccount-installments-card-v2__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-installments-card-v2__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-installments-card-v2__table {
  text-align: center;
  position: relative;
  width: 100%;
}
.fengstmyaccount-installments-card-v2__table--v3 {
  width: 100%;
}
.fengstmyaccount-installments-card-v2__table-filter {
  display: grid;
  grid-auto-flow: row;
  gap: 15px;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card-v2__table-filter {
    grid-auto-flow: column;
    grid-template-columns: "18% 20% 20% auto";
  }
}
.fengstmyaccount-installments-card-v2__table-filter--v3 {
  display: grid;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card-v2__table-filter--v3 {
    padding: 16px;
  }
}
.fengstmyaccount-installments-card-v2__table-filter-control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.fengstmyaccount-installments-card-v2__table-filter-label {
  font: normal normal 700 16px/24px Barlow;
  color: #393939;
}
.fengstmyaccount-installments-card-v2__table-filter-date {
  position: relative;
}
.fengstmyaccount-installments-card-v2__table-filter-date-input .mat-input-element::after {
  white-space: normal !important;
}
.fengstmyaccount-installments-card-v2__table-filter-date-clear {
  pointer-events: none;
  position: absolute;
  top: 5px;
  right: 6px;
}
.fengstmyaccount-installments-card-v2__table-filter-date-clear .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 1 !important;
}
.fengstmyaccount-installments-card-v2__table-filter-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.fengstmyaccount-installments-card-v2__table-filter-search .feng-input--primary.feng-input .feng-input__icon-wrapper--right {
  position: relative;
  border: solid 1px #dedede;
  left: -2px;
  border-left-width: 0;
  color: #000;
  background: #fff;
}
.fengstmyaccount-installments-card-v2__table-content {
  max-width: calc(100vw - 83px);
  overflow-x: auto;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--divider-color);
  border-bottom-width: 0;
}
.fengstmyaccount-installments-card-v2__table-content--v3 {
  max-width: calc(100vw - 32px);
}
.fengstmyaccount-installments-card-v2__table-content-item {
  width: 100%;
  min-width: 900px;
  text-align: left;
  font-family: var(--font-primary);
}
.fengstmyaccount-installments-card-v2__table-content-item .mat-header-row {
  background: var(--table-header-footer-background);
}
.fengstmyaccount-installments-card-v2__table-content-item .mat-header-cell {
  font-weight: 700;
  font-size: 14px;
  color: var(--primary-light);
}
.fengstmyaccount-installments-card-v2__table-content-item .mat-cell {
  color: var(--primary-light);
  font-size: 14px;
}
.fengstmyaccount-installments-card-v2__table mat-paginator {
  background: var(--table-header-footer-background);
  border: 1px solid var(--divider-color);
  border-top-width: 0;
  border-radius: 0 0 4px 4px;
}
.fengstmyaccount-installments-card-v2__table-action {
  margin: 16px 0;
}
.fengstmyaccount-installments-card-v2__table-action fengstui-button {
  width: 100%;
}
.fengstmyaccount-installments-card-v2__table-action fengstui-button .feng-btn {
  width: 100%;
  border-radius: 4px !important;
}
.fengstmyaccount-installments-card-v2__table-action fengstui-button .feng-btn--primary {
  background: var(--on-secondary) !important;
  color: var(--on-background) !important;
}
.fengstmyaccount-installments-card-v2__table-status {
  display: flex;
  gap: 10px;
  align-items: center;
}
.fengstmyaccount-installments-card-v2__table-status i {
  color: var(--primary-light);
}
.fengstmyaccount-installments-card-v2__table-status--paid {
  color: var(--success);
}
.fengstmyaccount-installments-card-v2__table-status--paid i {
  color: var(--success);
}
.fengstmyaccount-installments-card-v2__table-status--expired {
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2__table-status--expired i {
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2__table-status--expired-v3 {
  gap: 4px;
}
.fengstmyaccount-installments-card-v2__table-status--expired-v3 i, .fengstmyaccount-installments-card-v2__table-status--expired-v3 b {
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2__table-status--waiting {
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2__table-status--waiting-v3 {
  gap: 4px;
}
.fengstmyaccount-installments-card-v2__table-status--waiting-v3 i, .fengstmyaccount-installments-card-v2__table-status--waiting-v3 b {
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2__table-status--attempt {
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2__table-status--cancelled {
  color: var(--error);
}
.fengstmyaccount-installments-card-v2__table-status--cancelled i {
  color: var(--error);
}
.fengstmyaccount-installments-card-v2__custom-checkbox .mat-checkbox-layout {
  background: #fff;
}
.fengstmyaccount-installments-card-v2__custom-checkbox .feng-checkbox.mat-checkbox .mat-checkbox-label i {
  border-color: #d2ced7;
}
.fengstmyaccount-installments-card-v2__custom-checkbox .feng-checkbox.mat-checkbox .mat-checkbox-label i:hover:before {
  content: "ﶘ" !important;
  font-size: 14px;
  color: var(--installments-checkbox-color, var(--on-primary));
}
.fengstmyaccount-installments-card-v2__custom-checkbox .feng-checkbox--primary.mat-checkbox-checked .mat-checkbox-label i {
  background: var(--installments-checkbox-bg, #d2ced7) !important;
}
.fengstmyaccount-installments-card-v2__custom-checkbox .feng-checkbox--primary.mat-checkbox-checked .mat-checkbox-label i:before {
  content: "ﶘ" !important;
  font-size: 14px;
  color: var(--installments-checkbox-color, var(--on-primary));
}
.fengstmyaccount-installments-card-v2__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  font-size: 1.5em;
  margin: 30px 0;
  font-family: var(--font-title);
  text-transform: uppercase;
}
.fengstmyaccount-installments-card-v2__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2__badge {
  border-radius: 100px;
  border: 1px solid #CA3521;
  background: #FFE0E1;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1px 12px;
}
.fengstmyaccount-installments-card-v2__badge strong {
  font-weight: 700;
  font-size: 12px;
  color: #CA3521;
}
.fengstmyaccount-installments-card-v2__submit-button {
  align-self: flex-end;
  padding: 0 24px 50px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card-v2__submit-button {
    padding: 0;
  }
}
.fengstmyaccount-installments-card-v2__submit-button button {
  display: flex;
  margin-left: auto;
  margin-top: 9px;
  width: 100%;
  font-family: var(--installments-button-font, var(--font-button)) !important;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card-v2__submit-button button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstmyaccount-installments-card-v2__submit-button .feng-btn.feng-btn--ghost {
  background: transparent !important;
  color: var(--on-secondary) !important;
  border-color: currentColor !important;
}
.fengstmyaccount-installments-card-v2 .select-width {
  min-width: 52px;
}
.fengstmyaccount-installments-card-v2 .plan-width, .fengstmyaccount-installments-card-v2 .category-width, .fengstmyaccount-installments-card-v2 .name-width, .fengstmyaccount-installments-card-v2 .cobranca-width, .fengstmyaccount-installments-card-v2 .venc-width {
  min-width: 100px;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card-v2 .plan-width, .fengstmyaccount-installments-card-v2 .category-width, .fengstmyaccount-installments-card-v2 .name-width, .fengstmyaccount-installments-card-v2 .cobranca-width, .fengstmyaccount-installments-card-v2 .venc-width {
    min-width: 200px;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card-v2 .plan-width, .fengstmyaccount-installments-card-v2 .category-width {
    min-width: 150px;
  }
}
.fengstmyaccount-installments-payment {
  display: grid;
  width: 100%;
  padding: 20px;
  gap: 25px;
  border: 3px solid rgba(var(--primary-RGB), 0.25);
  color: var(--on-background);
  background-color: var(--background);
}
.fengstmyaccount-installments-payment__method {
  display: grid;
  gap: 25px;
}
.fengstmyaccount-installments-payment__method h3 {
  margin: 0;
}
.fengstmyaccount-installments-payment__menu {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .fengstmyaccount-installments-payment__menu {
    grid-auto-flow: column;
  }
}
.fengstmyaccount-installments-payment__menu fengstui-button {
  height: 100%;
}
.fengstmyaccount-installments-payment__menu fengstui-button .feng-btn {
  width: 100%;
  height: 100%;
}
.fengstmyaccount-installments-payment__menu .--selected {
  position: relative;
}
.fengstmyaccount-installments-payment__menu .--selected::after {
  content: " ";
  border-top: 10px solid var(--primary);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  height: 0px;
  width: 0px;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -10px;
}
.fengstmyaccount-installments-payment__menu .--not-selected {
  opacity: 0.5;
}
.fengstmyaccount-installments-payment__credit-content {
  display: grid;
  padding: 15px;
  background-color: rgba(var(--on-background-RGB), 0.03);
  gap: 15px;
}
.fengstmyaccount-installments-payment__bank-slip-content {
  display: grid;
  padding: 15px;
  background-color: rgba(var(--on-background-RGB), 0.03);
  gap: 15px;
}
.fengstmyaccount-installments-payment__bank-slip-content p {
  margin: 0;
}
.fengstmyaccount-installments-payment__bank-slip-content p span {
  line-break: anywhere;
}
.fengstmyaccount-installments-payment__bank-slip-content-action {
  display: grid;
  gap: 15px;
  grid-auto-flow: row;
  justify-content: center;
}
@media (min-width: 576px) {
  .fengstmyaccount-installments-payment__bank-slip-content-action {
    grid-auto-flow: column;
  }
}
.fengstmyaccount-installments-payment__bank-slip-content-action fengstui-button {
  height: 100%;
}
.fengstmyaccount-installments-payment__bank-slip-content-action fengstui-button .feng-btn {
  width: 100%;
  height: 100%;
}
.fengstmyaccount-multiple-payments {
  display: grid;
  gap: 1em;
  position: relative;
}
.fengstmyaccount-multiple-payments__wrapper {
  margin: 0.5rem 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 50vh;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  overflow-y: auto;
}
.fengstmyaccount-multiple-payments__row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 30% 40% 18% 6%;
  gap: 2%;
  padding: 5px;
  margin-bottom: 4px;
  align-items: center;
  background-color: var(--background);
  border-bottom: 1px solid var(--on-background);
}
.fengstmyaccount-multiple-payments__row:nth-child(odd) {
  background-color: rgba(var(--on-background-RGB), 0.06);
}
.fengstmyaccount-multiple-payments__row div {
  overflow-wrap: break-word;
}
.fengstmyaccount-multiple-payments__row div:nth-child(3) {
  display: grid;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-multiple-payments__row div:last-child {
  display: grid;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-multiple-payments__row fengstui-button .feng-btn--icon {
  background-color: transparent !important;
}
.fengstmyaccount-multiple-payments__content {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 767px) {
  .fengstmyaccount-multiple-payments__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.fengstmyaccount-multiple-payments__content__more-installments {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
  text-align: center;
}
.fengstmyaccount-multiple-payments__content__actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 767px) {
  .fengstmyaccount-multiple-payments__content__actions {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
}
.fengstmyaccount-multiple-payments__content__actions fengstui-button .feng-btn {
  width: 100%;
  border-radius: 3px;
}
.fengstmyaccount-multiple-payments__warning__option-payment {
  text-align: start;
  font-size: 1em;
  margin: 0.25em;
}
.fengstmyaccount-multiple-payments__payments_methods {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 3px;
  margin-bottom: 15px;
}
.fengstmyaccount-multiple-payments__payments_methods button {
  text-align: center;
  padding: 5px 0;
  border: none;
  font-weight: 600;
}
.fengstmyaccount-multiple-payments__payments_methods button:hover {
  cursor: pointer;
}
.fengstmyaccount-multiple-payments__payments_methods .button_inactive {
  background: #d3d3d3;
  color: #808080;
}
.fengstmyaccount-multiple-payments__payments_methods .button_active {
  background: #000;
  color: #fff;
}
.fengstmyaccount-multiple-payments__payments_methods--multiple {
  grid-template-columns: 50% 50%;
  grid-auto-flow: row;
}
.fengstmyaccount-payment-v2 {
  display: grid;
  gap: 1em;
  position: relative;
  max-width: 580px !important;
  width: 100%;
  max-height: 90svh;
}
.fengstmyaccount-payment-v2 .mat-dialog-container::-webkit-scrollbar {
  width: 8px;
}
.fengstmyaccount-payment-v2 .mat-dialog-container::-webkit-scrollbar-track {
  background: var(--divider-color);
  border-radius: 24px;
}
.fengstmyaccount-payment-v2 .mat-dialog-container::-webkit-scrollbar-thumb {
  background: var(--outline-button-color);
  border-radius: 24px;
}
.fengstmyaccount-payment-v2 fengstui-button .feng-btn--icon {
  color: var(--primary-light) !important;
}
.fengstmyaccount-payment-v2__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fengstmyaccount-payment-v2__head fengstui-button .feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: none !important;
}
.fengstmyaccount-payment-v2__title {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--primary-light);
  font-family: var(--font-primary);
}
.fengstmyaccount-payment-v2__desc {
  display: flex;
  flex-direction: column;
  color: var(--primary-light);
}
.fengstmyaccount-payment-v2__desc strong {
  font-weight: 700;
  font-size: 1rem;
}
.fengstmyaccount-payment-v2__desc p {
  margin: 8px 0 16px;
}
.fengstmyaccount-payment-v2__wrapper {
  margin: 0.5rem 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 70vh;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  overflow-y: auto;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
}
.fengstmyaccount-payment-v2__row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 0.5fr 1fr 0.2fr;
  gap: 2%;
  padding-left: 16px;
  align-items: center;
  background-color: var(--background);
  min-width: 500px;
}
.fengstmyaccount-payment-v2__row:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
}
.fengstmyaccount-payment-v2__row:nth-child(odd) {
  background-color: rgba(var(--on-background-RGB), 0.06);
}
.fengstmyaccount-payment-v2__row div {
  overflow-wrap: break-word;
}
.fengstmyaccount-payment-v2__row div:nth-child(3) {
  display: grid;
  justify-content: center;
  align-items: center;
  background: transparent;
}
.fengstmyaccount-payment-v2__row div:last-child {
  display: grid;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-payment-v2__row fengstui-button .feng-btn--icon {
  background: var(--installments-payment-modal-check-bg) !important;
  color: var(--primary-light) !important;
  width: 56px;
  height: 52px;
}
.fengstmyaccount-payment-v2__row--total {
  min-width: 100%;
  padding: 15px 16px;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
}
.fengstmyaccount-payment-v2__actions {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  gap: 10px;
  margin-top: 16px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-payment-v2__actions {
    gap: 16px;
    flex-direction: row;
    justify-content: flex-end;
  }
}
.fengstmyaccount-payment-v2__actions fengstui-button {
  width: 100%;
}
.fengstmyaccount-payment-v2__actions fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-payment-v2__actions fengstui-button .feng-btn--primary {
  background: var(--on-secondary) !important;
  color: var(--on-background) !important;
}
.fengstmyaccount-payment-v2__warning {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  font-size: 0.85em;
}
.fengstmyaccount-payment-v2__warning p {
  font-size: 1em;
  margin: 0.25em;
}
@media (min-width: 767px) {
  .fengstmyaccount-payment-v2__warning {
    gap: 2%;
    grid-auto-flow: column;
    grid-template-columns: 30% 68%;
    justify-content: space-around;
  }
}
.fengstmyaccount-payment-v2__warning__more-installments {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
  text-align: left;
}
.fengstmyaccount-payment-v2__warning__option-payment {
  text-align: right;
}
.fengstmyaccount-payment-v2__text {
  text-align: center;
  font-size: 14px;
  color: var(--primary-light);
  margin: 10px 0 0 0;
}
.fengstmyaccount-payment-v2__subtitle {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--primary-light);
}
.fengstmyaccount-payment-v2 hr {
  height: 1px;
  border: 0;
  border-top: 1px solid var(--divider-color);
  margin: 13px 0 5px;
  padding: 0;
}
.fengstmyaccount-payment-v2__payments_methods {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  margin-bottom: 15px;
}
.fengstmyaccount-payment-v2__payments_methods button {
  text-align: center;
  padding: 16px;
  border: none;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 64px;
  flex-direction: column;
}
.fengstmyaccount-payment-v2__payments_methods button i {
  font-size: 23px;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .fengstmyaccount-payment-v2__payments_methods button {
    flex-direction: row;
  }
}
.fengstmyaccount-payment-v2__payments_methods button:hover {
  cursor: pointer;
}
.fengstmyaccount-payment-v2__payments_methods .button_inactive {
  color: var(--surface);
  background: var(--table-header-footer-background);
}
.fengstmyaccount-payment-v2__payments_methods .button_active {
  background: var(--installments-payment-modal-method-selected);
  color: var(--secondary);
}
.fengstmyaccount-payment-v2__payments_methods--multiple {
  grid-template-columns: 50% 50%;
  grid-auto-flow: row;
}
.fengstmyaccount-payment-v2__ccard-list {
  list-style: none;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
  padding: 7px;
}
.fengstmyaccount-payment-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.fengstmyaccount-payment-v2__ccard-list .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--secondary);
}
.fengstmyaccount-payment-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.fengstmyaccount-payment-v2__ccard-list .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--secondary);
}
.fengstmyaccount-payment-v2__ccard-list .mat-radio-container {
  transform: scale(0.8);
}
.fengstmyaccount-payment-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--secondary) !important;
}
.fengstmyaccount-payment-v2__ccard-list li {
  display: flex;
  align-items: center;
  column-gap: 7px;
  padding: 16px 0 16px 8px;
}
.fengstmyaccount-payment-v2__ccard-list li:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 6px;
}
.fengstmyaccount-payment-v2__ccard-list li:last-child {
  padding: 0;
}
.fengstmyaccount-payment-v2__ccard-list-item {
  display: flex;
  align-items: center;
  gap: 29px;
}
.fengstmyaccount-payment-v2__ccard-list-item-main {
  color: var(--primary-light);
  background: var(--installments-payment-modal-method-ccard-bg);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  font-size: 19px;
  border: none;
}
.fengstmyaccount-payment-v2__ccard-list-item-main i {
  position: relative;
  left: 1px;
  top: 2px;
}
.fengstmyaccount-payment-v2__ccard-list-item-main .star {
  position: absolute;
  display: flex;
  align-items: center;
  right: -13px;
  left: auto;
  top: 10px;
  font-size: 17px;
  color: var(--surface);
}
.fengstmyaccount-payment-v2__ccard-list-item-main .star--selected {
  color: var(--primary-light);
}
.fengstmyaccount-payment-v2__ccard-list-item-text {
  margin: 0;
  color: var(--primary-light);
  font-size: 14px;
}
.fengstmyaccount-payment-v2__ccard-list-new-card {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
  margin: auto;
}
.fengstmyaccount-payment-v2__ccard-list-new-card .feng-btn {
  color: var(--on-background) !important;
  background-color: transparent !important;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--add-card-font-family);
  grid-gap: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fengstmyaccount-payment-v2__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .fengstmyaccount-payment-v2__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 14px !important;
}
.fengstmyaccount-payment-v2__resume-product {
  background: var(--checkout-cart-event-product-background);
  border: solid 1px var(--divider-color);
  border-radius: var(--checkout-cart-event-finish-button-radius);
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-payment-v2__resume-product span {
  display: flex;
  justify-content: space-between;
  padding: 21px;
}
.fengstmyaccount-payment-v2__resume-product span:not(:last-of-type) {
  border-bottom: solid 1px var(--divider-color);
}
.fengstmyaccount-payment-v2__resume-product span p {
  max-width: 245px;
  font-size: 14px;
  color: var(--checkout-cart-event-font-color);
  margin: 0;
}
.fengstmyaccount-payment-v2__resume-total {
  background: var(--checkout-cart-event-product-background);
  border: solid 1px var(--divider-color);
  border-radius: var(--checkout-cart-event-finish-button-radius);
  margin: 0 0 24px;
  display: flex;
  justify-content: space-between;
  padding: 21px;
}
.fengstmyaccount-payment-v2__resume-total strong {
  font-size: 14px;
  color: var(--checkout-cart-event-font-color);
  margin: 0;
}
.fengstmyaccount-multiple-payments-v2 {
  display: grid;
  gap: 1em;
  position: relative;
}
.fengstmyaccount-multiple-payments-v2 fengstui-button .feng-btn--icon {
  color: var(--primary-light) !important;
}
.fengstmyaccount-multiple-payments-v2__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fengstmyaccount-multiple-payments-v2__head fengstui-button .feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: none !important;
}
.fengstmyaccount-multiple-payments-v2__title {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--primary-light);
}
.fengstmyaccount-multiple-payments-v2__wrapper {
  margin: 0.5rem 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 50vh;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  overflow-y: auto;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
}
.fengstmyaccount-multiple-payments-v2__row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 0.5fr 1fr 0.2fr;
  gap: 2%;
  padding-left: 16px;
  align-items: center;
  background-color: var(--background);
  min-width: 500px;
}
.fengstmyaccount-multiple-payments-v2__row:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
}
.fengstmyaccount-multiple-payments-v2__row:nth-child(odd) {
  background-color: rgba(var(--on-background-RGB), 0.06);
}
.fengstmyaccount-multiple-payments-v2__row div {
  overflow-wrap: break-word;
}
.fengstmyaccount-multiple-payments-v2__row div:nth-child(3) {
  display: grid;
  justify-content: center;
  align-items: center;
  background: transparent;
}
.fengstmyaccount-multiple-payments-v2__row div:last-child {
  display: grid;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-multiple-payments-v2__row fengstui-button .feng-btn--icon {
  background: var(--installments-payment-modal-check-bg) !important;
  color: var(--primary-light) !important;
  width: 56px;
  height: 52px;
}
.fengstmyaccount-multiple-payments-v2__row--total {
  min-width: 100%;
  padding: 15px 16px;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
}
.fengstmyaccount-multiple-payments-v2__actions {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  gap: 10px;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .fengstmyaccount-multiple-payments-v2__actions {
    gap: 16px;
    flex-direction: row;
    justify-content: flex-end;
  }
}
.fengstmyaccount-multiple-payments-v2__actions fengstui-button {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-multiple-payments-v2__actions fengstui-button {
    width: auto;
  }
}
.fengstmyaccount-multiple-payments-v2__actions fengstui-button .feng-btn {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-multiple-payments-v2__actions fengstui-button .feng-btn {
    width: auto;
  }
}
.fengstmyaccount-multiple-payments-v2__actions fengstui-button .feng-btn--primary {
  background: var(--on-secondary) !important;
  color: var(--on-background) !important;
}
.fengstmyaccount-multiple-payments-v2__warning {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  font-size: 0.85em;
}
.fengstmyaccount-multiple-payments-v2__warning p {
  font-size: 1em;
  margin: 0.25em;
}
@media (min-width: 767px) {
  .fengstmyaccount-multiple-payments-v2__warning {
    gap: 2%;
    grid-auto-flow: column;
    grid-template-columns: 30% 68%;
    justify-content: space-around;
  }
}
.fengstmyaccount-multiple-payments-v2__warning__more-installments {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
  text-align: left;
}
.fengstmyaccount-multiple-payments-v2__warning__option-payment {
  text-align: right;
}
.fengstmyaccount-multiple-payments-v2__text {
  text-align: center;
  font-size: 14px;
  color: var(--primary-light);
  margin: 10px 0 0 0;
}
.fengstmyaccount-multiple-payments-v2__subtitle {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--primary-light);
}
.fengstmyaccount-multiple-payments-v2 hr {
  height: 1px;
  border: 0;
  border-top: 1px solid var(--divider-color);
  margin: 13px 0 5px;
  padding: 0;
}
.fengstmyaccount-multiple-payments-v2__payments_methods {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  margin-bottom: 15px;
}
.fengstmyaccount-multiple-payments-v2__payments_methods button {
  text-align: center;
  padding: 16px;
  border: none;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 64px;
  flex-direction: column;
}
.fengstmyaccount-multiple-payments-v2__payments_methods button i {
  font-size: 23px;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .fengstmyaccount-multiple-payments-v2__payments_methods button {
    flex-direction: row;
  }
}
.fengstmyaccount-multiple-payments-v2__payments_methods button:hover {
  cursor: pointer;
}
.fengstmyaccount-multiple-payments-v2__payments_methods .button_inactive {
  color: var(--surface);
  background: var(--table-header-footer-background);
}
.fengstmyaccount-multiple-payments-v2__payments_methods .button_active {
  background: var(--installments-payment-modal-method-selected);
  color: var(--secondary);
}
.fengstmyaccount-multiple-payments-v2__payments_methods--multiple {
  grid-template-columns: 50% 50%;
  grid-auto-flow: row;
}
.fengstmyaccount-multiple-payments-v2__ccard-list {
  list-style: none;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
  padding: 7px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--secondary);
}
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--secondary);
}
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-container {
  transform: scale(0.8);
}
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--secondary) !important;
}
.fengstmyaccount-multiple-payments-v2__ccard-list li {
  display: flex;
  align-items: center;
  column-gap: 7px;
  padding: 16px 0 16px 8px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list li:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 6px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list li:last-child {
  padding: 0;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item {
  display: flex;
  align-items: center;
  gap: 29px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item-main {
  color: var(--primary-light);
  background: var(--installments-payment-modal-method-ccard-bg);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  font-size: 19px;
  border: none;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item-main i {
  position: relative;
  left: 1px;
  top: 2px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item-main .star {
  position: absolute;
  display: flex;
  align-items: center;
  right: -13px;
  left: auto;
  top: 10px;
  font-size: 17px;
  color: var(--surface);
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item-main .star--selected {
  color: var(--primary-light);
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item-text {
  margin: 0;
  color: var(--primary-light);
  font-size: 14px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-new-card {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
  margin: auto;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-new-card .feng-btn {
  color: var(--on-background) !important;
  background-color: transparent !important;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--add-card-font-family);
  grid-gap: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .fengstmyaccount-multiple-payments-v2__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 14px !important;
}
.fengstmyaccount-installments-address {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-address {
    padding: 30px;
  }
}
.fengstmyaccount-installments-address__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
}
.fengstmyaccount-installments-address fengstui-select,
.fengstmyaccount-installments-address fengstui-input {
  width: 100%;
}
.bancard-result {
  width: 80%;
  text-align: center;
  margin: 60px auto;
}
.bancard-result > i, .bancard-result > div > i {
  font-size: 100px;
}
.bancard-result h1 {
  font-size: 26px;
}
.bancard-result h2 {
  font-size: 20px;
  margin-bottom: 80px;
}
.bancard-result > .icone-sucesso {
  text-align: center;
  margin: 20px 0;
  font-size: 80px;
  color: darkgreen;
}
.bancard-result > .icone-fail {
  text-align: center;
  margin: 20px 0;
  font-size: 80px;
  color: darkred;
}
.proposts {
  width: 100%;
  height: 100%;
  min-height: 450px;
  padding-top: 30px;
  display: block;
  position: relative;
}
.proposts mat-form-field {
  display: block !important;
  font-size: 15px !important;
  width: 100%;
}
.proposts mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.proposts__header {
  display: block;
  margin-bottom: 10px;
}
.proposts__header h1 {
  display: flex;
  justify-content: center;
  font-weight: normal;
  font-size: 20px;
}
@media (min-width: 992px) {
  .proposts__header h1 {
    justify-content: start;
  }
}
@media (min-width: 992px) {
  .proposts__header {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
    margin-bottom: 20px;
    height: 60px;
    max-width: 100%;
  }
}
.proposts__filter {
  display: flex;
  flex-direction: column;
}
.proposts__filter--search {
  order: -1;
}
@media (min-width: 992px) {
  .proposts__filter--search {
    order: 3;
  }
}
@media (min-width: 992px) {
  .proposts__filter {
    display: grid;
    grid-template-columns: 0.8fr 0.8fr 0.8fr 1.6fr;
    grid-template-rows: 1fr;
    gap: 0px 10px;
    height: 60px;
  }
}
.proposts__filter button {
  display: block;
  width: 100%;
  height: 55px;
  background: none;
  color: #333;
  border-radius: 5px;
  margin-top: 5px;
  border: none;
}
.proposts__filter button:disabled {
  background-color: #d4d4d4;
  color: #c3c3c3;
  cursor: not-allowed;
}
.proposts__filter button.active, .proposts__filter button:hover {
  cursor: pointer;
  border: 1px solid #333;
}
.proposts__wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
  display: block;
}
.proposts__wrapper ul {
  padding: 0px;
  margin: 0px;
}
.proposts__wrapper ul li {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 10px;
  width: 100%;
  background: white;
  font-size: 18px;
  align-items: center;
  padding: 10px 20px;
}
.proposts__wrapper ul li button {
  margin: 15px;
}
.proposts__wrapper ul li div {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .proposts__wrapper ul li {
    display: grid;
    grid-template-columns: 2fr 1fr 0.5fr 0.5fr;
    grid-template-rows: 1fr;
    gap: 0px 20px;
    grid-template-areas: ". . . .";
    height: 60px;
  }
  .proposts__wrapper ul li button {
    margin: 0px;
  }
  .proposts__wrapper ul li div {
    margin-bottom: 0px;
  }
}
.proposts__list .primary-button {
  padding: 0.5em 1.125em;
  font-size: 14px;
  font-weight: 500;
  font-family: "Titillium Web";
  border: none;
  cursor: pointer;
}
.proposts__approve-button {
  background: var(--proposed-approve-button);
}
.proposts__approve-button:hover {
  background-color: var(--proposed-approve-button-hover) !important;
}
.proposts__approve-button:disabled {
  background-color: #d4d4d4;
  color: #c3c3c3;
  cursor: not-allowed;
}
.proposts__disapprove-button {
  background: var(--proposed-disapprove-button);
}
.proposts__disapprove-button:hover {
  background-color: var(--proposed-disapprove-button-hover) !important;
}
.proposts__notProposts {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  font-size: 1.2rem;
  font-weight: 600;
}
.modal-user-gift-cards {
  position: relative;
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 0px !important;
}
@media (min-width: 992px) {
  .modal-user-gift-cards {
    max-height: 550px !important;
  }
}
.modal-user-gift-cards .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 5px;
}
@media (max-width: 480px) {
  .modal-user-gift-cards .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .modal-user-gift-cards .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 10vh;
    max-width: 687px;
    height: 700px !important;
    overflow-y: hidden;
  }
}
@media (max-width: 480px) {
  .modal-user-gift-cards .mat-dialog-container .mat-dialog-content {
    min-height: 100%;
    min-width: 100%;
    padding: 0 10px;
    margin: 0px;
  }
}
.modal-user-gift-cards h1 {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
  color: black;
  margin-bottom: 20px;
}
.modal-user-gift-cards h2 {
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  color: #7C7C7C;
  max-width: 640px;
}
.modal-user-gift-cards ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: block;
  width: 100%;
}
.modal-user-gift-cards ul li {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.modal-user-gift-cards ul li button {
  display: block;
  width: 100%;
}
.modal-user-gift-cards__close {
  display: block;
  position: absolute;
  right: -6px;
  top: -20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.modal-user-gift-cards__close i {
  font-size: 25px;
  font-weight: bold;
}
.dependents-wrapper {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
  min-height: 65vh;
}
@media (min-width: 1200px) {
  .dependents-wrapper {
    padding: 30px 0 50px;
  }
}
.dependents-wrapper__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.dependents-wrapper h1 {
  font-size: 18px;
  font-weight: normal;
}
.dependents-wrapper__header {
  display: block;
  width: 100%;
  margin-bottom: 50px;
  grid-column-start: 1;
  grid-column-end: 5;
}
.dependents-wrapper__header h1 {
  font-size: 26px;
  font-weight: bold;
  display: block;
  width: 100%;
}
.dependents-wrapper__header h1 span {
  color: var(--primary);
}
.dependents-wrapper__header h2 {
  font-size: 18px;
  font-weight: bold;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.dependents-wrapper__header h3 {
  font-size: 15px;
  font-weight: bold;
  display: block;
  width: 100%;
}
.dependents-wrapper__container {
  display: block;
}
@media (min-width: 992px) {
  .dependents-wrapper__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px 25px;
    grid-template-rows: 1fr;
  }
}
.dependents-wrapper__container h1 {
  font-size: 26px;
  font-weight: bold;
  display: block;
}
.dependents-wrapper__container h2 {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
.dependents-wrapper__edit-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 19px;
}
.dependents-wrapper__edit {
  position: relative;
  display: grid;
  grid-auto-flow: row dense;
  grid-auto-columns: 1fr;
  grid-template-columns: 0.6fr 1.4fr;
  grid-template-rows: 1fr;
  gap: px px;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  padding: 5px;
  margin: auto;
  margin-bottom: 20px;
  width: 100%;
  max-width: 320px;
  min-height: 209px;
}
.dependents-wrapper__edit ul {
  grid-auto-flow: row;
  list-style: none;
  align-items: center;
  justify-items: center;
  padding-top: 15px;
  padding-right: 20px;
  padding: 30px;
}
.dependents-wrapper__edit ul li {
  display: block;
  text-align: left;
}
.dependents-wrapper__edit ul h1 {
  font-size: 16px;
}
.dependents-wrapper__edit ul button {
  background: none;
  color: black;
  font-weight: bold;
  padding: 10px;
  border: none;
  cursor: pointer;
}
.dependents-wrapper__edit ul button:hover {
  background: #d4d4d4;
}
.dependents-wrapper__item {
  position: relative;
  display: grid;
  grid-auto-flow: row dense;
  grid-auto-columns: 1fr;
  grid-template-columns: 0.6fr 1.4fr;
  grid-template-rows: 1fr;
  gap: px px;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  padding: 5px;
  margin: auto;
  margin-bottom: 20px;
  width: 100%;
  max-width: 320px;
  min-width: 320px;
  max-height: 209px;
  min-height: 209px;
}
.dependents-wrapper__item ul {
  grid-auto-flow: row;
  list-style: none;
  align-items: center;
  justify-items: center;
  padding: 0px 7px 0px 7px;
}
.dependents-wrapper__item ul li {
  display: block;
  text-align: left;
  line-height: 1, 2;
}
.dependents-wrapper__item ul h1 {
  font-size: 16px;
  line-height: 1;
}
.dependents-wrapper__item ul button {
  background: none;
  color: black;
  font-weight: bold;
  padding: 10px;
  border: none;
  margin-top: 8px;
  cursor: pointer;
}
.dependents-wrapper__item ul button:hover {
  background: #d4d4d4;
}
.dependents-wrapper__item--add {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #8f8d8d;
}
.dependents-wrapper__item--add i {
  font-size: 35px;
}
.dependents-wrapper__item--add a {
  text-decoration: none;
  color: #8f8d8d;
}
.dependents-wrapper__picture {
  display: flex;
  border-radius: 100%;
  background: #cbcbcb;
  width: 96px;
  height: 96px;
  font-size: 60px;
  justify-content: space-around;
  align-items: center;
  margin: auto;
}
.dependents-wrapper__picture img {
  display: block;
  border-radius: 100px;
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.dependent-pet-thumbnail {
  position: relative;
  display: block;
  width: 100%;
}
.dependent-pet-thumbnail__arrow {
  position: absolute;
  display: flex;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 100px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 25px;
  align-items: center;
  top: 50%;
  z-index: 999;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow {
    width: 60px;
    height: 60px;
    font-size: 40px;
    top: 40%;
  }
}
.dependent-pet-thumbnail__arrow--left {
  left: 5px;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow--left {
    left: 20px;
  }
}
.dependent-pet-thumbnail__arrow--right {
  right: 5px;
  justify-content: space-around;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow--right {
    right: 20px;
  }
}
.dependent-pet-thumbnail__footer {
  display: flex;
  width: 150px;
  margin: auto;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
.dependent-pet-thumbnail__picture {
  display: flex;
  border-radius: 100px;
  background: #cbcbcb;
  width: 200px;
  height: 200px;
  font-size: 190px;
  font-size: 150px;
  justify-content: space-around;
  align-items: center;
  margin: auto;
}
.dependent-pet-thumbnail__picture img {
  display: block;
  border-radius: 100px;
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.dependent-pet-thumbnail__step {
  display: block;
  width: 100%;
}
.dependent-pet-thumbnail__step--fixed {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: auto;
}
.dependent-pet-thumbnail__step img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
}
.dependent-pet-thumbnail__step h1 {
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 40px;
}
.dependent-pet-thumbnail__step h2 {
  display: block;
  text-align: center;
  font-size: 26px;
  margin-bottom: 20px;
}
.dependent-pet-thumbnail__step mat-form-field {
  display: block;
  margin: auto;
}
.dependent-pet-thumbnail__step #fileInput {
  display: none;
}
.dependent-pet-thumbnail__step button {
  background: none;
  color: black;
  font-weight: bold;
  padding: 10px;
  border: none;
  cursor: pointer;
}
.dependent-pet-thumbnail__step button:hover {
  background: #d4d4d4;
}
.dependent-pet-thumbnail__thumbs-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 80%;
  margin: auto;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__thumbs-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.dependent-pet-thumbnail__genres {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 320px;
  margin: auto;
}
.dependent-pet-thumbnail__thumb, .dependent-pet-thumbnail__genre-box {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}
.dependent-pet-thumbnail__thumb img, .dependent-pet-thumbnail__genre-box img {
  display: block;
  object-fit: contain;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 130px;
  height: 130px;
}
.fengstmyaccount-guest-list {
  position: relative;
  color: var(--on-background);
  background-color: var(--background);
  width: 100%;
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstmyaccount-guest-list__action {
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  grid-auto-flow: column;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengstmyaccount-guest-list__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-guest-list__action i.fengi-star {
  font-size: 22px;
  width: 42px;
  height: 42px;
  text-align: center;
  align-items: center;
  display: grid;
}
.fengstmyaccount-guest-list__action i.fengi-star.--favorite {
  color: var(--primary);
}
.fengstmyaccount-guest-list__action i.fengi-star.--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-guest-list__wrapper {
  position: relative;
  display: grid;
  gap: 15px;
  min-height: 215px;
  padding: 20px;
}
.fengstmyaccount-guest-list__wrapper fengstui-select,
.fengstmyaccount-guest-list__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-guest-list__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-guest-list__table {
  text-align: center;
  position: relative;
}
.fengstmyaccount-guest-list__table-action {
  display: grid;
  grid-auto-flow: row;
  gap: 10px;
}
.fengstmyaccount-guest-list__table-filter {
  display: grid;
  grid-auto-flow: row;
  gap: 15px;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .fengstmyaccount-guest-list__table-filter {
    grid-auto-flow: column;
    grid-template-columns: "18% ​20% 20% auto";
  }
}
.fengstmyaccount-guest-list__table-filter-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-guest-list__table-filter-wrapper p {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  text-align: left;
}
@media (min-width: 992px) {
  .fengstmyaccount-guest-list__table-filter-wrapper p {
    font-size: 20px;
  }
}
.fengstmyaccount-guest-list__table-filter--date {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  align-items: center;
  grid-template-columns: auto min-content;
}
.fengstmyaccount-guest-list__table-filter--date .mat-form-field-autofill-control::after {
  white-space: normal !important;
}
.fengstmyaccount-guest-list__table-head {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  color: rgba(var(--on-background-RGB), 0.5);
  font-weight: bold;
  padding: 5px;
  background-color: rgba(var(--on-background-RGB), 0.05);
  border-top: 1px solid rgba(var(--on-background-RGB), 0.1);
  border-bottom: 1px solid rgba(var(--on-background-RGB), 0.1);
  padding: 20px 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-guest-list__table-head {
    display: grid;
  }
}
.fengstmyaccount-guest-list__table-head--with-action {
  grid-template-columns: repeat(5, 1fr);
}
.fengstmyaccount-guest-list__table-body {
  position: relative;
}
.fengstmyaccount-guest-list__table-body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--on-background);
  background-color: var(--background);
  padding: 15px 0 !important;
  grid-area: auto auto auto auto;
  height: 100%;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 992px) {
  .fengstmyaccount-guest-list__table-body-row {
    gap: 3px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-guest-list__table-body-row {
    padding: unset;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(4, 1fr);
  }
  .fengstmyaccount-guest-list__table-body-row--with-action {
    grid-template-columns: repeat(5, 1fr);
  }
}
.fengstmyaccount-guest-list__table-body-row > div > span {
  font-weight: bold;
}
.fengstmyaccount-guest-list__table-body-row--paying {
  background-color: rgba(var(--primary-RGB), 0.075);
  margin-bottom: 0;
  border-bottom: 0;
}
.fengstmyaccount-guest-list__table-status {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-guest-list__table-status .--paid {
  color: var(--success);
}
.fengstmyaccount-guest-list__table-status .--waiting {
  color: var(--warning);
}
.fengstmyaccount-guest-list__table-status .--attempt {
  color: var(--warning);
}
.fengstmyaccount-guest-list__table-status .--cancelled {
  color: var(--error);
}
.fengstmyaccount-guest-list__table-btn {
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  gap: 5px;
}
.fengstmyaccount-guest-list__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  font-size: 1.5em;
  margin: 30px 0;
}
.fengstmyaccount-guest-list__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstmyaccount-guest {
  background-color: var(--account-background);
}
.fengstmyaccount-guest__wrapper {
  display: grid;
  padding: 30px 20px 50px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}
@media (min-width: 1200px) {
  .fengstmyaccount-guest__wrapper {
    padding: 30px 0 50px;
  }
}
.fengstmyaccount-guest__wrapper > :nth-child(2) {
  margin-bottom: 50px;
}
.fengstmyaccount-guest__wrapper > :nth-child(4) {
  margin-bottom: 50px;
}
.fengstmyaccount-guest__wrapper-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fengstmyaccount-guest__wrapper-header fengstui-button button {
  border: none !important;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.fengstmyaccount-guest__wrapper-header fengstui-button button i {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-indent: 0;
  margin-left: 0 !important;
}
@media (min-width: 992px) {
  .fengstmyaccount-guest__wrapper-header fengstui-button button {
    text-indent: 0;
    overflow: visible;
    white-space: normal;
  }
  .fengstmyaccount-guest__wrapper-header fengstui-button button i {
    position: static;
    transform: none;
    margin-left: 10px !important;
  }
}
.fengstmyaccount-channel {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}
.fengstmyaccount-channel__banner {
  display: flex;
  height: 587px;
  padding-left: 0%;
  text-align: center;
  flex-direction: column;
  background: url("https://images.mengo.com.br/prod/assets/images/flatv/objeto-menor-2.png") no-repeat bottom right/86%, url("https://images.mengo.com.br/prod/assets/images/flatv/bg-mobile.png") no-repeat center center/cover;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__banner {
    background: url("https://images.mengo.com.br/prod/assets/images/flatv/objeto-menor-2.png") no-repeat center right/86%, url("https://images.mengo.com.br/prod/assets/images/flatv/BG-scroll1-menor.png") no-repeat center center/cover;
    height: 630px;
    padding-left: 7%;
    text-align: start;
    justify-content: center;
    flex-direction: column;
  }
}
.fengstmyaccount-channel__banner--text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__banner--text {
    display: block;
  }
}
.fengstmyaccount-channel__banner--text h3 {
  color: white;
  font-size: 18pt;
  line-height: 86%;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__banner--text h3 {
    font-size: 40pt;
    line-height: 90%;
  }
}
.fengstmyaccount-channel__banner--text h5 {
  color: white;
  font-family: revert;
  width: 30%;
  font-size: 11pt;
  line-height: 104%;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__banner--text h5 {
    width: 36%;
    font-family: revert;
    font-size: 15pt;
    line-height: 106%;
  }
}
.fengstmyaccount-channel__banner--cta {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__banner--cta {
    flex-direction: row;
  }
}
.fengstmyaccount-channel__banner--cta fengstui-button {
  padding: 8px;
}
.fengstmyaccount-channel__more-info {
  display: flex;
  height: 1000px;
  background: black;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info {
    height: 490px;
  }
}
.fengstmyaccount-channel__more-info__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card {
    flex-direction: row;
  }
}
.fengstmyaccount-channel__more-info__card--first-image {
  display: flex;
  margin-right: 0%;
  flex-direction: row;
  width: 45%;
  margin-left: -5%;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--first-image {
    margin-right: -5%;
    width: 23%;
    margin-left: -5%;
    flex-direction: column;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--first-image {
    margin-right: -5%;
    width: 26%;
    margin-left: -5%;
    flex-direction: column;
  }
}
.fengstmyaccount-channel__more-info__card--first-image img {
  width: 34%;
  margin: 1%;
}
.fengstmyaccount-channel__more-info__card--first-text {
  display: flex;
  width: 39%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--first-text {
    width: 29%;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--first-text {
    width: 29%;
  }
}
.fengstmyaccount-channel__more-info__card--first-text h4 {
  color: white;
  font-size: 8px;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--first-text h4 div {
    padding-top: 15px;
    font-size: 18px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--first-text h4 div {
    padding-top: 15px;
    font-size: 23px;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--first-text h4 {
    font-size: 18px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--first-text h4 {
    font-size: 23px;
  }
}
.fengstmyaccount-channel__more-info__card--first-text h6 {
  color: white;
  font-size: 7px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--first-text h6 {
    font-size: 10px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--first-text h6 {
    font-size: 12px;
  }
}
.fengstmyaccount-channel__more-info__card--divider {
  width: 239px;
  margin: 20px;
  height: 2px;
  background-color: white;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--divider {
    width: 1px;
    margin: 0 8px 0px 43px;
    height: 300px;
  }
}
.fengstmyaccount-channel__more-info__card--second-image {
  display: flex;
  flex-direction: row;
  width: 45%;
  margin-left: -5%;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--second-image {
    margin-right: -5%;
    flex-direction: column;
    width: 23%;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--second-image {
    margin-right: -5%;
    flex-direction: column;
    width: 26%;
  }
}
.fengstmyaccount-channel__more-info__card--second-image img {
  width: 34%;
  margin: 1%;
}
.fengstmyaccount-channel__more-info__card--second-text {
  display: flex;
  width: 39%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--second-text {
    width: 29%;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--second-text {
    width: 29%;
  }
}
.fengstmyaccount-channel__more-info__card--second-text h4 {
  color: white;
  font-size: 8px;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--second-text h4 div {
    padding-top: 15px;
    font-size: 18px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--second-text h4 div {
    padding-top: 15px;
    font-size: 23px;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--second-text h4 {
    font-size: 18px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--second-text h4 {
    font-size: 23px;
  }
}
.fengstmyaccount-channel__more-info__card--second-text h6 {
  color: white;
  font-size: 7px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--second-text h6 {
    font-size: 10px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--second-text h6 {
    font-size: 12px;
  }
}
.fengstmyaccount-view-welcome-kit {
  width: 100%;
  min-height: 70vh;
  background-color: #e0e0e0;
  margin: 0 auto;
}
.fengstmyaccount-view-welcome-kit__downloads {
  padding: 2% 4%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-welcome-kit__downloads div {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-welcome-kit__downloads div {
    width: 70%;
  }
}
.fengstmyaccount-view-welcome-kit__downloads div {
  width: 95%;
}
.fengstmyaccount-view-welcome-kit__notAvailable {
  margin: 0 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fengstmyaccount-view-welcome-kit__notAvailable h5 {
  text-align: center;
}
.fengstmyaccount-view-welcome-kit__notAvailable span {
  font-size: 1rem;
}
.fengstmyaccount-view-welcome-kit__notAvailable a {
  font-size: 1rem;
  margin-top: 0.25rem;
}
.download-card {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 1% 2%;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .download-card {
    gap: 3rem;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .download-card {
    gap: 3rem;
    flex-direction: row;
  }
}
.download-card div {
  width: 100%;
  max-width: 834px;
}
.download-card fengstui-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  color: var(--background);
  margin-bottom: 0.5rem;
}
.download-card fengstui-button button {
  min-width: 210px;
}
@media (min-width: 992px) {
  .download-card fengstui-button {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .download-card fengstui-button {
    margin-bottom: 0;
  }
}
.fengstmyaccount-view-digital-products {
  width: 100%;
  min-height: 70vh;
  background-color: #e0e0e0;
  margin: 0 auto;
}
.fengstmyaccount-view-digital-products__warning {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-view-digital-products__warning .content {
  display: flex;
  padding: var(--padding-2x-large, 32px);
  margin-top: 24px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  height: 300px;
  width: 80%;
  gap: 20px;
  border-radius: 4px;
  border: 1px solid var(--outline-global-500, #E4E4E4);
  background-color: var(--background-global-white, #FFF);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstmyaccount-view-digital-products__warning .content .fengi-face-smile:before {
  font-size: 60px;
  color: var(--primary);
}
.fengstmyaccount-view-digital-products__warning .content .fengi-face-sad:before {
  font-size: 60px;
  color: var(--primary);
}
.fengstmyaccount-view-digital-products__warning .content h3 {
  text-align: center;
}
.fengstmyaccount-view-digital-products__downloads {
  padding: 2% 4%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-digital-products__downloads div {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-digital-products__downloads div {
    width: 70%;
  }
}
.fengstmyaccount-view-digital-products__downloads div {
  width: 95%;
}
.fengstmyaccount-view-digital-products__notAvailable {
  margin: 0 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fengstmyaccount-view-digital-products__notAvailable h5 {
  text-align: center;
}
.fengstmyaccount-view-digital-products__notAvailable span {
  font-size: 1rem;
}
.fengstmyaccount-view-digital-products__notAvailable a {
  font-size: 1rem;
  margin-top: 0.25rem;
}
.fengstmyaccount-view-digital-products__button {
  padding: 10px 0 30px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.download-card {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 1% 2%;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .download-card {
    gap: 3rem;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .download-card {
    gap: 3rem;
    flex-direction: row;
  }
}
.download-card div {
  width: 100%;
  max-width: 834px;
}
.download-card fengstui-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  color: var(--background);
  margin-bottom: 0.5rem;
}
.download-card fengstui-button button {
  min-width: 210px;
}
@media (min-width: 992px) {
  .download-card fengstui-button {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .download-card fengstui-button {
    margin-bottom: 0;
  }
}
.fengstmyaccount-addons-card__wrapper {
  max-width: 89vw;
  height: 100%;
  display: flex;
  overflow-x: auto;
  align-items: center;
  gap: 20px;
  padding-bottom: 4px;
  margin: auto;
}
.fengstmyaccount-addons-card__wrapper::-webkit-scrollbar {
  width: 0;
}
.fengstmyaccount-addons-card__card {
  min-width: 284px;
  max-width: 284px;
  height: 432px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 14px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  color: var(--on-background);
  background-color: var(--background);
}
.fengstmyaccount-addons-card__add {
  width: 288px;
  height: 432px;
  display: none;
  padding: 170px var(--padding-2x-large, 32px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--padding-2x-small, 8px);
  border-radius: 16px;
  border: 2px solid var(--secondary);
  background: var(--background-global-200, #F4F4F4);
  /* Card/Shadow-MediumCard */
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05);
}
.fengstmyaccount-addons-card__add .fengi-plus-circle {
  font-size: 32px;
  color: var(--secondary);
}
.fengstmyaccount-addons-card__add fengstui-button button {
  background: none !important;
  color: var(--secondary) !important;
}
.fengstmyaccount-addons-card__mobile {
  display: block;
  width: 100%;
  margin-top: 12px;
}
.fengstmyaccount-addons-card__mobile fengstui-button {
  font-size: var(--body-small, 14px);
}
.fengstmyaccount-addons-card__mobile fengstui-button button {
  width: 284px;
  border: 2px solid var(--secondary);
  color: var(--secondary) !important;
  border-radius: 16px;
  background: var(--background-global-200, #F4F4F4) !important;
  padding: var(--padding-medium, 16px) var(--padding-2x-large, 32px) !important;
}
@media (min-width: 576px) {
  .fengstmyaccount-addons-card__add {
    display: flex;
  }
  .fengstmyaccount-addons-card__mobile {
    display: none;
  }
}
.fengstmyaccount-addons-card__quantity {
  padding: var(--padding-3x-small, 4px) var(--padding-2x-small, 8px);
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 32px;
  align-self: stretch;
  border-radius: 100px;
  border: 1px solid var(--outline-global-500, #E4E4E4);
  background: var(--background-global-200, #F4F4F4);
}
.fengstmyaccount-addons-card__quantity p {
  font-size: 12px;
}
.fengstmyaccount-addons-card__icon {
  font-size: 40px;
}
.fengstmyaccount-addons-card__description > div {
  display: flex;
  align-items: center;
}
.fengstmyaccount-addons-card__description > div > img {
  height: 40px;
  margin-right: 10px;
}
.fengstmyaccount-addons-card__description > div > h3 {
  margin: 0px;
  font-family: var(--font-primary);
  text-transform: uppercase;
}
.fengstmyaccount-addons-card__description > p {
  color: var(--addons-card-description);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  overflow-y: auto;
}
.fengstmyaccount-addons-card__description p::-webkit-scrollbar {
  width: 0;
}
.fengstmyaccount-addons-card__help {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.fengstmyaccount-addons-card__help fengstui-button {
  width: 100%;
}
.fengstmyaccount-addons-card__help fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-addons-card__help > span {
  color: var(--addons-card-help);
  text-align: center;
}
.fengstmyaccount-addons-selection-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-addons-selection-modal .mat-dialog-container {
  border-radius: 4px;
  border: 1px solid var(--outline-global-500, #E4E4E4);
  background: var(--background-global-white, #FFF);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstmyaccount-addons-selection-modal__header {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  padding-bottom: 12px;
}
.fengstmyaccount-addons-selection-modal__header fengstui-button {
  align-self: flex-end;
}
.fengstmyaccount-addons-selection-modal__header fengstui-button button {
  color: black !important;
  font-size: 34px !important;
  outline: none !important;
}
.fengstmyaccount-addons-selection-modal form {
  display: flex;
  min-height: 230px;
  max-height: 600px;
  overflow-y: auto;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-addons-selection-modal__content {
  display: flex;
  padding: var(--padding-medium, 16px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  padding-bottom: 24px;
  border: 1px solid var(--outline-global-500, #E4E4E4);
}
.fengstmyaccount-addons-selection-modal__content.selected {
  border: 1px solid var(--secondary);
}
.fengstmyaccount-addons-selection-modal__content .top {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--padding-medium, 16px);
  align-self: stretch;
  padding: 0px 16px;
  border: none;
}
.fengstmyaccount-addons-selection-modal__content .top fengstui-checkbox {
  width: 24px;
  height: 27px;
  align-self: center;
  justify-content: center;
  display: flex;
}
.fengstmyaccount-addons-selection-modal__content .top h3 {
  flex: 1 0 0;
  line-height: initial;
}
.fengstmyaccount-addons-selection-modal__content .top fengstui-button button {
  background-color: transparent !important;
  color: var(--secondary) !important;
  font-weight: 600;
}
.fengstmyaccount-addons-selection-modal__content .description {
  padding: 0px 16px;
  border: none;
}
.fengstmyaccount-addons-selection-modal__content .description p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Mostra apenas 2 linhas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}
.fengstmyaccount-addons-selection-modal__content .description.expanded p {
  display: block !important;
  /* Remove o box clamp */
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
}
.fengstmyaccount-addons-selection-modal__content .quantity {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-direction: row;
  padding: 0px 16px;
  border: none;
}
.fengstmyaccount-addons-selection-modal__content .quantity fengstui-input .mat-form-field-infix {
  width: 60px !important;
  height: 30px !important;
  border-top: solid transparent !important;
}
.fengstmyaccount-addons-selection-modal__footer-active {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-self: stretch;
  padding-top: 24px;
}
.fengstmyaccount-addons-selection-modal__footer-active fengstui-button button {
  border-radius: var(--corner-radius-3x-small, 4px);
}
.fengstmyaccount-addons-selection-modal__footer-inactive {
  display: flex;
  padding: var(--padding-medium, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--padding-medium, 16px);
  flex: 1 0 0;
  margin-top: 16px;
  border-radius: 8px;
  border: 1px solid var(--outline-global-500, #E4E4E4);
  background: var(--background-global-200, #F4F4F4);
}
.fengstmyaccount-addons-selection-modal__footer-inactive span {
  color: var(--secondary);
  font-size: 26px;
}
.fengstmyaccount-addons-selection-modal__footer-inactive p {
  flex: 1 0 0;
}
.fengstmyaccount-addons-selection-modal__footer-inactive fengstui-button button {
  border-radius: var(--corner-radius-3x-small, 4px);
}
.modal-addons-payment__container {
  margin: 16px;
}
.modal-addons-payment__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.modal-addons-payment__header h1 {
  align-self: flex-start;
  color: var(--UI-modal-light-text-on-background, #393939);
  font-family: var(--font-family-title, Montserrat);
  font-size: var(--headline-H6, 20px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-medium, 30px);
  /* 133.333% */
}
@media (min-width: 992px) {
  .modal-addons-payment__header h1 {
    font-size: var(--headline-H6, 24px);
  }
}
.modal-addons-payment__header fengstui-button {
  align-self: flex-end;
}
.modal-addons-payment__header fengstui-button button {
  color: var(--on-primary) !important;
  font-size: 34px !important;
  outline: none !important;
}
.modal-addons-payment__content {
  margin-top: 16px;
}
.modal-addons-payment__content--text-resume h3 {
  color: var(--text-global-800, #393939);
  font-family: var(--font-family-label, Montserrat);
  font-size: var(--text-16, 14px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--font-line-height-x-small, 20px);
  /* 125% */
}
.modal-addons-payment__content--text-resume p {
  color: var(--text-global-700, #727272);
  font-family: var(--font-family-body, Montserrat);
  font-size: var(--body-x-small, 10px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-2x-small, 16px);
  /* 133.333% */
}
@media (min-width: 992px) {
  .modal-addons-payment__content--text-resume h3 {
    font-size: var(--text-16, 16px);
  }
  .modal-addons-payment__content--text-resume p {
    font-size: var(--body-x-small, 13px);
  }
}
.modal-addons-payment__content--payment-details .field {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid #E4E4E4;
}
.modal-addons-payment__content--payment-details .field span {
  color: var(--background-global-800, #393939);
  font-family: var(--font-family-body, Montserrat);
  font-size: var(--body-small, 9px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-x-small, 20px);
  /* 142.857% */
}
@media (min-width: 992px) {
  .modal-addons-payment__content--payment-details .field span {
    font-size: var(--body-small, 13px);
  }
}
.modal-addons-payment__content--payment-details .field:last-child {
  margin: 24px 0;
  border-radius: 4px;
  border: 1px solid var(--outline-global-500, #E4E4E4);
  background: var(--background-global-100, #FAFAFA);
}
.modal-addons-payment__content--payment-details .field:last-child span {
  font-weight: 700;
}
.modal-addons-payment__button {
  display: flex;
}
.modal-addons-payment__button fengstui-button {
  flex: 1;
}
.modal-addons-payment__button fengstui-button button {
  width: 100%;
  font-size: 10px !important;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .modal-addons-payment__button fengstui-button button {
    font-size: 14px !important;
  }
}
.fengstaccount-phone__container {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.fengstaccount-phone__box {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 520px;
  height: 100%;
  padding: 24px;
  margin: 0px 10px 10px 10px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  color: var(--on-background);
  background-color: var(--background);
}
@media (min-width: 576px) {
  .fengstaccount-phone__box {
    height: 400px;
  }
}
.fengstaccount-phone__box > h1 {
  text-align: center;
  font-size: 32px;
  color: var(--on-secondary);
}
.fengstaccount-phone__box > p {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: var(--on-secondary);
}
.fengstaccount-phone__box__register {
  display: flex;
  flex-direction: column;
}
.fengstaccount-phone__box__register__select-country {
  display: flex;
  align-content: center;
  justify-content: flex-start;
}
.fengstaccount-phone__box__register__select-country__select-country-field {
  width: 90px;
}
.fengstaccount-phone__box__register__select-country__input-phone {
  width: 100%;
  margin-top: 3px;
}
.fengstaccount-phone__box__register fengstui-button .feng-btn {
  width: 100%;
  border-radius: 3px;
  margin-top: 30px;
  font-size: 14px;
  background-color: var(--secondary) !important;
  color: var(--primary) !important;
}
@media (min-width: 576px) {
  .fengstaccount-phone__box__register fengstui-button .feng-btn {
    font-size: 18px;
  }
}
.fengstmyaccount-rating-v4 {
  position: relative;
}
.fengstmyaccount-rating-v4__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
@media (min-width: 576px) {
  .fengstmyaccount-rating-v4__wrapper {
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .fengstmyaccount-rating-v4__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
  }
}
.fengstmyaccount-rating-v4__ratingCard {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 20px;
}
@media (min-width: 576px) {
  .fengstmyaccount-rating-v4__ratingCard {
    width: 420px;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .fengstmyaccount-rating-v4__ratingCard {
    width: 324px;
  }
}
.fengstmyaccount-rating-v4__ratingCard__star {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.fengstmyaccount-rating-v4__ratingCard__star i {
  font-size: 65px;
}
.fengstmyaccount-rating-v4__ratingCard__star .fengi-star-full {
  color: var(--secondary);
}
.fengstmyaccount-rating-v4__ratingDetails h2 {
  font-size: 14px;
  margin-top: 20px;
}
@media (min-width: 576px) {
  .fengstmyaccount-rating-v4__ratingDetails h2 {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .fengstmyaccount-rating-v4__ratingDetails h2 {
    text-align: start;
  }
}
.fengstmyaccount-rating-v4__ratingDetails__content {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .fengstmyaccount-rating-v4__ratingDetails__content {
    flex-wrap: nowrap;
    align-items: none;
    justify-content: none;
  }
}
.fengstmyaccount-rating-v4__ratingDetails__card {
  width: 100%;
  min-height: 158px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
  border-radius: 5px;
  border: var(--rating-crads-border);
  background-color: var(--rating-cards-background);
}
@media (min-width: 576px) {
  .fengstmyaccount-rating-v4__ratingDetails__card {
    width: 420px;
  }
}
@media (min-width: 1200px) {
  .fengstmyaccount-rating-v4__ratingDetails__card {
    width: 390px;
  }
}
.fengstmyaccount-rating-v4__ratingDetails__card-title {
  display: flex;
  align-items: center;
  gap: 15px;
}
.fengstmyaccount-rating-v4__ratingDetails__card-title i {
  font-size: 20px;
}
.fengstmyaccount-rating-v4__ratingDetails__card-title .fengi-star-full {
  color: var(--secondary);
}
.fengstmyaccount-rating-v4__ratingDetails__card-info {
  display: flex;
  align-items: center;
  gap: 15px;
}
.fengstmyaccount-rating-v4__ratingDetails__card-info .fengi-checkmark-circle-bg {
  font-size: 38px;
  color: var(--secondary);
}
.fengstmyaccount-rating-v4__ratingDetails__card__gameRate {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fengstmyaccount-rating-v4__ratingDetails__card__gameRate-gameCheck {
  display: flex;
  gap: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-rating-v4__ratingDetails__card__gameRate-gameCheck {
    gap: 10px;
  }
}
.fengstmyaccount-rating-v4__ratingDetails__card__gameRate-gameCheck div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-rating-v4__ratingDetails__card__gameRate-gameCheck div i {
  font-size: 30px;
}
.fengstmyaccount-rating-v4__ratingDetails__card__gameRate-gameCheck div .fengi-ball {
  color: var(--hotsite-card-text-color);
}
.fengstmyaccount-rating-v4__ratingDetails__card__gameRate-gameCheck div span {
  font-size: 12px;
}
.fengstmyaccount-rating-v4__progressCircle {
  position: relative;
}
.fengstmyaccount-rating-v4__progressCircle > div {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fengstmyaccount-rating-v4__progressCircle > div .fengi-calendar-fill {
  font-size: 24px;
}
.fengstmyaccount-rating-v4__progressCircle svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.fengstmyaccount-rating-v4__progressCircle circle {
  fill: none;
  stroke-width: 6px;
  stroke-dasharray: 170;
  stroke-dashoffset: 170;
}
.fengstmyaccount-rating-v4__progressCircle circle:nth-child(1) {
  stroke: #E4E4E4;
  stroke-dashoffset: 0;
}
.fengstmyaccount-rating-v4__progressCircle circle:nth-child(2) {
  stroke: var(--secondary);
  transition: stroke-dashoffset 0.08;
}
.fengstaccount-add-dependents {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
  min-height: 65vh;
}
@media (min-width: 1200px) {
  .fengstaccount-add-dependents {
    padding: 30px 0 50px;
  }
}
.fengstaccount-add-dependents__back {
  font-size: 14px;
  font-weight: bold;
}
.fengstaccount-add-dependents__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.fengstaccount-add-dependents__title {
  margin-left: 20px;
}
.fengstaccount-add-dependents__form {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  justify-content: left;
  text-align: left;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .fengstaccount-add-dependents__form {
    max-width: 500px;
  }
}
.fengstaccount-add-dependents__form-terms--text {
  max-width: 95%;
  margin: 10px 0 20px;
}
.fengstaccount-add-dependents__form-fields {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: left;
  text-align: left;
  grid-gap: 10px;
}
.fengstaccount-add-dependents__form-fields--uploadresult {
  overflow-x: auto;
  max-width: 260px;
}
.fengstaccount-add-dependents__form-fields--uploadbtn {
  margin: 10px 0;
}
.fengstaccount-add-dependents__form-fields--finishbtns {
  display: flex;
  grid-gap: 14px;
}
.fengstaccount-add-dependents__form ::ng-deep fengstui-radio .feng-radio {
  grid-gap: 10px !important;
}
.fengstaccount-add-dependents__form ::ng-deep fengstui-radio mat-radio-group {
  grid-auto-flow: row !important;
  grid-gap: 10px !important;
}
.fengstaccount-add-dependents__form ::ng-deep fengstui-radio .mat-radio-label-content {
  font-size: 13px !important;
}
@media (min-width: 767px) {
  .fengstaccount-add-dependents__form ::ng-deep fengstui-radio .feng-radio {
    grid-gap: 5px !important;
  }
  .fengstaccount-add-dependents__form ::ng-deep fengstui-radio mat-radio-group {
    grid-auto-flow: column !important;
    grid-gap: 20px !important;
  }
  .fengstaccount-add-dependents__form ::ng-deep fengstui-radio .mat-radio-label-content {
    font-size: 14px !important;
  }
}
.fengstaccount-view-dependents-template-1 {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
  min-height: 65vh;
}
.fengstaccount-view-dependents-template-1 b {
  font-family: var(--font-title);
}
@media (min-width: 1200px) {
  .fengstaccount-view-dependents-template-1 {
    padding: 30px 0 50px;
  }
}
.fengstaccount-view-dependents-template-1__warning {
  display: block;
  width: 100%;
  padding: 10px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstaccount-view-dependents-template-1__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.fengstaccount-view-dependents-template-1__title {
  margin-left: 20px;
}
.fengstaccount-view-dependents-template-1__cards {
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  align-items: center;
}
@media (min-width: 767px) {
  .fengstaccount-view-dependents-template-1__cards {
    flex-direction: row;
  }
}
.fengstaccount-view-dependents-template-1__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 20px;
  width: 260px;
  height: 100%;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-gap: 22px;
  position: relative;
}
.fengstaccount-view-dependents-template-1__card > div {
  width: 100%;
  text-align: left;
}
.fengstaccount-view-dependents-template-1__card > div > p {
  margin: 0 0 10px;
  font-weight: bold;
}
.fengstaccount-view-dependents-template-1__card-delete {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: auto !important;
}
.fengstaccount-view-dependents-template-1 .soon {
  font-weight: 600;
  text-align: center;
}
.fengstaccount-view-dependents-template-1__add-deps {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
}
.fengstaccount-view-dependents-template-1__add-deps--rules {
  text-align: left;
  margin-top: 30px;
  font-size: 15px;
}
.fengstaccount-view-dependents-template-2 {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
  min-height: 65vh;
}
@media (min-width: 1200px) {
  .fengstaccount-view-dependents-template-2 {
    padding: 30px 0 50px;
  }
}
.fengstaccount-view-dependents-template-2__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.fengstaccount-view-dependents-template-2__wrapper section {
  position: relative;
}
.fengstaccount-view-dependents-template-2__title {
  margin-left: 20px;
}
.fengstaccount-view-dependents-template-2__profile {
  position: relative;
  display: grid;
  grid-gap: 1em;
  padding: 2em;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 0px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstaccount-view-dependents-template-2__profile-delete {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: auto !important;
}
.fengstaccount-view-dependents-template-2__profile-header {
  display: grid;
  gap: 2em;
  align-items: center;
  grid-auto-flow: row;
}
.fengstaccount-view-dependents-template-2__profile-header strong {
  order: 2;
}
.fengstaccount-view-dependents-template-2__profile-header > div {
  order: 1;
  position: relative;
  display: grid;
  justify-content: flex-end;
  text-align: right;
  z-index: 2;
}
.fengstaccount-view-dependents-template-2__profile-header > div button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
}
.fengstaccount-view-dependents-template-2__profile-header > div button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.fengstaccount-view-dependents-template-2__profile-header > div > div {
  position: absolute;
  top: 25px;
  right: 0px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 250px;
  background: rgba(var(--background-RGB), 0.75);
}
.fengstaccount-view-dependents-template-2__profile-header > div > div ul {
  list-style: none;
  padding: 0px;
  margin: 0;
}
.fengstaccount-view-dependents-template-2__profile-header > div > div ul li {
  display: block;
  padding: 1em;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
}
.fengstaccount-view-dependents-template-2__profile-header > div > div ul li:hover {
  background: var(--primary);
  color: var(--on-primary);
}
@media (min-width: 767px) {
  .fengstaccount-view-dependents-template-2__profile-header {
    grid-auto-flow: column;
  }
  .fengstaccount-view-dependents-template-2__profile-header strong {
    order: 1;
  }
  .fengstaccount-view-dependents-template-2__profile-header fengstui-select {
    order: 2;
  }
}
.fengstaccount-view-dependents-template-2__profile-header strong {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2em;
  color: var(--dependents-name-color);
}
.fengstaccount-view-dependents-template-2__profile-columns {
  gap: 2em;
  align-items: flex-start;
  display: grid;
  grid-auto-flow: row;
}
@media (min-width: 992px) {
  .fengstaccount-view-dependents-template-2__profile-columns {
    grid-auto-flow: column;
  }
}
.fengstaccount-view-dependents-template-2__profile-columns strong {
  font-size: 1.6em;
}
.fengstaccount-view-dependents-template-2__profile-columns > section {
  display: grid;
  gap: 0.5em;
}
.fengstaccount-view-dependents-template-2__profile-actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  padding: 1.5em 0em 1em 0em;
  margin-top: 1.5em;
  border-top: var(--dependents-profile-action-border);
}
.fengstaccount-view-dependents-template-2__profile-row {
  display: grid;
  word-break: break-word;
  grid-template-columns: 100%;
  gap: 5%;
}
@media (min-width: 576px) {
  .fengstaccount-view-dependents-template-2__profile-row {
    grid-template-columns: 37.5% 57.5%;
  }
}
.fengstaccount-view-dependents-template-2__profile-row strong {
  font-size: 1.2em;
  font-weight: normal;
  color: var(--dependents-field-title-color);
}
.fengstaccount-view-dependents-template-2__ticket-cards {
  position: relative;
  display: grid;
  gap: 1em;
  grid-template-columns: repeat(3, 1fr);
  justify-content: stretch;
  padding: 2em;
}
.fengstaccount-view-dependents-template-2__ticket-cards--no-ticketcard {
  padding: 0em;
}
.fengstaccount-view-dependents-template-2__ticket-cards-action {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 2em;
  grid-template-columns: auto max-content;
}
.fengstaccount-view-dependents-template-2__ticket-cards-action div:nth-child(1) {
  border-top: var(--dependents-profile-action-border);
  height: 1px;
  width: 100%;
}
.fengstaccount-view-dependents-template-2__ticket-cards-action div:nth-child(2):hover {
  cursor: pointer;
}
.fengstaccount-view-dependents-template-2 .soon {
  font-weight: 600;
  text-align: center;
}
.fengstaccount-view-dependents-template-2__add-deps {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
}
.fengstaccount-view-dependents-template-2__add-deps--rules {
  text-align: left;
  margin-top: 30px;
  font-size: 15px;
}
.fengstaccount-view-dependents-template-3 {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
  min-height: 65vh;
}
.fengstaccount-view-dependents-template-3 b {
  font-family: var(--font-title);
}
@media (min-width: 1200px) {
  .fengstaccount-view-dependents-template-3 {
    padding: 30px 0 50px;
  }
}
.fengstaccount-view-dependents-template-3__warning {
  display: block;
  width: 100%;
  padding: 10px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstaccount-view-dependents-template-3__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.fengstaccount-view-dependents-template-3__title {
  margin-left: 20px;
}
.fengstaccount-view-dependents-template-3__cards {
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  align-items: center;
}
@media (min-width: 767px) {
  .fengstaccount-view-dependents-template-3__cards {
    flex-direction: row;
  }
}
.fengstaccount-view-dependents-template-3__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 20px;
  width: 260px;
  height: 100%;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-gap: 22px;
  position: relative;
}
.fengstaccount-view-dependents-template-3__card > div {
  width: 100%;
  text-align: left;
}
.fengstaccount-view-dependents-template-3__card > div > p {
  margin: 0 0 10px;
  font-weight: bold;
}
.fengstaccount-view-dependents-template-3__card-delete {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: auto !important;
}
.fengstaccount-view-dependents-template-3 .soon {
  font-weight: 600;
  text-align: center;
}
.fengstaccount-view-dependents-template-3__add-deps {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
}
.fengstaccount-view-dependents-template-3__add-deps--rules {
  text-align: left;
  margin-top: 30px;
  font-size: 15px;
}
.view-raffles {
  background-color: var(--account-background);
}
.fengstaccount-modal-biometry {
  height: 100%;
  max-width: 80vw;
  padding: 0px;
  position: relative;
  align-items: center;
}
.fengstaccount-modal-biometry__close-button {
  position: absolute;
  display: block;
  top: 1em;
  right: 1em;
}
.fengstaccount-modal-biometry__close-button a {
  font-size: 22px;
  color: black;
  cursor: pointer;
}
.fengstaccount-modal-biometry::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstaccount-modal-biometry ::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstaccount-modal-biometry .mat-dialog-container {
  width: 660px;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 100%;
  padding: 0px 0px 0px;
  border-radius: 0.3em;
  box-shadow: none;
}
.fengstaccount-modal-biometry__content {
  padding: 0;
  margin: 0;
  width: 100%;
  max-height: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  gap: 20px;
}
.fengstaccount-modal-biometry__content > p {
  margin: 0;
}
.fengstaccount-modal-biometry__content > a {
  line-break: anywhere;
}
.fengstaccount-modal-biometry {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-width: 90vw;
  padding: 0;
  position: relative;
}
.fengstaccount-modal-biometry__close-button {
  position: absolute;
  display: block;
  top: 1rem;
  right: 1rem;
}
.fengstaccount-modal-biometry__close-button a {
  font-size: 22px;
  color: black;
  cursor: pointer;
}
.fengstaccount-modal-biometry::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstaccount-modal-biometry ::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.fengstaccount-modal-biometry .mat-dialog-container {
  width: 28em;
  height: auto;
  padding: 0;
  border-radius: 0.3em;
  box-shadow: none;
}
.fengstaccount-modal-biometry__content {
  margin: 3.75em 1.25em !important;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 20px;
}
.fengstaccount-modal-biometry__content > fengstui-button > button {
  width: 20em;
}
.fengstaccount-modal-biometry__content > p {
  font-size: 15px;
  color: #444;
  line-height: 1.55;
  margin: 0;
}
.fengstaccount-modal-biometry__content > a {
  display: block;
  word-break: break-all;
  line-break: anywhere;
  font-size: 13px;
  padding: 10px 12px;
}
.validate {
  position: relative;
}
.validate .validate-content {
  max-width: 420px;
  text-align: center;
  margin: 40px auto;
  padding: 0 30px;
}
.validate .validate-content p {
  margin: 40px 0;
}
.validate .validate-content form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.validate .validate-content form button {
  margin-top: 14px;
}
.validate .validate-content .app-form {
  background: transparent !important;
}
.validate .validate-pass {
  width: 80%;
  text-align: center;
  margin: 60px auto;
}
.validate .validate-pass > i, .validate .validate-pass > div > i {
  font-size: 100px;
}
.validate .validate-pass h1 {
  font-size: 26px;
}
.validate .validate-pass h2 {
  font-size: 20px;
  margin-bottom: 80px;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.fengstexclusivecontent-featured {
  display: block;
  position: relative;
  width: 100%;
  max-width: var(--max-width);
  margin: 0px auto 30px auto;
  height: 586px;
}
.fengstexclusivecontent-featured--no-data {
  height: 0;
  margin: 0px auto 0;
}
@media (min-width: 1200px) {
  .fengstexclusivecontent-featured {
    margin: 30px auto 50px auto;
    height: 400px;
  }
  .fengstexclusivecontent-featured--no-data {
    height: 0;
    margin: 0px auto 0;
  }
}
.fengstexclusivecontent-featured__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(var(--exclusive-content-background-RGB), 0.85);
  padding: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 15px 15px 0 0;
}
.fengstexclusivecontent-featured__blocker i {
  margin: 5px;
  font-size: 2em;
}
.fengstexclusivecontent-featured__blocker strong {
  margin: 5px;
  font-size: 1.5em;
  padding: 10px 10px 13px;
  text-shadow: 2px 2px 3px #000000;
  font-size: 20px;
  text-align: center;
}
.fengstexclusivecontent-featured__blocker-actions {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 15px;
}
.fengstexclusivecontent-featured swiper .swiper-button-next:after,
.fengstexclusivecontent-featured swiper .swiper-button-prev:after {
  color: var(--home-private-background);
}
.fengstexclusivecontent-featured swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--home-private-background);
  opacity: 0.5;
}
.fengstexclusivecontent-featured swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.fengstexclusivecontent-featured swiper .swiper-pagination {
  pointer-events: all !important;
}
.fengstexclusivecontent-featured__slide {
  position: relative;
  padding: 60px 50% 60px 80px;
  align-content: flex-end;
  display: grid;
  grid-gap: 15px;
  background-size: cover;
  background-position: center;
}
.fengstexclusivecontent-featured__slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(360deg, var(--exclusive-content-background) 0%, rgba(0, 0, 0, 0) 50%);
  z-index: -1;
}
.fengstexclusivecontent-featured__slide-category {
  display: grid;
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}
.fengstexclusivecontent-featured__slide-title {
  display: grid;
  color: var(--exclusive-content-text);
  font-weight: bold;
  font: 700 29px/30px var(--font-title);
  margin: 0;
}
.fengstexclusivecontent-featured__slide-actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-gap: 15px;
  align-items: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5em 0;
  z-index: 1;
}
.fengstexclusivecontent-featured__slide-actions-wrapper {
  display: grid;
  justify-content: flex-start;
  grid-gap: 15px;
  grid-auto-flow: column;
  align-items: center;
}
.fengstexclusivecontent-featured__slide-actions-wrapper--loading {
  opacity: 0.25;
}
.fengstexclusivecontent-featured__slide-actions-wrapper * {
  padding: 0 0.25em;
}
.fengstexclusivecontent-featured__slide-actions i {
  font-size: 1.8em;
  opacity: 1;
}
.fengstexclusivecontent-featured__slide-actions i:hover {
  opacity: 0.65;
  transform: scale(1.25);
  cursor: pointer;
}
.fengstexclusivecontent-featured__slide-actions i.fengi-like--active {
  color: var(--primary);
}
.fengstexclusivecontent-table {
  display: grid;
  grid-gap: 40px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 30px 20px 50px;
}
@media (min-width: 1200px) {
  .fengstexclusivecontent-table {
    padding: 30px 0 50px;
  }
}
.fengstexclusivecontent-table__filter {
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: row;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstexclusivecontent-table__filter {
    grid-auto-flow: column;
    justify-content: space-between;
    grid-template: 1fr/20% 50%;
  }
}
@media (min-width: 992px) {
  .fengstexclusivecontent-table__filter {
    width: 100%;
  }
}
.fengstexclusivecontent-table__wrapper {
  position: relative;
  padding: 0;
  min-height: 500px;
}
.fengstexclusivecontent-table__cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexclusivecontent-table__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexclusivecontent-table__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fengstexclusivecontent-table__no-data {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
}
.fengstexclusivecontent-table__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstexclusivecontent-table-card {
  position: relative;
  display: grid;
  grid-gap: 10px;
  border-radius: 15px 15px 0 0;
  padding-bottom: 30px;
}
.fengstexclusivecontent-table-card__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(var(--exclusive-content-background-RGB), 0.8);
  padding: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 15px 15px 0 0;
}
.fengstexclusivecontent-table-card__blocker * {
  margin: 5px;
}
.fengstexclusivecontent-table-card__blocker strong {
  padding: 5px 5px 8px;
  text-shadow: 2px 2px 3px #000000;
  font-size: 20px;
  text-align: center;
}
.fengstexclusivecontent-table-card__blocker i {
  font-size: 2em;
}
.fengstexclusivecontent-table-card__thumbnail {
  position: relative;
  width: 100%;
  height: 185px;
  overflow: hidden;
  border-radius: 15px 15px 0 0;
  z-index: 1;
}
.fengstexclusivecontent-table-card__thumbnail--blocked {
  filter: blur(2px);
}
.fengstexclusivecontent-table-card__thumbnail::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(360deg, var(--exclusive-content-background) 0%, rgba(0, 0, 0, 0) 50%);
}
.fengstexclusivecontent-table-card__thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.fengstexclusivecontent-table-card__wrapper {
  display: grid;
  grid-gap: 10px;
  padding: 0 1em;
}
.fengstexclusivecontent-table-card__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
}
.fengstexclusivecontent-table-card__title {
  color: var(--exclusive-content-text);
  font-weight: bold;
  font: 700 25px/30px var(--font-title);
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.fengstexclusivecontent-table-card__title:hover {
  cursor: pointer;
  opacity: 0.75;
}
.fengstexclusivecontent-table-card__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexclusivecontent-table-card__actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-gap: 15px;
  align-items: center;
  position: relative;
  padding: 0.5em 0;
  z-index: 1;
}
.fengstexclusivecontent-table-card__actions-wrapper {
  display: grid;
  justify-content: flex-start;
  grid-gap: 15px;
  grid-auto-flow: column;
}
.fengstexclusivecontent-table-card__actions-wrapper--loading {
  opacity: 0.25;
}
.fengstexclusivecontent-table-card__actions-wrapper * {
  padding: 0 0.25em;
}
.fengstexclusivecontent-table-card__actions i {
  font-size: 1.8em;
  opacity: 1;
}
.fengstexclusivecontent-table-card__actions i:hover {
  opacity: 0.65;
  transform: scale(1.25);
  cursor: pointer;
}
.fengstexclusivecontent-table-card__actions i.fengi-like--active {
  color: var(--primary);
}
.fengstexclusivecontent-main-view {
  display: grid;
  min-height: 70vh;
  color: var(--exclusive-content-text);
  background-color: var(--exclusive-content-background);
}
.fengstexclusivecontent-main-view--public {
  padding-top: var(--public-header-security-top-padding);
}
.fengstexclusivecontent-main-view--private {
  padding-top: var(--private-header-security-top-padding);
}
.fengstexclusivecontent-detail-view {
  position: relative;
  display: grid;
  min-height: 70vh;
  color: var(--exclusive-content-text);
  background-color: var(--exclusive-content-background);
}
.fengstexclusivecontent-detail-view__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 30px 20px 50px;
}
@media (min-width: 1200px) {
  .fengstexclusivecontent-detail-view__wrapper {
    padding: 30px 0 50px;
  }
}
.fengstexclusivecontent-detail-view__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(var(--exclusive-content-background-RGB), 0.85);
  padding: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 15px 15px 0 0;
}
.fengstexclusivecontent-detail-view__blocker i {
  margin: 5px;
  font-size: 2em;
}
.fengstexclusivecontent-detail-view__blocker strong {
  margin: 5px;
  font-size: 1.5em;
  padding: 10px 10px 13px;
  text-shadow: 2px 2px 3px #000000;
  font-size: 20px;
  text-align: center;
}
.fengstexclusivecontent-detail-view__blocker-actions {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 15px;
}
.fengstexclusivecontent-detail-view__content {
  display: grid;
  grid-gap: 15px;
}
.fengstexclusivecontent-detail-view__content-excerpt {
  text-align: justify;
}
.fengstexclusivecontent-detail-view__content-wrapper {
  display: grid;
  grid-gap: 15px;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstexclusivecontent-detail-view__content-wrapper {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .fengstexclusivecontent-detail-view__content-wrapper {
    width: 40%;
  }
}
.fengstexclusivecontent-detail-view__content-image {
  width: 100%;
  background-size: cover;
  background-position: center;
  height: 160px;
}
@media (min-width: 767px) {
  .fengstexclusivecontent-detail-view__content-image {
    height: 320px;
  }
}
@media (min-width: 992px) {
  .fengstexclusivecontent-detail-view__content-image {
    height: 530px;
  }
}
.fengstexclusivecontent-detail-view__content-category {
  display: grid;
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}
.fengstexclusivecontent-detail-view__content-title {
  display: grid;
  color: var(--exclusive-content-text);
  font-weight: bold;
  font: 700 29px/30px var(--font-title);
  margin: 0;
  margin-bottom: 10px;
}
.fengstexclusivecontent-detail-view__content-description {
  font-size: 15px;
}
.fengstexclusivecontent-detail-view__content-actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-gap: 15px;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 0.5em 0;
  z-index: 1;
}
.fengstexclusivecontent-detail-view__content-actions-wrapper {
  position: relative;
  display: grid;
  justify-content: flex-start;
  grid-gap: 15px;
  grid-auto-flow: column;
  align-items: center;
}
.fengstexclusivecontent-detail-view__content-actions-wrapper--loading i {
  opacity: 0.25;
}
.fengstexclusivecontent-detail-view__content-actions-wrapper * {
  padding: 0 0.25em;
}
.fengstexclusivecontent-detail-view__content-actions i {
  font-size: 1.8em;
  opacity: 1;
}
.fengstexclusivecontent-detail-view__content-actions i:hover {
  opacity: 0.65;
  transform: scale(1.25);
  cursor: pointer;
}
.fengstexclusivecontent-detail-view__content-actions i.fengi-like--active {
  color: var(--primary);
}
.fengstexclusivecontent-detail-view__content-suggestions {
  display: grid;
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  gap: 15px;
}
.fengstexclusivecontent-detail-view__content-suggestions-title {
  display: grid;
  font-size: 20px;
  text-transform: uppercase;
}
.fengstexclusivecontent-detail-view__content-suggestions-cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexclusivecontent-detail-view__content-suggestions-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexclusivecontent-detail-view__content-suggestions-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.contato {
  position: relative;
  background: var(--page-background);
}
.contato .app-wrapper {
  margin: 30px auto 0 auto !important;
  padding-bottom: 50px;
}
.contato .field-search {
  width: 90%;
}
@media (min-width: 992px) {
  .contato .field-search {
    width: 50%;
  }
}
.contato__two-columns {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 30px;
  margin-top: 20px;
  padding: 0 10px;
}
@media (min-width: 992px) {
  .contato__two-columns {
    grid-template: auto/70% auto;
    grid-gap: 30px;
  }
}
@media (min-width: 1200px) {
  .contato__two-columns {
    margin-top: 0px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .contato__two-columns--large {
    grid-template: auto/68% auto;
    grid-gap: 24;
  }
}
.contato__two-columns--single {
  grid-template: auto/100%;
  justify-content: center;
}
@media (min-width: 992px) {
  .contato__two-columns--single {
    grid-template: auto/90%;
  }
}
.contato .template-faq {
  border-bottom: var(--faq-border-bottom);
  color: var(--faq-color);
  margin-bottom: var(--faq-margin-bottom);
}
.contato .template-faq:nth-last-of-type(1) {
  border: 0;
}
.contato .template-faq--no-shadow .main-expansion-panel .mat-expansion-panel {
  border: none;
}
.contato .template-faq--no-shadow .main-expansion-panel .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.contato .template-faq--no-shadow .mat-expansion-panel-header {
  font-family: var(--title-font-family);
}
.contato .template-faq--no-shadow .main-expansion-panel-title {
  text-transform: uppercase;
}
.contato .template-faq--no-shadow .feng-expansion-panel {
  border-color: var(--divider-color) !important;
}
.contato .template-faq--no-shadow .mat-expansion-panel-header-description {
  padding: 0 0 15px !important;
  color: var(--primary-light) !important;
}
@media (min-width: 992px) {
  .contato .template-faq--no-shadow .mat-expansion-panel-header-description {
    padding: 0 41px 15px !important;
  }
}
.contato .template-faq--new-card .mat-expansion-panel {
  border-radius: var(--contact-expansion-panel-radius);
  border: var(--contact-expansion-panel-border);
}
.contato .template-faq--new-card .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: var(--contact-expansion-panel-box-shadow);
}
.contato .title-content-footer {
  font-size: 20px;
  font-weight: 600;
}
.contato .content-header {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: var(--header-justify-content);
  gap: var(--header-content-gap);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 100%, transparent), var(--contact-mobile-background);
  width: 100%;
  height: var(--header-content-height);
  color: white;
}
@media (min-width: 767px) {
  .contato .content-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 100%, transparent), var(--contact-background);
  }
}
@media (min-width: 992px) {
  .contato .content-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 100%, transparent), var(--contact-background);
  }
}
.contato .content-header--overlay {
  background-blend-mode: var(--contact-background-blend-mode);
  background: var(--contact-mobile-background);
}
@media (min-width: 992px) {
  .contato .content-header--overlay {
    background: var(--contact-background);
  }
}
.contato .content-header .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  width: 260px;
  border: 0;
  color: #616161;
}
.contato .content-header .howHeader {
  font-weight: 700;
  font-size: var(--title-font-size-mobile);
  position: relative;
  top: 16px;
  padding-bottom: 27px;
  font-family: var(--title-font-family);
  line-height: var(--title-font-size-mobile);
}
@media (min-width: 992px) {
  .contato .content-header .howHeader {
    font-size: var(--title-font-size);
    line-height: var(--title-font-size);
    max-width: 510px;
  }
}
.contato .content-header .search-mob {
  display: block;
}
@media (min-width: 576px) {
  .contato .content-header .search-mob {
    display: none;
  }
}
.contato .content-header .search-desk {
  display: none;
  width: var(--contact-header-search-width);
  position: relative;
}
.contato .content-header .search-desk__7 .feng-input--primary, .contato .content-header .search-desk__7 .feng-input, .contato .content-header .search-desk__7 .feng-input__mat-form-field {
  display: none;
}
.contato .content-header .search-desk--v2 .feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  padding: 7px 0.75em !important;
}
.contato .content-header .search-desk--v2:before {
  content: "";
  font-size: 16px;
  font-weight: 400;
  font-family: "Angular-Feng-Icons";
  position: absolute;
  top: 10px;
  right: 3px;
  color: #000;
  height: 28px;
  width: 31px;
  z-index: 1;
  bottom: 0;
  background: #fff;
}
@media (min-width: 576px) {
  .contato .content-header .search-desk {
    display: block;
  }
}
.contato .content-header .howFooter {
  font-size: 13 !important;
  padding-bottom: 13px;
  max-width: 576px;
  padding: 0 3%;
}
@media (min-width: 992px) {
  .contato .content-header .howFooter {
    padding: 0;
  }
}
.contato .content-header .example-full-width {
  border-radius: 5px;
  color: black;
  background-color: white;
  width: 86%;
  height: 42px;
  text-align: center;
  align-items: center;
  text-align: start;
}
@media (min-width: 992px) {
  .contato .content-header .example-full-width {
    width: 50%;
  }
}
.contato .content-header .example-full-width .nrn-search {
  width: 30px;
  color: black;
  padding-left: 10px;
  font-size: 22px;
  border-right: 1px solid #eaeaea;
  padding-right: 10px;
}
.contato .title-content {
  color: var(--subtitle-color);
  font-weight: bold;
  margin: 0 0 34px;
  font-size: 1.2rem;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 32px;
  font-family: var(--title-font-family);
}
.contato .title-content--cruzeiroColor {
  color: var(--primary);
}
.contato .title-content--align-left {
  display: flex;
  justify-content: center;
  margin: var(--subtitle-margin);
  font-size: 23px;
  text-decoration: none;
}
@media (min-width: 992px) {
  .contato .title-content--align-left {
    display: flex;
    justify-content: flex-start;
    text-decoration: none;
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .contato .title-content {
    font-size: var(--subtitle-font-size);
  }
}
.contato .faq-contato {
  text-align: center;
  display: grid;
  grid-template: auto/100%;
}
@media (min-width: 992px) {
  .contato .faq-contato {
    grid-template: auto/100%;
    grid-column-gap: 46px;
    grid-row-gap: 0;
  }
}
.contato .faq-contato .h1 {
  color: #000;
  font-weight: bold;
  font-size: 5rem;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 3rem;
}
@media (min-width: 767px) {
  .contato .faq-contato .h1 {
    margin-left: 5rem;
  }
}
.contato .faq-contato .faq {
  position: relative;
  min-width: 280px;
  min-height: 300px;
  display: grid;
  align-items: flex-start;
  height: 100%;
  grid-template-rows: min-content;
  grid-template-columns: 100%;
  margin: auto;
}
.contato .faq-contato .faq__no-data {
  color: var(--error);
  margin: 20px 0;
}
.contato .faq-contato .faq__row {
  max-width: 280px;
  margin: 0;
}
.contato .faq-contato .faq__row--single {
  max-width: var(--contact-faq-max-width-mobile);
}
@media (min-width: 350px) {
  .contato .faq-contato .faq__row {
    margin: 0 auto;
  }
}
@media (min-width: 390px) {
  .contato .faq-contato .faq__row {
    max-width: var(--contact-faq-max-width-mobile);
  }
}
@media (min-width: 600px) {
  .contato .faq-contato .faq__row {
    max-width: 500px;
  }
}
@media (min-width: 1025px) {
  .contato .faq-contato .faq__row {
    max-width: 700px;
  }
}
.contato .faq-contato .faq__row--7 .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: var(--contact-expansion-panel-box-shadow);
}
.contato .faq-contato .faq__row--7 .mat-expansion-panel-header-title {
  color: var(--primary-dark);
}
.contato .faq-contato .faq__row--large {
  max-width: calc(100vw - 20px);
}
@media (min-width: 992px) {
  .contato .faq-contato .faq__row--large {
    max-width: 100% !important;
  }
}
.contato .faq-contato--searchbar {
  height: 60px;
  margin-top: 8px;
}
.contato .faq-contato--searchbar .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  width: 260px;
  border: 0;
  color: #616161;
}
.contato .faq-contato--searchbar .search-mob {
  display: block;
}
@media (min-width: 576px) {
  .contato .faq-contato--searchbar .search-mob {
    display: none;
  }
}
.contato .faq-contato--searchbar .search-desk {
  display: none;
}
@media (min-width: 576px) {
  .contato .faq-contato--searchbar .search-desk {
    display: block;
  }
}
.contato .contato-form {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 0px;
  align-items: flex-start;
  max-width: var(--contact-form-max-width);
  margin: 0 auto;
  height: -moz-fit-content;
  height: fit-content;
}
.contato .contato-form--card {
  background: #fff;
  padding: 24px;
  border-radius: var(--contact-expansion-panel-radius);
  border: var(--contact-expansion-panel-border);
  box-shadow: var(--contact-expansion-panel-box-shadow);
}
@media (min-width: 992px) {
  .contato .contato-form--card {
    margin-top: 74px;
  }
}
.contato .contato-form .instruction {
  margin: 6px 0 18px;
  color: var(--subtitle-color);
}
.contato .contato-form .instruction--cruzeiroColor {
  color: var(--primary);
}
@media (min-width: 767px) {
  .contato .contato-form {
    grid-gap: 30px;
    grid-template: 45px auto/auto;
  }
}
.contato .contato-form--v2 {
  max-height: 856px;
}
.contato .contato-form form {
  display: grid;
  grid-gap: var(--contact-form-gap);
  background: var(--contact-form-bg, transparent);
  padding: var(--contact-form-padding, 0);
}
.contato .contato-form form .mat-error {
  padding: 5px 0;
  text-align: left;
  color: var(--error);
}
.contato .contato-form form mat-form-field {
  width: 100%;
}
.contato .contato-form form button {
  width: 100%;
}
.contato .contato-form-submit .feng-btn {
  border-radius: 4px !important;
  background: var(--contact-send-button, var(--on-secondary)) !important;
  color: var(--contact-button-color, var(--subtitle-color)) !important;
  font: var(--contact-button-font, normal normal 700 15px/20px Barlow);
  text-transform: uppercase;
}
.contato .all-contact {
  display: grid;
  justify-content: center;
}
@media (min-width: 992px) {
  .contato .all-contact {
    display: grid;
    grid-template-columns: 27% 35%;
    padding-left: 6%;
    justify-content: inherit;
  }
}
.contato .all-contact-1 {
  display: grid;
  grid-gap: 40px;
  grid-template: auto auto/auto;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  margin-top: 20px;
  padding: 0 10px;
}
@media (min-width: 576px) {
  .contato .all-contact-1 {
    padding: 0 20px;
    grid-template: auto/auto auto;
    justify-content: flex-start;
  }
}
.contato .all-contact-2 {
  display: grid;
  grid-gap: 10px;
  grid-template: auto auto/auto;
  text-align: center;
  align-items: flex-start;
  justify-content: center;
  margin-top: 40px;
  padding: 0 10px;
}
.contato .all-contact-2__column {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 60px;
}
@media (min-width: 576px) {
  .contato .all-contact-2__column {
    grid-template: auto/auto auto;
    justify-content: flex-start;
  }
}
.contato .all-contact-2__column-text {
  display: grid;
  grid-template: auto auto/auto;
  align-items: flex-start;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .contato .all-contact-2__column-text {
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-2__column-text > i {
  font-size: 40px;
}
.contato .all-contact-2__column-text > div {
  display: grid;
  grid-gap: 20px;
}
.contato .all-contact-2__column-text > div > p {
  margin: 0;
}
.contato .all-contact-2__column-text > div > p > a {
  color: black;
  text-decoration: none;
}
.contato .all-contact-2__column-text-title {
  font-weight: bold;
}
.contato .all-contact-3 {
  display: grid;
  grid-gap: 10px;
  grid-template: auto auto/auto;
  text-align: center;
  align-items: flex-start;
  justify-content: center;
  margin-top: 40px;
  padding: 0 10px;
}
.contato .all-contact-3__column {
  display: grid;
  grid-gap: 60px;
}
.contato .all-contact-3__column > :first-child {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr;
  grid-gap: 60px;
}
@media (min-width: 992px) {
  .contato .all-contact-3__column > :first-child {
    grid-template-columns: 1fr 1fr;
  }
}
.contato .all-contact-3__column > :last-child {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr;
  grid-gap: 60px;
}
@media (min-width: 992px) {
  .contato .all-contact-3__column > :last-child {
    grid-template-columns: 1fr 1fr;
  }
}
.contato .all-contact-3__column-text {
  grid-gap: 20px;
  display: flex;
  justify-content: center;
}
.contato .all-contact-3__column-text > i {
  font-size: 40px;
}
.contato .all-contact-3__column-text > div {
  display: grid;
  grid-gap: 20px;
}
.contato .all-contact-3__column-text > div > p {
  margin: 0;
}
.contato .all-contact-3__column-text > div > p > a {
  color: black;
  text-decoration: none;
}
.contato .all-contact-3__column-text-title {
  font-weight: bold;
}
.contato .all-contact-4 {
  display: grid;
  grid-gap: 10px;
  grid-template: auto auto/auto;
  text-align: center;
  align-self: start;
  justify-content: center;
  margin-top: 40px;
  padding: 0 10px;
}
.contato .all-contact-4__hours p {
  color: var(--primary);
}
.contato .all-contact-4__column {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 60px;
}
@media (min-width: 576px) {
  .contato .all-contact-4__column {
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-4__column-text {
  display: grid;
  grid-template: auto auto/auto;
  align-self: start;
  justify-self: center;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .contato .all-contact-4__column-text {
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-4__column-text > i {
  font-size: 40px;
  color: var(--primary);
}
.contato .all-contact-4__column-text > div {
  display: grid;
  grid-gap: 20px;
  color: var(--primary);
  width: 281px;
}
.contato .all-contact-4__column-text > div > p {
  margin: 0;
}
.contato .all-contact-4__column-text > div > p > a {
  text-decoration: none;
}
.contato .all-contact-4__column-text > div > p > a:hover {
  transition: 0.2s all;
  color: #2d58cc;
}
.contato .all-contact-4__column-text-title {
  font-weight: bold;
}
.contato .all-contact-4__column-text-title__subtitle {
  font-size: 14px;
}
.contato .all-contact-4__column-text-text-important {
  font-size: 12px;
}
.contato .all-contact-5 {
  display: grid;
  grid-gap: 10px;
  grid-template: auto auto/auto;
  text-align: center;
  align-items: flex-start;
  justify-content: center;
  margin-top: 40px;
  padding: 0 10px;
}
.contato .all-contact-5__hours p {
  color: var(--primary);
}
.contato .all-contact-5__column {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 30px;
}
@media (min-width: 576px) {
  .contato .all-contact-5__column {
    grid-gap: 60px;
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-5__column-text {
  display: grid;
  grid-template: auto auto/auto;
  align-items: flex-start;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .contato .all-contact-5__column-text {
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-5__column-text > i {
  font-size: 40px;
  color: var(--primary);
}
.contato .all-contact-5__column-text > div {
  display: grid;
  grid-gap: 20px;
  color: var(--primary);
}
.contato .all-contact-5__column-text > div > p {
  margin: 0;
}
.contato .all-contact-5__column-text > div > p > a {
  text-decoration: none;
}
.contato .all-contact-5__column-text > div > p > a:hover {
  transition: 0.2s all;
  color: #2d58cc;
}
.contato .all-contact-5__column-text-title {
  font-weight: bold;
}
.contato .all-contact-7 {
  margin: 60px 0;
}
.contato .all-contact-7__hours > p {
  padding: 0 20px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.contato .all-contact-7__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
.contato .all-contact-7__row {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}
@media (min-width: 992px) {
  .contato .all-contact-7__row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 20px 0;
  }
}
.contato .all-contact-7__row-text {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .contato .all-contact-7__row-text {
    margin: 0;
  }
}
.contato .all-contact-7__row-text--spacebetween {
  margin: 20px 53px;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .contato .all-contact-7__row-text--spacebetween {
    margin: 0 53px;
  }
}
.contato .all-contact-7__row-text--hide {
  display: none;
}
.contato .all-contact-7__row-text > i {
  color: var(--primary);
  font-size: 34px;
}
.contato .all-contact-7__row-text > div {
  display: grid;
  grid-gap: 13px;
}
.contato .all-contact-7__row-text > div > p {
  width: 260px;
  margin: 0;
  display: flex;
  justify-content: center;
  color: var(--primary-dark);
  font-weight: 700 !important;
}
.contato .all-contact-7__row-text > div > p > a {
  text-decoration: none;
  color: var(--primary-dark);
}
.contato .all-contact-7__row-text-title {
  color: var(--primary-dark);
  font-weight: 700 !important;
}
.contato .all-contact__column {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 20px;
}
.contato .all-contact__column-icon {
  padding-top: 10px;
}
.contato .all-contact__column-icon .fengi-spfc-mail {
  font-size: 40px;
}
.contato .all-contact__column-icon .fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.contato .all-contact__column-icon .fengi-spfc-phone:before {
  font-size: 40px;
}
.contato .all-contact__column-icon .fengi-spfc-phone:before:before {
  content: "";
  color: #d41116;
}
.contato .all-contact__column-text {
  display: grid;
}
.contato .all-contact__column-text > p {
  margin: 0;
}
.contato .all-contact__column-text-title {
  font-weight: bold;
}
.contato .all-contact .text-contact {
  width: 100%;
  color: #4d4f5c;
  padding: 50px 20px 0;
}
.contato .all-contact .text-contact .clickhere {
  color: #D2232A;
}
.contato .all-contact .contactBybble {
  display: grid;
  grid-template: auto/20% 80%;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  text-decoration: none;
}
@media (min-width: 992px) {
  .contato .all-contact .contactBybble {
    justify-content: start;
    grid-template: auto/auto auto;
    grid-gap: 20px;
  }
}
.contato .all-contact .contactBybble .nrn-bubbles2 {
  color: #D2232A;
  font-size: 36px;
  text-align: center;
}
.contato .done-send {
  text-align: center;
  width: 100%;
  max-width: 350px;
  font-weight: bold;
  font-size: 20px;
  padding: 0 20px;
  margin: 0 auto;
}
.contato .done-send .icone-sucesso {
  text-align: center;
  margin: 20px 0;
  font-size: 80px;
  color: darkgreen;
}
.contato .done-send > span {
  font-weight: bold;
}
.contato .mat-expansion-panel-header {
  height: auto;
  min-height: 65px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media (min-width: 992px) {
  .contato .mat-expansion-panel-header {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.contato .mat-expansion-panel-header-title {
  text-align: left;
  font-weight: bold;
  color: var(--panel-header-title-color);
}
.contato .mat-expansion-panel-header-description {
  color: black;
  text-align: left !important;
  padding: 0 10px;
  overflow: overlay;
}
@media (min-width: 992px) {
  .contato .mat-expansion-panel-header-description {
    padding: 0 65px;
  }
}
.contato .mat-expansion-panel-header-description ul {
  padding: 0 20px;
}
.contato .mat-expansion-panel-header-description, .contato .mat-expansion-indicator::after {
  color: var(--contact-expand-arrow-color, rgba(0, 0, 0, 0.54)) !important;
}
.contato .atendimento {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .contato .atendimento {
    flex-direction: row;
    display: flex;
  }
}
.contato .atendimento p {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  font: var(--contact-info-font, normal normal 400 15px/20px Barlow);
  color: var(--subtitle-color);
  margin: 0;
}
.contato .atendimento p span {
  font-size: 28px;
  color: var(--contact-send-button, var(--on-secondary));
}
.contato .atendimento--mobile {
  display: flex;
  align-items: flex-start;
  padding: 0 14px;
}
@media (min-width: 992px) {
  .contato .atendimento--mobile {
    display: none;
  }
}
.contato .faq-figure img {
  width: 100%;
  height: 100%;
}
.all-contact {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin: 85px 35px 0 35px;
}
.all-contact .fengi-phone:before {
  font-size: 50px;
  color: #828282;
}
.all-contact {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin: 85px 35px 0 35px;
}
.all-contact .fengi-phone:before {
  font-size: 50px;
  color: #828282;
}
.contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 40px;
  padding: 0 16px 30px;
}
@media (min-width: 992px) {
  .contacts {
    flex-direction: row;
    padding: 0 0 0 38px;
  }
}
.contacts__sac, .contacts__chat {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.contacts__sac-text, .contacts__chat-text {
  margin: 0;
  color: var(--primary-light);
}
.contacts__sac i, .contacts__chat i {
  font-size: 38px;
  color: var(--secondary);
}
.fengstcontact-st-contact-v11 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstcontact-st-contact-v11 {
    display: flex;
    justify-content: center;
    flex-direction: row;
  }
}
.fengstcontact-st-contact-v11__wrapper {
  display: flex;
  align-items: center;
  max-width: 500px;
  width: 100%;
  padding: 50px 16px 0;
  gap: 22px;
}
.fengstcontact-st-contact-v11__wrapper i {
  font-size: 30px;
  color: var(--secondary);
}
.fengstcontact-st-contact-v11__wrapper p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}
.contact-12 {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .contact-12 {
    grid-template-columns: 1fr 1fr 1fr 341px;
  }
}
.contact-12 ul {
  list-style: none;
  display: flex;
  row-gap: 24px;
  padding: 0 16px;
  margin: 0;
  flex-direction: column;
  grid-column: 1;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .contact-12 ul {
    grid-column: 4/4;
    padding: 0;
  }
}
.contact-12 ul li {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.contact-12 ul li i {
  color: var(--on-secondary);
  font-size: 29px;
}
.contact-12 ul li p {
  font: var(--contact-info-font, normal normal 400 15px/20px Barlow);
  color: var(--primary-light);
  margin: 0;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.st-discounts {
  display: block;
}
.st-discounts__featured {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.st-discounts swiper .swiper-button-next:after,
.st-discounts swiper .swiper-button-prev:after {
  color: var(--home-private-background);
}
.st-discounts swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--home-private-background);
  opacity: 0.5;
}
.st-discounts swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.st-discounts swiper .swiper-pagination {
  pointer-events: all !important;
}
.st-discounts .disc-no-text .st-discounts__slide-slidercontainer {
  cursor: pointer;
}
.st-discounts .disc-no-text .st-discounts__slide-slidercontainer:before {
  background: transparent;
}
.st-discounts__slide {
  position: relative;
}
.st-discounts__slide-slidercontainer {
  position: relative;
  width: 100%;
  height: 260px;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 767px) {
  .st-discounts__slide-slidercontainer {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .st-discounts__slide-slidercontainer {
    height: 500px;
  }
}
.st-discounts__slide-slidercontainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(360deg, rgba(var(--on-background-RGB), 0.85) 25%, rgba(0, 0, 0, 0) 100%);
}
.st-discounts__slide-textcontainer {
  max-width: var(--max-width);
  position: relative;
  margin: auto;
  height: 100%;
}
.st-discounts__slide-content {
  position: absolute;
  left: 45px;
  bottom: 50px;
}
@media (min-width: 992px) {
  .st-discounts__slide-content {
    bottom: 70px;
    left: 80px;
  }
}
.st-discounts__slide-text {
  position: absolute;
  bottom: 50px;
  left: 45px;
}
@media (min-width: 767px) {
  .st-discounts__slide-text {
    left: 65px;
  }
}
@media (min-width: 992px) {
  .st-discounts__slide-text {
    bottom: 70px;
    left: 80px;
  }
}
.st-discounts__slide-title {
  color: var(--home-private-background);
  font-size: 20px;
  font-family: var(--font-primary) !important;
  font-weight: bold;
  margin-bottom: 5px;
  max-width: 320px;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .st-discounts__slide-title {
    font-size: 29px;
    max-width: 490px;
  }
}
.st-discounts__slide-subtitle {
  color: var(--home-private-background);
  width: 290px;
  font-size: 13px;
  line-height: 1.2em;
  max-width: 220px;
}
@media (min-width: 992px) {
  .st-discounts__slide-subtitle {
    font-size: 15px;
    line-height: 20px;
    max-width: 450px;
  }
}
.st-discounts__slide-image {
  width: 100%;
  height: 180px;
}
@media (min-width: 767px) {
  .st-discounts__slide-image {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .st-discounts__slide-image {
    height: 500px;
  }
}
.st-discounts__container {
  grid-template: auto auto/auto;
  grid-gap: 20px;
  position: relative;
  min-height: 70vh;
  align-content: flex-start;
  padding: 30px 0;
  max-width: 1200px;
  margin: auto;
  width: 100%;
}
.st-discounts__container--logged {
  padding: 0 0 110px 0;
}
@media (min-width: 1200px) {
  .st-discounts__container {
    display: grid;
  }
}
.st-discounts__container h3 {
  color: #27292D;
  font-size: 20px;
  line-height: 24px;
  margin: 0 20px;
}
@media (min-width: 992px) {
  .st-discounts__container h3 {
    margin: 0;
  }
}
.st-discounts__container .nothing {
  margin: 0 auto;
}
.st-discounts__cards {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: auto;
  justify-content: center;
  padding-top: 20px;
  height: max-content;
}
@media (min-width: 767px) {
  .st-discounts__cards {
    grid-template-columns: repeat(auto-fill, 270px);
  }
}
.st-discounts__cards .discount-card {
  width: 270px;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 300px;
  display: grid;
  grid-template: 60px auto 76px/1fr;
  gap: 3px;
  justify-items: center;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 10px;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);
}
.st-discounts__cards .discount-card__header {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 16px;
  color: black;
  text-transform: uppercase;
}
.st-discounts__cards .discount-card__header--cruzeiroColor {
  color: var(--primary);
}
.st-discounts__cards .discount-card__description {
  display: grid;
  grid-template: 80px auto/auto;
  width: 100%;
  gap: 5px;
}
.st-discounts__cards .discount-card__description__image {
  position: relative;
  display: block;
  margin: auto;
  width: 110px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
}
.st-discounts__cards .discount-card__description__image--no-image {
  background-size: contain;
  padding: 10%;
}
.st-discounts__cards .discount-card__description p {
  display: block;
  margin: 25px auto 10px;
  max-width: 240px;
  font-size: 14px;
}
.st-discounts__cards .discount-card__description .discount-card__more_info {
  display: grid;
  justify-content: center;
}
.st-discounts__cards .discount-card__description .discount-card__more_info .feng-btn {
  color: var(--primary) !important;
}
.st-discounts__cards .discount-card__footer {
  display: grid;
  width: 90%;
  margin: auto;
  grid-template: auto auto/auto;
}
.st-discounts__cards .discount-card__footer div.discount-card__advantage {
  margin: 10px auto 0;
  border-radius: 10px 10px 0px 0;
  color: white;
  background: black;
  padding: 10px;
  max-width: var(--partners-advantage-max-width);
  text-align: center;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.st-discounts__cards .discount-card__footer div.discount-card__advantage--cruzeiroColor {
  background: var(--primary);
}
.st-discounts__cards .discount-card__footer fengstui-button {
  width: 100%;
  padding: 2px;
}
.st-discounts__cards .discount-card__footer fengstui-button button {
  width: 100%;
  padding: 1px;
}
.st-discounts__actions {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  align-items: center;
  padding: 0 20px 20px 20px;
}
@media (min-width: 767px) {
  .st-discounts__actions {
    grid-template-columns: 0.5fr 0.5fr 1fr;
    grid-gap: 30px;
  }
}
@media (min-width: 992px) {
  .st-discounts__actions {
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  .st-discounts__actions {
    padding: 0;
  }
}
.st-discounts__actions-partner {
  display: grid;
  justify-content: stretch;
}
.st-discounts__actions-partner .feng-btn {
  width: 100%;
}
@media (min-width: 767px) {
  .st-discounts__actions-partner {
    justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .st-discounts__actions-partner {
    justify-content: flex-end;
  }
}
.st-discounts__actions-partner.stvasco {
  display: flex;
  justify-content: center;
  padding: 40px 0px;
}
@media (min-width: 767px) {
  .st-discounts__actions.stvasco {
    grid-template-columns: 0.5fr 0.5fr 1fr;
    grid-gap: 30px;
  }
}
@media (min-width: 767px) {
  .st-discounts__actions.stvasco_s2s {
    grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 1fr;
    grid-gap: 10px;
  }
}
.st-discounts__stvasco .feng-select--primary .feng-select__mat-form-field {
  border-color: transparent !important;
}
.st-discounts__stvasco .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
}
.st-discounts__stvasco .mat-form-field-flex {
  background-color: transparent !important;
}
.st-discounts__stvasco .mat-tab-body-content {
  overflow: hidden !important;
}
.st-discounts-v2 {
  display: block;
}
.st-discounts-v2__featured {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.st-discounts-v2__swiper .swiper-button-next:after,
.st-discounts-v2__swiper .swiper-button-prev:after {
  color: var(--home-private-background);
}
.st-discounts-v2__swiper .swiper-pagination {
  left: 0;
  right: 0;
  max-width: 1049px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  pointer-events: all !important;
}
@media (min-width: 992px) {
  .st-discounts-v2__swiper .swiper-pagination {
    justify-content: flex-start;
  }
}
.st-discounts-v2__swiper .swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
  background: transparent !important;
  border: solid 1px #fff;
}
.st-discounts-v2__swiper .swiper-pagination-bullet-active {
  background: var(--on-secondary) !important;
  border-color: var(--on-secondary) !important;
}
.st-discounts-v2__swiper .swiper-pagination-bullet-last, .st-discounts-v2__swiper .swiper-pagination-bullet-first {
  margin: 0 !important;
}
.st-discounts-v2__swiper .swiper-pagination-bullet-last:not(.swiper-pagination-bullet-active), .st-discounts-v2__swiper .swiper-pagination-bullet-first:not(.swiper-pagination-bullet-active) {
  border-color: #fff !important;
}
.st-discounts-v2 .disc-no-text .st-discounts__slide-slidercontainer {
  cursor: pointer;
}
.st-discounts-v2 .disc-no-text .st-discounts__slide-slidercontainer:before {
  background: transparent;
}
.st-discounts-v2__slide {
  position: relative;
}
.st-discounts-v2__slide-slidercontainer {
  position: relative;
  width: 100%;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 432px;
}
@media (min-width: 992px) {
  .st-discounts-v2__slide-slidercontainer {
    height: 346px;
  }
}
.st-discounts-v2__slide-slidercontainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: var(--banner-overlay-bg);
}
.st-discounts-v2__slide-textcontainer {
  max-width: var(--max-width);
  position: relative;
  margin: auto;
  height: 100%;
}
.st-discounts-v2__slide-content {
  position: absolute;
  left: 45px;
  bottom: 50px;
}
@media (min-width: 992px) {
  .st-discounts-v2__slide-content {
    bottom: 70px;
    left: 80px;
  }
}
.st-discounts-v2__slide-text {
  position: absolute;
  bottom: 50px;
  left: 45px;
}
@media (min-width: 767px) {
  .st-discounts-v2__slide-text {
    left: 65px;
  }
}
@media (min-width: 992px) {
  .st-discounts-v2__slide-text {
    bottom: 70px;
    left: 80px;
  }
}
.st-discounts-v2__slide-title {
  color: var(--home-private-background);
  font: var(--banner-title-font);
  margin-bottom: 5px;
  max-width: 320px;
}
@media (min-width: 992px) {
  .st-discounts-v2__slide-title {
    font: var(--banner-title-font-desktop);
    max-width: 600px;
  }
}
.st-discounts-v2__slide-subtitle {
  color: var(--home-private-background);
  max-width: 290px;
  font: var(--banner-subtitle-font);
}
@media (min-width: 992px) {
  .st-discounts-v2__slide-subtitle {
    font: var(--banner-subtitle-font-desktop);
    max-width: 700px;
  }
}
.st-discounts-v2__slide-image {
  width: 100%;
  height: 180px;
}
@media (min-width: 767px) {
  .st-discounts-v2__slide-image {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .st-discounts-v2__slide-image {
    height: 500px;
  }
}
.st-discounts-v2__slide-action {
  width: 100%;
}
.st-discounts-v2__slide-action .feng-btn--outline {
  width: 100%;
  padding: 10px 16px;
  color: var(--on-secondary) !important;
  border-color: currentColor !important;
  font-family: var(--action-button-font-family, var(--font-button));
}
@media (min-width: 992px) {
  .st-discounts-v2__slide-action .feng-btn--outline {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.st-discounts-v2__navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  z-index: 1;
  margin: auto 0;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 20px);
  height: 30px;
}
.st-discounts-v2__navigation-item {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 25px;
}
.st-discounts-v2__container {
  grid-template: auto auto/auto;
  grid-gap: 20px;
  position: relative;
  min-height: 70vh;
  align-content: flex-start;
  padding: 30px 0;
  max-width: 1200px;
  margin: auto;
  width: 100%;
}
.st-discounts-v2__container--logged {
  padding: 0 0 110px 0;
}
@media (min-width: 1200px) {
  .st-discounts-v2__container {
    display: grid;
  }
}
.st-discounts-v2__container h3 {
  color: #27292D;
  font-size: 20px;
  line-height: 24px;
  margin: 0 20px;
}
@media (min-width: 992px) {
  .st-discounts-v2__container h3 {
    margin: 0;
  }
}
.st-discounts-v2__container .nothing {
  margin: 0 auto;
}
.st-discounts-v2__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 992px) {
  .st-discounts-v2__cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
.st-discounts-v2__cards-item {
  width: 100%;
  height: auto;
  border: 1px solid #E4E4E4;
  background: #fff;
  border-radius: 10px;
  padding: 24px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.st-discounts-v2__cards-item-header {
  position: relative;
  background: #fff;
  width: 100%;
  overflow: hidden;
  text-align: center;
  border: solid 1px #E4E4E4;
  border-radius: 10px;
}
.st-discounts-v2__cards-item-header img {
  max-width: 160px;
  object-fit: contain;
  height: 123px;
}
.st-discounts-v2__cards-item-header-discount {
  background: var(--header-logged-bg);
  color: #fff;
  padding: 8px 16px;
}
.st-discounts-v2__cards-item-header-discount p {
  margin: 0;
  font-family: var(--action-button-font-family, var(--font-button));
}
.st-discounts-v2__cards-item-content {
  text-align: center;
}
.st-discounts-v2__cards-item-content-title {
  margin: 24px 0 16px 0;
  text-transform: uppercase;
  color: var(--on-secondary);
  font: var(--partners-title-card-font);
}
.st-discounts-v2__cards-item-content-desc {
  font: var(--partners-desc-card-font);
  color: var(--primary-light);
  min-height: 40px;
}
.st-discounts-v2__cards-item-content-action button {
  background-color: var(--on-secondary) !important;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.st-discounts-v2__cards-item-content-info button {
  margin-top: 16px;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.st-discounts-v2__actions {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  align-items: center;
  padding: 0 20px 20px 20px;
}
@media (min-width: 767px) {
  .st-discounts-v2__actions {
    grid-template-columns: 0.5fr 0.5fr 1fr;
    grid-gap: 30px;
  }
}
@media (min-width: 992px) {
  .st-discounts-v2__actions {
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  .st-discounts-v2__actions {
    padding: 0;
  }
}
.st-discounts-v2__actions-partner {
  display: grid;
  justify-content: stretch;
}
.st-discounts-v2__actions-partner .feng-btn {
  width: 100%;
  color: var(--on-secondary) !important;
  border-color: currentColor !important;
  font-family: var(--action-button-font-family, var(--font-button));
}
@media (min-width: 767px) {
  .st-discounts-v2__actions-partner {
    justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .st-discounts-v2__actions-partner {
    justify-content: flex-end;
  }
}
.partner-container .mat-tab-group {
  color: var(--primary);
  text-align: center;
}
.partner-container .mat-tab-group .mat-tab-body .mat-tab-body-active {
  overflow: hidden;
}
.partner-container .mat-tab-group .mat-tab-body-content {
  overflow: hidden !important;
}
.partner-container .mat-tab-group .mat-ink-bar {
  background: var(--secondary) !important;
}
div.disc-partiu-iframe-wrapper {
  position: relative;
  display: block;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  width: 100%;
}
div.disc-partiu-iframe-wrapper h3 {
  font-size: 20px;
  text-align: center;
}
div.disc-partiu-iframe-wrapper iframe.partiu-iframe,
div.disc-partiu-iframe-wrapper object.partiu-iframe {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  min-height: 600px;
  border: none;
}
div.disc-partiu-excp {
  padding-top: 30px;
  height: 100%;
}
div.disc-partiu-loggedout {
  text-align: center;
  margin: 30px auto;
  height: 100%;
  min-height: 250px;
}
.disc-partiu-terms {
  padding: 30px;
  height: 100%;
}
.disc-partiu-terms-mod {
  width: 260px;
  margin: 20px auto 30px;
  padding: 14px;
  max-height: 300px;
  overflow-y: scroll;
  background: whitesmoke;
  border-radius: 6px;
}
@media (min-width: 420px) {
  .disc-partiu-terms-mod {
    width: 340px;
  }
}
@media (min-width: 576px) {
  .disc-partiu-terms-mod {
    width: 410px;
  }
}
@media (min-width: 767px) {
  .disc-partiu-terms-mod {
    width: 700px;
  }
}
.disc-partiu-btns {
  display: flex;
  flex-direction: column;
  grid-gap: 14px;
  max-width: 260px;
  margin: auto;
}
@media (min-width: 767px) {
  .disc-partiu-btns {
    max-width: 350px;
  }
}
.fengstlayout-modal-view-become-partner {
  position: relative;
}
.fengstlayout-modal-view-become-partner__content {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 20px;
}
.fengstlayout-modal-view-become-partner__content--cant-associate {
  text-align: center;
}
.fengstlayout-modal-view-become-partner__step {
  display: grid;
  gap: 1em;
}
.fengstlayout-modal-view-become-partner__step-header {
  display: grid;
  gap: 1em;
}
.fengstlayout-modal-view-become-partner__step-title {
  display: grid;
  margin: 0;
}
.fengstlayout-modal-view-become-partner__step-subtitle {
  display: grid;
  margin: 0;
}
.fengstlayout-modal-view-become-partner__step-description {
  display: grid;
  margin: 0;
}
.fengstlayout-modal-view-become-partner mat-horizontal-stepper .mat-step-header .mat-step-icon {
  background-color: var(--info);
  color: var(--on-info);
}
.fengstlayout-modal-view-become-partner mat-horizontal-stepper .mat-step-header .mat-step-icon-selected,
.fengstlayout-modal-view-become-partner mat-horizontal-stepper .mat-step-header .mat-step-icon-state-done,
.fengstlayout-modal-view-become-partner mat-horizontal-stepper .mat-step-header .mat-step-icon-state-edit {
  background-color: var(--primary);
  color: var(--on-primary);
}
.modal-view-become-partner-v2 {
  width: 100vw;
  height: 100vh;
  max-width: 100vw !important;
}
@media (min-width: 992px) {
  .modal-view-become-partner-v2 {
    width: 57vw;
    height: 90vh;
    max-width: 80vw !important;
  }
  .modal-view-become-partner-v2--invalid {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.fengstlayout-modal-view-become-partner-v2 {
  position: relative;
}
.fengstlayout-modal-view-become-partner-v2__close {
  background: transparent;
  border: none;
  font-size: 30px;
  display: flex;
  justify-content: flex-end;
}
.fengstlayout-modal-view-become-partner-v2__title {
  font: var(--section-title-font);
  color: var(--primary-light);
  margin: 0;
}
.fengstlayout-modal-view-become-partner-v2__content {
  display: grid;
  grid-auto-flow: row;
}
.fengstlayout-modal-view-become-partner-v2__content--cant-associate {
  text-align: center;
}
.fengstlayout-modal-view-become-partner-v2__step {
  display: grid;
  gap: 1em;
}
.fengstlayout-modal-view-become-partner-v2__step-header {
  display: grid;
  gap: 4px;
  margin-bottom: 20px;
}
.fengstlayout-modal-view-become-partner-v2__step-title {
  display: grid;
  margin: 0;
  font: var(--partners-become-modal-step-title-font);
}
.fengstlayout-modal-view-become-partner-v2__step-subtitle {
  display: grid;
  margin: 0;
  font: var(--partners-become-modal-step-desc-font);
}
.fengstlayout-modal-view-become-partner-v2__step-description {
  display: grid;
  margin: 0;
}
.fengstlayout-modal-view-become-partner-v2__terms {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
.fengstlayout-modal-view-become-partner-v2__terms-link {
  margin-left: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.fengstlayout-modal-view-become-partner-v2__terms-link fengstui-checkbox {
  position: relative;
  top: 4px;
}
.fengstlayout-modal-view-become-partner-v2__terms-link p {
  margin: 0;
  position: relative;
  top: 7px;
}
.fengstlayout-modal-view-become-partner-v2__terms-link p, .fengstlayout-modal-view-become-partner-v2__terms-link a {
  font-family: var(--action-button-font-family, var(--font-button));
  font-size: 14px;
  font-weight: 400;
}
.fengstlayout-modal-view-become-partner-v2__terms-link a {
  text-decoration: underline;
}
.fengstlayout-modal-view-become-partner-v2__action {
  margin-top: 16px;
  margin-left: auto;
}
.fengstlayout-modal-view-become-partner-v2__action--last {
  margin-left: 0;
}
.fengstlayout-modal-view-become-partner-v2__action button {
  background-color: var(--on-secondary) !important;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.fengstlayout-modal-view-become-partner-v2__okBtn button {
  background-color: var(--on-secondary) !important;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
  border-radius: 4px;
  width: 132px;
  padding: 8px 16px !important;
}
.fengstlayout-modal-view-become-partner-v2::-webkit-scrollbar {
  width: 8px;
}
.fengstlayout-modal-view-become-partner-v2::-webkit-scrollbar-track {
  background: var(--divider-color);
  border-radius: 24px;
}
.fengstlayout-modal-view-become-partner-v2::-webkit-scrollbar-thumb {
  background: var(--outline-button-color);
  border-radius: 24px;
}
.modal-more-info-v2 {
  width: 50vw;
  height: 60vh;
}
.more-info-modal-v2__close {
  background: transparent;
  border: none;
  font-size: 30px;
  display: flex;
  justify-content: flex-end;
}
.more-info-modal-v2__title {
  font: var(--section-title-font);
  color: var(--primary-light);
}
.more-info-modal-v2__content {
  height: 41vh;
  overflow-y: auto;
  padding-right: 10px;
}
.more-info-modal-v2__content p, .more-info-modal-v2__content span, .more-info-modal-v2__content strong {
  color: var(--primary-light);
}
.more-info-modal-v2__content p, .more-info-modal-v2__content span {
  font: var(--partners-desc-card-font);
}
.more-info-modal-v2__content::-webkit-scrollbar {
  width: 8px;
}
.more-info-modal-v2__content::-webkit-scrollbar-track {
  background: var(--divider-color);
  border-radius: 24px;
}
.more-info-modal-v2__content::-webkit-scrollbar-thumb {
  background: var(--outline-button-color);
  border-radius: 24px;
}
.fengstlayout-partner-data-form {
  display: grid;
  gap: 1em;
}
.fengstlayout-partner-data-form__row {
  display: grid;
  gap: 0.75em;
}
.fengstlayout-partner-company-form {
  display: grid;
  gap: 1em;
}
@media (min-width: 992px) {
  .fengstlayout-partner-company-form {
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
  }
}
.fengstlayout-partner-company-form__address, .fengstlayout-partner-company-form__column {
  display: grid;
  gap: 1em;
}
.fengstlayout-partner-company-form__address {
  position: relative;
}
.fengstlayout-partner-company-form__row {
  display: grid;
  gap: 0.75em;
}
.fengstlayout-partner-company-form__row--number {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
}
.fengstlayout-partner-company-form__row fengstui-textarea mat-form-field {
  width: 100%;
}
.fengstlayout-partner-company-form__dropzone {
  display: grid;
  padding: 2em;
  gap: 1em;
  border: 2px dashed var(--primary);
  background-color: rgba(var(--primary-RGB), 0.25);
  color: var(--primary);
  text-align: center;
}
.fengstlayout-partner-company-form__dropzone p {
  margin: 0;
}
.fengstlayout-partner-company-form__dropzone-cta {
  display: grid;
  gap: 1em;
}
.fengstlayout-partner-company-form__dropzone-cta i {
  font-size: 3em;
  margin: auto;
}
.fengstlayout-partner-company-form__file {
  display: grid;
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid rgba(var(--primary), 0.5);
}
.fengstlayout-partner-company-form__file-detail {
  display: grid;
  grid-auto-flow: row;
  gap: 0.75em;
}
.fengstlayout-partner-company-form__file-action, .fengstlayout-partner-company-form__file-size {
  display: grid;
  grid-auto-flow: column;
  gap: 0.75em;
  align-items: center;
  justify-content: space-between;
}
.fengstlayout-partner-company-form__file-error {
  color: var(--error);
}
.fengstlayout-partner-company-form-v2__column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px 48px;
}
@media (min-width: 992px) {
  .fengstlayout-partner-company-form-v2__column {
    grid-template-columns: 1fr 1fr;
  }
}
.fengstlayout-partner-company-form-v2__column-title {
  margin: 0 0 16px 0;
  height: -moz-fit-content;
  height: fit-content;
  font: var(--partners-become-modal-step-column-title);
  color: var(--partners-become-modal-step-column-color);
  position: relative;
  padding-left: 28px;
}
.fengstlayout-partner-company-form-v2__column-title span {
  color: var(--on-secondary);
  position: relative;
  top: 4px;
  font-size: 20px;
}
.fengstlayout-partner-company-form-v2__column-title:after {
  content: "";
  width: 60%;
  height: 1px;
  background: var(--divider-color);
  position: absolute;
  top: 14px;
  right: 0;
}
.fengstlayout-partner-company-form-v2__column-title:before {
  content: "";
  position: absolute;
  top: 14px;
  width: 25px;
  height: 1px;
  background: var(--divider-color);
  left: -4px;
}
.fengstlayout-partner-company-form-v2__column-title--last {
  margin: 0;
}
.fengstlayout-partner-company-form-v2__column-title--last:after {
  width: 65%;
}
.fengstlayout-partner-company-form-v2__form-control {
  margin: 0 0 16px 0;
}
.fengstlayout-partner-company-form-v2__form-row {
  display: grid;
  gap: 16px;
}
.fengstlayout-partner-company-form-v2__upload {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px 12px;
  border: solid 1px #E4E4E4;
  background: #F4F4F4;
  border-radius: 4px;
}
.fengstlayout-partner-company-form-v2__upload .icon {
  font-size: 30px;
  color: var(--on-secondary);
}
.fengstlayout-partner-company-form-v2__upload-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fengstlayout-partner-company-form-v2__upload-label p, .fengstlayout-partner-company-form-v2__upload-label small {
  margin: 0;
  color: var(--primary-light);
  font-size: 15px;
  font-family: var(--action-button-font-family, var(--font-button));
  font-weight: 700;
  line-height: 24px;
}
.fengstlayout-partner-company-form-v2__upload-label small {
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
}
.fengstlayout-partner-company-form-v2__upload button {
  background: var(--on-secondary);
  color: #fff;
  font-family: var(--action-button-font-family, var(--font-button));
  font-size: 14px;
  border-radius: 4px;
  padding: 10px 16px;
  border: none;
  cursor: pointer;
}
.fengstlayout-partner-company-form-v2 .select-row mat-form-field, .fengstlayout-partner-company-form-v2 .input-row mat-form-field {
  max-width: 100px;
}
.fengstlayout-partner-shop-form {
  display: grid;
  gap: 1em;
}
@media (min-width: 992px) {
  .fengstlayout-partner-shop-form {
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
  }
}
.fengstlayout-partner-shop-form__address, .fengstlayout-partner-shop-form__column {
  display: grid;
  gap: 1em;
}
.fengstlayout-partner-shop-form__address {
  position: relative;
}
.fengstlayout-partner-shop-form__row {
  display: grid;
  gap: 0.75em;
}
.fengstlayout-partner-shop-form__row--number {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
}
.fengstlayout-partner-shop-form__row fengstui-textarea mat-form-field {
  width: 100%;
}
.fengstlayout-partner-shop-form__dropzone {
  display: grid;
  padding: 2em;
  gap: 1em;
  border: 2px dashed var(--primary);
  background-color: rgba(var(--primary-RGB), 0.25);
  color: var(--primary);
  text-align: center;
}
.fengstlayout-partner-shop-form__dropzone p {
  margin: 0;
}
.fengstlayout-partner-shop-form__dropzone-cta {
  display: grid;
  gap: 1em;
}
.fengstlayout-partner-shop-form__dropzone-cta i {
  font-size: 3em;
  margin: auto;
}
.fengstlayout-partner-shop-form__file {
  display: grid;
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid rgba(var(--primary), 0.5);
}
.fengstlayout-partner-shop-form__file-detail {
  display: grid;
  grid-auto-flow: row;
  gap: 0.75em;
}
.fengstlayout-partner-shop-form__file-action, .fengstlayout-partner-shop-form__file-size {
  display: grid;
  grid-auto-flow: column;
  gap: 0.75em;
  align-items: center;
  justify-content: space-between;
}
.fengstlayout-partner-shop-form__file-action {
  display: grid;
}
.fengstlayout-partner-shop-form__file-action img {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80px;
  height: auto;
  max-height: 100;
}
.fengstlayout-partner-shop-form__file-error {
  color: var(--error);
}
.fengstlayout-partner-shop-form__terms {
  margin-top: 1.5em;
  display: grid;
  grid-auto-flow: row;
  gap: 0.5em;
  justify-content: flex-start;
  align-items: center;
}
.fengstlayout-partner-shop-form__terms > span {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
}
.fengstlayout-partner-shop-form__terms p {
  display: grid;
  grid-auto-flow: row;
  gap: 0.25em;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstlayout-partner-shop-form__terms p {
    grid-auto-flow: column;
    gap: 1em;
  }
}
.fengstlayout-partner-shop-form__terms p > span:hover {
  cursor: pointer;
}
.fengstlayout-partner-shop-form__image-cropper {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
}
.fengstlayout-partner-shop-form__image-cropper--loading image-cropper {
  opacity: 0.3;
}
.fengstlayout-partner-shop-form__image-cropper .mat-dialog-container {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: row;
}
.fengstlayout-partner-shop-form__image-cropper-actions {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 767px) {
  .fengstlayout-partner-shop-form__image-cropper-actions {
    flex-direction: row;
  }
}
.fengstlayout-partner-shop-form__image-cropper image-cropper {
  max-height: 60vh;
}
.fengstlayout-partner-shop-form__image-cropper image-cropper .cropper.rounded:after {
  box-shadow: 0 0 0 100vw rgba(255, 255, 255, 0.8) !important;
}
.fengstlayout-partner-shop-form-v2__column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px 48px;
}
@media (min-width: 992px) {
  .fengstlayout-partner-shop-form-v2__column {
    grid-template-columns: 1fr 1fr;
  }
}
.fengstlayout-partner-shop-form-v2__column-title {
  margin: 0 0 16px 0;
  height: -moz-fit-content;
  height: fit-content;
  font: var(--partners-become-modal-step-column-title);
  color: var(--partners-become-modal-step-column-color);
  position: relative;
  padding-left: 28px;
}
.fengstlayout-partner-shop-form-v2__column-title span {
  color: var(--on-secondary);
  position: relative;
  top: 4px;
  font-size: 20px;
}
.fengstlayout-partner-shop-form-v2__column-title:after {
  content: "";
  width: 60%;
  height: 1px;
  background: var(--divider-color);
  position: absolute;
  top: 14px;
  right: 0;
}
.fengstlayout-partner-shop-form-v2__column-title:before {
  content: "";
  position: absolute;
  top: 14px;
  width: 25px;
  height: 1px;
  background: var(--divider-color);
  left: -4px;
}
.fengstlayout-partner-shop-form-v2__column-title--last:after {
  width: 70%;
}
.fengstlayout-partner-shop-form-v2__form-control {
  margin: 0 0 16px 0;
}
.fengstlayout-partner-shop-form-v2__form-control-label {
  margin: 0 0 8px 0;
  font-weight: 700;
  font-family: var(--header-sub-menu-font);
}
.fengstlayout-partner-shop-form-v2__form-row {
  display: grid;
  gap: 16px;
}
.fengstlayout-partner-shop-form-v2__upload {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px 12px;
  border: solid 1px #E4E4E4;
  background: #F4F4F4;
  border-radius: 4px;
}
.fengstlayout-partner-shop-form-v2__upload .icon {
  font-size: 30px;
  color: var(--on-secondary);
}
.fengstlayout-partner-shop-form-v2__upload-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fengstlayout-partner-shop-form-v2__upload-label p, .fengstlayout-partner-shop-form-v2__upload-label small {
  margin: 0;
  color: var(--primary-light);
  font-size: 14px;
  font-family: var(--action-button-font-family, var(--font-button));
  font-weight: 700;
  line-height: 24px;
}
.fengstlayout-partner-shop-form-v2__upload-label small {
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
}
.fengstlayout-partner-shop-form-v2__upload button {
  background: var(--on-secondary);
  color: #fff;
  font-family: var(--action-button-font-family, var(--font-button));
  font-size: 14px;
  border-radius: 4px;
  padding: 10px 16px;
  border: none;
  cursor: pointer;
}
.fengstlayout-partner-shop-form-v2 .select-row mat-form-field, .fengstlayout-partner-shop-form-v2 .input-row mat-form-field {
  max-width: 100px;
}
.st-associate-menu {
  position: relative;
  display: grid;
  justify-content: center;
}
@media (min-width: 576px) {
  .st-associate-menu {
    justify-content: flex-end;
  }
}
.st-associate-menu__toggle {
  display: flex;
  font-size: 28px;
  align-items: center;
}
@media (min-width: 576px) {
  .st-associate-menu__toggle {
    font-size: 16px;
  }
}
.st-associate-menu__toggle b {
  display: none;
}
@media (min-width: 576px) {
  .st-associate-menu__toggle b {
    display: block;
  }
}
.st-associate-menu__toggle .mat-icon {
  font-size: 40px;
  width: 40px;
  height: 40px;
}
@media (min-width: 576px) {
  .st-associate-menu__toggle .mat-icon {
    font-size: 30px;
    width: 30px;
    height: 30px;
  }
}
.st-associate-menu__actions {
  position: absolute;
  top: 35px;
  left: auto;
  right: 0;
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 200px;
  max-width: 200px;
  height: -moz-fit-content;
  height: fit-content;
  color: var(--on-background);
  padding: 0.5em 1em;
  z-index: 5;
  font-weight: normal;
  font-size: 0.9em;
  align-items: center;
  text-align: right;
  border-radius: 3px;
  background: #e2e2e2;
  background: linear-gradient(to bottom, #efefef 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#efefef, endColorstr=#e2e2e2);
}
.st-associate-menu__salutation {
  margin-bottom: 15px;
}
.st-associate-menu__item {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  font-size: 13px;
  text-align: right;
  grid-template: auto/auto 25px;
  grid-gap: 5px;
  padding: 10px 0;
  justify-content: end;
}
.st-associate-menu__item:not(:last-child) {
  border-bottom: 1px solid #cacaca;
}
.st-associate-menu__item:hover {
  cursor: pointer;
}
.st-associate-menu__item--active {
  background-color: #c9c9c9;
}
.view-st-associate-login {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5em;
  max-width: 600px;
  margin: auto;
  align-items: center;
  text-align: center;
}
.view-st-associate-login__header {
  color: #0e0e0e;
  margin: 0.3em 0;
  font-size: 20px;
  font-weight: bold;
}
.view-st-associate-login__title {
  color: #0e0e0e;
  margin: 0.3em 0;
  font-size: 20px;
  text-align: center;
}
.view-st-associate-login__form {
  display: grid;
  grid-template: auto auto auto/auto;
  width: 100%;
  grid-gap: 5px;
}
.view-st-associate-login__form .mat-form-field-flex {
  border: none;
  margin: 0;
  background: #fafafa;
}
.view-st-associate-login__form button {
  text-transform: uppercase;
  border: 0;
  border-radius: 0.7em;
  font-size: 1em;
  padding: 1em 0;
  color: var(--on-secondary);
  background: var(--secondary);
  filter: brightness(100%);
  transition: filter ease-in-out 0.2s;
  cursor: pointer;
}
.view-st-associate-login__form button:hover {
  filter: brightness(90%);
}
.view-st-associate-login__forgot-link {
  margin: 1.2em 0;
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  grid-gap: 10px;
}
.st-associate-container {
  position: relative;
  display: grid;
  max-width: var(--max-width);
  min-height: 200px;
  margin: auto;
}
.view-st-associate-password-change {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5em;
  max-width: 600px;
  margin: auto;
  align-items: center;
  text-align: center;
}
.view-st-associate-password-change__header {
  color: #0e0e0e;
  margin: 0.3em 0;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  font-size: 20px;
  font-weight: bold;
  align-items: center;
  gap: 10px;
}
.view-st-associate-password-change__form {
  display: grid;
  grid-template: auto auto auto/auto;
  width: 100%;
  grid-gap: 5px;
}
.view-st-associate-password-change__form .mat-form-field-flex {
  border: none;
  margin: 0;
  background: #fafafa;
}
.view-st-associate-password-change__form-error {
  font-size: 0.75em;
  text-align: left;
}
.view-st-associate-password-change__form button {
  text-transform: uppercase;
  border: 0;
  border-radius: 0.7em;
  font-size: 1em;
  padding: 1em 0;
}
.view-st-associate-password-change__forgot-link {
  margin: 1.2em 0;
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  grid-gap: 10px;
}
.view-st-associate-password-recovery {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5em;
  max-width: 600px;
  margin: auto;
  align-items: center;
  text-align: center;
}
.view-st-associate-password-recovery__header {
  color: #0e0e0e;
  margin: 0.3em 0;
  font-size: 20px;
  font-weight: bold;
  gap: 10px;
}
.view-st-associate-password-recovery__form {
  display: grid;
  grid-template: auto auto auto/auto;
  width: 100%;
  grid-gap: 5px;
}
.view-st-associate-password-recovery__form .mat-form-field-flex {
  border: none;
  margin: 0;
  background: #fafafa;
}
.view-st-associate-password-recovery__form-error {
  font-size: 0.75em;
  text-align: left;
}
.view-st-associate-password-recovery__form button {
  text-transform: uppercase;
  border: 0;
  border-radius: 0.7em;
  font-size: 1em;
  padding: 1em 0;
}
.view-st-associate-password-recovery__forgot-link {
  margin: 1.2em 0;
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  grid-gap: 10px;
}
.view-st-associate-profile {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5em;
  max-width: 600px;
  margin: auto;
  align-items: center;
  text-align: center;
}
.view-st-associate-profile__header {
  color: #0e0e0e;
  margin: 0.3em 0;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  font-size: 20px;
  font-weight: bold;
  align-items: center;
  gap: 10px;
}
.view-st-associate-profile__data h2 {
  display: block;
  text-align: center;
  font-size: 18px;
  margin: 10px;
}
.view-st-associate-profile__data ul {
  list-style: none;
  text-align: left;
}
.view-st-associate-profile__data ul li {
  line-height: 30px;
}
.view-st-associate-profile__form {
  width: 100%;
  margin: 20px auto auto auto;
  display: grid;
  grid-auto-flow: column;
  grid-template: auto/75% 20%;
  grid-gap: 5%;
  align-items: center;
}
@media (min-width: 576px) {
  .view-st-associate-profile__form {
    grid-template: auto/85% 10%;
  }
}
.view-st-associate-profile__form .mat-form-field {
  display: inline;
}
.view-st-associate-profile__form ::ng-deep .mat-form-field-wrapper {
  padding-bottom: 0;
}
.view-st-associate-profile__form ::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
}
.view-st-associate-profile__form .mat-icon {
  padding: 1.2em;
  justify-content: center;
  justify-self: flex-end;
  align-items: center;
  display: flex;
  color: var(--primary);
  border-radius: 5px;
  background-color: var(--secondary);
  color: var(--primary);
  cursor: pointer;
}
.view-st-associate-profile__form .mat-icon:hover {
  background-color: var(--secondary);
  filter: brightness(94%);
}
.view-st-associate-profile__form-error {
  font-size: 0.75em;
}
.view-st-associate-profile__user-profile {
  display: grid;
  grid-template: 100px auto/auto;
  grid-gap: 20px;
  width: 100%;
  min-width: 320px;
  max-width: 600px;
  margin: 50px auto 40px;
}
@media (min-width: 576px) {
  .view-st-associate-profile__user-profile {
    grid-template: initial;
    grid-template-areas: "photo description" "history history";
  }
}
.view-st-associate-profile__user-profile-photo {
  grid-area: photo;
  display: flex;
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.02);
  justify-content: center;
  align-items: center;
  margin: auto;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
@media (min-width: 576px) {
  .view-st-associate-profile__user-profile-photo {
    width: 85px;
    height: 85px;
  }
}
.view-st-associate-profile__user-profile-photo i {
  font-size: 2em;
}
.view-st-associate-profile__user-profile-photo i.hasPhoto {
  display: none;
}
.view-st-associate-profile__user-profile-description {
  grid-area: description;
  line-height: 1.45em;
}
@media (min-width: 576px) {
  .view-st-associate-profile__user-profile-description {
    text-align: left;
  }
}
.view-st-associate-profile__contract-history {
  grid-area: history;
  display: grid;
  width: 100%;
  min-width: 320px;
  max-width: 600px;
  border-top: 1px solid #dedede;
  margin-top: 20px;
}
.view-st-associate-profile__contract-history ul {
  padding: 0;
  margin: 20px 0 0 0;
}
.view-st-associate-profile__contract-history ul li {
  list-style: none;
  display: grid;
  grid-template: auto/1fr 1fr 1fr;
  justify-content: center;
  padding: 5px;
}
.view-st-associate-profile__contract-history ul li:nth-child(odd) {
  background-color: lightgrey;
}
.view-st-associate-profile__allowed-discount, .view-st-associate-profile__not-allowed-discount {
  padding: 0px 0px 0px 5px;
  margin: 0 5px;
  display: inline-flex;
  font-weight: bold;
}
.view-st-associate-profile__allowed-discount {
  background-color: green;
  color: white;
}
.view-st-associate-profile__not-allowed-discount {
  background-color: red;
  color: white;
}
.view-st-associate-validation {
  padding: 30px;
  max-width: 600px;
  margin: 0 auto;
}
.view-st-associate-validation__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 20px;
}
.view-st-associate-validation__header {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
}
.view-st-associate-validation__header span {
  margin: 0 auto;
  color: #0e0e0e;
}
.view-st-associate-validation__form {
  display: flex;
  width: 100%;
  align-items: center;
}
.view-st-associate-validation__form form {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media (min-width: 576px) {
  .view-st-associate-validation__form {
    grid-template: auto/85% 10%;
  }
}
.view-st-associate-validation__form .mat-form-field {
  width: 100%;
}
.view-st-associate-validation__form .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.view-st-associate-validation__form ::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
}
.view-st-associate-validation__form .mat-icon {
  padding: 1.05em;
  justify-content: center;
  justify-self: flex-end;
  align-items: center;
  display: flex;
  color: var(--primary);
  border-radius: 5px;
  background-color: var(--secondary);
  color: var(--primary);
  cursor: pointer;
}
.view-st-associate-validation__form .mat-icon:hover {
  background-color: var(--secondary);
  filter: brightness(94%);
}
.view-st-associate-validation__form-error {
  font-size: 0.75em;
}
.view-st-associate-validation__user-profile {
  display: grid;
  grid-template: 100px auto/auto;
  grid-gap: 20px;
  width: 100%;
  min-width: 320px;
  max-width: 600px;
  margin: 50px auto 40px;
}
@media (min-width: 576px) {
  .view-st-associate-validation__user-profile {
    grid-template: initial;
    grid-template-areas: "photo description" "history history";
  }
}
.view-st-associate-validation__user-profile-photo {
  grid-area: photo;
  display: flex;
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.02);
  justify-content: center;
  align-items: center;
  margin: auto;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
@media (min-width: 576px) {
  .view-st-associate-validation__user-profile-photo {
    width: 85px;
    height: 85px;
  }
}
.view-st-associate-validation__user-profile-photo i {
  font-size: 2em;
}
.view-st-associate-validation__user-profile-photo i.hasPhoto {
  display: none;
}
.view-st-associate-validation__user-profile-description {
  grid-area: description;
  line-height: 1.45em;
}
@media (min-width: 576px) {
  .view-st-associate-validation__user-profile-description {
    text-align: left;
  }
}
.view-st-associate-validation__contract-history {
  grid-area: history;
  display: grid;
  width: 100%;
  min-width: 320px;
  max-width: 600px;
  border-top: 1px solid #dedede;
  margin-top: 20px;
}
.view-st-associate-validation__contract-history ul {
  padding: 0;
  margin: 20px 0 0 0;
}
.view-st-associate-validation__contract-history ul li {
  list-style: none;
  display: grid;
  grid-template: auto/1fr 1fr 1fr;
  justify-content: center;
  padding: 5px;
}
.view-st-associate-validation__contract-history ul li:nth-child(odd) {
  background-color: lightgrey;
}
.view-st-associate-validation__allowed-discount, .view-st-associate-validation__not-allowed-discount {
  padding: 0px 0px 0px 5px;
  margin: 0 5px;
  display: inline-flex;
  font-weight: bold;
}
.view-st-associate-validation__allowed-discount {
  background-color: green;
  color: white;
}
.view-st-associate-validation__not-allowed-discount {
  background-color: red;
  color: white;
}
.view-st-associate-validation__user {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 25px;
  border-radius: 10px;
}
.view-st-associate-validation__user-data {
  display: inherit;
  flex-direction: inherit;
  gap: inherit;
}
.view-st-associate-validation__user p {
  margin: 0;
  padding: 0;
}
.view-st-associate-validation__hasDiscount {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.view-st-associate-validation__divider {
  height: 1px;
  border: 1px solid #0000001e;
  margin: 20px 0;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --background-system-error: #ffe0e1;
  --background-system-warning: #f3e0b9;
  --background-system-success: #eefcf2;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.fengstexperience-header {
  background-color: var(--background);
}
.fengstexperience-header--public {
  padding-top: var(--public-header-security-top-padding);
}
.fengstexperience-header--private {
  padding-top: var(--private-header-security-top-padding);
}
.fengstexperience-header nav {
  display: grid;
  grid-auto-flow: column;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  justify-content: center;
  grid-gap: 5px;
}
@media (min-width: 767px) {
  .fengstexperience-header nav {
    grid-gap: 10px;
  }
}
@media (min-width: 992px) {
  .fengstexperience-header nav {
    justify-content: flex-end;
  }
}
.fengstexperience-header nav a {
  display: flex;
  align-items: center;
  text-decoration: none;
  text-align: center;
  color: var(--on-background);
  font-weight: normal;
  position: relative;
  margin: 0 3px;
  padding: 10px 5px;
  font-size: 11px;
}
@media (min-width: 374px) {
  .fengstexperience-header nav a {
    font-size: 13px;
  }
}
@media (min-width: 767px) {
  .fengstexperience-header nav a {
    margin: 0 10px;
    padding: 10px 20px;
    font-size: 15px;
  }
}
.fengstexperience-header nav a:hover {
  background-color: rgba(var(--primary-RGB), 0.1);
}
.fengstexperience-header nav a.--selected::after {
  content: " ";
  border-top: 10px solid var(--primary);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  height: 0px;
  width: 0px;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -10px;
}
.fengstexperience-header-nav-v2 {
  display: flex !important;
  flex-direction: row !important;
  padding: 20px 8px;
  gap: 0 !important;
  white-space: nowrap;
  overflow-x: auto;
  justify-content: flex-start !important;
  padding: 0;
}
.fengstexperience-header-nav-v2-link {
  padding: 20px !important;
  margin: 0 !important;
  color: #727272 !important;
  font-family: var(--header-sub-menu-font) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
}
.fengstexperience-header-nav-v2-link--selected {
  color: #242424 !important;
  background: rgba(36, 36, 36, 0.04) !important;
  border-bottom: solid 1px currentColor !important;
}
.queue-loader {
  background: white;
  padding: 20px 40px;
  text-align: center;
}
@media (min-width: 767px) {
  .queue-loader {
    padding: 20px 100px;
  }
}
.fengstexperience-catalog {
  display: grid;
  grid-gap: 40px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 35px 15px 0;
}
.fengstexperience-catalog__filter {
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .fengstexperience-catalog__filter {
    grid-auto-flow: column;
    justify-content: space-between;
    grid-template: 1fr/auto 50%;
  }
}
.fengstexperience-catalog__filter span {
  display: grid;
  align-items: center;
  grid-gap: 15px;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .fengstexperience-catalog__filter span {
    grid-auto-flow: column;
    grid-template-columns: 50% auto auto;
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 992px) {
  .fengstexperience-catalog__filter span {
    grid-template-columns: auto auto auto;
  }
}
.fengstexperience-catalog__filter span .feng-btn {
  width: 100%;
}
.fengstexperience-catalog__wrapper {
  position: relative;
  padding-bottom: 50px;
  display: grid;
  grid-gap: 40px;
}
.fengstexperience-catalog__wrapper .feng-btn {
  width: 100%;
}
.fengstexperience-catalog__credit-card-warning {
  display: flex;
  gap: 10px;
  width: 100%;
  padding: 1rem;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  flex-direction: column;
}
@media (min-width: 576px) {
  .fengstexperience-catalog__credit-card-warning {
    flex-direction: row;
    text-align: left;
  }
}
.fengstexperience-catalog__credit-card-warning i {
  font-size: 1.5em;
}
.fengstexperience-catalog__credit-card-warning p {
  margin: 0;
}
.fengstexperience-catalog__cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexperience-catalog__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexperience-catalog__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fengstexperience-catalog__no-data {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
}
.fengstexperience-catalog__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.queue-loader {
  background: white;
  padding: 20px 40px;
  text-align: center;
}
@media (min-width: 767px) {
  .queue-loader {
    padding: 20px 100px;
  }
}
.fengstexperience-catalog-v2 {
  display: grid;
  grid-gap: 40px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 35px 15px 0;
}
.fengstexperience-catalog-v2__filter {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr;
  grid-template-areas: "search" "date" "item";
}
@media (min-width: 992px) {
  .fengstexperience-catalog-v2__filter {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "date item . search";
  }
}
.fengstexperience-catalog-v2__filter span {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
.fengstexperience-catalog-v2__filter span fengstui-button {
  width: 100%;
}
.fengstexperience-catalog-v2__filter span fengstui-button button {
  width: 100%;
}
.fengstexperience-catalog-v2__filter-date {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstexperience-catalog-v2__filter-date {
    width: 320px;
  }
}
.fengstexperience-catalog-v2__filter-search {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstexperience-catalog-v2__filter-search {
    width: 200px;
    margin-left: auto;
  }
}
.fengstexperience-catalog-v2__filter-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--on-secondary) !important;
}
.fengstexperience-catalog-v2__wrapper {
  position: relative;
  padding-bottom: 50px;
  display: grid;
  grid-gap: 40px;
}
.fengstexperience-catalog-v2__wrapper .feng-btn {
  width: 100%;
}
.fengstexperience-catalog-v2__credit-card-warning {
  display: flex;
  gap: 10px;
  width: 100%;
  padding: 1rem;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  flex-direction: column;
}
@media (min-width: 576px) {
  .fengstexperience-catalog-v2__credit-card-warning {
    flex-direction: row;
    text-align: left;
  }
}
.fengstexperience-catalog-v2__credit-card-warning i {
  font-size: 1.5em;
}
.fengstexperience-catalog-v2__credit-card-warning p {
  margin: 0;
}
.fengstexperience-catalog-v2__cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexperience-catalog-v2__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexperience-catalog-v2__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fengstexperience-catalog-v2__cards-loadmore button {
  background-color: var(--on-secondary) !important;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.fengstexperience-catalog-v2__no-data {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
  margin-top: 25px;
}
.fengstexperience-catalog-v2__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstexperience-catalog-card-template-1 {
  position: relative;
  display: grid;
  background-color: var(--background);
  height: 100%;
  border-radius: 15px 15px 0 0;
}
.fengstexperience-catalog-card-template-1--expired {
  filter: grayscale(100%) blur(1px);
  opacity: 0.75;
}
.fengstexperience-catalog-card-template-1--open-soon {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-catalog-card-template-1__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-catalog-card-template-1__blocker * {
  margin: 5px;
}
.fengstexperience-catalog-card-template-1__blocker strong {
  padding: 5px 5px 8px;
}
.fengstexperience-catalog-card-template-1__blocker i {
  font-size: 2em;
}
.fengstexperience-catalog-card-template-1__wrapper {
  display: flex;
  grid-gap: 10px;
  padding: 15px 20px;
  justify-content: space-around;
  flex-direction: column;
}
.fengstexperience-catalog-card-template-1__title {
  font: 700 25px/20px var(--font-title);
  margin: 0;
  text-align: center;
}
.fengstexperience-catalog-card-template-1__thumbnail {
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-catalog-card-template-1__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-catalog-card-template-1__thumbnail-cost {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-catalog-card-template-1__thumbnail-cost::after {
  content: "pts";
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-catalog-card-template-1__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.fengstexperience-catalog-card-template-1__description p {
  margin: 0 0 var(--paragraph-margin-bottom) 0;
}
.fengstexperience-catalog-card-template-1__action .feng-btn {
  width: 100%;
}
.fengstexperience-catalog-card-template-1__action--not-auth {
  transform: unset;
}
.fengstexperience-catalog-card-template-1__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexperience-catalog-card-template-1 fengstui-button button {
  text-transform: uppercase;
}
.fengstexperience-catalog-card-template-1 fengstui-button button:hover {
  background-color: var(--primary) !important;
}
.fengstexperience-catalog-card-template-2 {
  position: relative;
  display: grid;
  height: 100%;
  background: white;
  border-radius: 0;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.05);
  /*
   &__wrapper {
      display: grid;
      grid-gap: 10px;
      grid-template: 60px 240px 15px auto 55px 50px / 1fr;
      padding: 20px;
  }
  */
}
.fengstexperience-catalog-card-template-2--expired {
  filter: grayscale(100%) blur(1px);
  opacity: 0.75;
}
.fengstexperience-catalog-card-template-2--open-soon {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-catalog-card-template-2__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-catalog-card-template-2__blocker * {
  margin: 5px;
}
.fengstexperience-catalog-card-template-2__blocker strong {
  padding: 5px 5px 8px;
}
.fengstexperience-catalog-card-template-2__blocker i {
  font-size: 2em;
}
.fengstexperience-catalog-card-template-2__wrapper {
  display: flex;
  grid-gap: 10px;
  padding: 15px 20px;
  justify-content: space-around;
  flex-direction: column;
}
.fengstexperience-catalog-card-template-2__title {
  font: 700 25px/20px var(--font-title);
  margin: 0;
  text-align: center;
}
.fengstexperience-catalog-card-template-2__thumbnail {
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-catalog-card-template-2__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-catalog-card-template-2__thumbnail-cost {
  width: 100%;
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 0.75em;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 0;
}
.fengstexperience-catalog-card-template-2__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.fengstexperience-catalog-card-template-2__description p {
  margin: 0 0 var(--paragraph-margin-bottom) 0;
}
.fengstexperience-catalog-card-template-2__action .feng-btn {
  width: 100%;
}
.fengstexperience-catalog-card-template-2__action--not-auth {
  transform: unset;
}
.fengstexperience-catalog-card-template-2__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexperience-catalog-card-template-2 fengstui-button button {
  text-transform: uppercase;
}
.fengstexperience-catalog-card-template-2 fengstui-button button:hover {
  background-color: var(--primary) !important;
}
.fengstexperience-catalog-card-template-3 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 575px;
  border: 1px solid #E4E4E4;
  background: #fff;
  border-radius: 10px;
  padding: 24px;
  overflow: hidden;
}
.fengstexperience-catalog-card-template-3__header {
  border: 1px solid #E4E4E4;
  position: relative;
  border-radius: 10px;
}
.fengstexperience-catalog-card-template-3__header img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  height: 240px;
}
.fengstexperience-catalog-card-template-3__header-points {
  background: #242424;
  border: solid 1px #101010;
  border-radius: 10px 0;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 114px;
}
.fengstexperience-catalog-card-template-3__header-points p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-family: var(--header-sub-menu-font);
}
.fengstexperience-catalog-card-template-3__categ {
  padding: 4px 12px;
  border-radius: 100px;
  background: #3D3D3D;
  width: -moz-fit-content;
  width: fit-content;
  margin: 16px 0 20px 0;
}
.fengstexperience-catalog-card-template-3__categ p {
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-family: var(--header-sub-menu-font);
  font-weight: 700;
}
.fengstexperience-catalog-card-template-3__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.fengstexperience-catalog-card-template-3__content h1 {
  color: var(--primary-light);
  font: var(--section-title-font);
  line-height: 20px;
  font-size: 23px;
  margin: 0;
  text-transform: capitalize;
}
.fengstexperience-catalog-card-template-3__content-description {
  font: var(--partners-desc-card-font);
  color: var(--primary-light);
  margin: 8px 0 16px 0;
}
.fengstexperience-catalog-card-template-3__content-action {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
}
.fengstexperience-catalog-card-template-3__content-action-rescue button {
  background-color: var(--on-secondary) !important;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.fengstexperience-catalog-card-template-3__content-action-info button {
  color: var(--on-secondary) !important;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.fengstexperience-catalog-card-fngst-1 {
  position: relative;
  display: grid;
  background-color: var(--background);
  height: 100%;
  border-radius: 15px 15px 0 0;
}
.fengstexperience-catalog-card-fngst-1--expired {
  filter: grayscale(100%) blur(1px);
  opacity: 0.75;
}
.fengstexperience-catalog-card-fngst-1--open-soon {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-catalog-card-fngst-1__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-catalog-card-fngst-1__blocker * {
  margin: 5px;
}
.fengstexperience-catalog-card-fngst-1__blocker strong {
  padding: 5px 5px 8px;
}
.fengstexperience-catalog-card-fngst-1__blocker i {
  font-size: 2em;
}
.fengstexperience-catalog-card-fngst-1__wrapper {
  display: flex;
  grid-gap: 10px;
  padding: 15px 20px;
  justify-content: space-around;
  flex-direction: column;
}
.fengstexperience-catalog-card-fngst-1__title {
  font: 700 25px/20px var(--font-title);
  padding: 0.5rem 0;
  margin: 0;
  text-align: center;
}
.fengstexperience-catalog-card-fngst-1__thumbnail {
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-catalog-card-fngst-1__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-catalog-card-fngst-1__thumbnail-cost {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-catalog-card-fngst-1__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.fengstexperience-catalog-card-fngst-1__description p {
  margin: 0 0 var(--paragraph-margin-bottom) 0;
}
.fengstexperience-catalog-card-fngst-1__action .feng-btn {
  width: 100%;
}
.fengstexperience-catalog-card-fngst-1__action--not-auth {
  transform: unset;
}
.fengstexperience-catalog-card-fngst-1__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexperience-catalog-card-fngst-1 fengstui-button button {
  text-transform: uppercase;
}
.fengstexperience-catalog-card-fngst-1 fengstui-button button:hover {
  background-color: var(--primary) !important;
}
.fengstexperience-how-card-template-1 {
  position: relative;
  display: grid;
  background-color: var(--background);
  height: 100%;
  text-align: center;
  border-radius: 1rem;
  border: 1px solid var(--embassies-divider-color);
  box-shadow: var(--experience-how-to-score-card-box-shadow);
  padding: 1.5rem;
  gap: 1.5rem;
  align-items: center;
}
.fengstexperience-how-card-template-1__title {
  display: grid;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
  margin: 1.5rem;
  font-family: var(--experience-how-to-score-card-title-font);
}
@media (min-width: 767px) {
  .fengstexperience-how-card-template-1__title {
    margin: calc(3.56rem - 1.5rem) 1.5rem 0;
  }
}
.fengstexperience-how-card-template-1__icon {
  width: auto;
  height: 88px;
  object-fit: cover;
  object-position: center;
  margin: auto;
  filter: var(--experience-how-to-score-icon-filter);
}
.fengstexperience-how-card-template-1__description {
  margin: 0;
}
@media (min-width: 767px) {
  .fengstexperience-how-card-template-1__description {
    margin: 0 0 calc(3.56rem - 1.5rem);
  }
}
.fengstexperience-how-card-template-2 {
  position: relative;
  display: grid;
  background: var(--background);
  height: 100%;
  text-align: center;
  padding: 1.5rem;
  gap: 1.5rem;
  align-items: center;
  box-shadow: var(--experience-how-to-score-card-box-shadow);
}
.fengstexperience-how-card-template-2__title {
  display: grid;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
  margin: 1.5rem;
  font-family: var(--experience-how-to-score-card-title-font);
}
@media (min-width: 767px) {
  .fengstexperience-how-card-template-2__title {
    margin: calc(3.56rem - 1.5rem) 1.5rem 0;
  }
}
.fengstexperience-how-card-template-2__icon {
  width: auto;
  height: 88px;
  object-fit: cover;
  object-position: center;
  margin: auto;
  filter: var(--experience-how-to-score-icon-filter);
}
.fengstexperience-how-card-template-2__description {
  margin: 0;
}
@media (min-width: 767px) {
  .fengstexperience-how-card-template-2__description {
    margin: 0 0 calc(3.56rem - 1.5rem);
  }
}
.fengstexperience-points-table {
  display: grid;
  grid-gap: 10px;
  max-width: var(--max-width);
  margin: 35px auto 50px;
  padding: 25px;
  background: var(--experience-points-table-background);
  border-radius: 15px;
  width: 90%;
}
@media (min-width: 992px) {
  .fengstexperience-points-table {
    width: 100%;
  }
}
.fengstexperience-points-table__filter {
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: row;
  margin-bottom: 10px;
}
@media (min-width: 767px) {
  .fengstexperience-points-table__filter {
    grid-auto-flow: column;
    justify-content: space-between;
    grid-template: 1fr/auto 35%;
  }
}
.fengstexperience-points-table__filter--date {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  grid-template-columns: auto min-content;
}
.fengstexperience-points-table__filter > span {
  display: grid;
  align-items: center;
  grid-gap: 15px;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .fengstexperience-points-table__filter > span {
    grid-auto-flow: column;
    grid-template-columns: 50% auto auto;
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 992px) {
  .fengstexperience-points-table__filter > span {
    grid-template-columns: auto auto auto;
  }
}
.fengstexperience-points-table__filter > span .feng-btn {
  width: 100%;
}
.fengstexperience-points-table__balance {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
}
.fengstexperience-points-table__cards {
  display: grid;
  grid-gap: 30px;
  grid-auto-flow: row;
}
.fengstexperience-points-table__action {
  margin-top: 30px;
  justify-content: center;
  display: grid;
}
.fengstexperience-points-table__action .feng-btn {
  width: 100%;
}
.fengstexperience-points-table__no-data {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
}
.fengstexperience-points-table__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstexperience-points-card-template-1 {
  position: relative;
  display: grid;
  grid-auto-flow: row;
  grid-gap: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.fengstexperience-points-card-template-1 > div:first-child {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstexperience-points-card-template-1 > div:first-child {
    grid-gap: 40px;
    grid-auto-flow: column;
    grid-template-columns: auto;
  }
}
.fengstexperience-points-card-template-1 > div:nth-child(2) {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstexperience-points-card-template-1 > div:nth-child(2) {
    grid-auto-flow: column;
    justify-content: space-between;
  }
}
.fengstexperience-points-card-template-1 > div:nth-child(2) .feng-btn--opened i {
  transform: rotate(90deg);
}
.fengstexperience-points-card-template-1__cost {
  font-size: 1.75em;
  font-weight: bold;
}
.fengstexperience-points-card-template-1__cost--debit {
  color: var(--error);
}
.fengstexperience-points-card-template-1__cost--credit {
  color: var(--success);
}
.fengstexperience-points-card-template-1__detail p {
  margin: 0;
}
.fengstexperience-points-card-template-2 {
  position: relative;
  display: grid;
  grid-auto-flow: row;
  grid-gap: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.fengstexperience-points-card-template-2 > div:first-child {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstexperience-points-card-template-2 > div:first-child {
    grid-gap: 40px;
    grid-auto-flow: column;
    grid-template-columns: auto;
  }
}
.fengstexperience-points-card-template-2 > div:nth-child(2) {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstexperience-points-card-template-2 > div:nth-child(2) {
    grid-auto-flow: column;
    justify-content: space-between;
  }
}
.fengstexperience-points-card-template-2 > div:nth-child(2) .feng-btn.feng-btn--ghost {
  background-color: transparent;
}
.fengstexperience-points-card-template-2 > div:nth-child(2) .feng-btn.feng-btn--ghost i {
  background-color: transparent;
  color: var(--secondary);
}
.fengstexperience-points-card-template-2 > div:nth-child(2) .feng-btn--opened i {
  transform: rotate(90deg);
}
.fengstexperience-points-card-template-2__cost {
  font-size: 1.75em;
  font-weight: bold;
}
.fengstexperience-points-card-template-2__cost--debit {
  color: var(--error);
}
.fengstexperience-points-card-template-2__cost--credit {
  color: var(--success);
}
.fengstexperience-points-card-template-2__detail p {
  margin: 0;
}
.fengstexperience-points-card-fngst-1 {
  position: relative;
  display: grid;
  grid-auto-flow: row;
  grid-gap: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.fengstexperience-points-card-fngst-1 > div:first-child {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstexperience-points-card-fngst-1 > div:first-child {
    grid-gap: 40px;
    grid-auto-flow: column;
    grid-template-columns: auto;
  }
}
.fengstexperience-points-card-fngst-1 > div:nth-child(2) {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstexperience-points-card-fngst-1 > div:nth-child(2) {
    grid-auto-flow: column;
    justify-content: space-between;
  }
}
.fengstexperience-points-card-fngst-1 > div:nth-child(2) .feng-btn.feng-btn--ghost {
  background-color: transparent;
}
.fengstexperience-points-card-fngst-1 > div:nth-child(2) .feng-btn.feng-btn--ghost i {
  background-color: transparent;
  color: var(--primary);
}
.fengstexperience-points-card-fngst-1 > div:nth-child(2) .feng-btn--opened i {
  transform: rotate(90deg);
}
.fengstexperience-points-card-fngst-1__cost {
  font-size: 1.75em;
  font-weight: bold;
}
.fengstexperience-points-card-fngst-1__cost--debit {
  color: var(--stract);
}
.fengstexperience-points-card-fngst-1__cost--credit {
  color: var(--stract);
}
.fengstexperience-points-card-fngst-1__detail p {
  margin: 0;
}
.fengstexperience-rescues-table {
  display: grid;
  grid-gap: 40px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 35px 15px 15px;
}
.fengstexperience-rescues-table__filter {
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: row;
}
@media (min-width: 992px) {
  .fengstexperience-rescues-table__filter {
    grid-auto-flow: column;
    justify-content: space-between;
    grid-template: 1fr/auto 50%;
  }
}
.fengstexperience-rescues-table__filter span {
  display: grid;
  align-items: center;
  grid-gap: 15px;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .fengstexperience-rescues-table__filter span {
    grid-auto-flow: column;
    grid-template-columns: 50% auto auto;
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 992px) {
  .fengstexperience-rescues-table__filter span {
    grid-template-columns: auto auto auto;
  }
}
.fengstexperience-rescues-table__filter span .feng-btn {
  width: 100%;
}
.fengstexperience-rescues-table__wrapper {
  position: relative;
  padding-bottom: 50px;
  display: grid;
  grid-gap: 40px;
}
.fengstexperience-rescues-table__wrapper .feng-btn {
  width: 100%;
}
.fengstexperience-rescues-table__cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexperience-rescues-table__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexperience-rescues-table__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fengstexperience-rescues-table__no-data {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
}
.fengstexperience-rescues-table__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstexperience-rescues-table__no-data a {
  display: inline-block;
}
.fengstexperience-rescues-card-template-1 {
  position: relative;
  display: grid;
  background-color: var(--background);
  height: 100%;
  grid-template: auto 40px/1fr;
  border-radius: 15px 15px 0 0;
}
.fengstexperience-rescues-card-template-1--expired {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-rescues-card-template-1__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-rescues-card-template-1__blocker * {
  margin: 5px;
}
.fengstexperience-rescues-card-template-1__blocker strong {
  padding: 5px 5px 8px;
}
.fengstexperience-rescues-card-template-1 i {
  position: absolute;
  right: -10px;
  font-size: 32px;
  top: -10px;
  color: #ccb400;
}
.fengstexperience-rescues-card-template-1__wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template: 60px 240px 15px auto 1px/1fr;
  padding: 20px;
}
.fengstexperience-rescues-card-template-1__title {
  font: 700 25px/30px var(--font-title);
  margin: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  overflow-y: auto;
}
.fengstexperience-rescues-card-template-1__thumbnail {
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-rescues-card-template-1__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-rescues-card-template-1__thumbnail-cost {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-rescues-card-template-1__thumbnail-cost::after {
  content: "pts";
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-1__thumbnail-costret {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-rescues-card-template-1__thumbnail-costret::after {
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-1__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-1__description p {
  margin: 0 0 var(--paragraph-margin-bottom) 0;
}
.fengstexperience-rescues-card-template-1__action .feng-btn {
  width: 100%;
}
.fengstexperience-rescues-card-template-1__action--not-auth {
  transform: unset;
}
.fengstexperience-rescues-card-template-1__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexperience-rescues-card-template-1__description {
  position: relative;
  width: 100%;
  overflow: auto;
}
.fengstexperience-rescues-card-template-1__description a {
  line-break: anywhere;
}
.fengstexperience-rescues-card-template-1__description .header {
  position: relative;
}
.fengstexperience-rescues-card-template-2 {
  position: relative;
  display: grid;
  height: 100%;
  grid-template: auto 40px/1fr;
  background: white;
  border-radius: 0;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.05);
}
.fengstexperience-rescues-card-template-2--expired {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-rescues-card-template-2__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-rescues-card-template-2__blocker * {
  margin: 5px;
}
.fengstexperience-rescues-card-template-2__blocker strong {
  padding: 5px 5px 8px;
}
.fengstexperience-rescues-card-template-2__blocker i {
  font-size: 2em;
}
.fengstexperience-rescues-card-template-2__wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template: 60px 240px 15px auto 1px/1fr;
  padding: 20px;
}
.fengstexperience-rescues-card-template-2__title {
  font: 700 25px/30px var(--font-title);
  margin: 0;
  text-align: center;
}
.fengstexperience-rescues-card-template-2__thumbnail {
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-rescues-card-template-2__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-rescues-card-template-2__thumbnail-cost {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-rescues-card-template-2__thumbnail-cost::after {
  content: "pts";
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-2__thumbnail-costret {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-rescues-card-template-2__thumbnail-costret::after {
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-2__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-2__description p {
  margin: 0 0 var(--paragraph-margin-bottom) 0;
}
.fengstexperience-rescues-card-template-2__action .feng-btn {
  width: 100%;
}
.fengstexperience-rescues-card-template-2__action--not-auth {
  transform: unset;
}
.fengstexperience-rescues-card-template-2__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexperience-rescues-card-template-3 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 632px;
  border: 1px solid #E4E4E4;
  background: #fff;
  border-radius: 10px;
  padding: 24px;
  overflow: hidden;
}
.fengstexperience-rescues-card-template-3__header {
  border: 1px solid #E4E4E4;
  position: relative;
  border-radius: 10px;
}
.fengstexperience-rescues-card-template-3__header img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  height: 240px;
}
.fengstexperience-rescues-card-template-3__header-points {
  background: #242424;
  border: solid 1px #101010;
  border-radius: 10px 0;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 114px;
}
.fengstexperience-rescues-card-template-3__header-points p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-family: var(--header-sub-menu-font);
}
.fengstexperience-rescues-card-template-3__categ {
  padding: 4px 12px;
  border-radius: 100px;
  background: #3D3D3D;
  width: -moz-fit-content;
  width: fit-content;
  margin: 16px 0 20px 0;
}
.fengstexperience-rescues-card-template-3__categ p {
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-family: var(--header-sub-menu-font);
  font-weight: 700;
}
.fengstexperience-rescues-card-template-3__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.fengstexperience-rescues-card-template-3__content h1 {
  color: var(--primary-light);
  font: var(--section-title-font);
  line-height: 20px;
  font-size: 23px;
  margin: 0;
  text-transform: capitalize;
}
.fengstexperience-rescues-card-template-3__content-description {
  font: var(--partners-desc-card-font);
  color: var(--primary-light);
  margin: 8px 0 16px 0;
}
.fengstexperience-rescues-card-template-3__content-action {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
}
.fengstexperience-rescues-card-template-3__content-action-rescue button {
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.fengstexperience-rescues-card-template-3__content-action-rescue .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--on-secondary) !important;
}
.fengstexperience-rescues-card-template-3__content-action-rescue .feng-btn--primary.feng-btn--outline {
  color: var(--on-secondary) !important;
  border-color: currentColor;
}
.fengstexperience-rescues-card-template-3__content-action-info button {
  color: var(--on-secondary) !important;
  font-family: var(--action-button-font-family, var(--font-button)) !important;
}
.fengstexperience-rescues-card-fngst-1 {
  position: relative;
  display: grid;
  background-color: var(--background);
  height: 100%;
  grid-template: auto 40px/1fr;
  border-radius: 15px 15px 0 0;
}
.fengstexperience-rescues-card-fngst-1--expired {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-rescues-card-fngst-1__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-rescues-card-fngst-1__blocker * {
  margin: 5px;
}
.fengstexperience-rescues-card-fngst-1__blocker strong {
  padding: 5px 5px 8px;
}
.fengstexperience-rescues-card-fngst-1 i {
  position: absolute;
  right: -10px;
  font-size: 32px;
  top: -10px;
  color: #ccb400;
}
.fengstexperience-rescues-card-fngst-1__wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template: 60px 240px 15px auto/1fr;
  padding: 20px;
}
.fengstexperience-rescues-card-fngst-1__title {
  font: 700 25px/30px var(--font-title);
  margin: 0;
  text-align: center;
  overflow-y: auto;
}
.fengstexperience-rescues-card-fngst-1__thumbnail {
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-rescues-card-fngst-1__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-rescues-card-fngst-1__thumbnail-cost {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-rescues-card-fngst-1__thumbnail-cost::after {
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-fngst-1__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-fngst-1__description p {
  margin: 0 0 var(--paragraph-margin-bottom) 0;
}
.fengstexperience-rescues-card-fngst-1__action {
  display: grid;
  gap: 1em;
  grid-auto-flow: row;
  align-items: start;
  justify-content: stretch;
  align-content: end;
}
.fengstexperience-rescues-card-fngst-1__action .feng-btn {
  width: 100%;
}
.fengstexperience-rescues-card-fngst-1__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexperience-rescues-card-fngst-1__description {
  position: relative;
}
.fengstexperience-rescues-card-fngst-1__description a {
  line-break: anywhere;
}
.fengstexperience-rescues-card-fngst-1__description .header {
  position: relative;
}
.fengstexperience-submenu {
  background-color: var(--background);
}
.fengstexperience-submenu nav {
  display: grid;
  grid-auto-flow: column;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  justify-content: center;
  grid-gap: 5px;
  border: 0;
}
@media (min-width: 767px) {
  .fengstexperience-submenu nav {
    grid-gap: 10px;
  }
}
@media (min-width: 992px) {
  .fengstexperience-submenu nav {
    justify-content: flex-end;
  }
}
.fengstexperience-submenu nav a {
  display: flex;
  align-items: center;
  text-decoration: none;
  min-width: 100px;
  text-align: center;
  position: relative;
  padding: 12px 20px;
  font-family: "Roboto";
  color: var(--v2-experience-font-color-light);
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  opacity: 1;
  transition: 0.3s;
}
.fengstexperience-submenu nav a.--selected {
  color: var(--primary);
  border-bottom: 1px solid var(--primary);
  background-color: rgba(var(--primary-RGB), 0.04);
}
.fengstexperience-submenu nav a:hover {
  color: var(--primary);
  background-color: rgba(var(--primary-RGB), 0.04);
}
.fengstexperience-point-balance {
  position: relative;
  background: var(--primary);
}
.fengstexperience-point-balance__wrapper {
  display: flex;
  flex-direction: column;
  max-width: var(--v2-experience-max-width);
  margin: 0 auto;
  color: var(--on-info);
  gap: 16px;
  padding: 16px;
}
@media (min-width: 767px) {
  .fengstexperience-point-balance__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
.fengstexperience-point-balance__points {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-point-balance__points-wrapper {
  display: grid;
  text-wrap: nowrap;
}
.fengstexperience-point-balance__points-wrapper span {
  font-size: 12px;
  font-weight: 400;
  color: var(--v2-experience-span-color);
}
.fengstexperience-point-balance__points-wrapper span strong {
  color: var(--on-info);
}
.fengstexperience-point-balance__points-total {
  color: var(--success);
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 992px) {
  .fengstexperience-point-balance__points-total {
    font-size: 32px;
  }
}
.fengstexperience-point-balance__points-expire {
  color: var(--error);
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 992px) {
  .fengstexperience-point-balance__points-expire {
    font-size: 32px;
  }
}
.fengstexperience-point-balance__points hr {
  height: 46px;
  width: 1px;
  background: var(--v2-experience-font-color);
  border: none;
  margin: 0;
}
@media (min-width: 992px) {
  .fengstexperience-point-balance__points hr {
    height: 63px;
  }
}
.fengstexperience-point-balance__action {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 767px) {
  .fengstexperience-point-balance__action {
    gap: 10px;
    flex-direction: row;
  }
}
.fengstexperience-point-balance__action p {
  font-size: 14px;
  line-height: normal;
  margin: 0;
  text-align: center;
}
@media (min-width: 576px) {
  .fengstexperience-point-balance__action p {
    font-size: 20px;
  }
}
@media (min-width: 767px) {
  .fengstexperience-point-balance__action p {
    max-width: 235px;
    text-align: left;
  }
}
.fengstexperience-point-balance__action fengstui-button {
  width: 100%;
}
@media (min-width: 576px) {
  .fengstexperience-point-balance__action fengstui-button {
    width: initial;
  }
}
.fengstexperience-point-balance__action fengstui-button button {
  width: 100%;
  font-size: 14px !important;
}
.fengstexperience-point-balance__no-contract {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstexperience-point-balance__no-contract {
    flex-direction: row;
  }
}
.fengstexperience-point-balance__no-contract p {
  font-size: 20px;
  line-height: normal;
  margin: 0;
  text-align: center;
}
.fengstexperience-point-balance__no-contract fengstui-button {
  width: 100%;
}
@media (min-width: 576px) {
  .fengstexperience-point-balance__no-contract fengstui-button {
    width: initial;
  }
}
.fengstexperience-point-balance__no-contract fengstui-button button {
  width: 100%;
  font-size: 14px !important;
}
.fengstexperience-v2-points-card-template-1 {
  background: var(--background);
  padding: 16px;
  border: 1px solid var(--v2-experience-outline);
  border-radius: 4px;
  box-shadow: var(--v2-experience-box-shadow);
  color: var(--v2-experience-font-color);
}
@media (min-width: 992px) {
  .fengstexperience-v2-points-card-template-1 {
    padding: 24px;
  }
}
.fengstexperience-v2-points-card-template-1__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .fengstexperience-v2-points-card-template-1__wrapper {
    flex-direction: row;
  }
}
.fengstexperience-v2-points-card-template-1__wrapper fengstui-button button {
  text-transform: uppercase;
  color: var(--secondary) !important;
  width: 100%;
}
.fengstexperience-v2-points-card-template-1__wrapper-cost {
  display: grid;
  gap: 24px;
}
.fengstexperience-v2-points-card-template-1__cost {
  display: grid;
  gap: 24px;
}
@media (min-width: 992px) {
  .fengstexperience-v2-points-card-template-1__cost {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 10px 0;
  }
}
.fengstexperience-v2-points-card-template-1__cost h3 {
  margin: 0;
}
@media (min-width: 992px) {
  .fengstexperience-v2-points-card-template-1__cost h3 {
    border-left: 1px solid var(--v2-experience-outline);
    padding-left: 16px;
  }
}
.fengstexperience-v2-points-card-template-1__cost div {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 20px;
  font-weight: 700;
}
.fengstexperience-v2-points-card-template-1__cost--credit div i, .fengstexperience-v2-points-card-template-1__cost--credit div span {
  color: var(--success);
}
.fengstexperience-v2-points-card-template-1__cost--debit div i, .fengstexperience-v2-points-card-template-1__cost--debit div span {
  color: var(--error);
}
.fengstexperience-v2-points-card-template-1__point-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .fengstexperience-v2-points-card-template-1__point-details {
    flex-direction: row;
  }
}
.fengstexperience-v2-points-card-template-1__info {
  display: grid;
  gap: 16px;
  background: var(--v2-experience-info-bg);
  border-radius: 4px;
  border: 1px solid var(--v2-experience-outline);
  padding: 16px;
  margin-top: 24px;
}
.fengstexperience-v2-points-card-template-1__info strong {
  font-size: 16px;
}
.fengstexperience-v2-points-card-template-1__info p {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  color: var(--v2-experience-font-color-light);
  margin: 0;
}
.fengstexperience-v2-points-table {
  display: grid;
  gap: 24px;
  padding: 24px 16px;
  max-width: var(--v2-experience-max-width);
  margin: 0 auto;
}
@media (min-width: 992px) {
  .fengstexperience-v2-points-table {
    padding: 32px 16px;
  }
}
.fengstexperience-v2-points-table__filters {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
@media (min-width: 767px) {
  .fengstexperience-v2-points-table__filters {
    flex-direction: row;
  }
}
.fengstexperience-v2-points-table__filters > div {
  display: flex;
  align-items: center;
  gap: 16px;
}
.fengstexperience-v2-points-table__filters > div fengstui-button {
  width: 100%;
}
.fengstexperience-v2-points-table__filters > div fengstui-button button {
  width: 100%;
  padding: 20px 0;
}
@media (min-width: 767px) {
  .fengstexperience-v2-points-table__filters > div fengstui-button button {
    width: initial;
  }
}
.fengstexperience-v2-points-table__filters > div fengstui-input {
  width: 100%;
}
@media (min-width: 767px) {
  .fengstexperience-v2-points-table__filters > div fengstui-input {
    min-width: 376px;
  }
}
.fengstexperience-v2-points-table__filters > div fengstui-input input {
  display: flex;
}
.fengstexperience-v2-points-table__filters-input fengstui-button {
  width: 35px !important;
}
.fengstexperience-v2-points-table__filters-input fengstui-button button {
  width: 35px !important;
  font-size: 30px !important;
}
.fengstexperience-v2-points-table__filters-input fengstui-input .mat-form-field {
  border-right: 0 !important;
}
.fengstexperience-v2-points-table__filters-input fengstui-input .feng-input__icon-wrapper {
  font-size: 20px !important;
  color: var(--primary) !important;
  background: var(--background) !important;
  border: 1px solid var(--input-outline-color);
  border-left: 0 !important;
}
@media (min-width: 767px) {
  .fengstexperience-v2-points-table__action {
    margin: 0 auto;
  }
}
.fengstexperience-v2-points-table__action fengstui-button button {
  width: 100% !important;
}
@media (min-width: 767px) {
  .fengstexperience-v2-points-table__action fengstui-button button {
    width: initial !important;
  }
}
.fengstexperience-v2-points-table__no-data {
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
  text-align: center;
  padding: 60px 0;
}
.fengstexperience-v2-points-table__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstexperience-v2-rescues-card-template-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--background);
  border-radius: 10px;
  border: 1px solid var(--v2-experience-outline);
  color: var(--v2-experience-font-color);
  padding: 24px;
  gap: 16px;
  height: 100%;
}
.fengstexperience-v2-rescues-card-template-1__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstexperience-v2-rescues-card-template-1__thumbnail {
  width: 100%;
  height: 240px;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-v2-rescues-card-template-1__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-v2-rescues-card-template-1__thumbnail-points {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 10px 6px;
  border-radius: 10px 0px;
  border: 2px solid var(--secondary);
  border-top: none;
  border-left: none;
  background-color: var(--secondary);
  color: var(--on-info);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  z-index: 2;
}
.fengstexperience-v2-rescues-card-template-1__thumbnail-points::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--secondary);
  z-index: -1;
  border-radius: 10px 0;
  filter: brightness(60%);
}
.fengstexperience-v2-rescues-card-template-1__tag {
  display: flex;
  align-items: center;
  padding: 8px;
  background: var(--v2-experience-font-color-light);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  line-height: normal;
  font-weight: 700;
  font-size: 12px;
  color: var(--on-info);
}
.fengstexperience-v2-rescues-card-template-1__description h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
  word-break: break-word;
}
.fengstexperience-v2-rescues-card-template-1__description h3 {
  margin: 0;
}
.fengstexperience-v2-rescues-card-template-1__description p {
  margin: 0;
  word-break: break-word;
}
.fengstexperience-v2-rescues-card-template-1 fengstui-button button {
  width: 100% !important;
  color: var(--secondary) !important;
  line-height: normal;
}
.fengstexperience-v2-rescues-card-template-1 fengstui-button button i {
  font-size: 18px !important;
}
.fengstexperience-v2-rescues-table {
  display: grid;
  gap: 24px;
  padding: 24px 16px;
  max-width: var(--v2-experience-max-width);
  margin: 0 auto;
}
@media (min-width: 992px) {
  .fengstexperience-v2-rescues-table {
    padding: 32px 16px;
  }
}
.fengstexperience-v2-rescues-table__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 576px) {
  .fengstexperience-v2-rescues-table__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  }
}
.fengstexperience-v2-rescues-table__filters {
  display: flex;
  gap: 12px;
  flex-direction: column;
}
@media (min-width: 767px) {
  .fengstexperience-v2-rescues-table__filters {
    flex-direction: row;
  }
}
.fengstexperience-v2-rescues-table__filters fengstui-select {
  min-width: 250px !important;
}
.fengstexperience-v2-rescues-table__filters fengstui-select .mat-select-arrow-wrapper {
  border: none !important;
}
.fengstexperience-v2-rescues-table__filters fengstui-input .mat-form-field {
  border-right: 0 !important;
}
.fengstexperience-v2-rescues-table__filters fengstui-input .feng-input__icon-wrapper {
  font-size: 20px !important;
  color: var(--primary) !important;
  background: var(--background) !important;
  border: 1px solid var(--input-outline-color);
  border-left: 0 !important;
}
@media (min-width: 767px) {
  .fengstexperience-v2-rescues-table__action {
    margin: 0 auto;
  }
}
.fengstexperience-v2-rescues-table__action fengstui-button button {
  width: 100% !important;
}
@media (min-width: 767px) {
  .fengstexperience-v2-rescues-table__action fengstui-button button {
    width: initial !important;
  }
}
.fengstexperience-v2-rescues-table__no-data {
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
  text-align: center;
  padding: 60px 0;
}
.fengstexperience-v2-rescues-table__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstexperience-v2-catalog-info {
  background: var(--secondary);
  padding: 32px 16px;
  color: var(--on-info);
}
.fengstexperience-v2-catalog-info__wrapper {
  display: grid;
  background: var(--primary);
  gap: 16px;
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  padding: 16px;
  border-radius: 16px;
}
@media (min-width: 576px) {
  .fengstexperience-v2-catalog-info__wrapper {
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    padding: 24px;
    gap: 24px;
  }
}
.fengstexperience-v2-catalog-info__image {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.fengstexperience-v2-catalog-info__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.fengstexperience-v2-catalog-info__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.fengstexperience-v2-catalog-info__content h3, .fengstexperience-v2-catalog-info__content p {
  margin: 0;
  line-height: normal;
}
.fengstexperience-v2-catalog-info__content h3 {
  font-size: 25px;
}
@media (min-width: 576px) {
  .fengstexperience-v2-catalog-info__content h3 {
    font-size: 32px;
  }
}
.fengstexperience-v2-catalog-info__tag {
  display: flex;
  align-items: center;
  padding: 8px;
  background: var(--secondary);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
  line-height: normal;
  font-weight: 700;
  font-size: 12px;
  color: var(--on-info);
  text-transform: uppercase;
}
.fengstexperience-v2-catalog-info__date {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--secondary);
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 10px;
  font-size: 12px;
  text-wrap: nowrap;
}
.fengstexperience-v2-catalog-info__date strong {
  font-size: 20px;
}
.fengstexperience-v2-catalog-section {
  max-width: var(--v2-experience-max-width);
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
}
.fengstexperience-v2-catalog-section__title {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  gap: 8px;
}
.fengstexperience-v2-catalog-section__title h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}
@media (min-width: 576px) {
  .fengstexperience-v2-catalog-section__title h2 {
    font-size: 24px;
  }
}
.fengstexperience-v2-catalog-section__title i {
  font-size: 32px;
  color: var(--secondary);
}
.fengstexperience-v2-catalog-section__wrapper {
  margin: 0;
}
@media (max-width: 1200px) {
  .fengstexperience-v2-catalog-section__wrapper {
    margin: 0 -16px;
  }
}
.fengstexperience-v2-catalog-section__credit-card-warning {
  display: flex;
  gap: 10px;
  width: 100%;
  padding: 1rem;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  flex-direction: column;
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  .fengstexperience-v2-catalog-section__credit-card-warning {
    flex-direction: row;
    text-align: left;
  }
}
.fengstexperience-v2-catalog-section__credit-card-warning i {
  font-size: 1.5em;
}
.fengstexperience-v2-catalog-section__credit-card-warning p {
  margin: 0;
}
@media (max-width: 1200px) {
  .fengstexperience-v2-catalog-section swiper {
    width: inherit !important;
    max-width: inherit !important;
    overflow: hidden;
    justify-content: center;
  }
  .fengstexperience-v2-catalog-section swiper .swiper-slide {
    width: 360px !important;
  }
  .fengstexperience-v2-catalog-section swiper .swiper-slide:last-of-type {
    margin-right: 16px;
  }
  .fengstexperience-v2-catalog-section swiper .swiper-slide:first-of-type {
    margin-left: 16px;
  }
}
.fengstexperience-v2-catalog-section swiper .swiper-container, .fengstexperience-v2-catalog-section swiper .swiper-wrapper {
  width: 85vw;
}
.fengstexperience-v2-catalog-section swiper .swiper-container {
  cursor: grab;
}
.fengstexperience-v2-catalog-section swiper .swiper-container:active {
  cursor: grabbing;
}
.fengstexperience-v2-catalog-section swiper .swiper-slide {
  height: auto !important;
}
.fengstexperience-v2-catalog-section swiper .swiper-button-next, .fengstexperience-v2-catalog-section swiper .swiper-button-prev {
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 100%;
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
  background: var(--on-info);
}
@media (max-width: 700px) {
  .fengstexperience-v2-catalog-section swiper .swiper-button-next, .fengstexperience-v2-catalog-section swiper .swiper-button-prev {
    display: none;
  }
}
.fengstexperience-v2-catalog-section swiper .swiper-button-next::after, .fengstexperience-v2-catalog-section swiper .swiper-button-prev::after {
  font-size: 20px !important;
  color: var(--secondary);
  font-weight: 700;
}
.fengstexperience-v2-catalog-section swiper .swiper-button-disabled {
  opacity: 0;
}
.fengstexperience-v2-catalog-card-template-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--background);
  border-radius: 10px;
  border: 1px solid var(--v2-experience-outline);
  color: var(--v2-experience-font-color);
  padding: 24px;
  gap: 16px;
  height: 100%;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  position: relative;
}
.fengstexperience-v2-catalog-card-template-1__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstexperience-v2-catalog-card-template-1__thumbnail {
  width: 100%;
  height: 240px;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-v2-catalog-card-template-1__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-v2-catalog-card-template-1__thumbnail-points {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 10px 6px;
  border-radius: 10px 0px;
  border: 2px solid var(--secondary);
  border-top: none;
  border-left: none;
  background-color: var(--secondary);
  color: var(--on-info);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  z-index: 2;
}
.fengstexperience-v2-catalog-card-template-1__thumbnail-points::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--secondary);
  z-index: -1;
  border-radius: 10px 0;
  filter: brightness(60%);
}
.fengstexperience-v2-catalog-card-template-1__tag {
  display: flex;
  align-items: center;
  padding: 8px;
  background: var(--v2-experience-font-color-light);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  line-height: normal;
  font-weight: 700;
  font-size: 12px;
  color: var(--on-info);
}
.fengstexperience-v2-catalog-card-template-1__description h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
  word-break: break-word;
}
.fengstexperience-v2-catalog-card-template-1__description h3 {
  margin: 0;
}
.fengstexperience-v2-catalog-card-template-1__description p {
  margin: 0;
  word-break: break-word;
}
.fengstexperience-v2-catalog-card-template-1 fengstui-button .feng-btn--ghost {
  color: var(--secondary) !important;
}
.fengstexperience-v2-catalog-card-template-1 fengstui-button button {
  width: 100% !important;
  line-height: normal;
}
.fengstexperience-v2-catalog-card-template-1 fengstui-button button i {
  font-size: 18px !important;
}
.fengstexperience-v2-catalog-card-template-1 fengstui-button.--expired button {
  background: var(--v2-experience-outline) !important;
  color: var(--v2-experience-font-color-light) !important;
}
.fengstexperience-v2-catalog-card-template-1 fengstui-button.--closed button {
  color: var(--v2-experience-font-color-light) !important;
}
.fengstexperience-v2-catalog-card-template-1 fengstui-button.--blocker {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-v2-catalog-card-template-1__action {
  display: grid;
  gap: 16px;
}
.fengstexperience-v2-catalog-card-template-1__modal .fengstlayout-modal__header {
  padding: 0;
}
.fengstexperience-v2-catalog-card-template-1__modal .fengstlayout-modal__header h1 {
  text-align: start;
  line-height: normal;
  font-size: 18px;
}
@media (min-width: 767px) {
  .fengstexperience-v2-catalog-card-template-1__modal .fengstlayout-modal__header h1 {
    font-size: 22px;
  }
}
.fengstexperience-v2-catalog-card-template-1__modal .fengstlayout-modal__text {
  padding: 0;
  border: 0;
}
.fengstexperience-v2-catalog-card-template-1__modal .fengstlayout-modal__text img {
  width: 100%;
  max-width: 500px;
}
.fengstexperience-v2-how-card-template-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  height: 100%;
  background: var(--on-info);
  box-shadow: var(--v2-experience-box-shadow);
  border: 1px solid var(--v2-experience-outline);
  padding: 16px;
  border-radius: 24px;
  color: var(--v2-experience-font-color);
}
@media (min-width: 576px) {
  .fengstexperience-v2-how-card-template-1 {
    padding: 24px;
  }
}
.fengstexperience-v2-how-card-template-1__content {
  display: grid;
  gap: 16px;
}
.fengstexperience-v2-how-card-template-1__content i {
  font-size: 56px;
  color: var(--secondary) !important;
}
.fengstexperience-v2-how-card-template-1__content img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}
.fengstexperience-v2-how-card-template-1__content h3 {
  margin: 0;
  line-height: normal;
  word-break: break-word;
}
.fengstexperience-v2-how-card-template-1__content p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--v2-experience-span-color);
  word-break: break-word;
}
.fengstexperience-v2-how-card-template-1__points {
  padding: 16px 24px;
  border-radius: 100px;
  border: 1px solid var(--v2-experience-outline);
  font-size: 14px;
  line-height: normal;
  text-align: center;
}
.fengstexperience-v2-how-card-template-1__points strong {
  font-size: 20px;
  font-weight: 700;
  margin-left: 8px;
  color: var(--primary);
}
.fengstexperience-v2-how-card-template-1__action {
  display: grid;
  gap: 24px;
}
.fengstexperience-v2-how-card-template-1__action fengstui-button button {
  width: 100% !important;
  color: var(--secondary) !important;
}
.fengstexperience-about-header-template-1 {
  position: relative;
}
.fengstexperience-about-header-template-1__content {
  width: 100%;
  position: absolute;
  background: var(--header-bg-color);
  border-bottom: 2px solid #fff;
  top: 0;
  z-index: 9;
}
.fengstexperience-about-header-template-1__wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
  padding: 8px 16px;
}
@media (min-width: 767px) {
  .fengstexperience-about-header-template-1__wrapper {
    padding: 16px;
  }
}
.fengstexperience-about-header-template-1__action {
  display: flex;
}
@media (min-width: 767px) {
  .fengstexperience-about-header-template-1__action {
    gap: 8px;
  }
}
.fengstexperience-about-header-template-1__action fengstui-button {
  width: 100%;
}
.fengstexperience-about-header-template-1__action fengstui-button button {
  width: 100%;
}
.fengstexperience-about-header-template-1__action fengstui-button .feng-btn--outline,
.fengstexperience-about-header-template-1__action fengstui-button .feng-btn--outline:hover {
  font-family: "Roboto";
  color: white !important;
  border-color: white !important;
}
.fengstexperience-about-header-template-1__action fengstui-button .feng-btn--outline i,
.fengstexperience-about-header-template-1__action fengstui-button .feng-btn--outline:hover i {
  margin-right: 8px !important;
  font-size: inherit !important;
}
@media (min-width: 767px) {
  .fengstexperience-about-header-template-1__action fengstui-button {
    width: inherit;
  }
  .fengstexperience-about-header-template-1__action fengstui-button button {
    width: inherit;
  }
}
.fengstexperience-about-header-template-1__action-logo {
  display: flex;
  align-items: center;
  width: 100%;
}
.fengstexperience-about-header-template-1__action-logo img,
.fengstexperience-about-header-template-1__action-logo svg {
  width: 70px;
  height: 56px;
}
@media (min-width: 767px) {
  .fengstexperience-about-header-template-1__action-logo img,
.fengstexperience-about-header-template-1__action-logo svg {
    width: 91px;
    height: 80px;
  }
}
.fengstexperience-about-call-to-action-template-1 {
  height: 752px;
  display: grid;
  position: relative;
  align-items: center;
  justify-content: center;
  background: var(--v2-experience-cta-bg);
  background-size: cover;
  padding-top: 72px;
}
@media (min-width: 767px) {
  .fengstexperience-about-call-to-action-template-1 {
    padding-top: 112px;
  }
}
.fengstexperience-about-call-to-action-template-1:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: black;
  opacity: 0.1;
}
.fengstexperience-about-call-to-action-template-1__content {
  font-family: "Montserrat";
  color: #ffffff;
  display: grid;
  gap: 32px;
  max-width: 655px;
  text-align: center;
  padding: 16px;
  z-index: 9;
}
.fengstexperience-about-call-to-action-template-1__content h1 {
  font-size: 32px;
  margin: 0;
}
@media (min-width: 576px) {
  .fengstexperience-about-call-to-action-template-1__content h1 {
    font-size: 56px;
    line-height: 70px;
  }
}
.fengstexperience-about-call-to-action-template-1__content span {
  font-size: 20px;
}
@media (min-width: 576px) {
  .fengstexperience-about-call-to-action-template-1__content span {
    font-size: 24px;
    line-height: 30px;
  }
}
.fengstexperience-about-call-to-action-template-1__content fengstui-button button {
  color: #fff !important;
}
.fengstexperience-about-video-scroll-template-1 {
  max-width: 1440px;
  padding: 32px 16px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .fengstexperience-about-video-scroll-template-1 {
    padding: 48px 16px;
  }
}
.fengstexperience-about-video-scroll-template-1__title {
  display: grid;
  gap: 16px;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.fengstexperience-about-video-scroll-template-1__title h2 {
  color: var(--secondary);
  font-size: 30px;
  font-weight: 800;
  line-height: normal;
  margin: 0;
}
@media (min-width: 767px) {
  .fengstexperience-about-video-scroll-template-1__title h2 {
    font-size: 48px;
  }
}
.fengstexperience-about-video-scroll-template-1__title p {
  font-size: 16px;
  line-height: normal;
  margin: 0;
  color: var(--on-info);
}
@media (min-width: 767px) {
  .fengstexperience-about-video-scroll-template-1__title p {
    font-size: 24px;
  }
}
.fengstexperience-about-video-scroll-template-1__content-wrapper {
  margin: 0 -16px;
}
.fengstexperience-about-video-scroll-template-1__card {
  display: grid;
  gap: 10px;
  max-width: 450px;
  gap: 16px;
}
.fengstexperience-about-video-scroll-template-1__thumbnail {
  position: relative;
  border-radius: 16px;
  height: 460px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .fengstexperience-about-video-scroll-template-1__thumbnail {
    height: 620px;
  }
}
.fengstexperience-about-video-scroll-template-1__thumbnail--playing fengstui-button button {
  display: none;
}
.fengstexperience-about-video-scroll-template-1__thumbnail--paused:before {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 36.5%, rgba(0, 0, 0, 0.72) 73.5%, rgba(0, 0, 0, 0.72) 100%);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.fengstexperience-about-video-scroll-template-1__thumbnail--paused:before fengstui-button button {
  display: block;
}
.fengstexperience-about-video-scroll-template-1__thumbnail img,
.fengstexperience-about-video-scroll-template-1__thumbnail video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fengstexperience-about-video-scroll-template-1__thumbnail fengstui-button button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px !important;
  height: 80px !important;
  background-color: transparent !important;
  z-index: 99;
}
.fengstexperience-about-video-scroll-template-1__thumbnail fengstui-button button i {
  font-size: 80px;
}
.fengstexperience-about-video-scroll-template-1__content {
  display: grid;
  gap: 16px;
  color: var(--on-info);
  text-align: start;
}
.fengstexperience-about-video-scroll-template-1__content h3 {
  font-family: "Roboto";
  margin: 0;
  font-size: 24px;
}
.fengstexperience-about-video-scroll-template-1__content p {
  font-family: "Roboto";
  font-size: 14px;
  margin: 0;
}
.fengstexperience-about-video-scroll-template-1__content a {
  padding: 10px 0;
  color: var(--on-info);
}
.fengstexperience-about-video-scroll-template-1 swiper .swiper-container,
.fengstexperience-about-video-scroll-template-1 swiper .swiper-wrapper {
  width: 85vw;
}
.fengstexperience-about-video-scroll-template-1 swiper .swiper-slide {
  max-width: 450px !important;
}
.fengstexperience-about-video-scroll-template-1 swiper .swiper-slide:last-of-type {
  margin-right: 16px;
}
.fengstexperience-about-video-scroll-template-1 swiper .swiper-slide:first-of-type {
  margin-left: 16px;
}
.fengstexperience-about-video-scroll-template-1 swiper .swiper-container {
  cursor: grab;
}
.fengstexperience-about-video-scroll-template-1 swiper .swiper-container:active {
  cursor: grabbing;
}
.fengstexperience-about-video-scroll-template-1 .swiper-pagination-outside {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.fengstexperience-about-video-scroll-template-1 .swiper-pagination-outside span {
  border: 2px solid var(--v2-experience-outline);
  opacity: 1;
  width: 10px;
  height: 10px;
}
.fengstexperience-about-video-scroll-template-1 .swiper-pagination-outside span.swiper-pagination-bullet-active {
  background: var(--secondary);
  border-color: var(--secondary);
}
.fengstexperience-about-video-scroll-template-1__modal .fengstlayout-modal__header {
  padding: 0;
}
.fengstexperience-about-video-scroll-template-1__modal .fengstlayout-modal__header h1 {
  text-align: start;
  line-height: normal;
  font-size: 18px;
}
@media (min-width: 767px) {
  .fengstexperience-about-video-scroll-template-1__modal .fengstlayout-modal__header h1 {
    font-size: 22px;
  }
}
.fengstexperience-about-video-scroll-template-1__modal .fengstlayout-modal__text {
  padding: 0;
  border: 0;
}
.fengstexperience-about-video-scroll-template-1__modal .fengstlayout-modal__text img {
  width: 100%;
  max-width: 500px;
}
.fengstexperience-about-catalog-template-1 {
  text-align: center;
  max-width: 1440px;
  padding: 32px 16px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .fengstexperience-about-catalog-template-1 {
    padding: 32px 16px 48px 16px;
  }
}
.fengstexperience-about-catalog-template-1 fengstui-button button {
  margin-top: 32px;
}
.fengstexperience-about-catalog-template-1__title {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--on-info);
  gap: 16px;
}
.fengstexperience-about-catalog-template-1__title i {
  font-size: 40px;
  color: var(--secondary);
}
.fengstexperience-about-catalog-template-1__title h2 {
  margin: 0;
  line-height: normal;
  font-weight: 400;
}
.fengstexperience-about-catalog-template-1__card {
  display: grid;
  gap: 24px;
}
.fengstexperience-about-catalog-template-1__thumbnail {
  width: 260px;
  height: 320px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid var(--on-info);
}
.fengstexperience-about-catalog-template-1__content {
  display: grid;
  gap: 8px;
  color: var(--on-info);
  text-align: start;
}
.fengstexperience-about-catalog-template-1__content h3 {
  font-size: 16px;
  margin: 0;
}
.fengstexperience-about-catalog-template-1__content p {
  font-size: 14px;
  color: var(--v2-experience-highlight);
  font-weight: 400;
  color: var(--v2-experience-outline);
  margin: 0;
}
.fengstexperience-about-catalog-template-1__content a {
  padding: 10px 0;
  color: var(--on-info);
}
.fengstexperience-about-catalog-template-1__wrapper {
  margin: 0 -16px;
}
.fengstexperience-about-catalog-template-1 swiper {
  width: inherit !important;
  max-width: inherit !important;
  overflow: hidden;
  justify-content: center;
}
.fengstexperience-about-catalog-template-1 swiper .swiper-container,
.fengstexperience-about-catalog-template-1 swiper .swiper-wrapper {
  width: 85vw;
}
.fengstexperience-about-catalog-template-1 .swiper-slide {
  max-width: 260px !important;
}
.fengstexperience-about-catalog-template-1 .swiper-slide:last-of-type {
  margin-right: 16px;
}
.fengstexperience-about-catalog-template-1 .swiper-slide:first-of-type {
  margin-left: 16px;
}
.fengstexperience-about-catalog-template-1 .swiper-container {
  cursor: grab;
}
.fengstexperience-about-catalog-template-1 .swiper-container:active {
  cursor: grabbing;
}
.fengstexperience-about-catalog-template-1__modal .fengstlayout-modal__header {
  padding: 0;
}
.fengstexperience-about-catalog-template-1__modal .fengstlayout-modal__header h1 {
  text-align: start;
  line-height: normal;
  font-size: 18px;
}
@media (min-width: 767px) {
  .fengstexperience-about-catalog-template-1__modal .fengstlayout-modal__header h1 {
    font-size: 22px;
  }
}
.fengstexperience-about-catalog-template-1__modal .fengstlayout-modal__text {
  padding: 0;
  border: 0;
}
.fengstexperience-about-catalog-template-1__modal .fengstlayout-modal__text img {
  width: 100%;
  max-width: 500px;
}
.fengstexperience-about-how-scroll-template-1 {
  background: var(--v2-experience-scroll-how-bg);
  background-size: cover;
  border-bottom: 3px solid var(--secondary);
  padding: 32px 16px;
}
@media (min-width: 767px) {
  .fengstexperience-about-how-scroll-template-1 {
    padding: 48px 16px;
  }
}
.fengstexperience-about-how-scroll-template-1 fengstui-button {
  margin-top: 32px;
}
.fengstexperience-about-how-scroll-template-1__wrapper {
  display: grid;
  text-align: center;
  max-width: 1440px;
  margin: 0 auto;
}
.fengstexperience-about-how-scroll-template-1__title {
  display: grid;
  gap: 16px;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  color: var(--on-info);
  margin-bottom: 32px;
}
.fengstexperience-about-how-scroll-template-1__title h2 {
  font-size: 30px;
  font-weight: 800;
  line-height: normal;
  margin: 0;
}
@media (min-width: 767px) {
  .fengstexperience-about-how-scroll-template-1__title h2 {
    font-size: 48px;
  }
}
.fengstexperience-about-how-scroll-template-1__title p {
  font-size: 16px;
  line-height: normal;
  margin: 0;
}
@media (min-width: 767px) {
  .fengstexperience-about-how-scroll-template-1__title p {
    font-size: 24px;
  }
}
.fengstexperience-about-how-scroll-template-1__wrapper-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 992px) {
  .fengstexperience-about-how-scroll-template-1__wrapper-card {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, 1fr);
  }
}
.fengstexperience-about-how-scroll-template-1__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  background: var(--background);
  border-radius: 24px;
  text-align: start;
}
@media (min-width: 992px) {
  .fengstexperience-about-how-scroll-template-1__card {
    max-width: 328px;
  }
}
.fengstexperience-about-how-scroll-template-1__card i {
  color: var(--secondary);
  font-size: 56px;
}
.fengstexperience-about-how-scroll-template-1__card h3 {
  margin: 0;
  font-size: 20px;
  color: var(--v2-experience-font-color);
}
.fengstexperience-about-how-scroll-template-1__card p {
  margin: 0;
  font-weight: 400;
  color: var(--v2-experience-font-color-light);
}
.fengstexperience-catalog-view {
  display: grid;
  min-height: 70vh;
  background-color: var(--experience-background);
}
.fengstexperience-how-view {
  display: grid;
  min-height: 70vh;
  background-color: var(--experience-background);
  padding: 35px 5% 100px;
}
@media (min-width: 992px) {
  .fengstexperience-how-view {
    padding: 35px 0 100px;
  }
}
.fengstexperience-how-view--public {
  padding-top: var(--public-header-security-top-padding);
}
.fengstexperience-how-view--private {
  padding-top: var(--private-header-security-top-padding);
}
.fengstexperience-how-view__table {
  display: grid;
  min-height: 30vh;
  background-color: var(--experience-background);
  max-width: var(--max-width);
  margin: 0 auto;
  grid-gap: 25px;
  grid-template-columns: 1fr;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .fengstexperience-how-view__table {
    grid-template-columns: repeat(3, minmax(auto, 342px));
  }
}
.fengstexperience-how-embassy-view {
  display: grid;
  gap: 40px;
  min-height: 70vh;
  background-color: var(--experience-background);
  padding: 35px 5% 100px;
  justify-content: stretch;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstexperience-how-embassy-view {
    padding: 35px 0 100px;
  }
}
.fengstexperience-how-embassy-view__plans {
  display: grid;
  gap: 1em;
  background-color: var(--experience-how-to-score-embassy-cards);
  width: 100%;
  margin: 0 auto;
  grid-auto-flow: row;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.17);
  padding: 3em;
}
.fengstexperience-how-embassy-view__plans-title {
  text-align: center;
  margin: 0;
}
.fengstexperience-how-embassy-view__plans-description {
  text-align: center;
  margin: 0;
}
.fengstexperience-how-embassy-view__plans-table {
  display: grid;
  width: 100%;
  grid-auto-flow: column;
}
.fengstexperience-how-embassy-view__plans-table-column {
  display: grid;
  grid-auto-flow: row;
  grid-template-rows: auto 50px 50px;
  align-items: stretch;
}
@media (min-width: 767px) {
  .fengstexperience-how-embassy-view__plans-table-column {
    grid-template-rows: auto 40px 40px;
  }
}
.fengstexperience-how-embassy-view__plans-table-column:not(:first-child) {
  text-align: center;
}
.fengstexperience-how-embassy-view__plans-table-column:not(:first-child):nth-of-type(odd) {
  background-color: var(--experience-how-to-score-table-odd-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column:not(:first-child):nth-of-type(even) {
  background-color: var(--experience-how-to-score-table-even-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column--periodicities {
  opacity: 0.75;
}
.fengstexperience-how-embassy-view__plans-table-column--periodicities div:nth-of-type(odd) {
  background-color: var(--experience-how-to-score-table-odd-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column--periodicities div:nth-of-type(even) {
  background-color: var(--experience-how-to-score-table-even-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column-header {
  display: grid;
  grid-template-rows: 70px 35px;
  justify-content: center;
  align-items: center;
}
.fengstexperience-how-embassy-view__plans-table-column-header img {
  width: 76px;
  height: auto;
  margin: auto;
}
.fengstexperience-how-embassy-view__plans-table-column > * {
  display: grid;
  align-items: center;
  padding: 0.5em 0.75em;
  text-transform: uppercase;
  font-weight: bold;
}
.fengstexperience-how-embassy-view__plans-table-column > *:nth-of-type(odd) {
  background-color: var(--experience-how-to-score-table-odd-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column > *:nth-of-type(even) {
  background-color: var(--experience-how-to-score-table-even-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column > * strong {
  font-size: 1.5em;
}
.fengstexperience-how-embassy-view__others {
  display: grid;
  gap: 1em;
  background-color: var(--experience-how-to-score-embassy-cards);
  width: 100%;
  margin: 0 auto;
  grid-auto-flow: row;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.17);
  padding: 3em;
}
.fengstexperience-how-embassy-view__others-title {
  text-align: center;
  margin: 0;
}
.fengstexperience-how-embassy-view__others-description {
  text-align: center;
  margin: 0;
}
.fengstexperience-how-embassy-view__others-table {
  display: grid;
  width: 100%;
  gap: 2em;
  grid-auto-flow: row;
  justify-content: center;
  text-align: center;
}
@media (min-width: 767px) {
  .fengstexperience-how-embassy-view__others-table {
    grid-auto-flow: column;
  }
}
.fengstexperience-how-embassy-view__others-table-column {
  display: grid;
  grid-auto-flow: row;
  align-items: stretch;
}
.fengstexperience-how-embassy-view__others-table-column img {
  width: 76px;
  height: auto;
  margin: auto;
}
.fengstexperience-how-embassy-view__others-table-column > * {
  padding: 0.25em 0.75em;
}
@media (min-width: 767px) {
  .fengstexperience-how-embassy-view__others-table-column > * {
    padding: 0.5em 0.75em;
  }
}
.fengstexperience-how-embassy-view__others-table-column > * b {
  font-size: 1.5em;
}
.fengstexperience-how-embassy-view__msg {
  display: flex;
  width: 80%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
}
.fengstexperience-points-view {
  display: grid;
  min-height: 70vh;
  background-color: var(--experience-background);
}
.fengstexperience-points-view--public {
  padding-top: var(--public-header-security-top-padding);
}
.fengstexperience-points-view--private {
  padding-top: var(--private-header-security-top-padding);
}
.fengstexperience-rescues-view {
  display: grid;
  min-height: 70vh;
  background-color: var(--experience-background);
}
.fengstexperience-detail-view {
  position: relative;
  display: grid;
  min-height: 70vh;
  background-color: var(--experience-background);
}
.fengstexperience-detail-view__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 30px 20px 50px;
}
@media (min-width: 992px) {
  .fengstexperience-detail-view__wrapper {
    padding: 30px 0 50px;
  }
}
.fengstexperience-detail-view__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-detail-view__blocker i {
  margin: 5px;
  font-size: 2em;
}
.fengstexperience-detail-view__blocker strong {
  margin: 5px;
  font-size: 1.5em;
  padding: 10px 10px 13px;
}
.fengstexperience-detail-view__blocker-actions {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 15px;
}
.fengstexperience-detail-view__content {
  display: grid;
  grid-gap: 15px;
}
.fengstexperience-detail-view__content-wrapper {
  display: grid;
  grid-gap: 15px;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstexperience-detail-view__content-wrapper {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .fengstexperience-detail-view__content-wrapper {
    width: 40%;
  }
}
.fengstexperience-detail-view__content-image {
  width: 100%;
  background-size: cover;
  background-position: center;
  height: 160px;
}
@media (min-width: 767px) {
  .fengstexperience-detail-view__content-image {
    height: 320px;
  }
}
@media (min-width: 992px) {
  .fengstexperience-detail-view__content-image {
    height: 530px;
  }
}
.fengstexperience-detail-view__content-category {
  display: grid;
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}
.fengstexperience-detail-view__content-title {
  display: grid;
  font-weight: bold;
  font: 700 29px/30px var(--font-title);
  margin: 0;
}
.fengstexperience-detail-view__content-description {
  font-size: 15px;
}
.fengstexperience-detail-view__content-actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-gap: 15px;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 0.5em 0;
  z-index: 1;
}
.fengstexperience-detail-view__content-actions-wrapper {
  position: relative;
  display: grid;
  justify-content: flex-start;
  grid-gap: 15px;
  grid-auto-flow: column;
  align-items: center;
}
.fengstexperience-detail-view__content-actions-wrapper--loading i {
  opacity: 0.25;
}
.fengstexperience-detail-view__content-actions-wrapper * {
  padding: 0 0.25em;
}
.fengstexperience-detail-view__content-actions i {
  font-size: 1.8em;
  opacity: 1;
}
.fengstexperience-detail-view__content-actions i:hover {
  opacity: 0.65;
  transform: scale(1.25);
  cursor: pointer;
}
.fengstexperience-detail-view__content-actions i.fengi-like--active {
  color: var(--primary);
}
.fengstexperience-detail-view__content-suggestions {
  display: grid;
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.fengstexperience-detail-view__content-suggestions-title {
  display: grid;
  font-size: 20px;
  text-transform: uppercase;
}
.fengstexperience-detail-view__content-suggestions-cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexperience-detail-view__content-suggestions-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexperience-detail-view__content-suggestions-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fengstexperience-v2-points-view {
  display: grid;
  min-height: 70vh;
  grid-template-rows: max-content;
  background-color: var(--experience-background);
}
.fengstexperience-v2-rescues-view {
  display: grid;
  min-height: 70vh;
  grid-template-rows: max-content;
  background-color: var(--experience-background);
}
.fengstexperience-v2-catalog-view {
  display: grid;
  gap: 40px;
  position: relative;
  padding-bottom: 40px;
  min-height: 70vh;
  grid-template-rows: max-content;
  background-color: var(--experience-background);
}
.fengstexperience-v2-catalog__banner {
  height: 330px;
}
.fengstexperience-v2-catalog__banner > div {
  background: url("https://flamengo.s3.sa-east-1.amazonaws.com/prod/assets/images/flaexperience/bg-flaexperience-web.png") no-repeat center center/cover;
  position: absolute;
}
.fengstexperience-v2-catalog__banner-text-group {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
  width: 100%;
  flex-direction: column;
}
.fengstexperience-v2-catalog__banner-text-group > p {
  color: white;
  text-align: center;
}
.fengstexperience-v2-catalog__banner-text-group > img {
  width: 80%;
}
@media (min-width: 1200px) {
  .fengstexperience-v2-catalog__banner-text-group > img {
    width: 45% !important;
  }
}
@media (min-width: 992px) {
  .fengstexperience-v2-catalog__banner-text-group > img {
    width: 65%;
  }
}
.fengstexperience-v2-how-view {
  display: grid;
  position: relative;
  min-height: 70vh;
  grid-template-rows: max-content;
  background-color: var(--experience-background);
}
.fengstexperience-v2-how-view__wrapper {
  max-width: var(--v2-experience-max-width);
  width: 100%;
  margin: 0 auto;
  padding: 32px 16px;
}
@media (min-width: 992px) {
  .fengstexperience-v2-how-view__wrapper {
    padding: 56px 16px;
  }
}
.fengstexperience-v2-how-view__content {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media (min-width: 576px) {
  .fengstexperience-v2-how-view__content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  }
}
.fengstexperience-v2-about-view {
  display: grid;
  min-height: 70vh;
  grid-template-rows: max-content;
  background-color: var(--experience-background);
}
.fengstexperience-v2-about-view__wrapper {
  border-top: 3px solid var(--secondary);
  background: var(--v2-experience-scroll-bg-1-2);
  background-size: cover;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --background-system-error: #ffe0e1;
  --background-system-warning: #f3e0b9;
  --background-system-success: #eefcf2;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.event-card {
  color: white;
  margin-bottom: 3.12em;
}
@media (min-width: 992px) {
  .event-card {
    min-height: 590px;
    margin-bottom: 0;
  }
}
.event-card__actions {
  display: flex;
  max-width: 300px;
  margin: 50px auto;
  row-gap: 20px;
  flex-direction: column;
  align-items: center;
}
.event-card__actions .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--event-color-button-primary, var(--primary)) !important;
  border: 1px solid var(--event-button-border-color);
}
.event-card__actions .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--event-color-button-secondary, var(--secondary)) !important;
  border: 1px solid var(--event-button-border-color) !important;
}
@media (min-width: 992px) {
  .event-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
    max-width: 490px;
    margin: 30px auto;
    align-items: center;
    text-align: center;
  }
}
.event-card__button--line.BOTAFOGO fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon), .event-card__button--line.BOTAFOGO button, .event-card__button--line.VASCO fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon), .event-card__button--line.VASCO button {
  background: transparent !important;
}
.event-card__button--line.FLUMINENSE {
  border: 4px solid var(--background) !important;
}
.event-card__button--line.São.Paulo fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon), .event-card__button--line.São.Paulo button {
  background: var(--event-color-text-secondary) !important;
}
.event-card__button--transparent button {
  background-color: var(--event-transparent-button) !important;
}
.event-card__championship {
  font-weight: bold !important;
}
.event-card__date {
  text-align: center;
  margin-bottom: 30px;
  color: var(--event-color-text-light);
}
.event-card__date h3 {
  font-size: 1.81em;
  text-transform: uppercase;
}
.event-card__date h3.VASCO span:nth-child(1) {
  font-weight: 400;
  font-size: -0.4em;
}
.event-card__date-user {
  color: var(--event-color-text-secondary);
}
.event-card__date-user > h3 {
  text-transform: uppercase;
}
.event-card__icon {
  display: block;
  width: 100%;
  text-align: center;
}
.event-card__match {
  display: none;
}
@media (min-width: 992px) {
  .event-card__match {
    display: grid;
    grid-area: match;
    width: 100%;
    max-width: 840px;
    margin: auto;
    grid-template-columns: 1.3fr 0.1fr 1.3fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". . .";
    align-items: center;
    justify-items: center;
    grid-area: auto;
  }
}
.event-card__match--package {
  display: none;
}
.event-card__match--package img {
  max-width: 100px;
}
@media (min-width: 992px) {
  .event-card__match--package {
    display: grid;
    width: 100%;
    max-width: 840px;
    margin: auto;
    align-items: center;
    justify-items: center;
    grid-auto-flow: row;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .event-card__match.VASCO .event-card__shield h1, .event-card__match.VASCO .event-card__icon h1 {
    font-family: "Titillium Web";
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
  }
  .event-card__match.VASCO .event-card__icon h1 {
    font-size: 30px;
    font-weight: 100;
  }
}
.event-card__match--mobile {
  display: grid;
  grid-area: match;
  width: 100%;
  max-width: 220px;
  margin: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-items: center;
}
@media (min-width: 992px) {
  .event-card__match--mobile {
    display: none;
  }
}
.event-card__name {
  text-align: center;
  margin: 30px auto;
}
.event-card__name h4 {
  font-size: 1em;
  text-transform: uppercase;
}
.event-card__name h4 span {
  font-weight: bold !important;
}
.event-card__open-event {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0 12px;
  margin: 30px auto;
}
.event-card__open-event fengstui-button {
  margin: 0.5em 0;
}
.event-card__open-event fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--event-color-text-button) !important;
  background-color: var(--event-color-button) !important;
}
.event-card__open-event fengstui-button.enable-edge {
  border: 4px solid var(--background) !important;
}
@media (min-width: 992px) {
  .event-card__open-event {
    flex-direction: initial;
  }
  .event-card__open-event fengstui-button {
    margin: initial;
  }
}
.event-card .feng-btn.feng-btn--primary.feng-btn--icon {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.event-card .feng-btn__right-icon.fengi-icon-info-outline {
  transform: translateX(-20px);
  color: var(--event-color-text-secondary);
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.event-card__rating {
  margin: 30px auto;
}
.event-card__rating-date {
  text-transform: uppercase;
}
.event-card__rating-date-open {
  display: flex;
  max-width: 350px;
  margin: 30px auto;
  gap: 20px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .event-card__rating-date-open {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
.event-card__shield {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  width: 100%;
  max-width: 100%;
  align-items: center;
  justify-items: center;
}
.event-card__shield img {
  object-fit: initial;
  height: 80px;
}
@media (min-width: 992px) {
  .event-card__shield {
    gap: 0px 20px;
  }
  .event-card__shield img {
    height: 120px;
  }
}
.event-card__ticket-info {
  display: flex;
  justify-content: center;
  text-align: left;
  font-size: 1.48em !important;
  font-family: "Roboto" !important;
}
.event-card__ticket-info p {
  padding: 0 2em;
}
.event-card__ticket-info p .bonus {
  color: var(--event-color-text-secondary);
}
@media (min-width: 992px) {
  .event-card__ticket-info {
    font-size: 1.68em !important;
  }
  .event-card__ticket-info p {
    padding: initial;
  }
}
.event-card__ticket-info.flu a {
  color: var(--event-color-text-secondary);
}
.event-card__how-many-tickets {
  width: 100%;
  height: 20%;
  display: flex;
  gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 27px;
  font-family: var(--font-primary);
  font-weight: 300;
}
.event-card__how-many-tickets--highlight {
  font-weight: bold;
}
.event-card__user-info {
  display: flex;
  margin-top: 2.31em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
  font-family: var(--font-event);
}
@media (min-width: 992px) {
  .event-card__user-info {
    flex-direction: initial;
    align-items: center;
    gap: 5em;
  }
}
.event-card__user-info > span {
  font-size: 1.37em;
  text-transform: capitalize !important;
}
.event-card__user-info span:nth-child(2) {
  display: none;
  color: var(--event-color-text-default);
}
@media (min-width: 992px) {
  .event-card__user-info span:nth-child(2) {
    display: block;
  }
}
.event-card__user-info span:nth-child(3),
.event-card__user-info span:nth-child(4) {
  display: flex;
  justify-content: center;
  font-size: 1em;
  color: var(--event-color-text-default);
}
.event-card__user-info span:nth-child(3) span,
.event-card__user-info span:nth-child(4) span {
  margin-left: 0.37em;
  font-size: 1.37em;
  color: var(--event-color-text-secondary);
}
.event-card__user-info span:nth-child(4) {
  color: var(--event-color-text-default);
}
.event-card__user-info span:nth-child(4) span {
  color: var(--event-color-text-default);
}
.event-card__user-rating {
  display: flex;
  margin-top: 2.31em;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-family: "GillSansMT";
}
@media (min-width: 992px) {
  .event-card__user-rating {
    align-items: center;
    gap: 1em;
  }
}
.event-card__user-rating > span {
  font-size: 1.37em;
  text-transform: capitalize !important;
}
.event-card__second-card {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.event-card__second-card--none {
  display: none;
}
.event-card__second-card a {
  margin: 2.25em 0;
  text-decoration: underline;
  color: var(--event-color-text-light);
}
.event-card-v2 {
  color: white;
}
.event-card-v2 button {
  border-radius: 4px !important;
}
.event-card-v2__actions {
  display: flex;
  max-width: 300px;
  margin: 50px auto;
  row-gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 16px;
}
@media (min-width: 992px) {
  .event-card-v2__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
    max-width: 490px;
    margin: 30px auto;
    align-items: center;
    text-align: center;
  }
}
.event-card-v2__button--transparent button {
  background-color: var(--event-transparent-button) !important;
}
.event-card-v2__championship {
  font-weight: bold !important;
}
.event-card-v2__date {
  text-align: center;
  margin-bottom: 30px;
  color: var(--event-color-text-light);
}
.event-card-v2__date h3 {
  font-size: 1.81em;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--header-counter-font-family);
}
.event-card-v2__date h3.VASCO span:nth-child(1) {
  font-weight: 400;
  font-size: -0.4em;
}
.event-card-v2__date-user {
  color: var(--event-color-text-secondary);
}
.event-card-v2__date-user > h3 {
  text-transform: uppercase;
}
.event-card-v2__icon {
  display: block;
  border: solid 1px var(--on-secondary);
  border-radius: 48px;
  padding: 5px 10px;
  text-align: center;
  aspect-ratio: 1/1;
  height: 55px;
  width: 138px;
}
.event-card-v2__icon h1 {
  font-family: var(--header-counter-font-family);
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}
.event-card-v2__match {
  display: none;
}
@media (min-width: 992px) {
  .event-card-v2__match {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 840px;
    margin: auto;
    align-items: center;
    justify-items: center;
    grid-area: auto;
    gap: 24px;
  }
}
.event-card-v2__match--package {
  display: none;
}
.event-card-v2__match--package img {
  max-width: 100px;
}
@media (min-width: 992px) {
  .event-card-v2__match--package {
    display: grid;
    width: 100%;
    max-width: 840px;
    margin: auto;
    align-items: center;
    justify-items: center;
    grid-auto-flow: row;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .event-card-v2__match.VASCO .event-card__shield h1, .event-card-v2__match.VASCO .event-card__icon h1 {
    font-family: "Titillium Web";
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
  }
  .event-card-v2__match.VASCO .event-card__icon h1 {
    font-size: 30px;
    font-weight: 100;
  }
}
.event-card-v2__match--mobile {
  display: grid;
  grid-area: match;
  width: 100%;
  max-width: 220px;
  margin: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-items: center;
}
@media (min-width: 992px) {
  .event-card-v2__match--mobile {
    display: none;
  }
}
.event-card-v2__name {
  text-align: center;
  margin: 30px auto;
}
.event-card-v2__name h4 {
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 400;
  font-family: var(--menu-itens-font-famaly);
}
.event-card-v2__name h4 span:first-child {
  font-weight: 700 !important;
}
.event-card-v2__open-event {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0 12px;
  margin: 30px auto;
  padding: 0 16px;
}
@media (min-width: 992px) {
  .event-card-v2__open-event {
    padding: 0;
  }
}
.event-card-v2__open-event .main-button {
  width: 100%;
}
@media (min-width: 992px) {
  .event-card-v2__open-event .main-button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.event-card-v2__open-event fengstui-button {
  margin: 0.5em 0;
  font-family: var(--menu-itens-font-famaly) !important;
  font-weight: 600 !important;
  width: 100%;
}
@media (min-width: 992px) {
  .event-card-v2__open-event fengstui-button {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
}
.event-card-v2__open-event fengstui-button button {
  min-width: 230px !important;
  width: 100% !important;
}
@media (min-width: 992px) {
  .event-card-v2__open-event fengstui-button button {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
}
.event-card-v2__open-event fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--event-color-text-button) !important;
  background-color: var(--event-color-button) !important;
  width: 100% !important;
}
@media (min-width: 992px) {
  .event-card-v2__open-event fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
}
.event-card-v2__open-event fengstui-button .feng-btn--outline {
  color: var(--event-color-text-button) !important;
  border-color: currentColor !important;
}
.event-card-v2__open-event fengstui-button.enable-edge {
  border: 4px solid var(--background) !important;
}
@media (min-width: 992px) {
  .event-card-v2__open-event {
    flex-direction: initial;
  }
  .event-card-v2__open-event fengstui-button {
    margin: initial;
  }
}
.event-card-v2 .feng-btn.feng-btn--primary.feng-btn--icon {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.event-card-v2 .feng-btn__right-icon.fengi-icon-info-outline {
  transform: translateX(-20px);
  color: var(--event-color-text-secondary);
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.event-card-v2__rating {
  margin: 30px auto;
}
.event-card-v2__rating-date {
  text-transform: uppercase;
}
.event-card-v2__rating-date-open {
  display: flex;
  max-width: 350px;
  margin: 30px auto;
  gap: 20px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .event-card-v2__rating-date-open {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
.event-card-v2__shield {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  justify-items: center;
}
.event-card-v2__shield h1 {
  font-weight: 600;
  font-family: var(--header-counter-font-family);
  font-size: 20px;
  text-transform: capitalize;
}
.event-card-v2__shield img {
  object-fit: initial;
  height: 80px;
}
@media (min-width: 992px) {
  .event-card-v2__shield {
    gap: 0px 16px;
  }
  .event-card-v2__shield img {
    height: 120px;
  }
}
.event-card-v2__ticket-info {
  display: flex;
  justify-content: center;
  text-align: left;
  font-size: 1.48em !important;
  font-family: "Roboto" !important;
}
.event-card-v2__ticket-info p {
  padding: 0 2em;
}
.event-card-v2__ticket-info p .bonus {
  color: var(--event-color-text-secondary);
}
@media (min-width: 992px) {
  .event-card-v2__ticket-info {
    font-size: 1.68em !important;
  }
  .event-card-v2__ticket-info p {
    padding: initial;
  }
}
.event-card-v2__ticket-info.flu a {
  color: var(--event-color-text-secondary);
}
.event-card-v2__how-many-tickets {
  width: 100%;
  height: 20%;
  display: flex;
  gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 27px;
  font-family: var(--font-primary);
  font-weight: 300;
}
.event-card-v2__how-many-tickets--highlight {
  font-weight: bold;
}
.event-card-v2__user {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: #242424;
  border-radius: 4px;
  padding: 0 24px;
  width: calc(100% - 32px);
  margin: 0 auto;
}
@media (min-width: 992px) {
  .event-card-v2__user {
    flex-direction: row;
    padding: 8px 41px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.event-card-v2__user strong {
  font-family: var(--menu-itens-font-famaly);
  font-weight: 500;
  padding: 9px 0;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .event-card-v2__user strong {
    padding: 0 24px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.event-card-v2__user strong:not(:last-child) {
  border-bottom: solid 1px #3D3D3D;
}
@media (min-width: 992px) {
  .event-card-v2__user strong:not(:last-child) {
    border-bottom: none;
    border-right: solid 1px #3D3D3D;
  }
}
.event-card-v2__user .card-status {
  text-transform: capitalize;
  color: var(--warning);
  background: rgba(var(--warning-RGB), 1);
  border: solid 1px currentColor;
  padding: 2px 8px;
  font-weight: 700;
  margin-left: 5px;
  border-radius: 100px;
  font-size: 12px;
}
.event-card-v2__user .card-status--105 {
  color: var(--success);
  background: rgba(var(--success-RGB), 1);
}
.event-card-v2__user .card-status--201 {
  color: var(--error);
  background: rgba(var(--error-RGB), 1);
}
.event-card-v2__second-card {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.event-card-v2__second-card--none {
  display: none;
}
.event-card-v2__second-card a {
  margin: 2.25em 0;
  text-decoration: underline;
  color: var(--event-color-text-light);
}
.events-iframe__header {
  text-align: center;
  margin: 25px auto;
  color: #969696;
}
.events-iframe__wrapper {
  position: relative;
  display: block;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  width: 100%;
  height: 100vh;
  margin-top: 70px;
}
@media (min-width: 992px) {
  .events-iframe__wrapper {
    height: 75vh;
  }
}
.events-iframe__wrapper h3 {
  font-size: 20px;
  text-align: center;
}
.events-iframe__wrapper iframe.mb-iframe,
.events-iframe__wrapper object.mb-iframe {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  min-height: 600px;
  border: none;
}
@media (min-width: 992px) {
  .events-iframe__wrapper {
    margin-top: 0px;
  }
}
.events-main-wrapper {
  position: relative;
  width: 100%;
  padding-top: 70px;
  background: black;
  min-height: 70vh;
  padding-bottom: 40px;
}
.events-main-wrapper swiper .swiper-button-next:after,
.events-main-wrapper swiper .swiper-button-prev:after {
  color: var(--events-featured-swiper-arrows);
}
.events-main-wrapper swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--events-featured-swiper-arrows);
  opacity: 0.5;
}
.events-main-wrapper swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.events-main-wrapper swiper .swiper-pagination {
  pointer-events: all !important;
}
@media (min-width: 992px) {
  .events-main-wrapper {
    padding-top: 20px;
  }
  .events-main-wrapper swiper > .swiper.s-wrapper {
    height: 100%;
    width: 100%;
    max-width: 1200px;
  }
}
.events-main-wrapper__header {
  display: flex;
  width: 100%;
  max-width: 650px;
  margin: 20px auto;
  justify-content: flex-end;
}
.events-main-wrapper__header a {
  display: block;
  width: 150px;
  text-transform: uppercase;
  color: #000;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #000;
  text-align: center;
}
.events-main-wrapper h1 {
  color: white;
  font-size: 22px;
  text-align: center;
}
.events-main-wrapper.flu {
  background-size: cover !important;
}
.close-event {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0 12px;
  margin: 30px auto;
}
.events-main-wrapper.VASCO {
  border-bottom: 8px solid var(--secondary);
  padding-top: 40px !important;
}
@media (min-width: 992px) {
  .events-main-wrapper.VASCO {
    padding-top: 45px !important;
  }
}
.event-coupon {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  background: white;
  max-width: 570px;
  margin: 20px auto;
  padding: 20px 40px;
}
.event-coupon > h1 {
  font-size: 22px;
  margin: 0;
}
.event-coupon > p {
  font-size: 14px;
  margin: 0;
}
.event-coupon__coupon {
  margin: 0;
  background: #f0f0f0;
  padding: 15px;
  margin: 0 auto;
  width: 100%;
}
.events-main-wrapper-v2 {
  min-height: 600px;
  position: relative;
  background: #171717;
}
.events-main-wrapper-v2__match {
  max-height: -moz-fit-content;
  max-height: fit-content;
  position: relative;
  padding-top: 100px;
}
.events-main-wrapper-v2__match-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.events-main-wrapper-v2__match-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border: solid 2px #fff;
  background: transparent;
}
.events-main-wrapper-v2__match-pagination .swiper-pagination-bullet-active {
  background: var(--on-secondary);
  border-color: var(--on-secondary);
}
.events-main-wrapper-v2__list {
  max-width: 80em;
  padding-bottom: 100px;
  margin: 100px auto 0 auto;
}
.events-main-wrapper-v2__list h2 {
  font-family: var(--header-counter-font-family);
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  padding: 0 16px;
}
@media (min-width: 992px) {
  .events-main-wrapper-v2__list h2 {
    padding: 0;
  }
}
.events-main-wrapper-v2__no-events {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  color: #fff;
  font-family: var(--menu-itens-font-famaly);
}
.event-search {
  max-width: 80em;
  margin: 0 auto;
  margin-bottom: 1.87em;
  display: flex;
  gap: 0.62em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .event-search {
    flex-direction: row;
    justify-content: start;
    align-items: flex-start;
  }
}
.event-search__modality, .event-search__competitions {
  width: 100%;
  max-width: 20em;
  margin: auto;
}
@media (min-width: 576px) {
  .event-search__modality, .event-search__competitions {
    margin: 0;
  }
}
.event-search__modality fengstui-select, .event-search__competitions fengstui-select {
  color: var(--event-color-text-default);
}
.event-search__modality fengstui-select .feng-select.feng-select--primary .feng-select__mat-form-field, .event-search__competitions fengstui-select .feng-select.feng-select--primary .feng-select__mat-form-field {
  border: var(--event-background-border, none) !important;
}
.event-search__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex, .event-search__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  background: var(--event-background-select) !important;
  border-radius: var(--event-background-radius, initial) !important;
}
.event-search__modality fengstui-select .mat-form-field-appearance-fill .mat-form-field-flex, .event-search__competitions fengstui-select .mat-form-field-appearance-fill .mat-form-field-flex {
  border-radius: var(--event-background-radius, initial) !important;
}
.event-search__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper, .event-search__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  padding-right: 0.5em;
  border-left: initial !important;
}
.event-search__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper .mat-select-arrow, .event-search__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper .mat-select-arrow {
  color: var(--event-color-text-default);
}
.event-search__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper label, .event-search__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper label {
  color: var(--event-color-text-default) !important;
}
.event-search__modality fengstui-select .mat-select-value .mat-select-value-text .mat-select-min-line, .event-search__competitions fengstui-select .mat-select-value .mat-select-value-text .mat-select-min-line {
  color: var(--event-color-text-default) !important;
}
.event-table {
  position: relative;
}
.event-table__ticket-list {
  width: 100%;
  max-width: 80em;
  margin: 0 auto;
  padding: 2%;
  border-radius: var(--event-ticket-list-radius, 0);
  height: 100%;
  max-height: 540px;
  overflow-y: auto;
  background: var(--event-background-table);
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .event-table__ticket-list {
    padding: 1.5em 2em;
  }
}
.event-table__ticket-list h3 {
  text-align: center;
  font-size: 17px;
}
@media (min-width: 992px) {
  .event-table__ticket-list h3 {
    text-align: initial;
  }
}
.event-table__game {
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
  border-top: 1px solid rgba(231, 231, 231, 0.863);
  text-align: center;
}
@media (min-width: 992px) {
  .event-table__game {
    text-align: left;
  }
}
.event-table__game:first-child {
  padding-top: 1em;
  margin-top: 0 !important;
  border-top: 0 !important;
}
@media (min-width: 992px) {
  .event-table__game {
    flex-direction: initial;
  }
}
.event-table__game.first {
  border-top: initial;
}
.event-table__game div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-table__game div:nth-child(1) {
  width: 100%;
  max-width: 18em;
}
.event-table__game div:nth-child(2) {
  width: 100%;
  max-width: 12em;
}
.event-table__game div:nth-child(3) {
  width: 100%;
  max-width: 14em;
}
.event-table__game-image {
  height: 100%;
  max-height: 8.12em;
  display: initial !important;
}
.event-table__game-image.card > p {
  text-transform: uppercase;
}
.event-table__game-image p {
  margin: 0;
  margin-bottom: 0.5em;
  text-align: center;
  text-transform: uppercase;
}
.event-table__game-image figure {
  margin: 0 auto;
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.event-table__game-image figure .fengi-close {
  font-size: 2em;
}
.event-table__game-image figure img {
  max-height: 5em;
  object-fit: contain;
  width: 70px;
}
.event-table__game-date p, .event-table__game-local p {
  font-size: 1.2em;
  font-family: "GillSansMT";
  font-weight: 700;
  color: initial;
}
.event-table__game-date p {
  color: var(--event-color-text-dark);
}
.event-table__game-date p .HOUR {
  color: var(--event-color-text-primary);
}
.event-table__game-local p {
  font-weight: 500;
  color: var(--event-color-text-primary);
}
.event-table__game-local.flu p {
  color: var(--event-color-text-dark);
}
.event-table__game fengstui-button {
  width: 100% !important;
  max-width: 15em !important;
  display: flex !important;
  align-items: center !important;
}
.event-table__game fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon),
.event-table__game fengstui-button button {
  width: 100% !important;
  max-width: 15em !important;
  color: var(--event-color-text-button) !important;
  background-color: var(--event-color-button) !important;
}
.event-table__game button {
  text-transform: uppercase;
  font-weight: bold;
  max-width: 250px;
}
.event-table__game button.--more-info {
  display: flex;
  align-items: center;
  width: 120px;
  border: none;
  background: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.event-table__game button.--more-info .ondaFechada {
  max-width: 100%;
}
.event-table__game button.--more-info i {
  background: red;
  color: white;
  height: 40px;
  display: flex;
  align-items: flex-end;
  width: 46px;
  justify-content: flex-end;
  padding: 0 4px 4px 0;
  clip-path: polygon(100% 4%, 23% 100%, 100% 100%);
  margin-right: -20px;
  border-radius: 0 0 5px 0;
}
.event-table__game--more-info a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.event-table__game--more-info a span {
  display: block;
  color: var(--event-color-text-dark) !important;
}
.event-search-v2 {
  max-width: 80em;
  margin: 0 auto;
  margin-bottom: 1.87em;
  display: flex;
  gap: 0.62em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .event-search-v2 {
    flex-direction: row;
    justify-content: start;
    align-items: flex-start;
  }
}
.event-search-v2__modality, .event-search-v2__competitions {
  width: 100%;
  max-width: 100%;
  padding: 0 16px;
  margin: auto;
}
@media (min-width: 576px) {
  .event-search-v2__modality, .event-search-v2__competitions {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .event-search-v2__modality, .event-search-v2__competitions {
    max-width: 20em;
    padding: 0;
  }
}
.event-search-v2__modality fengstui-select, .event-search-v2__competitions fengstui-select {
  color: var(--event-color-text-default);
}
.event-search-v2__modality fengstui-select .feng-select.feng-select--primary .feng-select__mat-form-field, .event-search-v2__competitions fengstui-select .feng-select.feng-select--primary .feng-select__mat-form-field {
  border: var(--event-background-border, none) !important;
}
.event-search-v2__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex, .event-search-v2__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  background: var(--event-background-select) !important;
  border-radius: var(--event-background-radius, initial) !important;
}
.event-search-v2__modality fengstui-select .mat-form-field-appearance-fill .mat-form-field-flex, .event-search-v2__competitions fengstui-select .mat-form-field-appearance-fill .mat-form-field-flex {
  border-radius: var(--event-background-radius, initial) !important;
}
.event-search-v2__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper, .event-search-v2__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  padding-right: 0.5em;
  border-left: initial !important;
}
.event-search-v2__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper .mat-select-arrow, .event-search-v2__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper .mat-select-arrow {
  color: var(--event-color-text-default);
}
.event-search-v2__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper label, .event-search-v2__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper label {
  color: var(--event-color-text-default) !important;
}
.event-search-v2__modality fengstui-select .mat-select-value .mat-select-value-text .mat-select-min-line, .event-search-v2__competitions fengstui-select .mat-select-value .mat-select-value-text .mat-select-min-line {
  color: var(--event-color-text-default) !important;
}
.event-table-v2 {
  position: relative;
}
.event-table-v2__ticket-list {
  width: 100%;
  max-width: 80em;
  margin: 0 auto;
  padding: 24px 16px;
  border-radius: 0;
  height: 100%;
  max-height: 540px;
  overflow-y: auto;
  background: var(--event-background-table);
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .event-table-v2__ticket-list {
    border-radius: var(--event-ticket-list-radius, 0);
    padding: 1.5em 2em;
  }
}
.event-table-v2__ticket-list h3 {
  text-align: center;
  font-size: 17px;
}
@media (min-width: 992px) {
  .event-table-v2__ticket-list h3 {
    text-align: initial;
  }
}
.event-table-v2__game {
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
  border-top: 1px solid rgba(231, 231, 231, 0.863);
  text-align: center;
}
@media (min-width: 992px) {
  .event-table-v2__game {
    text-align: left;
  }
}
.event-table-v2__game-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
  flex-direction: column;
}
.event-table-v2__game-wrap:last-child {
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .event-table-v2__game-wrap {
    flex-direction: row;
  }
}
.event-table-v2__game:first-child {
  padding-top: 1em;
  margin-top: 0 !important;
  border-top: 0 !important;
}
@media (min-width: 992px) {
  .event-table-v2__game {
    flex-direction: initial;
  }
}
.event-table-v2__game.first {
  border-top: initial;
}
.event-table-v2__game div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .event-table-v2__game div {
    justify-content: center;
  }
}
.event-table-v2__game div:nth-child(1) {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .event-table-v2__game div:nth-child(1) {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.event-table-v2__game div:nth-child(2) {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.event-table-v2__game div:nth-child(3) {
  width: 100%;
  max-width: 14em;
}
.event-table-v2__game-image {
  height: 100%;
  max-height: 8.12em;
  display: initial !important;
}
.event-table-v2__game-image-shields {
  display: flex;
  align-items: center;
  position: relative;
}
.event-table-v2__game-image-shields:after {
  width: 1px;
  height: 100%;
  position: absolute;
  right: -20px;
  background: #E4E4E4;
}
@media (min-width: 992px) {
  .event-table-v2__game-image-shields:after {
    content: "";
  }
}
.event-table-v2__game-image-shields img {
  max-height: 5em;
  object-fit: contain;
  width: 70px;
}
.event-table-v2__game-image-shields span {
  display: flex;
  flex-direction: column;
  column-gap: 20px;
}
.event-table-v2__game-image-shields span strong, .event-table-v2__game-image-shields span small {
  margin: 0;
}
.event-table-v2__game-image-shields span strong {
  font-size: 20px;
  font-weight: 700;
  color: #393939;
  text-transform: uppercase;
  font-family: var(--header-counter-font-family);
}
.event-table-v2__game-image.card > p {
  text-transform: uppercase;
}
.event-table-v2__game-image p {
  margin: 0;
  margin-bottom: 0.5em;
  text-align: center;
  text-transform: uppercase;
}
.event-table-v2__game-image figure {
  margin: 0 auto;
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.event-table-v2__game-image figure .fengi-close {
  font-size: 2em;
}
.event-table-v2__game-image figure img {
  max-height: 5em;
  object-fit: contain;
  width: 70px;
}
.event-table-v2__game-local {
  display: flex;
  flex-direction: column;
  align-items: center !important;
}
@media (min-width: 992px) {
  .event-table-v2__game-local {
    margin-left: 48px;
    align-items: flex-start !important;
  }
}
.event-table-v2__game-local .local {
  font-size: 20px;
  font-family: var(--header-counter-font-family);
  font-weight: 700;
  color: #393939;
}
.event-table-v2__game-local .campeonato {
  font-family: var(--header-sub-menu-font);
  font-size: 14px;
  font-weight: 400;
  color: #393939;
}
.event-table-v2__game-date p {
  color: var(--event-color-text-dark);
}
.event-table-v2__game-date p .HOUR {
  color: var(--event-color-text-primary);
}
.event-table-v2__game-local p {
  font-weight: 500;
  color: var(--event-color-text-primary);
}
.event-table-v2__game-local.flu p {
  color: var(--event-color-text-dark);
}
.event-table-v2__game fengstui-button {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
}
@media (min-width: 992px) {
  .event-table-v2__game fengstui-button {
    max-width: 15em !important;
  }
}
.event-table-v2__game fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon),
.event-table-v2__game fengstui-button button {
  width: 100% !important;
  max-width: 100% !important;
  color: var(--event-color-text-button) !important;
  background-color: var(--event-color-button) !important;
}
@media (min-width: 992px) {
  .event-table-v2__game fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon),
.event-table-v2__game fengstui-button button {
    max-width: 15em !important;
  }
}
.event-table-v2__game button {
  text-transform: uppercase;
  font-weight: bold;
  max-width: 250px;
}
.event-table-v2__game button.--more-info {
  display: flex;
  align-items: center;
  width: 92px;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--on-secondary);
  margin: 0;
  padding: 0;
}
.event-table-v2__game button.--more-info .ondaFechada {
  max-width: 100%;
}
.event-table-v2__game button.--more-info i {
  background: red;
  color: white;
  height: 40px;
  display: flex;
  align-items: flex-end;
  width: 46px;
  justify-content: flex-end;
  padding: 0 4px 4px 0;
  clip-path: polygon(100% 4%, 23% 100%, 100% 100%);
  margin-right: -20px;
  border-radius: 0 0 5px 0;
}
.event-table-v2__game--more-info {
  flex-direction: column !important;
}
@media (min-width: 992px) {
  .event-table-v2__game--more-info {
    flex-direction: row !important;
  }
}
.event-table-v2__game--more-info a {
  display: flex;
  align-items: center;
  justify-content: flex-end !important;
  color: var(--on-secondary);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .event-table-v2__game--more-info a {
    width: 90px;
    margin-top: 0;
  }
}
.event-table-v2__game--more-info a span {
  font-size: 12px;
  margin-right: 10px;
}
.fengstevents-ticketing-redirection-modal {
  text-align: center;
}
.fengstevents-ticketing-redirection-modal .redirection-message p {
  font-weight: 800;
  font-size: 20px;
}
.fengstevents-ticketing-redirection-modal .time {
  font-size: 25px;
  font-weight: 800;
}
.fengstevents-ticketing-redirection-modal .footer-message p {
  margin-top: 30px;
  color: #646464;
}
.fengstevents-events-banner-template-v1__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 10px;
  overflow: hidden;
}
.fengstevents-events-banner-template-v1__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--on-background);
  padding: 1rem;
}
@media (min-width: 992px) {
  .fengstevents-events-banner-template-v1__info {
    padding: 1.5rem 2.8125rem;
  }
}
.fengstevents-events-banner-template-v1__info span {
  color: var(--event-banner-text-secondary);
  font-size: 0.75rem;
}
@media (min-width: 992px) {
  .fengstevents-events-banner-template-v1__info span {
    font-size: 0.875rem;
  }
}
.fengstevents-events-banner-template-v1__info h2 {
  font-size: 1.0625rem;
  line-height: 19px;
  color: var(--event-banner-text-primary);
}
@media (min-width: 992px) {
  .fengstevents-events-banner-template-v1__info h2 {
    font-size: 1.625rem;
    line-height: 30px;
  }
}
.fengstevents-events-banner-template-v1__info fengstui-button button {
  width: 100%;
}
@media (min-width: 576px) {
  .fengstevents-events-banner-template-v1__info fengstui-button button {
    width: inherit;
  }
}
.fengstevents-events-banner-template-v1__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --background-system-error: #ffe0e1;
  --background-system-warning: #f3e0b9;
  --background-system-success: #eefcf2;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-color: #fff;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --home-experience-call-to-action-content-font-family:"montserrat";
  --home-experience-call-to-action-content-font-size: 32px;
  --home-experience-call-to-action-content-device-font-size: 56px;
  --home-experience-call-to-action-content-padding: "130px 0 120px";
  --home-experience-call-to-action-content-line-height: normal;
  --home-experience-call-to-action-content-device-line-height: normal;
  --home-experience-call-to-action-content-max-width: 655px;
  --home-experience-call-to-action-button-margin: 0;
  --home-experience-call-to-action-content-align: "left";
  --home-experience-video-scroll-color: var(--secondary);
  --home-experience-video-scroll-font-size: 30px;
  --home-experience-video-scroll-device-font-size: 48px;
  --home-experience-video-scroll-text-align: "left";
  --home-experience-video-catalog-font-size: 38px;
  --home-experience-video-catolog-font-family: "700 28px / 28px var(--font-title)";
  --home-experience-video-catolog-device-font-family: "Montserrat-bold";
  --home-experience-video-scroll-spacing: normal;
  --home-experience-video-catalog-device-font-size: 30px;
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color:#0A0A0A;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --gift-card-price-color: black;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-text-color-second: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.fengstcheckout-register {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 8px 50px;
}
@media (min-width: 1200px) {
  .fengstcheckout-register {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
    padding: 50px 0;
  }
}
.fengstcheckout-register__box {
  width: 100%;
  max-width: 355px;
  margin: auto;
}
.fengstcheckout-register__captcha {
  text-align: center;
}
.fengstcheckout-register__captcha re-captcha > div {
  width: 100% !important;
}
.fengstcheckout-register__captcha re-captcha > div > div iframe {
  height: 90px;
}
.fengstcheckout-register__footer fengstui-button button {
  display: block;
  width: 100%;
  margin: 15px 0px;
}
.fengstcheckout-register__header h1 {
  font-size: 20px;
  text-align: center;
  line-height: 110%;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .fengstcheckout-register__header h1 {
    font-size: 25px;
  }
}
.fengstcheckout-register__item {
  position: relative;
  margin: 15px 0px;
}
.fengstcheckout-register__item-foreign {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
}
.fengstcheckout-register__item-foreign .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstcheckout-register__item .select-country {
  display: flex;
  align-content: center;
  justify-content: flex-start;
}
.fengstcheckout-register__item .select-country .select-country-field {
  width: 90px;
}
.fengstcheckout-register__item .select-country .input-phone {
  width: 100%;
  margin-top: 3px;
}
.fengstcheckout-register__item .select-country .mat-form-field-wrapper {
  padding: 0;
}
.fengstcheckout-register__item-select {
  display: flex;
}
.fengstcheckout-register__item-select fengstui-select {
  width: 90px;
}
.fengstcheckout-register__item-select fengstui-select .mat-form-field-infix {
  border-top: 0 !important;
  padding: 10.2px 0 !important;
}
.fengstcheckout-register__item-select fengstui-select .mat-form-field {
  width: 90px;
}
.fengstcheckout-register__item-select fengstui-select .mat-form-field-wrapper {
  padding: 0;
}
.fengstcheckout-register__item-select fengstui-select .mat-select-arrow-wrapper {
  border: none !important;
  display: block !important;
}
.fengstcheckout-register__item-select-input {
  width: 100%;
}
.fengstcheckout-register .hcaptcha {
  display: flex;
  justify-content: center;
}
.fengstcheckout-register__terms {
  text-align: center;
}
.fengstcheckout-register-2 {
  background: var(--register-v2-background);
  background-size: var(--register-v2-background-size-small);
  width: 100%;
  min-height: calc(100svh - var(--footer-height));
  margin: 0;
  position: relative;
  display: flex;
  box-sizing: border-box;
  padding: var(--register-v2-content-padding);
}
@media (min-width: 992px) {
  .fengstcheckout-register-2 {
    background-size: var(--register-v2-background-size-medium);
  }
}
@media (min-width: 1200px) {
  .fengstcheckout-register-2 {
    background-position: var(--register-v2-background-position-large);
    background-size: var(--register-v2-background-size-large);
  }
}
@media (min-width: 1500px) {
  .fengstcheckout-register-2 {
    background-position: var(--register-v2-background-position-extra-large);
    background-size: var(--register-v2-background-size-extra-large);
  }
}
.fengstcheckout-register-2__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  z-index: 1;
}
.fengstcheckout-register-2__content-brand {
  width: var(--register-v2-logo-width);
  padding-top: 32px;
}
@media (min-width: 1500px) {
  .fengstcheckout-register-2__content-brand {
    padding-top: 0;
  }
}
.fengstcheckout-register-2__content-register {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--register-v2-card-form-background);
  border-radius: var(--register-v2-card-form-radius);
  padding: var(--register-v2-card-form-padding);
  display: flex;
  flex-direction: column;
  row-gap: var(--register-v2-card-form-row-gap);
  margin: 33px 0 123px;
  box-sizing: border-box;
}
.fengstcheckout-register-2__content-register > p {
  font-size: 18px;
  text-align: center;
  margin: 0;
}
.fengstcheckout-register-2__content-register .feng-btn {
  width: 100% !important;
  border-radius: 4px !important;
}
.fengstcheckout-register-2__content-register--success {
  background: transparent;
  color: var(--register-v2-sucess-color);
  text-align: center;
  margin: 0 0 123px;
  padding: 0;
}
@media (min-width: 767px) {
  .fengstcheckout-register-2__content-register {
    max-width: var(--register-v2-card-form-width-desktop);
  }
  .fengstcheckout-register-2__content-register--success {
    max-width: var(--register-v2-card-form-sucess-desktop);
    padding: var(--register-v2-card-form-padding);
  }
}
@media (min-width: 1500px) {
  .fengstcheckout-register-2__content-register {
    margin: 33px 0;
  }
}
.fengstcheckout-register-2__content-register-title {
  color: var(--register-v2-card-form-title-color);
  font-size: var(--register-v2-card-form-title-size);
  font-weight: var(--register-v2-card-form-title-weight);
  font-family: var(--register-v2-card-form-title-family);
  line-height: var(--register-v2-card-form-title-line-height);
  margin: 0;
}
.fengstcheckout-register-2__content-register-inputs {
  display: flex;
  flex-direction: column;
  row-gap: var(--register-v2-card-form-row-gap);
  margin-top: 16px;
}
.fengstcheckout-register-2__content-register-inputs-disabled {
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstcheckout-register-2__content-register-inputs-divider {
  border: none;
  height: 1px;
  background: var(--register-v2-card-form-divider-color);
  width: 100%;
}
.fengstcheckout-register-2__content-register-inputs-password-info, .fengstcheckout-register-2__content-register-inputs-required-list-item {
  font-family: var(--register-v2-card-form-title-family);
  font-weight: var(--register-v2-card-form-password-info-title-weight);
  font-size: var(--register-v2-card-form-password-info-title-size);
  line-height: var(--register-v2-card-form-password-info-title-line-height);
  color: var(--register-v2-card-form-password-info-color);
}
.fengstcheckout-register-2__content-register-inputs-required-list {
  list-style: var(--register-v2-card-form-password-info-list-style);
  padding: 0;
  margin: 0 0 14px;
}
.fengstcheckout-register-2__content-register-inputs-required-list-item {
  font-weight: 400;
}
.fengstcheckout-register-2__content-register-inputs-submit--goto {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
}
.fengstcheckout-register-2__content-register-inputs-submit .feng-btn {
  background: var(--home-auth-card-button-sign-bg) !important;
  color: var(--home-auth-card-button-sign-color) !important;
}
.fengstcheckout-register-2__content-register-success-msg {
  font: var(--register-v2-card-success-title);
  margin-top: 39px;
}
@media (min-width: 767px) {
  .fengstcheckout-register-2__content-register-success-msg {
    margin-top: var(--title-margin-top);
    font: var(--register-v2-card-success-title-desktop);
  }
}
.fengstcheckout-register-2__content-register-success-text {
  font-weight: 400;
  font-size: var(--register-v2-sucess-text-size);
  font-family: var(--font-button);
  padding: 0 15px;
}
.fengstcheckout-register-2__content-register-success-text b {
  color: var(--home-auth-card-button-sign-bg);
}
.fengstcheckout-register-2__content-step2-input {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .fengstcheckout-register-2__content-step2-input {
    flex-direction: column;
  }
}
.fengstcheckout-register-2__content-step2-action {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .fengstcheckout-register-2__content-step2-action {
    align-items: center;
    display: grid;
    grid-template-columns: 0.3fr;
  }
}
.fengstcheckout-register-2__section {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.fengstcheckout-register-2__section-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
.fengstcheckout-register-2__section-radio {
  margin-bottom: 8px;
}
.fengstcheckout-register-2__section-radio label {
  font-weight: 700 !important;
  color: var(--primary-light);
}
.fengstcheckout-register-2__section-radio .mat-radio-label-content {
  font-weight: 400 !important;
}
.fengstcheckout-register-2__section-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.fengstcheckout-register-2__section-hide-hint .mat-form-field-hint-wrapper {
  display: none !important;
}
.fengstcheckout-register-2__section-small .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix, .fengstcheckout-register-2__section-small .feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  max-width: 105px;
}
.fengstcheckout-register-2__section-small input::-webkit-outer-spin-button,
.fengstcheckout-register-2__section-small input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.fengstcheckout-register-2__section-small input[type=number] {
  -moz-appearance: textfield;
}
.fengstcheckout-register-2__section-grid {
  display: grid;
  align-items: flex-start;
  column-gap: 16px;
  grid-template-columns: 0.2fr 1fr;
}
.fengstcheckout-register-2__section-grid--2 {
  grid-template-columns: 1fr 0.1fr;
}
.fengstcheckout-register-2__divider-or {
  position: relative;
}
.fengstcheckout-register-2__divider-or p {
  margin: 0 auto;
  text-align: center;
  background: #fff;
  z-index: 1;
  position: relative;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 6px;
}
.fengstcheckout-register-2__divider-or hr {
  border: none;
  height: 1px;
  background: var(--register-v2-card-form-divider-color);
  width: 100%;
  position: absolute;
  top: 4px;
}
.fengstcheckout-register-3 {
  background: var(--register-v2-background);
  background-size: var(--register-v2-background-size-small);
  width: 100%;
  margin: 0;
  position: relative;
  display: flex;
  box-sizing: border-box;
  padding: var(--register-v2-content-padding);
  color: black;
  min-height: calc(100svh - 209px);
}
@media (min-width: 992px) {
  .fengstcheckout-register-3 {
    background-size: var(--register-v2-background-size-medium);
  }
}
@media (min-width: 1200px) {
  .fengstcheckout-register-3 {
    background-position: var(--register-v2-background-position-large);
    background-size: var(--register-v2-background-size-large);
  }
}
@media (min-width: 1500px) {
  .fengstcheckout-register-3 {
    background-position: var(--register-v2-background-position-extra-large);
    background-size: var(--register-v2-background-size-extra-large);
  }
}
.fengstcheckout-register-3__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  z-index: 1;
  align-self: center;
}
.fengstcheckout-register-3__content-brand {
  width: var(--register-v2-logo-width);
  padding-top: 32px;
}
@media (min-width: 1500px) {
  .fengstcheckout-register-3__content-brand {
    padding-top: 0;
  }
}
.fengstcheckout-register-3__content-register {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--register-v2-card-form-background);
  border-radius: var(--register-v2-card-form-radius);
  padding: var(--register-v2-card-form-padding);
  display: flex;
  flex-direction: column;
  row-gap: var(--register-v2-card-form-row-gap);
  margin: 33px 0 123px;
  box-sizing: border-box;
}
.fengstcheckout-register-3__content-register .feng-btn {
  width: 100% !important;
  border-radius: 4px !important;
}
.fengstcheckout-register-3__content-register--success {
  background: transparent;
  color: var(--register-v2-sucess-color);
  text-align: center;
  margin: 0 0 123px;
  padding: 0;
}
@media (min-width: 767px) {
  .fengstcheckout-register-3__content-register {
    max-width: var(--register-v2-card-form-width-desktop);
  }
  .fengstcheckout-register-3__content-register--success {
    max-width: var(--register-v2-card-form-sucess-desktop);
    padding: var(--register-v2-card-form-padding);
  }
}
@media (min-width: 1500px) {
  .fengstcheckout-register-3__content-register {
    margin: 33px 0;
  }
}
.fengstcheckout-register-3__content-register-title {
  color: var(--register-v2-card-form-title-color);
  font-size: var(--register-v2-card-form-title-size);
  font-weight: var(--register-v2-card-form-title-weight);
  font-family: var(--register-v2-card-form-title-family);
  line-height: var(--register-v2-card-form-title-line-height);
  margin: 0;
}
.fengstcheckout-register-3__content-register-inputs {
  display: flex;
  flex-direction: column;
  row-gap: var(--register-v2-card-form-row-gap);
  margin-top: 16px;
}
.fengstcheckout-register-3__content-register-inputs-disabled {
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstcheckout-register-3__content-register-inputs-divider {
  border: none;
  height: 1px;
  background: var(--register-v2-card-form-divider-color);
  width: 100%;
}
.fengstcheckout-register-3__content-register-inputs-password-info, .fengstcheckout-register-3__content-register-inputs-required-list-item {
  font-family: var(--register-v2-card-form-title-family);
  font-weight: var(--register-v2-card-form-password-info-title-weight);
  font-size: var(--register-v2-card-form-password-info-title-size);
  line-height: var(--register-v2-card-form-password-info-title-line-height);
  color: var(--register-v2-card-form-password-info-color);
}
.fengstcheckout-register-3__content-register-inputs-required-list {
  list-style: var(--register-v2-card-form-password-info-list-style);
  padding: 0;
  margin: 0 0 14px;
}
.fengstcheckout-register-3__content-register-inputs-required-list-item {
  font-weight: 400;
}
.fengstcheckout-register-3__content-register-inputs-submit--goto {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
}
.fengstcheckout-register-3__content-register-inputs-submit .feng-btn {
  background: var(--home-auth-card-button-sign-bg) !important;
  color: var(--home-auth-card-button-sign-color) !important;
}
.fengstcheckout-register-3__content-register-success-msg {
  font: var(--register-v2-card-success-title);
  margin-top: 39px;
}
@media (min-width: 767px) {
  .fengstcheckout-register-3__content-register-success-msg {
    margin-top: var(--title-margin-top);
    font: var(--register-v2-card-success-title-desktop);
  }
}
.fengstcheckout-register-3__content-register-success-text {
  font-weight: 400;
  font-size: var(--register-v2-sucess-text-size);
  font-family: var(--font-button);
  padding: 0 15px;
}
.fengstcheckout-register-3__content-register-success-text b {
  color: var(--home-auth-card-button-sign-bg);
}
.fengstcheckout-register-3__content-step2-input {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .fengstcheckout-register-3__content-step2-input {
    flex-direction: column;
  }
}
.fengstcheckout-register-3__content-step2-action {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .fengstcheckout-register-3__content-step2-action {
    align-items: center;
    display: grid;
    grid-template-columns: 0.3fr;
  }
}
.fengstcheckout-register-3__section {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.fengstcheckout-register-3__section-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
.fengstcheckout-register-3__section-radio {
  margin-bottom: 8px;
}
.fengstcheckout-register-3__section-radio label {
  font-weight: 700 !important;
  color: var(--primary-light);
}
.fengstcheckout-register-3__section-radio .mat-radio-label-content {
  font-weight: 400 !important;
}
.fengstcheckout-register-3__section-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.fengstcheckout-register-3__section-hide-hint .mat-form-field-hint-wrapper {
  display: none !important;
}
.fengstcheckout-register-3__section-small .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix, .fengstcheckout-register-3__section-small .feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  max-width: 105px;
}
.fengstcheckout-register-3__section-small input::-webkit-outer-spin-button,
.fengstcheckout-register-3__section-small input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.fengstcheckout-register-3__section-small input[type=number] {
  -moz-appearance: textfield;
}
.fengstcheckout-register-3__section-grid {
  display: grid;
  align-items: flex-start;
  column-gap: 16px;
  grid-template-columns: 0.2fr 1fr;
}
.fengstcheckout-register-3__section-grid--2 {
  grid-template-columns: 1fr 0.1fr;
}
.fengstcheckout-register-3__divider-or {
  position: relative;
}
.fengstcheckout-register-3__divider-or p {
  margin: 0 auto;
  text-align: center;
  background: #fff;
  z-index: 1;
  position: relative;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 6px;
}
.fengstcheckout-register-3__divider-or hr {
  border: none;
  height: 1px;
  background: var(--register-v2-card-form-divider-color);
  width: 100%;
  position: absolute;
  top: 3px;
}
.fengstcheckout-register-4 {
  background: #FFF266;
  background-size: var(--register-v2-background-size-small);
  width: 100%;
  margin: 0;
  position: relative;
  display: flex;
  box-sizing: border-box;
  padding: var(--register-v2-content-padding);
  color: black;
  min-height: calc(100svh - 209px);
}
@media (min-width: 992px) {
  .fengstcheckout-register-4 {
    background-size: var(--register-v2-background-size-medium);
  }
}
@media (min-width: 1200px) {
  .fengstcheckout-register-4 {
    background-position: var(--register-v2-background-position-large);
    background-size: var(--register-v2-background-size-large);
  }
}
@media (min-width: 1500px) {
  .fengstcheckout-register-4 {
    background-position: var(--register-v2-background-position-extra-large);
    background-size: var(--register-v2-background-size-extra-large);
  }
}
.fengstcheckout-register-4__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  z-index: 1;
  align-self: center;
}
.fengstcheckout-register-4__content-brand {
  width: var(--register-v2-logo-width);
  padding-top: 32px;
}
@media (min-width: 1500px) {
  .fengstcheckout-register-4__content-brand {
    padding-top: 0;
  }
}
.fengstcheckout-register-4__content-register {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--register-v2-card-form-background);
  border-radius: var(--register-v2-card-form-radius);
  padding: var(--register-v2-card-form-padding);
  display: flex;
  flex-direction: column;
  row-gap: var(--register-v2-card-form-row-gap);
  margin: 33px 0 123px;
  box-sizing: border-box;
}
.fengstcheckout-register-4__content-register .feng-btn {
  width: 100% !important;
  border-radius: 4px !important;
}
.fengstcheckout-register-4__content-register--success {
  background: transparent;
  color: var(--register-v2-sucess-color);
  text-align: center;
  margin: 0 0 123px;
  padding: 0;
}
@media (min-width: 767px) {
  .fengstcheckout-register-4__content-register {
    max-width: var(--register-v2-card-form-width-desktop);
  }
  .fengstcheckout-register-4__content-register--success {
    max-width: var(--register-v2-card-form-sucess-desktop);
    padding: var(--register-v2-card-form-padding);
  }
}
@media (min-width: 1500px) {
  .fengstcheckout-register-4__content-register {
    margin: 33px 0;
  }
}
.fengstcheckout-register-4__content-register-title {
  color: var(--register-v2-card-form-title-color);
  font-size: var(--register-v2-card-form-title-size);
  font-weight: var(--register-v2-card-form-title-weight);
  font-family: var(--register-v2-card-form-title-family);
  line-height: var(--register-v2-card-form-title-line-height);
  margin: 0;
}
.fengstcheckout-register-4__content-register-inputs {
  display: flex;
  flex-direction: column;
  row-gap: var(--register-v2-card-form-row-gap);
  margin-top: 16px;
}
.fengstcheckout-register-4__content-register-inputs-disabled {
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstcheckout-register-4__content-register-inputs-divider {
  border: none;
  height: 1px;
  background: var(--register-v2-card-form-divider-color);
  width: 100%;
}
.fengstcheckout-register-4__content-register-inputs-password-info, .fengstcheckout-register-4__content-register-inputs-required-list-item {
  font-family: var(--register-v2-card-form-title-family);
  font-weight: var(--register-v2-card-form-password-info-title-weight);
  font-size: var(--register-v2-card-form-password-info-title-size);
  line-height: var(--register-v2-card-form-password-info-title-line-height);
  color: var(--register-v2-card-form-password-info-color);
}
.fengstcheckout-register-4__content-register-inputs-required-list {
  list-style: var(--register-v2-card-form-password-info-list-style);
  padding: 0;
  margin: 0 0 14px;
}
.fengstcheckout-register-4__content-register-inputs-required-list-item {
  font-weight: 400;
}
.fengstcheckout-register-4__content-register-inputs-submit--goto {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
}
.fengstcheckout-register-4__content-register-inputs-submit .feng-btn {
  background: var(--home-auth-card-button-sign-bg) !important;
  color: var(--home-auth-card-button-sign-color) !important;
  margin-bottom: 32px;
}
.fengstcheckout-register-4__content-register-success-msg {
  font: var(--register-v2-card-success-title);
  margin-top: 39px;
  color: #000;
}
@media (min-width: 767px) {
  .fengstcheckout-register-4__content-register-success-msg {
    margin-top: var(--title-margin-top);
    font: var(--register-v2-card-success-title-desktop);
  }
}
.fengstcheckout-register-4__content-register-success-text {
  font-weight: 400;
  font-size: var(--register-v2-sucess-text-size);
  font-family: var(--font-button);
  padding: 0 15px;
  color: #000;
}
.fengstcheckout-register-4__content-register-success-text b {
  color: var(--home-auth-card-button-sign-bg);
}
.fengstcheckout-register-4__content-step2-input {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .fengstcheckout-register-4__content-step2-input {
    flex-direction: column;
  }
}
.fengstcheckout-register-4__content-step2-action {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .fengstcheckout-register-4__content-step2-action {
    align-items: center;
    display: grid;
    grid-template-columns: 0.3fr;
  }
}
.fengstcheckout-register-4__section {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.fengstcheckout-register-4__section-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
.fengstcheckout-register-4__section-radio {
  margin-bottom: 8px;
}
.fengstcheckout-register-4__section-radio label {
  font-weight: 700 !important;
  color: var(--primary-light);
}
.fengstcheckout-register-4__section-radio .mat-radio-label-content {
  font-weight: 400 !important;
}
.fengstcheckout-register-4__section-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.fengstcheckout-register-4__section-hide-hint .mat-form-field-hint-wrapper {
  display: none !important;
}
.fengstcheckout-register-4__section-small .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix, .fengstcheckout-register-4__section-small .feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  max-width: 105px;
}
.fengstcheckout-register-4__section-small input::-webkit-outer-spin-button,
.fengstcheckout-register-4__section-small input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.fengstcheckout-register-4__section-small input[type=number] {
  -moz-appearance: textfield;
}
.fengstcheckout-register-4__section-grid {
  display: grid;
  align-items: flex-start;
  column-gap: 16px;
  grid-template-columns: 0.2fr 1fr;
}
.fengstcheckout-register-4__section-grid--2 {
  grid-template-columns: 1fr 0.1fr;
}
.fengstcheckout-register-4__divider-or {
  position: relative;
}
.fengstcheckout-register-4__divider-or p {
  margin: 0 auto;
  text-align: center;
  background: #fff;
  z-index: 1;
  position: relative;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 6px;
}
.fengstcheckout-register-4__divider-or hr {
  border: none;
  height: 1px;
  background: var(--register-v2-card-form-divider-color);
  width: 100%;
  position: absolute;
  top: 3px;
}
.fengstcheckout-register-form-v4 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 588px;
  margin: 0 auto;
  padding: 24px 0;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstcheckout-register-form-v4 {
    padding: 32px 0;
  }
}
.fengstcheckout-register-form-v4__header {
  text-align: center;
  padding: 0 16px;
}
.fengstcheckout-register-form-v4__header h3 {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
@media (min-width: 767px) {
  .fengstcheckout-register-form-v4__header h3 {
    font-size: 24px;
    line-height: 33px;
  }
}
.fengstcheckout-register-form-v4__header span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-top: 8px;
}
@media (min-width: 767px) {
  .fengstcheckout-register-form-v4__header span {
    font-size: 16px;
    line-height: 24px;
  }
}
.fengstcheckout-register-form-v4 form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  background: white;
  border-radius: 5px;
  min-height: 600px;
  height: 100%;
}
.fengstcheckout-register-form-v4__input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fengstcheckout-register-form-v4__input-wrapper span {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.fengstcheckout-register-form-v4__input-wrapper .mat-form-field-infix {
  border: 0;
  padding: 0.25em 0 0.25em 0;
}
.fengstcheckout-register-form-v4__input-wrapper.small-input {
  max-width: 80px;
  width: 80px;
}
.fengstcheckout-register-form-v4__input-wrapper.small-input fengstui-input {
  width: 80px !important;
}
.fengstcheckout-register-form-v4__input-wrapper.small-input fengstui-input .mat-form-field-infix {
  width: 100% !important;
}
.fengstcheckout-register-form-v4__input-select {
  display: initial !important;
}
.fengstcheckout-register-form-v4__input-select .mat-form-field-infix {
  border-top: 0.84375em solid transparent !important;
  padding: 0.25em 0 0.25em 0 !important;
}
.fengstcheckout-register-form-v4__input-select span {
  font-size: initial !important;
  font-weight: initial !important;
  line-height: initial !important;
}
.fengstcheckout-register-form-v4__terms {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fengstcheckout-register-form-v4__terms p {
  margin: 0;
}
.fengstcheckout-register-form-v4__submit button {
  width: 100% !important;
}
.fengstcheckout-register-form-v4__step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0;
  padding: 0 16px;
  position: relative;
}
@media (min-width: 992px) {
  .fengstcheckout-register-form-v4__step {
    padding: 0;
  }
}
.fengstcheckout-register-form-v4__step-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}
.fengstcheckout-register-form-v4__step-number {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #E4E4E4;
  color: #ABABAB;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.fengstcheckout-register-form-v4__step-number.disabled {
  cursor: not-allowed;
}
.fengstcheckout-register-form-v4__step-label {
  margin-top: 8px;
  font-size: 16px;
  color: #ABABAB;
  font-weight: 400;
  transition: color 0.3s ease;
}
.fengstcheckout-register-form-v4__step-line {
  position: absolute;
  top: 33%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%) translateX(15%);
  width: 80%;
  background-color: #E4E4E4;
  z-index: 1;
}
.fengstcheckout-register-form-v4__step-line--completed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--primary);
  transition: width 0.3s ease;
}
.fengstcheckout-register-form-v4__step--active .fengstcheckout-register-form-v4__step-number {
  background-color: var(--primary);
  color: white;
}
.fengstcheckout-register-form-v4__step--active .fengstcheckout-register-form-v4__step-label {
  font-weight: 500;
  color: #393939;
}
.fengstcheckout-address {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .fengstcheckout-address {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.fengstcheckout-address__box {
  width: 100%;
  max-width: 355px;
  margin: auto;
}
.fengstcheckout-address__textinfo {
  margin: 20px 0 0 0;
  text-align: center;
}
.fengstcheckout-address__captcha {
  text-align: center;
}
.fengstcheckout-address__captcha re-captcha > div {
  width: 100% !important;
}
.fengstcheckout-address__captcha re-captcha > div > div iframe {
  height: 90px;
}
.fengstcheckout-address__footer fengstui-button button {
  display: block;
  width: 100%;
  margin: 15px 0px;
}
.fengstcheckout-address__header h1 {
  font-size: 25px;
  text-align: center;
}
.fengstcheckout-address__item {
  display: block;
  margin: 15px 0px;
  text-align: center;
}
.fengstcheckout-address__item--col {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
.fengstcheckout-address__item--col span {
  display: inline !important;
}
.fengstcheckout-address__item--col span fengstui-input {
  display: inline !important;
}
.fengstcheckout-address__adb2c-button {
  display: grid;
}
.fengstcheckout-address__adb2c-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstcheckout-address__adb2c-button .feng-btn > img {
  width: 80px;
}
.fengstcheckout-address__fanbase-button {
  display: grid;
}
.fengstcheckout-address__fanbase-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstcheckout-address__fanbase-button .feng-btn > img {
  width: 80px;
}
.fengstcheckout-address-update {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .fengstcheckout-address-update {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.fengstcheckout-address-update__box {
  width: 100%;
  max-width: 355px;
  margin: auto;
}
.fengstcheckout-address-update__textinfo {
  margin: 20px 0 0 0;
  text-align: center;
}
.fengstcheckout-address-update__captcha {
  text-align: center;
}
.fengstcheckout-address-update__captcha re-captcha > div {
  width: 100% !important;
}
.fengstcheckout-address-update__captcha re-captcha > div > div iframe {
  height: 90px;
}
.fengstcheckout-address-update__footer fengstui-button button {
  display: block;
  width: 100%;
  margin: 15px 0px;
}
.fengstcheckout-address-update__header h1 {
  font-size: 25px;
  text-align: center;
}
.fengstcheckout-address-update__item {
  display: block;
  margin: 15px 0px;
  text-align: center;
}
.fengstcheckout-address-update__item--col {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
.fengstcheckout-address-update__item--col span {
  display: inline !important;
}
.fengstcheckout-address-update__item--col span fengstui-input {
  display: inline !important;
}
.checkout-subscribe {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .checkout-subscribe {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.checkout-subscribe .subscribe-cart {
  margin: 0.5em;
}
.checkout-subscribe .subscribe-cart__free-plan {
  display: block;
  width: 100%;
  margin: auto;
}
.checkout-subscribe .subscribe-cart__free-plan h1 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-subscribe .subscribe-cart__free-plan h2 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-subscribe .subscribe-cart__free-plan i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 150px;
  text-align: center;
  margin: 40px auto;
  color: #BF9240;
}
.checkout-subscribe .subscribe-cart__card {
  padding: 20px 50px;
  overflow: auto;
}
.checkout-subscribe .subscribe-cart__card--shadow {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 2px 5px 0px var(--info);
}
.checkout-subscribe .subscribe-cart__grid {
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .checkout-subscribe .subscribe-cart__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
  }
}
.checkout-subscribe .subscribe-cart__header h1 {
  font-size: 25px;
  text-align: center;
}
.checkout-subscribe .subscribe-cart__header h3 {
  padding: 0 1em;
  line-height: 1.2em;
  text-align: center;
}
@media (min-width: 992px) {
  .checkout-subscribe .subscribe-cart__header h3 {
    padding: initial;
  }
}
.subscribe-cart-request {
  position: relative;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.subscribe-cart-request__accept-terms {
  display: block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.subscribe-cart-request__accept-terms--individual-agreement {
  text-align: left;
}
.subscribe-cart-request__check-coupon {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: var(--info);
  color: var(--background);
}
.subscribe-cart-request__check-coupon i {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.subscribe-cart-request__coupon-error {
  color: var(--error);
  font-weight: bold;
}
.subscribe-cart-request__coupon-success {
  color: var(--success);
  font-weight: bold;
}
.subscribe-cart-request__col-left {
  display: block;
  width: 100%;
  font-weight: bold;
  color: var(--info);
}
.subscribe-cart-request__col-left--quantity {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  color: var(--info);
}
.subscribe-cart-request__col-left__fields {
  max-width: 37%;
}
.subscribe-cart-request__col-left__fields fengstui-input {
  width: 90%;
}
@media (min-width: 992px) {
  .subscribe-cart-request__col-left__fields fengstui-input {
    width: 80%;
  }
}
.subscribe-cart-request__col-left__fields fengstui-input .mat-form-field-infix {
  border: 0;
  width: 100%;
}
.subscribe-cart-request__col-left__fields fengstui-input .mat-form-field-flex {
  width: 100%;
}
.subscribe-cart-request__col-left--information-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
.subscribe-cart-request__col-left--information-item fengstui-button button {
  background-color: transparent !important;
  cursor: default;
}
.subscribe-cart-request__col-left--information-item :first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscribe-cart-request__col-right {
  display: block;
  width: 100%;
  text-align: right;
}
.subscribe-cart-request__recaptcha {
  display: grid;
  justify-content: center;
  margin: 10px;
}
.subscribe-cart-request__grid {
  display: block;
  display: block;
  text-align: left;
  margin-bottom: 5px auto;
  width: 100%;
}
.subscribe-cart-request__grid--line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". .";
  align-items: center;
  justify-content: center;
}
.subscribe-cart-request__grid--guest span {
  display: block;
  width: 100%;
  margin: 5px auto;
}
.subscribe-cart-request__grid--guest-line {
  display: grid;
  grid-template-columns: 0.1fr 2.8fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--info);
}
.subscribe-cart-request__grid--guest-line i {
  color: var(--primary);
  margin-right: 10px;
}
.subscribe-cart-request__grid--information-container {
  background: #eee;
  padding: 16px;
  border-radius: 6px;
  margin-top: 20px;
  color: #000;
}
.subscribe-cart-request__header {
  display: block;
  width: 100%;
}
.subscribe-cart-request__header h1 {
  display: flex;
  align-items: center;
  justify-items: center;
  width: 100%;
  font-size: 18px;
  margin: 12px auto;
}
.subscribe-cart-request__options {
  display: block;
  width: 100%;
}
.subscribe-cart-request__options button {
  width: 80%;
  font-size: 22px;
  display: block;
  margin: auto;
}
.subscribe-cart-request hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0.5px solid var;
  margin: 20px auto;
}
.subscribe-cart-request__item {
  display: block;
  margin: 10px auto;
  width: 100%;
}
.subscribe-cart-request__item--additional {
  display: flex;
  align-items: center;
}
.subscribe-cart-request__item--additional fengstui-button button {
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  cursor: default !important;
}
.subscribe-cart-request__message {
  display: block;
  font-size: 12px;
  margin-top: 20px;
  text-align: center;
  color: dimgray;
}
.subscribe-cart-request__installments-info {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary);
  margin-top: 4px;
}
.checkout-resubscribe {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .checkout-resubscribe {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.checkout-resubscribe .resubscribe-cart {
  margin: 0.5em;
}
.checkout-resubscribe .resubscribe-cart__free-plan {
  display: block;
  width: 100%;
  margin: auto;
}
.checkout-resubscribe .resubscribe-cart__free-plan h1 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-resubscribe .resubscribe-cart__free-plan h2 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-resubscribe .resubscribe-cart__free-plan i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 150px;
  text-align: center;
  margin: 40px auto;
  color: #BF9240;
}
.checkout-resubscribe .resubscribe-cart__card {
  padding: 20px 50px;
  overflow: auto;
}
.checkout-resubscribe .resubscribe-cart__card--shadow {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 2px 5px 0px var(--info);
}
.checkout-resubscribe .resubscribe-cart__grid {
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .checkout-resubscribe .resubscribe-cart__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
  }
}
.checkout-resubscribe .resubscribe-cart__header h1 {
  font-size: 25px;
  text-align: center;
}
.registration-se {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.registration-se__wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90%;
  max-width: 960px;
  background: white;
  margin: auto;
  padding: 5px 20px;
  margin-top: 75px;
}
.registration-se__wrapper h1 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.registration-se__wrapper h2 {
  font-size: 16px;
}
.registration-se__wrapper h2 span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .registration-se__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.registration-se__wrapper mat-form-field {
  display: block !important;
}
.registration-se__col {
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-se__grid {
  display: block;
}
@media (min-width: 992px) {
  .registration-se__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 15px;
    grid-template-areas: ". .";
  }
}
.registration-se__item {
  display: block;
  margin: 15px;
}
.registration-se__item--warning {
  margin-top: 20px;
}
.registration-se__item--warning h3 {
  color: #d00000;
  font-size: 16px;
}
.registration-se__item--warning b {
  color: #d00000;
}
.registration-se__item--document {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
}
.registration-se__item--document--line {
  display: block;
}
.registration-se__item--document--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-se__item--document--line h1 {
    margin-bottom: 20px;
  }
}
.registration-se__item--document--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-se__item--document div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-se__item--document span {
  display: flex;
  position: relative;
  font-size: 14px;
  align-content: center;
  align-items: center;
}
.registration-se__item--document span i {
  position: relative;
  color: red;
  font-size: 20px;
  margin-left: 10px;
}
.registration-se__item--document span i.check-icon {
  color: green;
}
.registration-se__item--proponent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
  width: 100%;
  height: 80%;
}
.registration-se__item--proponent p {
  font-size: 14px;
}
.registration-se__item--proponent--line {
  display: block;
}
.registration-se__item--proponent--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-se__item--proponent--line h1 {
    margin-bottom: 20px;
  }
}
.registration-se__item--proponent--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-se__item--proponent i.check-icon {
  position: relative;
  color: green;
  font-size: 20px;
  margin-left: 10px;
}
.registration-se__item--proponent span {
  display: block;
}
.registration-se__item--proponent button {
  display: block;
  border: none;
  height: 50px;
  padding: 5px 20px;
  margin-top: 5px;
  width: 100%;
}
.registration-se__item--proponent mat-form-field {
  display: block !important;
  width: 100%;
}
.registration-se__line {
  display: block;
}
.registration-se__line--footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.registration-dep {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.registration-dep__wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90%;
  max-width: 960px;
  background: white;
  margin: auto;
  padding: 5px 20px;
  margin-top: 75px;
  padding-bottom: 20px;
}
.registration-dep__wrapper h1 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.registration-dep__wrapper h2 {
  font-size: 16px;
}
.registration-dep__wrapper h2 span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .registration-dep__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.registration-dep__wrapper mat-form-field {
  display: block !important;
}
.registration-dep__wrapper mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-dep__col {
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-dep__grid {
  display: block;
}
@media (min-width: 992px) {
  .registration-dep__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 15px;
    grid-template-areas: ". .";
  }
}
.registration-dep__item {
  display: block;
}
.registration-dep__item--warning {
  margin-top: 20px;
}
.registration-dep__item--warning h3 {
  color: #d00000;
  font-size: 16px;
}
.registration-dep__item--warning b {
  color: #d00000;
}
.registration-dep__item--document {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
}
.registration-dep__item--document--line {
  display: block;
}
.registration-dep__item--document--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-dep__item--document--line h1 {
    margin-bottom: 20px;
  }
}
.registration-dep__item--document--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-dep__item--document div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-dep__item--document span {
  display: flex;
  position: relative;
  font-size: 14px;
  align-content: center;
  align-items: center;
}
.registration-dep__item--document span i {
  position: relative;
  color: red;
  font-size: 20px;
  margin-left: 10px;
}
.registration-dep__item--document span i.check-icon {
  color: green;
}
.registration-dep__item--document button {
  color: white;
  background: #d00000;
  border: none;
  padding: 5px 10px;
}
.registration-dep__item--proponent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
  width: 100%;
  height: 70px;
}
.registration-dep__item--proponent p {
  font-size: 14px;
}
.registration-dep__item--proponent--line {
  display: block;
}
.registration-dep__item--proponent--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-dep__item--proponent--line h1 {
    margin-bottom: 20px;
  }
}
.registration-dep__item--proponent--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-dep__item--proponent i.check-icon {
  position: relative;
  color: green;
  font-size: 20px;
  margin-left: 10px;
}
.registration-dep__item--proponent span {
  display: block;
}
.registration-dep__item--proponent button {
  display: block;
  color: white;
  background: #d00000;
  border: none;
  height: 55px;
  padding: 5px 20px;
  margin-top: 6px;
  width: 100%;
}
.registration-dep__item--proponent mat-form-field {
  display: block !important;
  width: 100%;
}
.registration-dep__item--proponent mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-dep__line {
  display: block;
}
.registration-dep__line--footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.registration-dep__line--footer button {
  color: white;
  background: #d00000;
  border: none;
  padding: 10px 20px;
  font-size: 23px;
}
.registration-dep__line--footer button:disabled {
  background-color: #d4d4d4;
  color: #c3c3c3;
  cursor: not-allowed;
}
.registration-dep-animal {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.registration-dep-animal__wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90%;
  max-width: 450px;
  background: white;
  margin: auto;
  padding: 5px 20px;
  margin-top: 75px;
  padding-bottom: 20px;
}
.registration-dep-animal__wrapper h1 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.registration-dep-animal__wrapper h2 {
  font-size: 16px;
}
.registration-dep-animal__wrapper h2 span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .registration-dep-animal__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.registration-dep-animal__wrapper mat-form-field {
  display: block !important;
}
.registration-dep-animal__wrapper mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-dep-animal__col {
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-dep-animal__grid {
  display: block;
}
.registration-dep-animal__item {
  display: block;
}
.registration-dep-animal__item--warning {
  margin-top: 20px;
}
.registration-dep-animal__item--warning h3 {
  color: #d00000;
  font-size: 16px;
}
.registration-dep-animal__item--warning b {
  color: #d00000;
}
.registration-dep-animal__item--document {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
}
.registration-dep-animal__item--document--line {
  display: block;
}
.registration-dep-animal__item--document--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-dep-animal__item--document--line h1 {
    margin-bottom: 20px;
  }
}
.registration-dep-animal__item--document--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-dep-animal__item--document div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-dep-animal__item--document span {
  display: flex;
  position: relative;
  font-size: 14px;
  align-content: center;
  align-items: center;
}
.registration-dep-animal__item--document span i {
  position: relative;
  color: red;
  font-size: 20px;
  margin-left: 10px;
}
.registration-dep-animal__item--document span i.check-icon {
  color: green;
}
.registration-dep-animal__item--document button {
  color: white;
  background: #d00000;
  border: none;
  padding: 5px 10px;
}
.registration-dep-animal__item--proponent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
  width: 100%;
  height: 70px;
}
.registration-dep-animal__item--proponent p {
  font-size: 14px;
}
.registration-dep-animal__item--proponent--line {
  display: block;
}
.registration-dep-animal__item--proponent--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-dep-animal__item--proponent--line h1 {
    margin-bottom: 20px;
  }
}
.registration-dep-animal__item--proponent--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-dep-animal__item--proponent i.check-icon {
  position: relative;
  color: green;
  font-size: 20px;
  margin-left: 10px;
}
.registration-dep-animal__item--proponent span {
  display: block;
}
.registration-dep-animal__item--proponent button {
  display: block;
  color: white;
  background: #d00000;
  border: none;
  height: 55px;
  padding: 5px 20px;
  margin-top: 6px;
  width: 100%;
}
.registration-dep-animal__item--proponent mat-form-field {
  display: block !important;
  width: 100%;
}
.registration-dep-animal__item--proponent mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-dep-animal__line {
  display: block;
}
.registration-dep-animal__line--footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.registration-dep-animal__line--footer button {
  color: white;
  background: #d00000;
  border: none;
  padding: 10px 20px;
  font-size: 23px;
}
.registration-dep-animal__line--footer button:disabled {
  background-color: #d4d4d4;
  color: #c3c3c3;
  cursor: not-allowed;
}
.resubscribe-cart-request {
  position: relative;
}
.resubscribe-cart-request__accept-terms {
  display: block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.resubscribe-cart-request__accept-terms p {
  text-align: start;
}
.resubscribe-cart-request__check-coupon {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: var(--info);
  color: white;
}
.resubscribe-cart-request__check-coupon i {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.resubscribe-cart-request__coupon-error {
  color: var(--error);
  font-weight: bold;
}
.resubscribe-cart-request__coupon-success {
  color: var(--success);
  font-weight: bold;
}
.resubscribe-cart-request__col-left {
  display: block;
  width: 100%;
  font-weight: bold;
  color: var(--info);
}
.resubscribe-cart-request__col-left--tooltip {
  display: flex;
  justify-content: start;
  align-items: center;
  color: var(--info);
}
.resubscribe-cart-request__col-left--tooltip fengstui-button button {
  margin: 0;
  padding: 0;
  cursor: default;
  background-color: transparent;
}
.resubscribe-cart-request__col-left--information-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
.resubscribe-cart-request__col-left--information-item fengstui-button button {
  background-color: transparent !important;
  cursor: default;
}
.resubscribe-cart-request__col-left--information-item :first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resubscribe-cart-request__col-right {
  display: block;
  width: 100%;
  text-align: right;
}
.resubscribe-cart-request__recaptcha {
  display: grid;
  justify-content: center;
  margin: 10px;
}
.resubscribe-cart-request__grid {
  display: block;
  display: block;
  text-align: left;
  margin-bottom: 5px auto;
  width: 100%;
}
.resubscribe-cart-request__grid--line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". .";
  align-items: center;
  justify-content: center;
}
.resubscribe-cart-request__grid--guest span {
  display: block;
  width: 100%;
  margin: 5px auto;
}
.resubscribe-cart-request__grid--guest-line {
  display: grid;
  grid-template-columns: 0.1fr 2.8fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--info);
}
.resubscribe-cart-request__grid--guest-line i {
  color: var(--primary);
  margin-right: 10px;
}
.resubscribe-cart-request__grid--information-container {
  background: #eee;
  padding: 16px;
  border-radius: 6px;
  margin-top: 20px;
  color: #000;
}
.resubscribe-cart-request__header {
  display: block;
  width: 100%;
}
.resubscribe-cart-request__header h1 {
  display: flex;
  align-items: center;
  justify-items: center;
  width: 100%;
  font-size: 18px;
  margin: 12px auto;
}
.resubscribe-cart-request__options {
  display: block;
  width: 100%;
}
.resubscribe-cart-request__options button {
  width: 80%;
  font-size: 22px;
  display: block;
  margin: auto;
}
.resubscribe-cart-request hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0.5px solid var;
  margin: 20px auto;
}
.resubscribe-cart-request__item {
  display: block;
  margin: 10px auto;
  width: 100%;
}
.resubscribe-cart-request__item--additional {
  display: flex;
  align-items: center;
}
.resubscribe-cart-request__item--additional fengstui-button button {
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  cursor: default !important;
}
.modal-recurring-payment {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  flex-direction: column;
}
.modal-recurring-payment form {
  display: grid;
  grid-gap: 20px;
  align-items: center;
}
.modal-recurring-payment form ::ng-deep .mat-form-field-wrapper {
  padding-bottom: 0;
}
.modal-recurring-payment i {
  font-size: 70px;
}
.modal-recurring-payment .recaptcha {
  display: flex;
  justify-content: center;
}
.modal-recurring-payment button {
  font-size: 14px;
  padding: 0.5em 1.125em;
}
.plan-age-restrict {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
  margin: 0 auto;
  padding: 15px 10px;
  width: 100%;
  max-width: 420px;
  border-radius: 12px;
  text-align: center;
  font-family: var(--font-primary);
}
.plan-age-restrict .close-btn {
  text-align: right;
}
.plan-age-restrict__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.plan-age-restrict__header h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1f1f1f;
}
.plan-age-restrict__header p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
}
.plan-age-restrict__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.plan-age-restrict__container__form {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.plan-age-restrict__container__form .plan-age-restrict__input {
  flex: 1;
}
.plan-age-restrict__container__form .plan-age-restrict__input ::ng-deep .fengstui-input__icon,
.plan-age-restrict__container__form .plan-age-restrict__input ::ng-deep .fengstui-input__button {
  cursor: pointer;
  transition: transform 0.2s ease;
}
.plan-age-restrict__container__form .plan-age-restrict__input ::ng-deep .fengstui-input__icon:hover,
.plan-age-restrict__container__form .plan-age-restrict__input ::ng-deep .fengstui-input__button:hover {
  transform: scale(1.05);
}
.plan-age-restrict__container__form .plan-age-restrict__button-search {
  width: 100%;
}
@media (max-width: 480px) {
  .plan-age-restrict__container__form {
    flex-direction: column;
  }
  .plan-age-restrict__container__form .plan-age-restrict__input,
.plan-age-restrict__container__form .plan-age-restrict__button-search {
    width: 100%;
  }
}
.plan-age-restrict__result {
  background: #f7f7f7;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 12px 16px;
  text-align: left;
}
.plan-age-restrict__result-label {
  display: block;
  font-weight: 600;
  color: #666;
  margin-bottom: 4px;
}
.plan-age-restrict__result-name {
  font-weight: 700;
  color: #222;
}
.plan-age-restrict__button-validate {
  margin-top: auto;
  width: 100%;
  display: flex;
}
.plan-age-restrict__button-validate button {
  width: 100%;
}
@media (max-width: 480px) {
  .plan-age-restrict {
    padding: 20px 8px;
  }
  .plan-age-restrict__container__form {
    flex-direction: column;
  }
  .plan-age-restrict__container__form .plan-age-restrict__input,
.plan-age-restrict__container__form .plan-age-restrict__button-search {
    width: 100%;
  }
  .plan-age-restrict__header h2 {
    font-size: 18px;
  }
  .plan-age-restrict__header p {
    font-size: 13px;
  }
}
.fengst-checkout-view-modal-quick-renew {
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 0px !important;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew {
    max-height: 550px !important;
  }
}
.fengst-checkout-view-modal-quick-renew .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 5px;
}
@media (max-width: 480px) {
  .fengst-checkout-view-modal-quick-renew .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 10vh;
    max-width: 687px;
    height: 700px !important;
    overflow-y: hidden;
  }
}
@media (max-width: 480px) {
  .fengst-checkout-view-modal-quick-renew .mat-dialog-container .mat-dialog-content {
    min-height: 100%;
    min-width: 100%;
    padding: 0 10px;
    margin: 0px;
  }
}
.fengst-checkout-view-modal-quick-renew h1 {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
  color: black;
}
.fengst-checkout-view-modal-quick-renew h2 {
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  color: #7C7C7C;
  max-width: 640px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line {
  display: grid;
  font-size: 14px;
  grid-template-columns: 0.9fr 1.1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". .";
  margin: 8px auto;
  max-width: 640px;
  padding-bottom: 8px;
  border-bottom: 1px solid #D0D0D0;
  align-items: center;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line {
    grid-template-columns: 1fr 1fr;
    font-size: 15px;
  }
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-guests {
  color: #D0D0D0;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-plan {
  color: #C11D1E;
  border-bottom: none;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-plan div {
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-plan div {
    font-size: 17px;
  }
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-plan div span {
  font-weight: normal;
  color: #7C7C7C;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-payment-form {
  border-bottom: none;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-input div:last-child mat-form-field .mat-form-field-wrapper {
  text-align: right;
  padding-bottom: 0px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-input div:last-child mat-form-field .mat-select-value-text {
  font-weight: bold;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-input div:last-child mat-form-field .mat-form-field-underline {
  display: none;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-input div:last-child mat-form-field .mat-select-arrow {
  color: black;
  margin-left: 10px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-total {
  border-bottom: none;
  margin-top: 25px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-total div:last-child {
  color: #C11D1E;
  font-weight: bold;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line div app-ccred {
  display: inline-block;
  position: absolute;
  right: -20px;
  top: -10px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line div:last-child {
  position: relative;
  text-align: right;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-box {
  display: block;
  max-width: 640px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew div.modal-quick-renew-box {
    margin: 12px auto;
  }
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-box .termsaccept {
  font-size: 14px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-box .termsaccept span {
  margin-left: 14px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-box div.recaptcha-wrapper {
  display: inline-block;
  transform: scale(0.9);
  margin: 10px auto;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer {
  display: block;
  margin: 8px auto;
  max-width: 640px;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
  }
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer div button {
  display: block;
  width: 100%;
  background: #fff;
  font-weight: bolder;
  font-size: 15px;
  padding: 15px 11px;
  margin-bottom: 10px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer div button.primary-button {
  background: #C11D1E;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer div button.primary-button i {
  margin-left: 10px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer div button.primary-button:disabled {
  color: #7C7C7C;
  background: #D0D0D0;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued {
  display: block;
  margin: 8px auto;
  max-width: 640px;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued {
    display: grid;
    height: 300px;
    margin-top: 50px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas: "." "." ".";
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
  }
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div {
  text-align: center;
  margin: 0 auto;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div p {
  font-weight: bolder;
  font-size: 13px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div p.more {
  font-size: 15px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div button {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 320px;
  background: #fff;
  font-weight: bolder;
  font-size: 15px;
  padding: 15px 11px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div button.primary-button {
  background: #C11D1E;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div button.primary-button i {
  margin-left: 10px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div button.primary-button:disabled {
  color: #7C7C7C;
  background: #D0D0D0;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result {
  position: relative;
  display: block;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message h3 {
  display: block;
  width: 100%;
  text-align: center;
  margin: 20px auto;
  font-weight: bold;
  font-size: 28px;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message h4 {
  display: block;
  width: 100%;
  text-align: center;
  margin: 20px auto;
  font-weight: bold;
  font-size: 15px;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message p {
  display: block;
  width: 100%;
  text-align: center;
  color: #7C7C7C;
  font-size: 15px;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message p.st-result-barcode {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message p.st-result-barcode i {
  margin-left: 10px;
  cursor: pointer;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message div.st-result-icon {
  display: block;
  width: 100px;
  height: 100px;
  margin: 50px auto;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message div.st-result-icon i {
  font-size: 100px;
  color: black;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message div.st-result-actions button {
  display: block;
  margin: 20px auto;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}
.fengstcheckout-modal-physical-kit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.fengstcheckout-modal-physical-kit img {
  max-width: 400px;
  max-height: 350px;
  border-radius: 4px;
}
.fengstcheckout-modal-physical-kit__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fengstcheckout-modal-physical-kit__text ul {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
.fengstcheckout-modal-reditect-to-cart {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fengstcheckout-modal-reditect-to-cart p {
  margin: 0;
  padding: 0;
  text-align: center;
}
.fengstcheckout-modal-reditect-to-cart > div:nth-child(1) {
  align-self: end;
}
.fengstcheckout-modal-reditect-to-cart__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px;
}
@media (min-width: 767px) {
  .fengstcheckout-modal-reditect-to-cart__container {
    padding: 16px;
  }
}
.fengstcheckout-modal-reditect-to-cart__container h3 {
  margin: 0;
  padding: 0;
}
.fengstcheckout-modal-reditect-to-cart__container > fengstui-button {
  width: 100%;
}
.fengstcheckout-modal-reditect-to-cart__container > fengstui-button button {
  color: #fff !important;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstcheckout-modal-reditect-to-cart__container > fengstui-button {
    width: auto;
  }
}
.fengstcheckout-modal-reditect-to-cart__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fengstcheckout-modal-reditect-to-cart mat-dialog-container {
  padding: 16px !important;
}
.checkout-upgrade {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .checkout-upgrade {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.checkout-upgrade .upgrade-cart {
  margin: 0.5em;
}
.checkout-upgrade .upgrade-cart__free-plan {
  display: block;
  width: 100%;
  margin: auto;
}
.checkout-upgrade .upgrade-cart__free-plan h1 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-upgrade .upgrade-cart__free-plan h2 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-upgrade .upgrade-cart__free-plan i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 150px;
  text-align: center;
  margin: 40px auto;
  color: #BF9240;
}
.checkout-upgrade .upgrade-cart__card {
  padding: 20px 50px;
  overflow: auto;
}
.checkout-upgrade .upgrade-cart__card--shadow {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 2px 5px 0px var(--info);
}
.checkout-upgrade .upgrade-cart__grid {
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .checkout-upgrade .upgrade-cart__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
  }
}
.checkout-upgrade .upgrade-cart__header h1 {
  font-size: 25px;
  text-align: center;
}
.upgrade-cart-request {
  position: relative;
}
.upgrade-cart-request__accept-terms {
  display: block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.upgrade-cart-request__check-coupon {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: var(--info);
  color: var(--background);
}
.upgrade-cart-request__check-coupon i {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.upgrade-cart-request__coupon-error {
  color: var(--primary);
  font-weight: bold;
}
.upgrade-cart-request__coupon-success {
  color: var(--success);
  font-weight: bold;
}
.upgrade-cart-request__col-left {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #8a8a8a;
}
.upgrade-cart-request__col-left--tooltip {
  display: flex;
  justify-content: start;
  align-items: center;
  color: var(--info);
}
.upgrade-cart-request__col-left--tooltip fengstui-button button {
  margin: 0;
  padding: 0;
  cursor: default;
  background-color: transparent;
}
.upgrade-cart-request__col-left--information-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
.upgrade-cart-request__col-left--information-item fengstui-button button {
  background-color: transparent !important;
  cursor: default;
}
.upgrade-cart-request__col-left--information-item :first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.upgrade-cart-request__col-right {
  display: block;
  width: 100%;
  text-align: right;
}
.upgrade-cart-request__recaptcha {
  display: grid;
  justify-content: center;
  margin: 10px;
}
.upgrade-cart-request__grid {
  display: block;
  display: block;
  text-align: left;
  margin-bottom: 5px auto;
  width: 100%;
}
.upgrade-cart-request__grid--line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". .";
  align-items: center;
  justify-content: center;
}
.upgrade-cart-request__grid--guest span {
  display: block;
  width: 100%;
  margin: 5px auto;
}
.upgrade-cart-request__grid--guest-line {
  display: grid;
  grid-template-columns: 0.1fr 2.8fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #8a8a8a;
}
.upgrade-cart-request__grid--guest-line i {
  color: var(--primary);
  margin-right: 10px;
}
.upgrade-cart-request__grid--information-container {
  background: #eee;
  padding: 16px;
  border-radius: 6px;
  margin-top: 20px;
  color: #000;
}
.upgrade-cart-request__header {
  display: block;
  width: 100%;
}
.upgrade-cart-request__header h1 {
  display: flex;
  align-items: center;
  justify-items: center;
  width: 100%;
  font-size: 18px;
  margin: 12px auto;
}
.upgrade-cart-request__options {
  display: block;
  width: 100%;
}
.upgrade-cart-request__options button {
  width: 80%;
  font-size: 22px;
  display: block;
  margin: auto;
}
.upgrade-cart-request__options button:disabled {
  background-color: var(--info);
  color: #c3c3c3;
  cursor: not-allowed;
}
.upgrade-cart-request hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0.5px solid var(--info);
  margin: 20px auto;
}
.upgrade-cart-request__item {
  display: block;
  margin: 10px auto;
  width: 100%;
}
.upgrade-cart-request__item--additional {
  display: flex;
  align-items: center;
}
.upgrade-cart-request__item--additional fengstui-button button {
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  cursor: default !important;
}
.cart-payment {
  position: relative;
}
.cart-payment__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
  justify-items: center;
  align-items: center;
  height: 60px;
  margin: 20px 0px;
  margin-bottom: 50px;
}
.cart-payment__header--1-payment {
  display: block;
  margin: 0px;
  margin-bottom: 20px;
  height: auto;
}
.cart-payment__header--1-payment h1 {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  text-align: center;
}
.cart-payment__header--multiple-methods {
  display: grid;
  gap: 0.5em;
  justify-items: center;
  margin: 20px 0px 50px;
  grid-auto-flow: column;
  grid-template-areas: unset;
  grid-template-columns: unset;
  grid-template-rows: unset;
  height: unset;
  align-items: stretch;
}
.cart-payment__header--multiple-methods .cart-payment__method {
  max-width: unset;
  font-size: 16px;
  padding: 10px;
  height: 100%;
  width: 100%;
}
.cart-payment__header--multiple-methods h1 {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  text-align: center;
}
.cart-payment__method {
  position: relative;
  display: flex;
  cursor: pointer;
  color: var(--info);
  background: var(--background);
  justify-items: center;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 18px;
  margin: auto;
  max-width: 83%;
  border: 1px solid var(--info);
  height: 100%;
  width: 100%;
}
.cart-payment__method b {
  position: absolute;
  display: flex;
  padding: 2px;
  font-weight: bold;
  background: var(--primary);
  color: white;
  font-size: 10px;
  align-content: center;
  justify-content: space-around;
  border-radius: 0px 0px 0px 8px;
  top: 0px;
  right: 0px;
}
.cart-payment__method.enable {
  background: var(--primary);
  border: 1px solid var(--primary);
  color: white;
}
.cart-payment__method i {
  margin-right: 10px;
}
.cart-payment__item--no-method {
  display: grid;
  gap: 0.5em;
  text-align: center;
  margin-bottom: 2em;
}
.cart-payment__item--no-method i {
  font-size: 5em;
}
.cart-payment-credit-card {
  position: relative;
}
.cart-payment-credit-card__flag i {
  max-width: 150px;
  transform: scale(0.6) !important;
  display: block;
}
.cart-payment-credit-card__form {
  display: block;
  width: 100%;
}
.cart-payment-credit-card__form h1 {
  display: block;
  margin: 10px auto;
  padding: 0px;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
}
.cart-payment-credit-card__form-icons {
  display: grid;
  gap: 1em;
  grid-auto-flow: column;
  margin-bottom: 2em;
  width: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 0 0 1em 0;
}
.cart-payment-credit-card__form-icons::-webkit-scrollbar {
  height: 7px;
}
.cart-payment-credit-card__form-icons::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}
.cart-payment-credit-card__form-icons:hover::-webkit-scrollbar-thumb {
  background: #c7c7c7;
}
.cart-payment-credit-card__form-icons img {
  width: 56px;
  height: 48px;
}
.cart-payment-credit-card__form-footer-action {
  padding: 1em;
  color: var(--primary);
  background-color: var(--on-primary);
  font-weight: bolder;
  width: 100%;
  margin: auto;
  border: 2px solid var(--primary);
  text-align: center;
  margin-bottom: 2em;
  font-weight: bolder;
}
.cart-payment-credit-card__form-footer-action:hover {
  opacity: 0.5;
  cursor: pointer;
}
.cart-payment-credit-card__form-footer-provider-img {
  width: 100%;
  display: grid;
  justify-content: flex-end;
}
.cart-payment-credit-card__form-footer-provider-img img {
  width: 100%;
  display: grid;
  justify-items: flex-end;
  max-width: 182px;
  height: auto;
}
.cart-payment-credit-card__item {
  display: grid;
  grid-template-columns: 0.5fr 2fr 0.5fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
}
.cart-payment-credit-card__item--active {
  display: grid;
  grid-template-columns: 0.5fr 2fr 0.5fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-bottom: 10px;
  cursor: normal;
}
.cart-payment-credit-card__list-footer, .cart-payment-credit-card__form-footer {
  display: block;
  width: 100%;
  margin-top: 20px;
}
.cart-payment-credit-card__list-footer h2, .cart-payment-credit-card__form-footer h2 {
  display: block;
  margin: 10px auto;
  padding: 0px;
  font-weight: normal;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
}
.cart-payment-credit-card__list-footer button, .cart-payment-credit-card__form-footer button {
  display: block;
  width: 85%;
  margin: auto;
}
.cart-payment-credit-card__list {
  display: block;
  width: 100%;
  margin: 10px auto;
}
.cart-payment-credit-card__list-header, .cart-payment-credit-card__form-header {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.cart-payment-credit-card__list-header h1, .cart-payment-credit-card__form-header h1 {
  display: block;
  margin: 10px auto;
  padding: 0px;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
}
.cart-payment-credit-card__number {
  font-size: 20px;
}
.cart-payment-credit-card__priority {
  color: var(--info);
}
.cart-payment-credit-card__priority.active {
  color: var(--primary);
}
.cart-payment-credit-card__priority i {
  font-size: 30px;
}
.cart-payment-credit-card__add-button {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
  position: relative;
  background-color: var(--on-background);
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  max-width: 300px;
  width: 100%;
  max-width: 370px;
  min-height: 215px;
}
@media (min-width: 576px) {
  .cart-payment-credit-card__add-button {
    max-width: 370px;
  }
}
.cart-payment-credit-card__add-button .feng-btn {
  display: grid;
  grid-gap: 20px;
  color: var(--background) !important;
  background-color: var(--on-background) !important;
}
.cart-payment-slip__header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". . .";
  width: 100%;
}
.cart-payment-slip__header i {
  color: var(--primary);
  font-size: 35px;
  margin-right: 5px;
  margin-top: 5px;
}
.cart-payment-slip__header div {
  display: flex;
  align-items: flex-start;
  justify-items: center;
  font-size: 12px;
}
.cart-payment-slip__form {
  display: block;
  width: 100%;
}
.cart-payment-slip__info {
  position: absolute;
  font-size: 12px;
  right: 0px;
  bottom: -18px;
}
.cart-payment-slip__line {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px auto;
}
.cart-payment-slip__line mat-form-field {
  width: 100%;
}
.cart-payment-slip__line mat-error {
  margin-top: 18px !important;
}
.cart-payment-slip__line .mat-form-field-label-wrapper {
  top: -22px;
  padding-top: 0.84375em;
}
.cart-payment-slip__line button {
  display: block;
  width: 100%;
  margin: 20px auto;
}
.cart-payment-slip__line--col2 {
  display: grid;
  grid-template-columns: 47.6% 47.6%;
  grid-template-rows: 1fr;
  gap: 1px 20px;
  grid-template-areas: ". .";
  width: 100%;
  margin: 0px;
}
.cart-payment-slip__line--recaptcha {
  display: flex;
  justify-content: center;
}
.cart-payment-slip__line--footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
.cart-payment-slip__line--footer button {
  display: block;
  width: 85%;
  margin: auto;
}
.cart-payment-slip__title h1 {
  color: #27292D;
  font-size: 16px;
  margin-bottom: 20px;
}
.cart-payment-slip__address {
  display: block;
  width: 100%;
  padding: 15px;
  margin-top: 20px;
}
.cart-payment-slip__address i {
  color: var(--info);
  font-size: 35px;
  margin-right: 20px;
}
.cart-payment-slip__address div {
  display: flex;
  align-items: center;
  justify-items: center;
  font-size: 18px;
}
.cart-payment-slip__address button {
  display: block;
  width: 85%;
  margin: auto;
  margin-top: 40px;
}
.cart-payment-pix h1 {
  font-size: 16px;
  text-align: center;
  line-height: 1.2em;
}
.cart-payment-pix__instructions {
  display: grid;
  grid-auto-flow: row;
  width: 100%;
  gap: 1em;
}
.cart-payment-pix__instructions div {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 50px auto;
  gap: 2em;
  align-items: center;
  font-size: 12px;
  padding: 2em;
  border-bottom: 1px solid rgba(var(--primary-RGB), 0.25);
}
.cart-payment-pix__instructions div:last-child {
  border-bottom: none;
}
.cart-payment-pix__instructions div i {
  color: var(--primary);
  font-size: 40px;
}
.view-cart-payment-credit-card {
  position: relative;
  display: grid;
  grid-gap: 15px;
  min-height: 190px;
  padding: 0 20px;
  width: 100%;
}
@media (min-width: 992px) {
  .view-cart-payment-credit-card {
    margin-bottom: 0;
  }
}
.view-cart-payment-credit-card fengstui-select,
.view-cart-payment-credit-card fengstui-input {
  max-width: 270px;
}
@media (min-width: 576px) {
  .view-cart-payment-credit-card fengstui-select,
.view-cart-payment-credit-card fengstui-input {
    max-width: 100%;
  }
}
.view-cart-payment-credit-card > *:nth-child(3) {
  display: grid;
  width: auto;
  grid-gap: 15px;
  align-items: center;
  grid-template: auto auto/auto auto;
}
@media (min-width: 576px) {
  .view-cart-payment-credit-card > *:nth-child(3) {
    width: 330px;
    align-items: flex-start;
    grid-template: auto/repeat(3, 100px);
  }
}
.view-cart-payment-credit-card > *:nth-child(3) fengstui-input {
  margin: auto;
}
@media (min-width: 576px) {
  .view-cart-payment-credit-card > *:nth-child(3) fengstui-input {
    margin: 0;
  }
}
.view-cart-payment-credit-card > *:nth-child(3) fengstui-input .feng-input mat-form-field {
  width: 100px;
}
.view-cart-payment-credit-card > *:nth-child(3) i {
  transform: scale(0.75);
  transform-origin: top;
  justify-self: center;
  align-self: flex-start;
  margin: auto;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (min-width: 576px) {
  .view-cart-payment-credit-card > *:nth-child(3) i {
    margin: 0;
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.view-cart-payment-credit-card__add-credit-card {
  display: flex;
  width: 100%;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
}
.view-cart-payment-credit-card__add-credit-card button {
  display: block;
  max-width: auto;
}
.view-cart-payment-credit-card .hcaptcha {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 80px;
}
.view-cart-payment-credit-card .hcaptcha > div {
  position: absolute;
  display: flex;
  justify-content: center;
  transform: scale(0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.success-wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .success-wrapper {
    max-width: 660px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.success-wrapper--customize1 {
  background: #11224f;
  background-repeat: no-repeat;
  background-position: right;
}
@media (min-width: 1200px) {
  .success-wrapper--customize1 {
    max-width: initial;
  }
}
.success-wrapper__button-redirect {
  display: flex;
  text-transform: uppercase;
  cursor: pointer;
  padding: var(--padding-x-small, 15px) var(--padding-medium, 20px);
  justify-content: center;
  align-items: center;
}
.success-outside-wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .success-outside-wrapper {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.success-outside-wrapper--customize1 {
  background: #11224f;
  background-image: url("https://cruzeiro.s3.amazonaws.com/prod/assets/images/marca-bg.png");
  background-repeat: no-repeat;
  background-position: right;
}
@media (min-width: 1200px) {
  .success-outside-wrapper--customize1 {
    max-width: initial;
  }
}
.success-outside-wrapper--customize2 {
  background: var(--on-background);
  background-image: url("https://botafogo.s3.amazonaws.com/prod/images/2023/bg-preto.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) {
  .success-outside-wrapper--customize2 {
    max-width: initial;
  }
}
.success-intent-wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .success-intent-wrapper {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.success-intent-wrapper--template-1 {
  background: #11224f;
  background-image: url("https://cruzeiro.s3.amazonaws.com/prod/assets/images/marca-bg.png");
  background-repeat: no-repeat;
  background-position: right;
}
@media (min-width: 1200px) {
  .success-intent-wrapper--template-1 {
    max-width: initial;
  }
}
.success-subscribe {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 48vh;
}
@media (min-width: 992px) {
  .success-subscribe {
    padding: 0;
  }
}
.success-subscribe__payment-proof {
  display: grid;
  background-color: #e3e3e3;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}
.success-subscribe__payment-proof p {
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #666666;
  margin: 0;
}
@media (min-width: 992px) {
  .success-subscribe__payment-proof p {
    padding: 1em 3em;
  }
}
.success-subscribe__payment-proof ul {
  padding: 0 0 2em 0;
  margin: auto;
}
.success-subscribe__payment-proof ul li {
  padding: 1em;
  list-style: none;
}
@media (min-width: 992px) {
  .success-subscribe__payment-proof ul li {
    padding: 1em 3em;
  }
}
.success-subscribe--customize-1 {
  color: #fff !important;
}
.success-subscribe--customize-1 h3, .success-subscribe--customize-1 a, .success-subscribe--customize-1 p {
  color: #fff !important;
}
.success-subscribe-antifraude {
  color: white;
}
.success-subscribe-antifraude h3, .success-subscribe-antifraude a, .success-subscribe-antifraude p {
  color: #fff !important;
}
.success-subscribe .success-subscribe-message {
  max-width: 680px;
  margin: 0 auto;
  padding: 24px;
}
.success-subscribe .success-subscribe-message__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
  font-weight: 700;
}
.success-subscribe .success-subscribe-message__title--force-back-text {
  color: #000 !important;
}
@media (min-width: 992px) {
  .success-subscribe .success-subscribe-message__title {
    margin: 24px 0;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-subscribe .success-subscribe-message__title h3 {
  font-weight: bold;
}
.success-subscribe .success-subscribe-message__sub-title {
  margin: auto auto 30px;
  max-width: 380px;
  line-height: 22px;
  font-size: 15px;
  color: #27292D;
  font-weight: 400;
}
@media (min-width: 992px) {
  .success-subscribe .success-subscribe-message__sub-title {
    font-size: 18px;
  }
}
.success-subscribe .success-subscribe-message__bol-sub-title {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  line-height: 150%;
}
.success-subscribe .success-subscribe-message__bol-sub-title b {
  margin-bottom: 15px;
}
.success-subscribe .success-subscribe-message__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.success-subscribe .success-subscribe-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.success-subscribe .success-subscribe-message__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.success-subscribe .success-subscribe-message__pix {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  justify-content: center;
  margin: 1em auto 2em;
  word-break: break-all;
}
.success-subscribe .success-subscribe-message__pix-amount {
  font-size: 1.25em;
  display: grid;
  grid-auto-flow: row;
  gap: 0.5em;
  margin: 1em;
}
.success-subscribe .success-subscribe-message__pix-amount strong {
  font-size: 2em;
}
.success-subscribe .success-subscribe-message__pix img {
  width: 297px;
  height: 297px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin: auto;
}
.success-subscribe .success-subscribe-message__pix a {
  display: grid;
  grid-auto-flow: column;
  gap: 1%;
  align-items: center;
  width: 100%;
  max-width: 600px;
}
.success-subscribe .success-subscribe-message__pix-actions {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  align-items: center;
}
@media (min-width: 576px) {
  .success-subscribe .success-subscribe-message__pix-actions {
    grid-auto-flow: column;
    justify-content: center;
  }
}
.success-subscribe .success-subscribe-message__pix-actions fengstui-button {
  display: grid;
}
.success-subscribe .success-subscribe-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
}
.success-subscribe .success-subscribe-message__icon {
  font-size: 100px;
  margin: 24px auto;
}
.success-subscribe .success-subscribe-message__icon--alert {
  color: var(--warning);
}
.success-subscribe .success-subscribe-message__icon--pix {
  margin: 30px auto;
}
.success-subscribe .success-subscribe-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  margin: auto 8rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .success-subscribe .success-subscribe-message__actions {
    flex-direction: row;
  }
}
.success-subscribe .success-subscribe-message__actions-share {
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .success-subscribe .success-subscribe-message__actions-share {
    margin-bottom: auto;
  }
}
.success-subscribe .success-subscribe-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.success-subscribe .success-subscribe-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.success-subscribe .success-subscribe-message__share-icons i {
  font-size: 30px;
}
.success-subscribe .success-subscribe-message__actions-back button {
  background: transparent;
  padding: 20px;
  text-decoration: none;
}
.success-subscribe .success-subscribe-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.success-subscribe .success-subscribe-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.success-subscribe .success-subscribe-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.success-subscribe .success-subscribe-message__coupon-data ul li span {
  font-weight: bold;
  color: var(--on-background);
}
.success-subscribe .success-subscribe-message hr {
  max-width: 506px;
}
.success-subscribe .success-subscribe-message__contact {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.success-subscribe .success-subscribe-message__contact > :first-child {
  cursor: pointer;
}
.success-subscribe .success-subscribe-message__contact-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.success-subscribe .success-subscribe-message__contact-item > i {
  font-size: 24px;
  color: #EA234F;
}
.success-subscribe .success-subscribe-message__contact-item > p {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.success-subscribe .success-subscribe-message__last-text {
  padding: 16px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  background: #F4F4F4;
}
.success-subscribe .success-subscribe-message__last-text > p {
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-weight: 700;
  font-size: 14px;
  color: #727272;
}
.success-subscribe .success-subscribe-message__redirect {
  margin: 24px 0;
  padding: 0;
}
.success-subscribe .success-subscribe-message__redirect fengstui-button {
  width: 100%;
}
.success-subscribe .success-subscribe-message__redirect fengstui-button button {
  width: 100%;
  color: #000 !important;
}
.success-subscribe .success-subscribe-message-pix {
  max-width: 680px;
  margin: 0 auto;
  padding: 24px;
}
@media (min-width: 992px) {
  .success-subscribe .success-subscribe-message-pix {
    padding: 100px 0;
  }
}
.success-subscribe .success-subscribe-message-pix__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
  font-weight: 700;
}
.success-subscribe .success-subscribe-message-pix__title--force-back-text {
  color: #000 !important;
}
@media (min-width: 992px) {
  .success-subscribe .success-subscribe-message-pix__title {
    margin: 24px 0;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-subscribe .success-subscribe-message-pix__title h3 {
  font-weight: bold;
}
.success-subscribe .success-subscribe-message-pix__icon {
  font-size: 100px;
  margin: 24px auto;
}
.success-subscribe .success-subscribe-message-pix__icon--alert {
  color: var(--warning);
}
.success-subscribe .success-subscribe-message-pix__icon--pix {
  margin: 30px auto;
}
.success-subscribe-customize1-warning {
  color: #fff;
  max-width: 600px;
  margin: auto auto 20px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.success-subscribe-customize1-warning--dark {
  color: #000;
}
.success-subscribe-customize1 {
  width: 100%;
  color: white;
  display: grid;
  justify-content: center;
}
.success-subscribe-customize1-title {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 23px;
}
@media (min-width: 992px) {
  .success-subscribe-customize1-title {
    display: flex;
  }
}
.success-subscribe-customize1-title h2 {
  font-style: italic;
  font-size: 2.3em;
  letter-spacing: 2px;
}
.success-subscribe-customize1-title img {
  width: 100%;
  max-width: 280px;
  position: relative;
  left: 55px;
}
@media (min-width: 992px) {
  .success-subscribe-customize1-title img {
    left: 0;
  }
}
.success-subscribe-customize1 h3 {
  font-size: 3.5em;
  font-weight: 800;
  line-height: 49px;
  color: #11224f;
  width: 100%;
  max-width: 300px;
  background: white;
  margin: 2rem auto 2rem auto;
}
.success-subscribe-customize1 p {
  font-size: 1.8em;
  font-style: italic;
  margin: 2rem 0 15px 0;
}
.success-subscribe-customize1 h4 {
  margin: 84px auto 40px auto;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 340px;
  border-bottom: 1px solid;
  padding: 8px;
  font-size: 2em;
  line-height: 30px;
  font-weight: normal;
}
.success-subscribe-customize1 .fechadoImg {
  width: 100%;
  max-width: 743px;
  margin-bottom: 4rem;
}
.success-subscribe-customize1 span {
  font-size: 1em;
  font-style: normal;
  font-weight: 600;
}
.success-subscribe-customize1-social {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.success-subscribe-customize1-social__icon {
  display: flex;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.success-subscribe-customize1-social__icon a {
  text-decoration: none;
}
.success-subscribe-customize1-social__icon a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.success-subscribe-customize1-social__icon a fengstui-button .feng-btn {
  background-color: var(--on-primary) !important;
  color: var(--primary) !important;
  display: none;
}
.success-outside-subscribe {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 71.35vh;
}
@media (min-width: 992px) {
  .success-outside-subscribe {
    padding: 0;
  }
}
.success-outside-subscribe .success-subscribe-message__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
}
@media (min-width: 992px) {
  .success-outside-subscribe .success-subscribe-message__title {
    margin-top: 4rem;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-outside-subscribe .success-subscribe-message__title h3 {
  font-weight: bold;
}
.success-outside-subscribe .success-subscribe-message__sub-title {
  margin: auto auto 30px;
  max-width: 380px;
  line-height: 22px;
  font-size: 15px;
  color: #27292D;
  font-weight: 400;
}
@media (min-width: 992px) {
  .success-outside-subscribe .success-subscribe-message__sub-title {
    font-size: 18px;
  }
}
.success-outside-subscribe .success-subscribe-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.success-outside-subscribe .success-subscribe-message__bol-sub-title b {
  margin-bottom: 15px;
}
.success-outside-subscribe .success-subscribe-message__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.success-outside-subscribe .success-subscribe-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.success-outside-subscribe .success-subscribe-message__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.success-outside-subscribe .success-subscribe-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
}
.success-outside-subscribe .success-subscribe-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.success-outside-subscribe .success-subscribe-message__icon--alert {
  color: #BF9240;
}
.success-outside-subscribe .success-subscribe-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  margin: auto 8rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .success-outside-subscribe .success-subscribe-message__actions {
    flex-direction: row;
  }
}
.success-outside-subscribe .success-subscribe-message__actions-share {
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .success-outside-subscribe .success-subscribe-message__actions-share {
    margin-bottom: auto;
  }
}
.success-outside-subscribe .success-subscribe-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.success-outside-subscribe .success-subscribe-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.success-outside-subscribe .success-subscribe-message__share-icons i {
  font-size: 30px;
}
.success-outside-subscribe .success-subscribe-message__actions-back button {
  background: transparent;
  padding: 20px;
  text-decoration: none;
}
.success-outside-subscribe .success-subscribe-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.success-outside-subscribe .success-subscribe-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.success-outside-subscribe .success-subscribe-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.success-outside-subscribe .success-subscribe-message__coupon-data ul li span {
  font-weight: bold;
  color: var(--on-background);
}
.success-outside-subscribe .success-subscribe-message hr {
  max-width: 506px;
}
.success-outside-subscribe-template-1 {
  width: 100%;
  color: white;
  display: grid;
  justify-content: center;
}
.success-outside-subscribe-template-1__title {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 23px;
}
@media (min-width: 992px) {
  .success-outside-subscribe-template-1__title {
    display: flex;
  }
}
.success-outside-subscribe-template-1__title h2 {
  font-style: italic;
  font-size: 2.3em;
  letter-spacing: 2px;
}
.success-outside-subscribe-template-1__title img {
  width: 100%;
  max-width: 280px;
  position: relative;
  left: 55px;
}
@media (min-width: 992px) {
  .success-outside-subscribe-template-1__title img {
    left: 0;
  }
}
.success-outside-subscribe-template-1 h3 {
  font-size: 3.5em;
  font-weight: 800;
  line-height: 49px;
  color: #11224f;
  width: 100%;
  max-width: 300px;
  background: white;
  margin: 2rem auto 2rem auto;
}
.success-outside-subscribe-template-1 p {
  font-size: 1em;
  margin: 2rem 0 15px 0;
}
.success-outside-subscribe-template-1 p.thank {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1em;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1em auto 2em;
  font-style: normal;
  font-size: 2.5em;
}
.success-outside-subscribe-template-1 p.thank::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.success-outside-subscribe-template-1 p.warning {
  width: 50%;
  margin: auto;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.success-outside-subscribe-template-1 h4 {
  margin: 84px auto 40px auto;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 340px;
  border-bottom: 1px solid;
  padding: 8px;
  font-size: 2em;
  line-height: 30px;
  font-weight: normal;
}
.success-outside-subscribe-template-1__social {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.success-outside-subscribe-template-1__social a {
  text-decoration: none;
}
.success-outside-subscribe-template-1__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.success-outside-subscribe-template-1__social-icon {
  display: flex;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.success-outside-subscribe-template-1__social-icon fengstui-button .feng-btn {
  background-color: var(--on-primary) !important;
  color: var(--primary) !important;
  display: none;
}
.success-outside-subscribe-template-2 {
  width: 100%;
  height: 100%;
  color: var(--on-primary);
}
@media (min-width: 767px) {
  .success-outside-subscribe-template-2 {
    margin-top: 15%;
  }
}
@media (min-width: 767px) {
  .success-outside-subscribe-template-2 {
    margin-top: 10%;
  }
}
@media (min-width: 767px) {
  .success-outside-subscribe-template-2 {
    margin-top: 8%;
  }
}
@media (min-width: 1200px) {
  .success-outside-subscribe-template-2 {
    margin-top: 6%;
  }
}
.success-outside-subscribe-template-2__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  margin: auto;
}
@media (min-width: 767px) {
  .success-outside-subscribe-template-2__wrapper {
    width: 85%;
    gap: 32px;
  }
}
.success-outside-subscribe-template-2__title {
  font-size: 1.4rem;
  font-family: var(--unlogged-font-title);
  font-weight: 400;
  margin: 0px;
}
@media (min-width: 767px) {
  .success-outside-subscribe-template-2__title {
    font-size: 2.3rem;
  }
}
.success-outside-subscribe-template-2__name {
  width: 100%;
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 40px;
  font-family: var(--unlogged-font-title);
  margin: 0px;
  color: var(--secondary);
}
@media (min-width: 767px) {
  .success-outside-subscribe-template-2__name {
    font-size: 4.2em;
    line-height: 49px;
  }
}
.success-outside-subscribe-template-2__message {
  font-size: 1rem;
  margin: auto;
  text-align: center;
}
@media (min-width: 576px) {
  .success-outside-subscribe-template-2__message {
    width: 35rem;
  }
}
@media (min-width: 767px) {
  .success-outside-subscribe-template-2__message {
    width: 40rem;
    font-size: 1.2rem;
  }
}
.success-intent-subscribe {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 71.35vh;
}
@media (min-width: 992px) {
  .success-intent-subscribe {
    padding: 0;
  }
}
.success-intent-subscribe .success-subscribe-message__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
}
@media (min-width: 992px) {
  .success-intent-subscribe .success-subscribe-message__title {
    margin-top: 4rem;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-intent-subscribe .success-subscribe-message__title h3 {
  font-weight: bold;
}
.success-intent-subscribe .success-subscribe-message__sub-title {
  margin: auto auto 30px;
  max-width: 380px;
  line-height: 22px;
  font-size: 15px;
  color: #27292D;
  font-weight: 400;
}
@media (min-width: 992px) {
  .success-intent-subscribe .success-subscribe-message__sub-title {
    font-size: 18px;
  }
}
.success-intent-subscribe .success-subscribe-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.success-intent-subscribe .success-subscribe-message__bol-sub-title b {
  margin-bottom: 15px;
}
.success-intent-subscribe .success-subscribe-message__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.success-intent-subscribe .success-subscribe-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.success-intent-subscribe .success-subscribe-message__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.success-intent-subscribe .success-subscribe-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
}
.success-intent-subscribe .success-subscribe-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.success-intent-subscribe .success-subscribe-message__icon--alert {
  color: #BF9240;
}
.success-intent-subscribe .success-subscribe-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  margin: auto 8rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .success-intent-subscribe .success-subscribe-message__actions {
    flex-direction: row;
  }
}
.success-intent-subscribe .success-subscribe-message__actions-share {
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .success-intent-subscribe .success-subscribe-message__actions-share {
    margin-bottom: auto;
  }
}
.success-intent-subscribe .success-subscribe-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.success-intent-subscribe .success-subscribe-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.success-intent-subscribe .success-subscribe-message__share-icons i {
  font-size: 30px;
}
.success-intent-subscribe .success-subscribe-message__actions-back button {
  background: transparent;
  padding: 20px;
  text-decoration: none;
}
.success-intent-subscribe .success-subscribe-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.success-intent-subscribe .success-subscribe-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.success-intent-subscribe .success-subscribe-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.success-intent-subscribe .success-subscribe-message__coupon-data ul li span {
  font-weight: bold;
  color: var(--on-background);
}
.success-intent-subscribe .success-subscribe-message hr {
  max-width: 506px;
}
.success-intent-subscribe-template-1 {
  width: 100%;
  color: white;
  display: grid;
  justify-content: center;
}
.success-intent-subscribe-template-1__title {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 23px;
}
@media (min-width: 992px) {
  .success-intent-subscribe-template-1__title {
    display: flex;
  }
}
.success-intent-subscribe-template-1__title h2 {
  font-style: italic;
  font-size: 2.3em;
  letter-spacing: 2px;
}
.success-intent-subscribe-template-1__title img {
  width: 100%;
  max-width: 280px;
  position: relative;
  left: 55px;
}
@media (min-width: 992px) {
  .success-intent-subscribe-template-1__title img {
    left: 0;
  }
}
.success-intent-subscribe-template-1 h3 {
  font-size: 3.5em;
  font-weight: 800;
  line-height: 49px;
  color: #11224f;
  width: 100%;
  max-width: 300px;
  background: white;
  margin: 2rem auto 2rem auto;
}
.success-intent-subscribe-template-1 p {
  font-size: 1em;
  margin: 2rem 0 15px 0;
}
.success-intent-subscribe-template-1 p.thank {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1em;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1em auto 2em;
  font-style: normal;
  font-size: 2.5em;
}
.success-intent-subscribe-template-1 p.thank::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.success-intent-subscribe-template-1 p.warning {
  width: 50%;
  margin: auto;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.success-intent-subscribe-template-1 h4 {
  margin: 84px auto 40px auto;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 340px;
  border-bottom: 1px solid;
  padding: 8px;
  font-size: 2em;
  line-height: 30px;
  font-weight: normal;
}
.success-intent-subscribe-template-1__social {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.success-intent-subscribe-template-1__social a {
  text-decoration: none;
}
.success-intent-subscribe-template-1__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.success-intent-subscribe-template-1__social-icon {
  display: flex;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.success-intent-subscribe-template-1__social-icon fengstui-button .feng-btn {
  background-color: var(--on-primary) !important;
  color: var(--primary) !important;
  display: none;
}
.success-resubscribe {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 48vh;
}
@media (min-width: 992px) {
  .success-resubscribe {
    padding: 0;
  }
}
.success-resubscribe .success-resubscribe-message__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
}
@media (min-width: 992px) {
  .success-resubscribe .success-resubscribe-message__title {
    margin-top: 4rem;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-resubscribe .success-resubscribe-message__title h3 {
  font-weight: bold;
}
.success-resubscribe .success-resubscribe-message__sub-title {
  margin: auto auto 30px;
  max-width: 380px;
  line-height: 22px;
  font-size: 15px;
  color: var(--on-background);
  font-weight: 400;
}
@media (min-width: 992px) {
  .success-resubscribe .success-resubscribe-message__sub-title {
    font-size: 18px;
  }
}
.success-resubscribe .success-resubscribe-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.success-resubscribe .success-resubscribe-message__bol-sub-title b {
  margin-bottom: 15px;
}
.success-resubscribe .success-resubscribe-message__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.success-resubscribe .success-resubscribe-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.success-resubscribe .success-resubscribe-message__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.success-resubscribe .success-resubscribe-message__pix {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  justify-content: center;
  margin: 1em auto 2em;
  word-break: break-all;
}
.success-resubscribe .success-resubscribe-message__pix-amount {
  font-size: 1.25em;
  display: grid;
  grid-auto-flow: row;
  gap: 0.5em;
  margin: 1em;
}
.success-resubscribe .success-resubscribe-message__pix-amount strong {
  font-size: 2em;
}
.success-resubscribe .success-resubscribe-message__pix img {
  width: 297px;
  height: 297px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin: auto;
}
.success-resubscribe .success-resubscribe-message__pix a {
  display: grid;
  grid-auto-flow: column;
  gap: 1%;
  align-items: center;
  width: 100%;
  max-width: 600px;
}
.success-resubscribe .success-resubscribe-message__pix-actions {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  align-items: center;
}
@media (min-width: 576px) {
  .success-resubscribe .success-resubscribe-message__pix-actions {
    grid-auto-flow: column;
    justify-content: center;
  }
}
.success-resubscribe .success-resubscribe-message__pix-actions fengstui-button {
  display: grid;
}
.success-resubscribe .success-resubscribe-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
}
.success-resubscribe .success-resubscribe-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.success-resubscribe .success-resubscribe-message__icon--alert {
  color: var(--warning);
}
.success-resubscribe .success-resubscribe-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  margin: auto 8rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .success-resubscribe .success-resubscribe-message__actions {
    flex-direction: row;
  }
}
.success-resubscribe .success-resubscribe-message__actions-share {
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .success-resubscribe .success-resubscribe-message__actions-share {
    margin-bottom: auto;
  }
}
.success-resubscribe .success-resubscribe-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.success-resubscribe .success-resubscribe-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.success-resubscribe .success-resubscribe-message__share-icons i {
  font-size: 30px;
}
.success-resubscribe .success-resubscribe-message__actions-back button {
  background: transparent;
  padding: 20px;
  text-decoration: none;
}
.success-resubscribe .success-resubscribe-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.success-resubscribe .success-resubscribe-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.success-resubscribe .success-resubscribe-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.success-resubscribe .success-resubscribe-message__coupon-data ul li span {
  font-weight: bold;
  color: var(--on-background);
}
.success-resubscribe .success-resubscribe-message hr {
  max-width: 506px;
}
.success-upgrade {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 48vh;
}
@media (min-width: 992px) {
  .success-upgrade {
    padding: 0;
  }
}
.success-upgrade .success-upgrade-message__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
}
@media (min-width: 992px) {
  .success-upgrade .success-upgrade-message__title {
    margin-top: 4rem;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-upgrade .success-upgrade-message__title h3 {
  font-weight: bold;
}
.success-upgrade .success-upgrade-message__sub-title {
  margin: auto auto 30px;
  max-width: 380px;
  line-height: 22px;
  font-size: 15px;
  color: var(--on-background);
  font-weight: 400;
}
@media (min-width: 992px) {
  .success-upgrade .success-upgrade-message__sub-title {
    font-size: 18px;
  }
}
.success-upgrade .success-upgrade-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.success-upgrade .success-upgrade-message__bol-sub-title b {
  margin-bottom: 15px;
}
.success-upgrade .success-upgrade-message__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.success-upgrade .success-upgrade-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.success-upgrade .success-upgrade-message__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.success-upgrade .success-upgrade-message__pix {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  justify-content: center;
  margin: 1em auto 2em;
  word-break: break-all;
}
.success-upgrade .success-upgrade-message__pix-amount {
  font-size: 1.25em;
  display: grid;
  grid-auto-flow: row;
  gap: 0.5em;
  margin: 1em;
}
.success-upgrade .success-upgrade-message__pix-amount strong {
  font-size: 2em;
}
.success-upgrade .success-upgrade-message__pix img {
  width: 297px;
  height: 297px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin: auto;
}
.success-upgrade .success-upgrade-message__pix a {
  display: grid;
  grid-auto-flow: column;
  gap: 1%;
  align-items: center;
  width: 100%;
  max-width: 600px;
}
.success-upgrade .success-upgrade-message__pix-actions {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  align-items: center;
}
@media (min-width: 576px) {
  .success-upgrade .success-upgrade-message__pix-actions {
    grid-auto-flow: column;
    justify-content: center;
  }
}
.success-upgrade .success-upgrade-message__pix-actions fengstui-button {
  display: grid;
}
.success-upgrade .success-upgrade-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
}
.success-upgrade .success-upgrade-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.success-upgrade .success-upgrade-message__icon--alert {
  color: #BF9240;
}
.success-upgrade .success-upgrade-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  margin: auto 8rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .success-upgrade .success-upgrade-message__actions {
    flex-direction: row;
  }
}
.success-upgrade .success-upgrade-message__actions-share {
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .success-upgrade .success-upgrade-message__actions-share {
    margin-bottom: auto;
  }
}
.success-upgrade .success-upgrade-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.success-upgrade .success-upgrade-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.success-upgrade .success-upgrade-message__share-icons i {
  font-size: 30px;
}
.success-upgrade .success-upgrade-message__actions-back button {
  background: transparent;
  padding: 20px;
  text-decoration: none;
}
.success-upgrade .success-upgrade-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.success-upgrade .success-upgrade-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.success-upgrade .success-upgrade-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.success-upgrade .success-upgrade-message__coupon-data ul li span {
  font-weight: bold;
  color: #27292D;
}
.success-upgrade .success-upgrade-message hr {
  max-width: 506px;
}
.fengstcheckout-cart {
  display: block;
  position: relative;
  min-height: 71.35vh;
}
.fengstcheckout-cart--request-in-processing {
  display: grid;
  justify-content: center;
  align-items: center;
}
.fengstcheckout-cart__processing {
  display: grid;
  grid-auto-flow: row;
  gap: 20px;
  justify-items: center;
  height: -moz-fit-content;
  height: fit-content;
}
.fengstcheckout-cart__processing span {
  position: relative;
}
.fengstcheckout-cart__processing i::after {
  display: inline-flex;
  content: ".";
  width: 25px;
  margin-left: 5px;
  text-align: initial;
  letter-spacing: 5px;
  font-size: 1.2em;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-name: ellipses;
  animation-delay: 0;
}
@keyframes ellipses {
  0% {
    content: ".  ";
  }
  20% {
    content: ".. ";
  }
  40% {
    content: "...";
  }
  60% {
    content: "...";
  }
  80% {
    content: ".. ";
  }
  100% {
    content: ".  ";
  }
}
.cart-se {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.registration-foreigner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.registration-foreigner__wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90%;
  max-width: 960px;
  background: white;
  margin: auto;
  padding: 5px 20px;
  margin-top: 75px;
}
.registration-foreigner__wrapper h1 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.registration-foreigner__wrapper h2 {
  font-size: 16px;
}
.registration-foreigner__wrapper h2 span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .registration-foreigner__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.registration-foreigner__wrapper mat-form-field {
  display: block !important;
}
.registration-foreigner__wrapper mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-foreigner__col {
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-foreigner form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.registration-foreigner__grid {
  display: block;
}
@media (min-width: 992px) {
  .registration-foreigner__grid {
    width: 50%;
  }
}
.registration-foreigner__item {
  display: block;
}
.registration-foreigner__item--warning {
  margin-top: 20px;
}
.registration-foreigner__item--warning h3 {
  color: #d00000;
  font-size: 16px;
}
.registration-foreigner__item--warning b {
  color: #d00000;
}
.registration-foreigner__item--document {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
}
.registration-foreigner__item--document--line {
  display: block;
}
.registration-foreigner__item--document--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-foreigner__item--document--line h1 {
    margin-bottom: 20px;
  }
}
.registration-foreigner__item--document--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-foreigner__item--document div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-foreigner__item--document span {
  display: flex;
  position: relative;
  font-size: 14px;
  align-content: center;
  align-items: center;
}
.registration-foreigner__item--document span i {
  position: relative;
  color: red;
  font-size: 20px;
  margin-left: 10px;
}
.registration-foreigner__item--document span i.check-icon {
  color: green;
}
.registration-foreigner__item--proponent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
  width: 100%;
  height: 80%;
}
.registration-foreigner__item--proponent p {
  font-size: 14px;
}
.registration-foreigner__item--proponent--line {
  display: block;
}
.registration-foreigner__item--proponent--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-foreigner__item--proponent--line h1 {
    margin-bottom: 20px;
  }
}
.registration-foreigner__item--proponent--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-foreigner__item--proponent i.check-icon {
  position: relative;
  color: green;
  font-size: 20px;
  margin-left: 10px;
}
.registration-foreigner__item--proponent span {
  display: block;
}
.registration-foreigner__item--proponent button {
  display: block;
  border: none;
  height: 50px;
  padding: 5px 20px;
  margin-top: 5px;
  width: 100%;
}
.registration-foreigner__item--proponent mat-form-field {
  display: block !important;
  width: 100%;
}
.registration-foreigner__item--proponent mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-foreigner__line {
  display: block;
}
.registration-foreigner__line--footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.giftcard-result {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 71.35vh;
}
@media (min-width: 992px) {
  .giftcard-result {
    padding: 0;
  }
}
.giftcard-result .giftcard-result-message__title {
  display: block;
  max-width: 320px;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  font-style: italic;
  color: black;
  line-height: 30px;
}
@media (min-width: 992px) {
  .giftcard-result .giftcard-result-message__title {
    margin-top: 4rem;
    font-size: 37px;
  }
}
.giftcard-result .giftcard-result-message__sub-title {
  margin: auto auto 30px;
  max-width: 500px;
  font-size: 15px;
  color: #898989;
  font-weight: 400;
}
@media (min-width: 992px) {
  .giftcard-result .giftcard-result-message__sub-title {
    font-size: 18px;
  }
}
.giftcard-result .giftcard-result-message__sub-title--under {
  max-width: 585px;
}
.giftcard-result .giftcard-result-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.giftcard-result .giftcard-result-message__bol-sub-title b {
  margin-bottom: 15px;
  color: black;
}
.giftcard-result .giftcard-result-message__bol-sub-title a {
  color: #E7E7E7;
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.giftcard-result .giftcard-result-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.giftcard-result .giftcard-result-message__bol-sub-title button {
  background: #53c457;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.giftcard-result .giftcard-result-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  background: #53c457;
  color: white;
  padding: 10px 20px;
}
.giftcard-result .giftcard-result-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.giftcard-result .giftcard-result-message__icon--alert {
  color: var(--warning);
}
.giftcard-result .giftcard-result-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 600px;
  margin: auto auto 7rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .giftcard-result .giftcard-result-message__actions {
    flex-direction: row;
  }
}
.giftcard-result .giftcard-result-message__actions-share {
  border: 2px solid #53c457;
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .giftcard-result .giftcard-result-message__actions-share {
    margin-bottom: auto;
  }
}
.giftcard-result .giftcard-result-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.giftcard-result .giftcard-result-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.giftcard-result .giftcard-result-message__share-icons i {
  font-size: 30px;
}
.giftcard-result .giftcard-result-message__share-icons i:before {
  color: #53c457;
}
.giftcard-result .giftcard-result-message__actions-back button {
  background: transparent;
  padding: 20px;
  color: black;
  text-decoration: none;
}
.giftcard-result .giftcard-result-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.giftcard-result .giftcard-result-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.giftcard-result .giftcard-result-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.giftcard-result .giftcard-result-message__coupon-data ul li span {
  font-weight: bold;
  color: #898989;
}
.giftcard-result .giftcard-result-message__coupon-box {
  display: flex;
  width: 240px;
  height: 58px;
  border: 1px solid #53C457;
  padding: 10px;
  background: #53C457;
  margin: auto;
  color: #000;
  font-weight: bold;
  align-items: center;
  justify-items: center;
  align-content: center;
  justify-content: center;
}
.giftcard-result .giftcard-result-message__coupon-box--outline {
  display: flex;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 48px;
  border: 1px solid #53C457;
  padding: 10px;
  margin: auto;
  color: #000;
  align-items: center;
  justify-items: center;
  align-content: center;
  justify-content: center;
}
.giftcard-result .giftcard-result-message hr {
  max-width: 506px;
}
.st-processing-payment-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 320px;
  margin: auto;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 50px;
  position: relative;
}
@media (min-width: 992px) {
  .st-processing-payment-wrapper {
    max-width: 960px;
    margin-top: 50px;
  }
}
.st-processing-payment-wrapper .st-checkout-stepper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". . . .";
  margin-bottom: 50px;
}
.st-processing-payment-wrapper .st-checkout-stepper div {
  display: block;
  width: 100%;
  text-align: center;
}
.st-processing-payment-wrapper .st-checkout-stepper div h1 {
  margin: 10px auto;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.st-processing-payment-wrapper .st-checkout-stepper div span {
  display: block;
  width: 100%;
  border-top: 3px solid black;
  padding-top: 10px;
  font-size: 13px;
}
.st-processing-payment-wrapper .st-checkout-stepper div.active h1 {
  background: #B11116;
  color: white;
}
.st-processing-payment-wrapper .st-checkout-stepper div.active span {
  border-top: 3px solid #B11116;
}
.st-processing-payment-wrapper h1 {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin: 30px auto;
  text-align: center;
  color: #27292D;
}
.st-processing-payment-wrapper p {
  text-align: center;
}
.fengstplanaddon {
  color: #0A0A0A;
}
.fengstplanaddon fengstui-button .feng-btn {
  border-radius: 45px;
  color: white !important;
}
.fengstplanaddon__call {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 24px;
  color: #fff;
  background: #232323;
}
.fengstplanaddon__call-container {
  background: var(--home-public-background);
  width: 100%;
  padding: 8px;
}
@media (min-width: 1200px) {
  .fengstplanaddon__call-container {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__call {
    flex-direction: row;
    padding: 0;
  }
}
.fengstplanaddon__call-texts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  max-width: 590px;
  margin: 0;
  font-family: var(--font-title);
  text-align: center;
}
@media (min-width: 1200px) {
  .fengstplanaddon__call-texts {
    margin: 100px 0;
    text-align: left;
  }
}
.fengstplanaddon__call-texts > div > h2 {
  margin: 0;
  color: #F00;
  font-size: 24px;
  line-height: 100%;
  font-style: normal;
  font-weight: 800;
}
@media (min-width: 767px) {
  .fengstplanaddon__call-texts > div > h2 {
    font-size: 40px;
  }
}
.fengstplanaddon__call-texts > div > h1 {
  margin: 0;
  font-size: 32px;
  line-height: 120%;
  font-style: normal;
  font-weight: 800;
}
@media (min-width: 767px) {
  .fengstplanaddon__call-texts > div > h1 {
    font-size: 61px;
  }
}
.fengstplanaddon__call-texts > p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 22.5px;
}
@media (min-width: 767px) {
  .fengstplanaddon__call-texts > p {
    font-size: 16px;
  }
}
.fengstplanaddon__call-img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 590px;
}
.fengstplanaddon__call-img > img {
  width: auto;
  max-width: 280px;
}
@media (min-width: 767px) {
  .fengstplanaddon__call-img > img {
    width: 100%;
    max-width: 428px;
  }
}
.fengstplanaddon__subscriber {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 10px;
  padding: 20px 20px 0;
  max-width: 1044px;
  background: #F8F8F8;
  color: #0A0A0A;
}
.fengstplanaddon__subscriber-container {
  background: #F8F8F8;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber {
    padding: 40px 20px 0;
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__subscriber {
    padding: 40px 0 0;
  }
}
.fengstplanaddon__subscriber-call {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column-reverse;
  gap: 20px;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-call {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__subscriber-call {
    gap: 90px;
  }
}
.fengstplanaddon__subscriber-call-texts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0 0 10px;
  font-family: var(--font-title);
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-call-texts {
    padding: 18px 0 18px;
  }
}
.fengstplanaddon__subscriber-call-texts > h2 {
  margin: 0;
  color: #F00;
  font-size: 20px;
  line-height: 110%;
  font-style: normal;
  font-weight: 800;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-call-texts > h2 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__subscriber-call-texts > h2 {
    font-size: 32px;
  }
}
.fengstplanaddon__subscriber-call-texts > h1 {
  margin: 0;
  font-size: 26px;
  line-height: 120%;
  font-style: normal;
  font-weight: 800;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-call-texts > h1 {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__subscriber-call-texts > h1 {
    font-size: 56px;
  }
}
.fengstplanaddon__subscriber-call-img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 590px;
}
.fengstplanaddon__subscriber-call-img > img {
  width: auto;
  max-width: 280px;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-call-img > img {
    width: 100%;
    max-width: 320px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__subscriber-call-img > img {
    width: 100%;
    max-width: 428px;
  }
}
.fengstplanaddon__subscriber-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  padding: 20px;
  gap: 18px;
  border-radius: 20px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  text-align: center;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-info {
    padding: 32px 56px;
    gap: 38px;
    flex-direction: row;
    text-align: left;
  }
}
.fengstplanaddon__subscriber-info > hr {
  width: 1px;
  height: 100%;
  min-height: 56px;
  border: 0;
  margin: 0;
  background: #E4E4E4;
  display: none;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-info > hr {
    display: block;
  }
}
.fengstplanaddon__subscriber-info-status, .fengstplanaddon__subscriber-info-date {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fengstplanaddon__subscriber-info-status > p, .fengstplanaddon__subscriber-info-date > p {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fengstplanaddon__subscriber-info-status > p {
  text-align: center;
  color: #414141;
}
.fengstplanaddon__subscriber-info-status > p:last-child {
  color: #219653;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.fengstplanaddon__subscriber-info-date > p {
  color: #9B9B9B;
}
.fengstplanaddon__subscriber-info-date > p:last-child {
  color: #414141;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22.5px;
}
.fengstplanaddon__subscriber-info-button fengstui-button .feng-btn {
  color: #828282 !important;
  border: 1px solid #828282;
}
.fengstplanaddon__subscriber > hr {
  width: 100%;
  height: 1px;
  border: 0;
  background: #E4E4E4;
  margin: 16px 0 0;
}
.fengstplanaddon__main {
  margin: 0 auto;
  max-width: 1044px;
  padding: 32px 20px;
}
.fengstplanaddon__main-container {
  background: #F8F8F8;
}
@media (min-width: 1200px) {
  .fengstplanaddon__main {
    padding: 40px 0;
  }
}
.fengstplanaddon__main > hr {
  margin: 16px auto;
  height: 1px;
  border: 0;
  background: #E4E4E4;
}
@media (min-width: 767px) {
  .fengstplanaddon__main > hr {
    margin: 32px auto;
  }
}
.fengstplanaddon__benefits > h1, .fengstplanaddon__morebenefits > h1 {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 16px;
  font-family: var(--font-title);
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits > h1, .fengstplanaddon__morebenefits > h1 {
    font-size: 34px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__benefits > h1, .fengstplanaddon__morebenefits > h1 {
    font-size: 40px;
  }
}
.fengstplanaddon__benefits {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #4f4f4f;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits {
    gap: 32px;
  }
}
.fengstplanaddon__benefits-spotlight {
  display: grid;
  grid-template: auto auto/auto;
  border-radius: 24px 0px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  min-height: 290px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-spotlight {
    grid-template: auto/1fr 1fr;
  }
}
.fengstplanaddon__benefits-spotlight-img {
  border-radius: 24px 0 0;
  background: url("https://images.mengo.com.br/prod/assets/images/nacao-turbo/meli-img.png") no-repeat left center/cover;
  height: 280px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-spotlight-img {
    height: auto;
  }
}
.fengstplanaddon__benefits-spotlight-sector {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-spotlight-sector {
    padding: 40px;
  }
}
.fengstplanaddon__benefits-spotlight-title {
  margin: 0;
  font-family: var(--font-title);
}
.fengstplanaddon__benefits-spotlight-title > h2 {
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
}
.fengstplanaddon__benefits-spotlight-text > p {
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.5px;
}
.fengstplanaddon__benefits-cards {
  display: grid;
  grid-template: auto/auto;
  gap: 32px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-cards {
    grid-template: auto/1fr 1fr 1fr;
  }
}
.fengstplanaddon__benefits-card {
  border-radius: 24px 0px;
  background: white;
}
.fengstplanaddon__benefits-card-img {
  border-radius: 24px 0 0;
  height: 280px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-card-img {
    height: 310px;
  }
}
.fengstplanaddon__benefits-card-title {
  padding: 16px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-card-title {
    padding: 24px;
  }
}
.fengstplanaddon__benefits-card-title > h2 {
  margin: 0;
  font-family: var(--font-title);
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
}
.fengstplanaddon__benefits-card-text {
  padding: 0 16px 16px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-card-text {
    padding: 0 24px 24px;
  }
}
.fengstplanaddon__benefits-card-text p {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fengstplanaddon__morebenefits {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.fengstplanaddon__morebenefits-cards {
  display: grid;
  grid-template: auto/auto;
  gap: 24px;
}
@media (min-width: 767px) {
  .fengstplanaddon__morebenefits-cards {
    grid-template: auto/1fr 1fr 1fr 1fr;
  }
}
.fengstplanaddon__morebenefits-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstplanaddon__morebenefits-card-img {
  text-align: center;
}
.fengstplanaddon__morebenefits-card-text > p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fengstplanaddon__divider {
  width: 100%;
  height: 14px;
}
.fengstplanaddon__divider-red {
  width: 100%;
  height: 7px;
  background: #C11D1E;
}
.fengstplanaddon__divider-black {
  width: 100%;
  height: 7px;
  background: #060606;
}
.fengstplanaddon__footer {
  display: flex;
  flex-direction: column;
  background: transparent;
  max-width: 890px;
  margin: 0 auto;
  padding: 28px 20px 42px;
  text-align: center;
}
.fengstplanaddon__footer-container {
  background: url("https://images.mengo.com.br/prod/assets/images/nacao-turbo/crf-img.png") no-repeat left center;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__footer {
    padding: 28px 0 42px;
  }
}
.fengstplanaddon__footer-row {
  display: grid;
  align-items: center;
  grid-template: auto/auto;
  gap: 20px;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-row {
    gap: 40px;
    grid-template: auto/1fr 1fr 1fr;
  }
}
.fengstplanaddon__footer-row > p {
  margin: 0;
  color: #4F4F4F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fengstplanaddon__footer-row:last-child {
  grid-template: auto/auto;
  margin-top: 20px;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-row:last-child {
    margin-top: 40px;
  }
}
.fengstplanaddon__footer-title > h2 {
  margin: 0;
  color: #F00;
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-title > h2 {
    font-size: 32px;
  }
}
.fengstplanaddon__footer-title > h1 {
  margin: 0;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-title > h1 {
    font-size: 56px;
  }
}
.fengstplanaddon__footer-pricing {
  display: flex;
  flex-direction: column;
  padding: 16px 32px;
  border-radius: 100px;
  border: 1px solid #AF0202;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-pricing {
    width: auto;
  }
}
.fengstplanaddon__footer-pricing > div {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-pricing > div {
    justify-content: start;
  }
}
.fengstplanaddon__footer-pricing h1 {
  margin: 0;
  font-family: var(--font-title);
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .fengstplanaddon__footer-pricing h1 {
    font-size: 36px;
  }
}
.fengstplanaddon__footer-pricing p {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fengstplanaddon__footer-button {
  text-align: center;
}
.fengstplanaddoncart {
  display: flex;
  flex-direction: column;
  background: #F8F8F8;
  color: #393939;
  font-family: var(--font-primary);
}
.fengstplanaddoncart__container {
  margin: 20px auto 40px;
  max-width: 690px;
  min-height: 70vh;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__container {
    margin: 40px auto 80px;
  }
}
.fengstplanaddoncart__title {
  text-align: center;
  margin: 0 24px;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__title {
    margin: 0;
  }
}
.fengstplanaddoncart__title > h1 {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__title > h1 {
    font-size: 28px;
  }
}
.fengstplanaddoncart__title > h2 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__title > h2 {
    font-size: 16px;
  }
}
.fengstplanaddoncart hr {
  margin: 18px 14px;
  height: 1px;
  border: 0;
  background: #E4E4E4;
}
@media (min-width: 767px) {
  .fengstplanaddoncart hr {
    margin: 30px 50px;
  }
}
.fengstplanaddoncart__main {
  margin: 0;
  padding: 18px;
  border-radius: 0;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  background: #FFF;
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__main {
    border: 1px solid #D8D8D8;
    border-radius: 16px;
    padding: 32px;
    margin: 0 50px;
    gap: 24px;
    width: auto;
  }
}
.fengstplanaddoncart__main > h2 {
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__main > h2 {
    font-size: 20px;
  }
}
.fengstplanaddoncart__summary {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstplanaddoncart__summary hr {
  margin: 0;
}
.fengstplanaddoncart__summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__summary-item {
    font-size: 14px;
  }
}
.fengstplanaddoncart__summary-item-title {
  font-family: var(--font-title);
  font-weight: bold;
}
.fengstplanaddoncart__summary-item-content {
  font-weight: normal;
}
.fengstplanaddoncart__pricing {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
}
.fengstplanaddoncart__pricing hr {
  margin: 0;
}
.fengstplanaddoncart__pricing-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 12px;
  background: #FAFAFA;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__pricing-item {
    font-size: 14px;
  }
}
.fengstplanaddoncart__pricing-item-title {
  text-transform: uppercase;
}
.fengstplanaddoncart__pricing-item-bold {
  font-size: 14px;
  background: #EFEFEF;
  font-family: var(--font-title);
  font-weight: bold;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__pricing-item-bold {
    font-size: 16px;
  }
}
.fengstplanaddoncart__payment hr {
  margin: 0 0 24px;
}
.fengstplanaddoncart__payment > h3 {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: 14px;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__payment > h3 {
    font-size: 16px;
  }
}
.fengstplanaddoncart__payment > p, .fengstplanaddoncart__payment > a {
  text-align: center;
  margin: 20px auto 0;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  font-size: 12px;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__payment > p, .fengstplanaddoncart__payment > a {
    font-size: 14px;
  }
}
.fengstplanaddoncart__payment > a {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  font-family: var(--font-title);
  font-weight: bold;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.fengstplanaddoncart__payment-card {
  border-radius: 4px;
  background: #E4E4E4;
}
.fengstplanaddoncart fengstui-button .feng-btn {
  border-radius: 45px;
  width: 100%;
  color: white !important;
  background: #AF0202 !important;
}
.fengstplanaddoncartresult {
  max-width: 1136px;
  margin: 0 auto;
  padding: 36px;
  border-radius: 10px;
  border: 1px solid #E4E4E4;
  background: #FFF;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstplanaddoncartresult__container {
  min-height: 70vh;
  padding: 32px 0;
  background: #F8F8F8;
}
.fengstplanaddoncartresult__success {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fengstplanaddoncartresult__success > h1 {
  text-align: center;
  width: 100%;
  padding: 16px;
  margin: 0;
  border-radius: 16px;
  border: 1px solid #AF0202;
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
}
.fengstplanaddoncartresult__success-infos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-direction: column;
}
@media (min-width: 992px) {
  .fengstplanaddoncartresult__success-infos {
    gap: 48px;
    flex-direction: row;
  }
}
.fengstplanaddoncartresult__success-infos-img > img {
  max-width: 230px;
}
.fengstplanaddoncartresult__success-infos-date > p {
  color: #0A0A0A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.fengstplanaddoncartresult__success-infos-date > p:last-child {
  font-size: 20px;
}
.fengstplanaddoncartresult__success-infos-button fengstui-button .feng-btn {
  border-radius: 45px;
  color: white !important;
  background: #AF0202 !important;
}
.fengstplanaddoncartresult__fail {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
}
.fengstplanaddoncartresult__fail-icon > i {
  font-size: 110px;
  color: #AF0202;
}
.fengstplanaddoncartresult__fail > h1 {
  margin: 0;
  color: #393939;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 767px) {
  .fengstplanaddoncartresult__fail > h1 {
    font-size: 32px;
  }
}
.fengstplanaddoncartresult__fail > p {
  margin: 0;
  color: #393939;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media (min-width: 767px) {
  .fengstplanaddoncartresult__fail > p {
    font-size: 16px;
  }
}
.fengstplanaddoncartresult__fail-button fengstui-button .feng-btn {
  border-radius: 45px;
  color: white !important;
  background: #AF0202 !important;
}
:host ::ng-deep .app-main-content {
  margin-top: 40px;
}
.fengstplans-view-plan {
  display: block;
  width: 100%;
  min-height: 650px;
  min-width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: relative;
  padding: 80px 0 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan {
    max-width: var(--max-width);
    padding: 80px 25px 0;
  }
}
.fengstplans-view-plan .line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.fengstplans-view-plan h1 {
  color: var(--primary);
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
  font-style: italic;
  font-weight: 800;
  font-size: 30px;
  line-height: 42px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan h1 {
    font-size: 57px;
    line-height: 68px;
    padding: 0;
  }
}
.fengstplans-view-plan h2 {
  color: var(--on-surface);
  text-align: center;
  margin: 14px auto 44px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
  }
}
.fengstplans-view-plan__select-group {
  margin: 0 auto 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  grid-template: auto auto auto/auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto;
  }
}
.fengstplans-view-plan__select-group fengstui-button.general {
  margin: auto;
}
.fengstplans-view-plan__select-group fengstui-button.general button {
  font-family: var(--font-title);
  border-radius: 5px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__select-group fengstui-button.general button {
    padding: 10px 30px 12px;
    font-size: 18px;
  }
}
.fengstplans-view-plan__select-group fengstui-button.general button:hover {
  background-color: black;
}
.fengstplans-view-plan__select-group fengstui-button.general.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plan__select-group fengstui-button.off {
  margin: auto;
}
.fengstplans-view-plan__select-group fengstui-button.off button {
  font-family: var(--font-title);
  border-radius: 5px;
  font-size: 14px;
  background-color: black;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__select-group fengstui-button.off button {
    padding: 10px 30px 12px;
    font-size: 18px;
  }
}
.fengstplans-view-plan__select-group fengstui-button.off button:hover {
  background-color: var(--primary);
}
.fengstplans-view-plan__select-group fengstui-button.off.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plan__group-container .group-type-title {
  font-family: var(--font-title);
  text-align: center;
  font-size: 16px;
  padding: 0 14px;
}
.fengstplans-view-plan__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
.fengstplans-view-plan__table .fengi-ico-ze:before {
  color: black;
}
.fengstplans-view-plan__table > :nth-of-type(5) .fengstplans-plan-card:hover .fengi-ico-ze:before {
  color: white;
}
.fengstplans-view-plan__table > :nth-of-type(5) .fengi-ico-ze:before {
  color: black;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__table {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button button {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: var(--primary);
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-vermelho-black.png");
  }
  .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: black;
  }
  .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
  }
  .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: white;
    color: black;
  }
  .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-branco-black.png");
  }
  .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: var(--primary);
  }
  .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: red !important;
  }
  .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: black;
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-preto-white.png");
  }
  .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: white !important;
    color: var(--primary) !important;
  }
  .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/hover-bg-tricolor.png") no-repeat center center/100% 100%;
  }
  .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-tricolor-black.png");
  }
  .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
  }
  .fengstplans-view-plan__table > :nth-of-type(5) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/hover-bg-diamante.png") no-repeat center center/cover;
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(5) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-diamante-white.png");
  }
  .fengstplans-view-plan__table > :nth-of-type(5) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(5) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: white !important;
    color: var(--primary) !important;
  }
  .fengstplans-view-plan__table > :nth-of-type(5) .fengstplans-plan-card:hover .fengi-ico-ze:before {
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(5) .fengi-ico-ze:before {
    color: black;
  }
}
.fengstplans-view-plan swiper .swiper-button-next:after,
.fengstplans-view-plan swiper .swiper-button-prev:after {
  color: var(--secondary);
}
.fengstplans-view-plan swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--primary);
  opacity: 0.5;
}
.fengstplans-view-plan swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.fengstplans-view-plan swiper .swiper-pagination {
  pointer-events: all !important;
}
.fengstplans-view-plan__socioclube {
  background: #0026159e;
  color: white;
  font-size: 18px;
  padding: 0 0 30px;
  margin: auto;
  text-align: center;
}
.fengstplans-view-plan__socioclube > p {
  margin: 0 auto;
  padding: 0 30px;
}
.fengstplans-view-plan__warning {
  display: block;
  margin: auto;
  padding: 26px 0;
  text-align: center;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__warning {
    padding: 66px 0;
  }
}
.fengstplans-view-plan__warning h1 {
  font-size: 22px;
  line-height: 28px;
  color: var(--primary);
  margin: 0 0 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__warning h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fengstplans-view-plan__warning-boxes {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__warning-boxes {
    grid-auto-flow: column;
    margin: 0 auto;
    width: 500px;
  }
}
.fengstplans-view-plan__warning-box {
  display: grid;
  grid-template: 50px auto/auto;
  grid-gap: 30px;
  align-items: flex-start;
}
.fengstplans-view-plan__warning-box--icon {
  font-size: 50px;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path2:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path3:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path4:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path5:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path6:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path7:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path8:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path9:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path10:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path11:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path12:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path13:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path14:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path15:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path16:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path17:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--text {
  margin: 0 auto;
  font-family: var(--font-title);
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 150px;
}
.fengstplans-view-plan__warning .guest-w {
  margin: 0 0 50px;
}
.fengstplans-view-plan.view-plan-2 h1 {
  color: var(--secondary);
  font-family: var(--unlogged-font-title) !important;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-2 h1 {
    font-size: 40px;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-2 h1 {
    font-size: 48px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 h1 {
    font-size: 56px;
  }
}
.fengstplans-view-plan.view-plan-2 h2 {
  color: #000;
  font-family: var(--unlogged-font-primary) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-2 h2 {
    font-size: 20px;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-2 h2 {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 h2 {
    font-size: 32px;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__group-container {
  background: transparent !important;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__group-container {
    padding: 10px;
    padding-bottom: 0px;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 0;
  grid-template: auto/auto;
  justify-content: normal;
  padding: 0 36px;
  /* @include respond-to ('medium') {
    justify-content: center;
   //padding: 0% 15%;
  }

  @include respond-to ('large') {
    //grid-template: auto/auto auto auto auto;
    padding: 0%;
  } */
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto auto;
    justify-content: center;
    padding: 0%;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button {
  border-bottom: 2px solid #D0D0D0;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 10px 32px !important;
  text-align: center;
  font-family: var(--unlogged-font-primary) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 100% */
  text-transform: uppercase;
  background: #E7E7E7;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general {
  width: 100%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: #ececec !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid #ececec;
  font-size: 18px;
  width: 100%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  background-color: #ecab39 !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.kids button {
  background-color: #ececec !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid #ececec;
  font-size: 18px;
  width: 100%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.kids button:hover {
  background-color: #dbd5d5 !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off {
  width: 100%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: #ececec !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid #ececec;
  font-size: 18px;
  width: 100%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  background-color: #dbd5d5 !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.international button {
  width: 100%;
  height: 39px;
  background-color: #ececec !important;
  color: #7C7C7C;
  border-radius: 0;
  font-size: 18px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.international button:hover {
  background-color: #dbd5d5 !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: #FFF;
  box-shadow: none;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card {
  padding: 28% 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-plan-card {
    padding: 10% 0;
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-plan-card {
    padding: 13% 0;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li {
  display: block;
  width: 100%;
  height: 64px;
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
  padding: 1%;
  font-family: var(--unlogged-font-primary) !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li.white-bar {
  height: 5px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li.gray-bar {
  height: 5px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li.golden-bar {
  height: 5px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li.whitegray-bar {
  height: 5px;
  background: repeating-linear-gradient(to right, #000 0px, #000 50px, #e4e4e4 50px, #e4e4e4 100px);
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li > i {
  font-size: 35px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li > div {
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 400;
  font-size: 14px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li > :first-child {
  font-size: 28px;
  width: 54px;
  text-align: center;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li > :first-child:before {
  color: #4F4F4F;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content {
  border-radius: 0;
  background: transparent;
  color: #484848;
  border: 1px solid #484848;
  padding: 70px 0 20px 0;
  width: 70%;
  border-radius: 15px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content {
    width: auto;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content h4 {
  color: #27292D;
  font-size: 27px;
  font-family: var(--unlogged-font-title) !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description {
  display: flex;
  flex-direction: column;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > div {
  display: flex;
  align-self: center;
  font-family: Uni-sans;
  font-weight: 400;
  font-size: 14px;
  margin-top: 3%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul {
  gap: 0px;
  height: 100%;
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-price {
  width: 206px;
  padding: 8px 12px;
  border-radius: 4px !important;
  background: var(--secondary) !important;
  border-radius: 0;
  font-family: var(--unlogged-font-primary) !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: white !important;
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: #e6e6e6 !important;
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: var(--secondary) !important;
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li.golden-bar {
    background: #da9929;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: url("https://botafogo.s3.amazonaws.com/prod/images/2023/bg-alvinegro-plano.png") no-repeat center center/cover !important;
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: #484848 !important;
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li > :first-child:before {
    color: #fff;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: white !important;
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__action fengstui-button {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__action fengstui-button button {
  border-radius: 4px;
  color: var(--secondary) !important;
  border: 1.7px solid var(--secondary);
  background-color: transparent !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  font-family: var(--unlogged-font-primary) !important;
  padding: 16px 32px !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__action fengstui-button button:hover {
  background-color: var(--secondary) !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__info {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 16px;
  flex-wrap: wrap;
  padding: 20px 20px 30px 20px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__info {
    flex-direction: row;
    gap: 24px;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__info > p {
  font-family: var(--unlogged-font-primary) !important;
  font-style: normal;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: var(--primary-light);
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 20px;
  margin: 0;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning-box--text {
  color: var(--primary-light);
  font-size: 20px;
  max-width: 200px;
  font-weight: bold;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.fengstplans-view-plan.view-plan-3 {
  font-family: "RidleyGrotesk-SemiBold";
}
.fengstplans-view-plan.view-plan-3 h1 {
  color: white;
  font-style: normal;
}
.fengstplans-view-plan.view-plan-3 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__group-container {
  background: #00000061;
  padding: 30px 14px;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 30px 0;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: var(--home-call-to-action-button-background) !important;
  color: var(--home-call-to-action-button-color);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  color: #ffffff;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.international button {
  background-color: var(--home-call-to-action-button-background) !important;
  color: var(--home-call-to-action-button-color);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.international button:hover {
  color: #ffffff;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: var(--home-call-to-action-button-background) !important;
  color: var(--home-call-to-action-button-color);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  color: #ffffff;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: #FFF;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card {
  padding: 84px 0;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description > ul > li {
  font-size: 13px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description > ul > li .icon-ze .path1:before,
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description > ul > li .icon-ze .path4:before,
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description > ul > li .icon-ze .path5:before {
  color: white;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description > ul > li .percentage {
  font-size: 17px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table {
  background: #0026159e;
  border-radius: 4px;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table {
    padding: 20px 20px 0;
  }
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table swiper {
  width: 100%;
  max-width: 85vw;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table swiper {
    max-width: 73vw;
  }
}
@media (min-width: 1550px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table swiper {
    max-width: 55vw;
    display: block;
  }
}
.fengstplans-view-plan.view-plan-3 .swiper-button-next {
  right: 1px;
}
.fengstplans-view-plan.view-plan-3 .swiper-button-prev {
  left: 1px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 1px solid #215c39;
  width: 70%;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content {
    width: auto;
    max-width: 1200px;
  }
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content h4 {
  color: white;
  font-size: 20px;
  text-align: center;
  line-height: 22px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content img {
  top: -90px;
  width: 70px;
  height: 70px;
  border-radius: 2.5px;
  outline-offset: -5px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 18px !important;
  background: #45AE6F !important;
  color: #003821;
  text-align: center;
  padding: 14px 7px !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table > :nth-of-type(odd) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: var(--secondary) !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table > :nth-of-type(even) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: white !important;
  color: black !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
  background: var(--primary);
  color: white;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
  color: white;
  font-size: 24px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content img {
  content: normal;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content-price {
  background: transparent !important;
  color: #ffffff;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__action {
  margin-top: 0.5rem;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__action fengstui-button button {
  border-radius: 0;
  color: white !important;
  border: 2px solid white;
  background-color: var(--secondary) !important;
  font-size: 20px !important;
  font-family: inherit !important;
  padding: 9px 20px 8px !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 24px;
  color: var(--info);
  font-family: "GillSans";
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 18px;
  margin: 0;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-boxes {
  display: grid;
  grid-template: auto auto auto auto/auto;
  grid-gap: 50px;
  width: 100%;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-boxes {
    grid-template: auto auto/auto auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-boxes {
    grid-gap: 30px;
    grid-template: auto/auto auto auto auto;
  }
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-box--text {
  color: var(--info);
  font-size: 20px;
  max-width: 200px;
  font-weight: normal;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__especialplan {
  padding: 5rem 0 2rem 0;
}
.fengstplans-view-plan.view-plan-4 {
  font-family: "Phudu";
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 32px;
  width: 100%;
  gap: 10px;
}
.fengstplans-view-plan.view-plan-4 .plans__tickets {
  display: flex;
  flex-direction: column !important;
}
.fengstplans-view-plan.view-plan-4 p {
  margin: 0;
}
.fengstplans-view-plan.view-plan-4 .view-plan-4-month {
  font-size: 14px;
}
.fengstplans-view-plan.view-plan-4 .change-plan-type-container {
  margin: 14px 0;
}
.fengstplans-view-plan.view-plan-4 .change-plan-type-container .meucruzeiro fengstui-button button {
  background-color: #008bff;
  color: #000780;
  border: none;
  border-radius: 23px;
  padding: 12px 28px;
  font-family: Figtree;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  cursor: pointer;
  margin: 24px 0px;
}
.fengstplans-view-plan.view-plan-4 .change-plan-type-container .cruzeiroestadio fengstui-button button {
  background-color: #000780;
  color: #008bff;
  border: none;
  border-radius: 23px;
  padding: 12px 28px;
  font-family: Figtree;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  cursor: pointer;
  margin: 24px 0px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  overflow-x: hidden;
  margin-top: 20px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #0055e5;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: white;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .mat-slide-toggle-thumb {
  background-color: #0055e5;
}
.fengstplans-view-plan.view-plan-4 .carousel-container fengstui-button button {
  margin: 10px 0;
  background-color: #eab201;
  color: #010068;
  border: none;
  border-radius: 19px;
  padding: 12px 16px;
  font-family: Figtree;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide {
  display: flex;
  flex-direction: row;
  -webkit-box-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide__more-info {
  font-size: 0.75rem !important;
}
@media (max-width: 900px) {
  .fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide {
    width: 100vw;
    padding: 0 32px;
    transition: transform 0.5s ease;
  }
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .plan-title {
  background-color: transparent;
  color: #001bff;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  font-size: 16px;
  min-height: 88px;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .title-empty {
  color: transparent;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1c23jks {
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Phudu;
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000780;
  border-bottom: 1px solid rgba(239, 239, 239, 0.2);
  padding: 5px;
  min-height: 48px;
  min-width: 103px;
  box-sizing: border-box;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1bviqk4 {
  background-color: rgba(255, 255, 255, 0.04);
  color: white;
  overflow: hidden;
  padding-top: 0px;
  border-radius: 35px;
  min-width: 160px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1bviqk4 .plan-title {
  background: #018cff;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-w18ped {
  background: transparent;
  color: white;
  padding-top: 0px;
  border-radius: 26px;
  min-width: 160px;
  text-align: center;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1fkx6dy {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-15qjdri {
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Phudu;
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #e2a227;
  border-bottom: 1px solid rgba(239, 239, 239, 0.2);
  padding: 5px;
  min-height: 48px;
  min-width: 103px;
  box-sizing: border-box;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-15qjdri span {
  font-size: 7px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-15qjdri {
    font-size: 14px;
  }
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1hyfvbg {
  display: flex;
  white-space: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: Phudu;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #efefef;
  border-bottom: 1px solid rgba(239, 239, 239, 0.2);
  padding: 5px;
  min-height: 48px;
  min-width: 103px;
  box-sizing: border-box;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .benefits-by-rating-container {
  flex: 1 1 0% !important;
  margin: 0px 2px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .benefits-by-rating-title {
  color: #efefef;
  white-space: nowrap;
  font-family: Figtree;
  font-size: 7px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .benefits-by-rating-subtitle, .fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .benefits-by-rating-time {
  color: #efefef;
  font-family: Figtree;
  font-size: 6px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .benefits-by-rating-percentage {
  color: #efefef;
  font-family: Figtree;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-16bjhlt {
  font-family: Phudu;
  margin: 0px;
  font-size: 16px;
  line-height: 33px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .fengi-cross {
  color: red;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .fengi-checkmark {
  color: white;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-r1ckf8 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1djdm60 {
  background-color: rgba(255, 255, 255, 0.04);
  color: white;
  overflow: hidden;
  padding-top: 0px;
  border-radius: 35px;
  min-width: 160px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1djdm60 .plan-title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000780;
  color: #efefef;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  font-size: 16px;
  min-height: 88px;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  white-space: nowrap;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-cnjxgd {
  background-color: rgba(255, 255, 255, 0.04);
  color: white;
  overflow: hidden;
  padding-top: 0px;
  border-radius: 35px;
  min-width: 160px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-cnjxgd .plan-title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #010068;
  color: #0085ff;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  font-size: 16px;
  min-height: 88px;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  white-space: nowrap;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-adxc76 {
  background-color: rgba(255, 255, 255, 0.04);
  color: white;
  overflow: hidden;
  padding-top: 0px;
  border-radius: 35px;
  min-width: 160px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-adxc76 .plan-title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #efefef;
  color: #010068;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  font-size: 16px;
  min-height: 88px;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  white-space: nowrap;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide::-webkit-scrollbar {
  display: none;
}
.fengstplans-view-plan.view-plan-4 .css-b81a3s {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  letter-spacing: 0.04em;
  font-family: Figtree;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  max-width: 540px;
  margin-top: 10px;
}
.fengstplans-view-plan.view-plan-4 h1 {
  font-size: 58px;
  line-height: 44px;
  color: #008bff;
  font-style: normal;
  font: 700 40px/40px "Phudu";
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__group-container {
  padding: 30px 14px 30px;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__group-container .group-type-title {
  font-size: 22px;
  line-height: 24px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__group-container .info {
  margin: -1px 0 0;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  background: #323A52;
  padding: 6% 0 6% 0 !important;
  color: white;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__group-container .info > a {
  color: white;
  text-decoration: none;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 30px 0 0;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: var(--on-surface) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  color: var(--secondary);
  background-color: var(--primary) !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: var(--primary) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  color: var(--secondary) !important;
  background-color: var(--on-surface) !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.international button {
  padding: 0.5rem !important;
  background-color: var(--on-surface) !important;
  color: var(--secondary);
  font-weight: 700;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.international button:hover {
  color: var(--secondary);
  background-color: var(--primary) !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: var(--primary);
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card {
  padding: 84px 0;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__table {
  background: #323A52;
  border-radius: 4px;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__table {
    padding: 40px 40px 0;
  }
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content {
  border-radius: 0;
  background: white;
  color: var(--primary);
  border: 0;
  padding: 70px 1rem 20px 1rem;
  width: 70%;
  max-width: 16.3rem;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content {
    width: auto;
  }
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content h4 {
  color: var(--primary);
  font-size: 24px;
  text-align: center;
  line-height: 22px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  filter: drop-shadow(0px 0px 10.699px rgba(255, 255, 255, 0.25));
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
  color: var(--primary);
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__table > :nth-of-type(odd) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: var(--secondary) !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__table > :nth-of-type(even) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: white !important;
  color: black !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
  background: var(--primary);
  color: var(--secondary);
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
  color: var(--secondary);
  font-size: 24px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content img {
  content: normal;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content-price {
  background: transparent !important;
  color: #ffffff;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__action fengstui-button button {
  border-radius: 0;
  color: white !important;
  border: 2px solid white;
  background-color: var(--secondary) !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 9px 20px 8px !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 24px;
  color: var(--secondary);
  font-family: "GillSans";
  text-shadow: none;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 18px;
  margin: 0;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-boxes {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-boxes {
    grid-template: auto/auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-boxes {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-box--text {
  color: var(--secondary);
  font-size: 20px;
  max-width: 200px;
  font-weight: normal;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.fengstplans-view-plan.view-plan-5 {
  width: 84vw;
  position: relative;
  overflow: hidden;
  margin: 0 30px;
}
@media (min-width: 400px) {
  .fengstplans-view-plan.view-plan-5 {
    width: 96vw;
    margin: 0 auto;
  }
}
@media (min-width: 879px) {
  .fengstplans-view-plan.view-plan-5 {
    width: 94vw;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-5 {
    max-width: 1900px;
    padding: 80px 0px 0;
    overflow: hidden;
  }
}
.fengstplans-view-plan.view-plan-5 h1, .fengstplans-view-plan.view-plan-5 h2 {
  margin-left: 0px;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-5 h1, .fengstplans-view-plan.view-plan-5 h2 {
    margin-left: 220px;
  }
}
.fengstplans-view-plan.view-plan-5 h1 {
  font-family: "Titillium Web";
  font-size: 70px;
  line-height: 76px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  color: #fff;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-5 h1 {
    font-size: 90px;
    line-height: 96px;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-5 h1 {
    font-size: 110px;
    line-height: 116px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-5 h1 {
    font-size: 134px;
    line-height: 104px;
  }
}
.fengstplans-view-plan.view-plan-5 h1 > strong {
  font-family: "Titillium Web";
  font-weight: 900;
}
.fengstplans-view-plan.view-plan-5 h2 {
  margin-top: 46px;
  max-width: 660px;
  font-family: "Barlow Semi Condensed";
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-5 h2 {
    text-align: left;
    font-size: 30px;
    line-height: 36px;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__contract-warning {
  margin: 0 auto 40px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__group-container {
  max-width: inherit !important;
  padding: 140px 20px 80px;
  color: #fff;
  margin: 0 auto;
  border: 2px solid var(--secondary);
}
@media (max-width: 1900px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__group-container {
    width: inherit !important;
    padding: 140px 0 80px;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__group-container .info {
  margin: 90px 20px 40px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__table > :nth-of-type(even) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price,
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__table > :nth-of-type(odd) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: var(--primary) !important;
  color: #f8f8f8 !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__table {
  width: inherit !important;
  max-width: inherit !important;
  margin: 0 auto;
  padding: 0;
  gap: 0;
}
.fengstplans-view-plan.view-plan-5 swiper {
  width: inherit !important;
  max-width: inherit !important;
}
.fengstplans-view-plan.view-plan-5 swiper .swiper-container {
  overflow: visible !important;
}
.fengstplans-view-plan.view-plan-5 swiper .swiper-wrapper .swiper-slide {
  overflow: visible !important;
  overflow-y: visible !important;
}
.fengstplans-view-plan.view-plan-5 swiper .swiper-pagination {
  bottom: -70px !important;
}
.fengstplans-view-plan.view-plan-5 swiper .swiper-button-prev {
  left: 10px !important;
}
.fengstplans-view-plan.view-plan-5 swiper .swiper-button-next {
  right: 14px !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__select-group {
  gap: 10px;
  margin: 0 0 16px;
  grid-template: auto auto auto/auto;
  text-align: center;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto;
    margin: 0 0 -1px;
    gap: 0;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__select-group fengstui-button button {
  font-family: "Titillium Web";
  font-weight: normal;
  font-size: 18px;
  box-shadow: none;
  padding: 8px 30px 6px !important;
  background-color: #BDBDBD !important;
  color: #4F4F4F;
  border-radius: 0;
  border: 1px solid white;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__select-group fengstui-button.selected button {
  border: 0;
  color: var(--secondary);
  background-color: #333333 !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
  gap: 50px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__action {
  display: block;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__action fengstui-button {
  display: block;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__action fengstui-button button {
  width: 100%;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content {
  width: 100%;
  max-width: 260px;
  border-radius: 0;
  background: transparent;
  color: #F2F2F2;
  border: 1px solid #F2F2F2;
  padding: 70px 0 20px 0;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content {
    width: auto;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content h4 {
  line-height: 25px;
  color: #fff;
  font-size: 26px;
  font-family: "Titillium Web";
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content img {
  width: 182px;
  margin-top: -60px;
  top: 0;
  transform: translateY(-76%) rotate(5.12deg);
  border-radius: 2.5px;
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description {
  font-family: "Kanit";
  font-size: 14px;
  line-height: 16px;
  margin-top: 30px;
  padding: 0 26px;
  color: #F2F2F2;
  list-style: none;
  text-align: center;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description ul {
  list-style: none;
  text-align: center;
  padding: 0;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > li {
  margin-bottom: 12px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  color: #F8F8F8 !important;
  background: #333333 !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
  background: #8c8c8c;
  border: 1px solid #8c8c8c;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
  color: #333333;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description {
  color: #1D1D1B;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card:hover .fengstplans-plan-card__content img {
  content: normal;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button button {
  color: #1D1D1B !important;
  border-radius: 0;
  background-color: var(--secondary) !important;
  border: 2px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__action fengstui-button button {
  border-radius: 0;
  color: #F2F2F2 !important;
  border: 2px solid #F2F2F2;
  background-color: transparent !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 12px 20px 16px !important;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-compare {
  margin-top: 25px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-compare {
    margin-top: 0px;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-compare > h1 {
  font-family: "Titillium Web";
  font-size: 36px;
  line-height: 40px;
  margin: 0 auto 50px;
  text-align: center;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-compare fengstui-button button {
  font-family: var(--font-title) !important;
  background-color: var(--secondary) !important;
  color: var(--home-call-to-action-button-color) !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-compare fengstui-button button:hover {
  color: var(--home-call-to-action-hover-button-color) !important;
  background-color: var(--primary) !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: #fff;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning h2 {
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  margin: 0;
  font-family: "Titillium Web";
  font-weight: 900;
  text-align: center;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-boxes {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: center;
  width: auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-boxes {
    gap: 20px;
    flex-direction: row;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-boxes {
    gap: 40px;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 0;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box {
    min-height: 235px;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box h2 {
  padding: 0;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box--text {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  max-width: 230px;
  font-weight: normal;
  font-family: "Titillium Web";
}
.fengstplans-view-plan.view-plan-6 {
  position: relative;
  padding: 0 1.92%;
  max-width: 1400px;
  background: var(--home-public-background);
}
.fengstplans-view-plan.view-plan-6 .view-plan-6-content {
  background: var(--content-background) repeat center 103%/100%;
  min-height: 600px;
  padding: 70px 0 25px !important;
  position: relative;
}
.fengstplans-view-plan.view-plan-6 .view-plan-6-cards-container {
  max-width: calc(100vw - 24px);
  margin: 0 auto 45px;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-6 .view-plan-6-cards-container {
    max-width: calc(100vw - 200px);
  }
}
.fengstplans-view-plan.view-plan-6 .view-plan-6-cards-container > p {
  color: white;
}
.fengstplans-view-plan.view-plan-6 .swiper-container {
  padding-top: 125px;
  padding-bottom: 60px;
}
.fengstplans-view-plan.view-plan-6 .swiper.s-wrapper .swiper-wrapper .swiper-slide {
  overflow: visible !important;
}
.fengstplans-view-plan.view-plan-6 h1 {
  text-align: center;
  font: normal normal 800 24px/24px Montserrat;
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-6 h1 {
    font-size: 35px;
    line-height: 35px;
    max-width: 782px;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-6 h1 {
    font-size: 55px;
    line-height: 57px;
  }
}
@media (min-width: 1500px) {
  .fengstplans-view-plan.view-plan-6 h1 {
    font-size: 65px;
    line-height: 65px;
  }
}
@media (min-width: 1680px) {
  .fengstplans-view-plan.view-plan-6 h1 {
    font-size: 71px;
    line-height: 71px;
  }
}
.fengstplans-view-plan.view-plan-6 .view-plan-6-navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  color: #fff;
  background: transparent;
  border: none;
  font-size: 40px;
  padding: 0;
  height: 50px;
  z-index: 4;
  align-self: center;
}
.fengstplans-view-plan.view-plan-6 .view-plan-6-navigation:last-child {
  right: 10px;
  left: auto;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-6 .view-plan-6-navigation {
    left: 15px;
  }
  .fengstplans-view-plan.view-plan-6 .view-plan-6-navigation:last-child {
    right: 15px;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__contract-warning {
  margin: 0 auto 40px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__group-container {
  width: inherit !important;
  max-width: inherit !important;
  padding: 140px 0px 30px;
  color: #fff;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__group-container .info {
  margin: 90px 20px 40px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #7C7C7C;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__table {
  width: inherit !important;
  max-width: inherit !important;
  margin: 0 auto;
  padding: 0;
  gap: 0;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__select-group {
  gap: 10px;
  margin: 0 0 16px;
  grid-template: auto auto auto/auto;
  text-align: center;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto;
    margin: 0 0 -1px;
    gap: 0;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__select-group fengstui-button {
  width: 100%;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__select-group fengstui-button button {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 18px;
  box-shadow: none;
  padding: 8px 30px 6px !important;
  background-color: var(--on-background) !important;
  color: var(--secondary);
  border-radius: 0;
  border: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__select-group fengstui-button.selected button {
  border: 0;
  color: #fff;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
  gap: 50px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li {
  display: block;
  width: 100%;
  height: 73px;
  list-style: none;
  display: grid;
  grid-template: auto/54px auto;
  gap: 13px;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
  padding-bottom: 12px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child {
  font-size: 28px;
  width: 54px;
  text-align: center;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-50, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-30, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-20 {
  font-size: 18px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-1, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-2, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-3, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-4, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-5 {
  font-size: 22px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child:before {
  color: #4F4F4F;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > span {
  font-size: 10px !important;
  font-weight: bold !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > img.fla-chip {
  width: 44px;
  transform: none;
  margin: 0;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content {
  width: 100%;
  max-width: 75%;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  padding: 70px 0 20px 0;
  border-radius: 100px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content {
    width: auto;
    max-width: 100%;
    border-radius: 100px;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content h4 {
  font-family: "Montserrat";
  color: #4F4F4F;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content img {
  width: 190px;
  margin-top: -60px;
  top: 0;
  transform: translateY(-76%) rotate(-4.12deg);
  border-radius: 2.5px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description {
  font-family: "Montserrat";
  font-size: 13px;
  line-height: 15px;
  margin-top: 0;
  padding: 0 16px 0 10px;
  color: #4F4F4F;
  list-style: none;
  text-align: center;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description ul {
  list-style: none;
  text-align: center;
  padding: 0;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description .divider {
  width: 54px;
  margin: 22.5px auto;
  border-bottom: 1px dashed #4F4F4F;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-price {
  font-family: "Montserrat" !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  color: #F8F8F8 !important;
  background: #4F4F4F !important;
  padding: 13px 20px 10px !important;
  border-radius: 62px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__table > :nth-of-type(even) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: white !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__table > :nth-of-type(odd) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: white !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
  background: #AF0202;
  border-inline: 1px solid white;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
  color: #FFF;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description {
  color: #fff;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description .divider {
  background: #fff;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content img {
  content: normal;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description > ul > li {
  border-color: #ffffff96;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description > ul > li > :first-child:before {
  color: white;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content-price {
  background: white !important;
  border: none !important;
  color: #AF0202 !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button .feng-btn {
  background-color: #AF0202 !important;
  color: white !important;
  border: none !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 320px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action fengstui-button {
  width: 100%;
  display: block;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action fengstui-button .feng-btn {
  color: #FF0000 !important;
  background-color: transparent !important;
  font-family: "Montserrat" !important;
  font-weight: 700 !important;
  width: 100%;
  font-size: 15px !important;
  padding: 8px 16px 6px !important;
  font-weight: bold;
  border: 1px solid currentColor;
  border-radius: 45px !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action fengstui-button .feng-btn {
    font-size: 16px !important;
    padding: 8px 16px !important;
  }
}
@media (min-width: 1605px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action fengstui-button .feng-btn {
    padding: 8px 30px !important;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action fengstui-button .feng-btn:hover {
  background-color: #AF0202 !important;
  color: white !important;
  border: none !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare > h1 {
  font-family: "Montserrat";
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  margin: 0 auto 50px;
  text-align: center;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare > h1 > strong {
  font-family: "Montserrat";
  font-weight: 600;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare fengstui-button .feng-btn {
  color: white !important;
  border-radius: 45px !important;
  background-color: #af0202 !important;
  font-family: "Montserrat" !important;
  font-size: 15px !important;
  padding: 8px 16px 6px !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare fengstui-button .feng-btn {
    font-size: 18px !important;
    padding: 8px 16px !important;
  }
}
@media (min-width: 1605px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare fengstui-button .feng-btn {
    font-size: 24px !important;
    padding: 8px 30px !important;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare fengstui-button .feng-btn:hover {
  background-color: #9d0202 !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: #fff;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning h2 {
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  margin: 0;
  font-family: "Titillium Web";
  font-weight: 900;
  text-align: center;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-boxes {
  display: grid;
  grid-template: auto auto auto/auto;
  grid-gap: 76px;
  justify-content: center;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-boxes {
    grid-template: auto/auto auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-boxes {
    grid-template: auto/auto auto auto;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
  width: -moz-fit-content;
  width: fit-content;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-box--text {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  max-width: 230px;
  font-weight: normal;
  font-family: "Titillium Web";
}
.fengstplans-view-plan.view-plan-6 swiper .swiper-button-next:after,
.fengstplans-view-plan.view-plan-6 swiper .swiper-button-prev:after {
  color: white;
}
.fengstplans-view-plan.view-plan-6 swiper .swiper-pagination-bullet {
  border: solid 1px #fff !important;
  width: 22px !important;
  height: 22px !important;
  background: #fff !important;
}
.fengstplans-view-plan.view-plan-6 swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: transparent !important;
}
.fengstplans-view-plan.view-plan-7 {
  padding: 40px 0 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 {
    padding: 80px 25px 0;
  }
}
.fengstplans-view-plan.view-plan-7 h1 {
  color: #000000;
  font-family: var(--font-title);
  text-align: center;
  font-weight: bolder;
  margin: 0 auto 34px;
  font-style: normal;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-7 h1 {
    font-size: 30px;
    line-height: 47px;
    margin: 0 auto 20px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 h1 {
    font-size: 36px;
    line-height: 53px;
    padding: 0;
  }
}
.fengstplans-view-plan.view-plan-7 h2 {
  color: var(--surface);
  text-align: center;
  margin: 14px auto 44px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-7 h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group {
  margin: 0 auto 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  grid-template: auto auto/auto auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto auto;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group fengstui-button button {
  font-family: var(--font-title) !important;
  border-radius: 0;
  font-size: 14px;
  box-shadow: none;
  border: 3px solid white;
  background-color: transparent !important;
  color: black;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group fengstui-button button {
    padding: 10px 30px 12px !important;
    font-size: 17px;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group fengstui-button button:hover {
  border: 3px solid black;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group fengstui-button.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group fengstui-button.selected button {
  font-family: var(--font-title);
  font-weight: bold;
  border: 3px solid #000 !important;
  background-color: #000 !important;
  color: white;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__group-container {
  margin-top: 40px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__group-container .group-type-title {
  font-family: var(--font-title);
  text-align: center;
  font-size: 16px;
  padding: 0 14px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: #fff;
  background-color: #000;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1) .fengstplans-plan-card__content {
  color: #8E8E8E !important;
  border: 3px solid #8E8E8E;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1) .fengstplans-plan-card__content > h4 {
  color: #8E8E8E !important;
  font-size: 24px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1) .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: #8E8E8E !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1) .fengstplans-plan-card fengstui-button button {
  background-color: #8E8E8E !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1):hover .fengstplans-plan-card fengstui-button button {
  background-color: white !important;
  color: #8E8E8E !important;
  border: 3px solid #8E8E8E !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1):hover .fengstplans-plan-card__content {
  color: white !important;
  background: #8E8E8E !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1):hover .fengstplans-plan-card__content > h4 {
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1):hover .fengstplans-plan-card__content img {
  filter: brightness(0) invert(1);
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1):hover .fengstplans-plan-card__content-price {
  background: white !important;
  color: #8E8E8E !important;
  border: 3px solid #8E8E8E;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2) .fengstplans-plan-card__content {
  color: #C19504 !important;
  border: 3px solid #C19504;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2) .fengstplans-plan-card__content > h4 {
  color: #C19504 !important;
  font-size: 24px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2) .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: #C19504 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2) .fengstplans-plan-card fengstui-button button {
  background-color: #C19504 !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2):hover .fengstplans-plan-card fengstui-button button {
  background-color: white !important;
  color: #C19504 !important;
  border: 3px solid #C19504;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2):hover .fengstplans-plan-card__content {
  color: white !important;
  background: #C19504 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2):hover .fengstplans-plan-card__content > h4 {
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2):hover .fengstplans-plan-card__content img {
  filter: brightness(0) invert(1);
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2):hover .fengstplans-plan-card__content-price {
  background: white !important;
  color: #C19504 !important;
  border: 3px solid #C19504;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3) .fengstplans-plan-card__content {
  color: #000 !important;
  border: 3px solid #000;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3) .fengstplans-plan-card__content > h4 {
  color: #000 !important;
  font-size: 24px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3) .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: #000 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3) .fengstplans-plan-card fengstui-button button {
  background-color: #000 !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3):hover .fengstplans-plan-card fengstui-button button {
  background-color: white !important;
  color: #000 !important;
  border: 3px solid #000;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3):hover .fengstplans-plan-card__content {
  color: white !important;
  background: #000 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3):hover .fengstplans-plan-card__content > h4 {
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3):hover .fengstplans-plan-card__content img {
  filter: brightness(0) invert(1);
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3):hover .fengstplans-plan-card__content-price {
  background: white !important;
  color: #000 !important;
  border: 3px solid #000;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 10px;
  justify-content: center;
  gap: 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-plan-card {
    padding: 12px;
    max-width: 100%;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content {
  display: grid;
  grid-template: 5% 95% 0em 10%/2fr;
  gap: 0;
  justify-items: center;
  padding: 20px;
  height: 100%;
  border: 0;
  border-radius: 0;
  margin: auto;
  width: 70%;
  background: white;
  color: #1D1D1B;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content {
    width: 100%;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content img {
  position: relative;
  top: 0px;
  margin-top: 0px;
  justify-self: center;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content h4 {
  align-self: center;
  color: var(--primary);
  margin-bottom: 20px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description {
  margin-bottom: 14px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template: auto/auto;
  grid-gap: 14px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li {
  list-style: none;
  display: grid;
  grid-template: auto/1fr 3fr;
  grid-gap: 22px;
  align-items: center;
  justify-content: flex-start;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li > img {
  margin: auto;
  max-width: 38px;
  max-height: 26px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li > img {
    max-width: 68px;
    max-height: 56px;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li > div > p {
  margin: 0;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  border-radius: 0;
  background: var(--primary) !important;
  font-family: "Roboto";
  font-size: 12px;
  padding: 10px 20px;
  margin: auto;
  color: white;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-price > span {
  font-size: 14px;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    font-size: 17px;
    padding: 10px;
  }
}
.fengstplans-view-plan.view-plan-7 swiper .swiper-container {
  padding: 40px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  padding: 5%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special {
    flex-direction: row-reverse;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special {
  max-width: 356px;
  margin: auto;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special .fengstplans-plan-card__content {
  color: #000 !important;
  border: 3px solid #000 !important;
  background: transparent !important;
  min-height: 376px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special .fengstplans-plan-card__content > h4 {
  color: #000 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: #000 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special .fengstplans-plan-card fengstui-button button {
  background-color: #000 !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special:hover .fengstplans-plan-card fengstui-button button {
  background-color: white !important;
  color: #000 !important;
  border: 3px solid #000 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special:hover .fengstplans-plan-card__content {
  color: white !important;
  background: #000 !important;
  border: 3px solid #000;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special:hover .fengstplans-plan-card__content > h4 {
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special:hover .fengstplans-plan-card__content img {
  filter: brightness(0) invert(1);
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special:hover .fengstplans-plan-card__content-price {
  background: white !important;
  color: #000 !important;
  border: 3px solid #000 !important;
  font-weight: bold !important;
}
.fengstplans-view-plan.view-plan-8 {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 50px 0;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-8 {
    padding: 70px 0 100px 0;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 {
    max-width: 1900px;
    overflow: hidden;
  }
}
.fengstplans-view-plan.view-plan-8 fengstui-button button {
  background-color: #188150 !important;
  color: #fff !important;
}
.fengstplans-view-plan.view-plan-8 h1 {
  font-family: "Roboto" !important;
  font-size: 30px !important;
  line-height: 60px;
  font-style: normal;
  font-weight: 400 !important;
  text-align: center;
  color: #037345;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-8 h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-8 h1 {
    font-size: 68px;
    line-height: 76px;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 h1 {
    font-size: px;
    line-height: 91px;
  }
}
.fengstplans-view-plan.view-plan-8 h2 {
  max-width: 660px;
  color: #034731 !important;
  font-family: "Roboto";
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 16px;
  text-align: center !important;
  color: #7C7C7C;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-8 h2 {
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 h2 {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 29px;
    padding-bottom: 12px;
  }
}
.fengstplans-view-plan.view-plan-8 h4 {
  margin: 0px;
  padding: 0 0 17px 0;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__contract-warning {
  margin: 0 auto 40px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container {
  width: inherit !important;
  max-width: inherit !important;
  color: #fff;
  padding: 75px 0 0 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container {
    padding: 120px 0 0 0;
  }
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container > p {
  margin: 100px 10px 10px !important;
  color: #7C7C7C !important;
  text-align: center !important;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container > p {
    margin: 70px 0 0 !important;
  }
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container .info {
  margin: 90px 20px 40px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #7C7C7C;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 !important;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__table {
    max-width: 837px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__table {
    max-width: 950px;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__table {
    max-width: 1150px;
  }
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
  align-items: stretch;
  gap: 50px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description {
  padding: 20px !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description > ul {
  margin: 0px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description > ul li {
  display: inline;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description > ul li > :first-child {
  font-size: 1em;
  width: unset;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content {
  width: 228px !important;
  max-width: 228px;
  height: 100%;
  padding: 70px 0 20px 0;
  border-radius: 0px;
  box-shadow: 5px 7px 18px 4px #ececec;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content {
    width: auto;
  }
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content h4 {
  font-family: "Roboto";
  color: #037345 !important;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content img {
  max-height: 97px;
  height: auto;
  max-width: 190px;
  width: auto;
  margin-top: -60px;
  top: 0;
  transform: translateY(-76%) rotate(-4.12deg);
  border-radius: 2.5px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description {
  font-family: "Roboto";
  font-size: 13px;
  line-height: 15px;
  margin-top: 0;
  padding: 0 20px;
  color: #037345 !important;
  list-style: none;
  text-align: center;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description ul {
  list-style: none;
  text-align: center;
  padding: 0;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description .divider {
  width: 54px;
  margin: 22.5px auto;
  border-bottom: 1px dashed #4F4F4F;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-price {
  font-family: "Roboto" !important;
  font-size: 22px !important;
  color: #fff !important;
  background: #BA940F !important;
  padding: 13px 20px 10px !important;
  border-radius: 0px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-price:hover {
  color: #fff !important;
  background-color: #BA940F !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__action fengstui-button .feng-btn {
  font-family: "Roboto";
  color: white;
  border: none;
  border-radius: 0px;
  width: 222px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover {
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
  background-color: white;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
  color: #037345 !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description {
  color: #037345 !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description .divider {
  background: #fff !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content img {
  content: normal;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  cursor: pointer;
  color: #fff !important;
  background: #a9880f !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button .feng-btn {
  color: #fff !important;
  border: none !important;
  background: #17794b !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content-price {
  font-family: "Roboto" !important;
  font-size: 22px !important;
  color: #fff !important;
  background: #BA940F !important;
  padding: 13px 20px 10px !important;
  border-radius: 0px;
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-8 swiper {
  margin: 10px;
  position: relative;
}
@media (min-width: 880px) {
  .fengstplans-view-plan.view-plan-8 swiper {
    margin: 0;
    width: inherit;
    max-width: inherit;
  }
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-container {
  overflow: visible !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 swiper .swiper-wrapper {
    display: flex;
    justify-content: center;
  }
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-wrapper .swiper-slide {
  overflow: visible !important;
  overflow-y: visible !important;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-pagination {
  bottom: -70px;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-button-prev {
  left: 10px;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-button-next {
  right: 14px;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-slide, .fengstplans-view-plan.view-plan-8 swiper .swiper-slide-active {
  margin-right: 0;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-button-next:after,
.fengstplans-view-plan.view-plan-8 swiper .swiper-button-prev:after {
  color: #034731 !important;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-pagination-bullet {
  background-color: #034731 !important;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-pagination {
  padding-bottom: 13px;
}
.view-plan-9 {
  padding: 80px 0 25px !important;
  background: var(--plans-background);
}
@media (min-width: 1200px) {
  .view-plan-9 {
    padding: var(--crt-plans-padding, 80px 25px 157px) !important;
  }
}
.view-plan-9 .swiper-width .s-wrapper {
  max-width: calc(100vw - 24px);
}
.view-plan-9 .swiper-width .s-wrapper .swiper-slide {
  width: 100%;
}
.view-plan-9 h1 {
  font: var(--crt-plans-title-mobile-font);
  white-space: pre-line;
  color: var(--crt-plans-title-color, var(--primary));
  margin-bottom: var(--crt-plans-title-mb, 0);
}
@media (min-width: 992px) {
  .view-plan-9 h1 {
    font: var(--crt-plans-title-desktop-font);
  }
}
.view-plan-9__text {
  font: var(--crt-plans-subtitle-mobile-font);
  color: #fff;
  text-align: center;
  padding: 0 21px;
}
@media (min-width: 992px) {
  .view-plan-9__text {
    font: var(--crt-plans-subtitle-desktop-font);
  }
}
.view-plan-9 .fengstplans-plan-card {
  margin-right: 0 !important;
  position: relative;
}
.view-plan-9 .fengstplans-plan-card__content {
  width: 80%;
  background: #fff !important;
  border-radius: var(--plans-card-radius, 4px);
  padding: 76px 0px 24px 0px;
  border: solid 1px #E4E4E4;
}
@media (min-width: 1200px) {
  .view-plan-9 .fengstplans-plan-card__content {
    width: 100%;
  }
}
.view-plan-9 .fengstplans-plan-card__content > img {
  width: 186px;
  height: 138px;
  top: -95px;
}
.view-plan-9 .fengstplans-plan-card__content:hover {
  background: var(--crt-plans-card-hover-bg, #000) !important;
}
.view-plan-9 .fengstplans-plan-card__content:hover h4 {
  color: var(--crt-plans-card-hover-color, #000);
}
.view-plan-9 .fengstplans-plan-card__content:hover .fengstplans-plan-card__content-description > ul > li {
  color: var(--crt-plans-card-hover-color, #000) !important;
}
.view-plan-9 .fengstplans-plan-card__content h4 {
  color: #393939;
  font: var(--crt-benefits-title-mobile-font);
}
.view-plan-9 .fengstplans-plan-card__content-description > ul {
  grid-gap: 0 !important;
}
.view-plan-9 .fengstplans-plan-card__content-description > ul > li {
  color: #393939;
  font: normal normal 500 14px/19.2px var(--font-primary);
  border-top: solid 1px #E4E4E4;
  border-bottom: solid 1px #E4E4E4;
  padding: 20px 16px;
}
.view-plan-9 .fengstplans-plan-card__content-description > ul > li:not(:last-child) {
  border-bottom: none;
}
.view-plan-9 .fengstplans-plan-card__content-description > ul > li i {
  font-size: 20px !important;
  width: 36px !important;
  color: var(--crt-plans-cards-icon-color, #393939);
}
.view-plan-9 .fengstplans-plan-card__content-price {
  background: var(--crt-plans-cards-price-bg, #393939) !important;
  border-radius: 63px;
  padding: 6px 24px 6px 24px;
  font-size: 22px;
  padding: 10px 20px;
}
.view-plan-9 .fengstplans-plan-card__content-price span {
  font-size: 14px;
  font-family: "Gotham-Light";
  font-weight: 400;
  color: var(--crt-plans-cards-price-color, #fff);
}
.view-plan-9 .fengstplans-plan-card__action {
  margin-top: 16px;
  display: flex;
}
.view-plan-9 .fengstplans-plan-card__action fengstui-button {
  display: block;
  width: 100%;
}
.view-plan-9 .fengstplans-plan-card__action fengstui-button .feng-btn {
  color: var(--crt-plans-cards-button-color, var(--on-primary)) !important;
  padding: 10px 12px 10px 12px;
  font-size: 14px;
  border-radius: var(--crt-plans-cards-button-radius, 45px);
  width: 70%;
  display: block;
  margin: auto;
  font-weight: var(--crt-plans-cards-button-weight, 400) !important;
  background: var(--crt-plans-cards-button-bg, var(--primary)) !important;
  border: var(--crt-plans-cards-button-border, none) !important;
}
@media (min-width: 1200px) {
  .view-plan-9 .fengstplans-plan-card__action fengstui-button .feng-btn {
    width: var(--crt-plans-cards-button-width, 80%);
  }
}
.view-plan-9 .know-more .feng-btn {
  width: 80%;
  margin: 16px auto 0;
  display: block;
}
@media (min-width: 1200px) {
  .view-plan-9 .know-more .feng-btn {
    margin: 36px auto 0;
  }
}
.view-plan-9__container-card {
  display: block;
  position: relative;
}
.view-plan-9__container-card--desktop {
  display: grid !important;
  justify-content: center;
  column-gap: 24px;
}
.view-plan-9__container-card .btn-navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  color: #393939;
  background: transparent;
  border: none;
  font-size: 40px;
  padding: 0;
  height: 50px;
  z-index: 4;
  align-self: center;
}
.view-plan-9__container-card .btn-navigation:last-child {
  right: 0;
  left: auto;
}
.view-plan-9__container--desktop {
  max-width: 1440px;
  margin: auto;
}
.view-plan-9 .obs {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 0 16px;
}
.view-plan-9 .disabled {
  color: #ABABAB;
}
.view-plan-10 {
  position: relative;
  padding: 0;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.view-plan-10__plan {
  position: relative;
  min-height: 71.35vh;
  display: grid;
  grid-template-areas: "image" "detail";
}
@media (min-width: 767px) {
  .view-plan-10__plan {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "detail image";
  }
}
.view-plan-10__plan-detail {
  padding: 16px;
  grid-area: detail;
  background: #f4f4f4;
}
@media (min-width: 1200px) {
  .view-plan-10__plan-detail {
    padding: 50px 25px;
  }
}
@media (min-width: 1500px) {
  .view-plan-10__plan-detail {
    padding: 90px 60px;
  }
}
@media (min-width: 1900px) {
  .view-plan-10__plan-detail {
    padding: 100px;
  }
}
.view-plan-10__plan-detail h1 {
  color: var(--plans-info-color);
  font: var(--plans-title-mobile-font);
  text-align: left;
  padding: 0;
}
@media (min-width: 992px) {
  .view-plan-10__plan-detail h1 {
    font: var(--plans-title-desktop-font);
  }
}
.view-plan-10__plan-detail-list {
  margin-top: 48px;
}
.view-plan-10__plan-detail-list ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  row-gap: 24px;
}
.view-plan-10__plan-detail-list ul li {
  display: flex;
  align-items: center;
  column-gap: 16px;
  font: var(--plans-detail-mobile-font);
  color: var(--plans-detail-color);
}
@media (min-width: 992px) {
  .view-plan-10__plan-detail-list ul li {
    font: var(--plans-detail-desktop-font);
  }
}
.view-plan-10__plan-detail-list ul li div {
  font: var(--plans-detail-mobile-font);
  color: var(--plans-detail-color);
}
@media (min-width: 992px) {
  .view-plan-10__plan-detail-list ul li div {
    font: var(--plans-detail-desktop-font);
  }
}
.view-plan-10__plan-detail-list ul li i, .view-plan-10__plan-detail-list ul li strong {
  color: var(--plans-info-color);
}
.view-plan-10__plan-detail-list ul li i {
  font-size: 37px;
}
.view-plan-10__plan-detail-list ul li i:before {
  color: var(--plans-info-color);
}
.view-plan-10__plan-detail-list p {
  display: none;
}
.view-plan-10__plan-detail-value {
  border-radius: 8px;
  border: 1px solid var(--plans-info-color);
  background: #EFEFEF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  padding: 16px;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .view-plan-10__plan-detail-value {
    flex-direction: row;
    height: 75px;
    padding: 0 19px;
  }
}
.view-plan-10__plan-detail-value-price {
  display: flex;
  align-items: center;
  column-gap: 6px;
  flex-direction: column;
}
@media (min-width: 767px) {
  .view-plan-10__plan-detail-value-price {
    flex-direction: row;
  }
}
.view-plan-10__plan-detail-value-price p {
  margin: 0;
  padding: 0;
  font: var(--plans-value-mobile-font);
  color: var(--plans-detail-color);
}
@media (min-width: 992px) {
  .view-plan-10__plan-detail-value-price p {
    font: var(--plans-value-desktop-font);
  }
}
.view-plan-10__plan-detail-value-price small {
  font: var(--plans-value-mobile-font);
  color: var(--plans-detail-color);
  font-size: 20px;
  line-height: 48px;
  font-weight: 500;
}
.view-plan-10__plan-detail-value-small-label {
  font: var(--plans-value-label-desktop-font) !important;
  flex-direction: row;
  margin: 0;
  color: var(--plans-detail-color);
}
@media (min-width: 992px) {
  .view-plan-10__plan-detail-value-small-label {
    font: var(--plans-value-label-desktop-font) !important;
  }
}
.view-plan-10__plan-detail-value-small-label small {
  font-weight: 400 !important;
}
.view-plan-10__plan-detail-value strong {
  color: var(--plans-info-color);
  font-size: 35px;
  line-height: 40px;
}
.view-plan-10__plan-detail-conditions {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-bottom: 48px;
}
.view-plan-10__plan-detail-conditions li {
  color: var(--plans-detail-color);
  font: var(--plans-conditions-list-font-mobile);
}
@media (min-width: 992px) {
  .view-plan-10__plan-detail-conditions li {
    font: var(--plans-conditions-list-font-desktop);
  }
}
.view-plan-10__plan-image {
  width: 100%;
  object-fit: cover;
  height: 240px;
  grid-area: image;
}
@media (min-width: 767px) {
  .view-plan-10__plan-image {
    height: 100%;
  }
}
.view-plan-10__button {
  width: 100%;
}
@media (min-width: 767px) {
  .view-plan-10__button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.view-plan-10__button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--on-primary);
  padding: 10px 12px 10px 12px;
  font-size: 14px;
  font-weight: var(--header-13-register-button-weight);
  background: var(--header-13-register-button-bg);
  width: 100%;
}
@media (min-width: 767px) {
  .view-plan-10__button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.view-plan-11 {
  background: #1B1718;
  min-height: 400px;
  position: relative;
}
.view-plan-11__scroll {
  position: relative;
  z-index: 3;
  top: -260px;
  margin-bottom: -260px;
}
.view-plan-11__scroll--sf {
  display: flex;
  justify-content: center;
}
.view-plan-11__card {
  width: calc(100% - 77px) !important;
  height: auto !important;
  border-radius: 8px;
  background: #fff;
  border: solid 1px #fff;
  overflow: hidden !important;
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .view-plan-11__card {
    width: 363px !important;
    padding: 32px 26px;
  }
}
.view-plan-11__card--sf {
  width: calc(100% - 64px) !important;
}
@media (min-width: 992px) {
  .view-plan-11__card--sf {
    width: 722px !important;
    min-height: 468px;
    padding: 32px 26px;
  }
}
.view-plan-11__card-title h1, .view-plan-11__card-title strong {
  color: #080B12;
  margin: 0 0 12px;
  font-family: var(--cta-15-font-title);
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
}
.view-plan-11__card-title--sf {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .view-plan-11__card-title--sf {
    flex-direction: row;
    justify-content: space-between;
  }
}
.view-plan-11__card-title--sf h1, .view-plan-11__card-title--sf strong {
  text-align: left;
}
.view-plan-11__card-title--sf h1 {
  white-space: pre-line;
}
.view-plan-11__card-title-pricing {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 4px;
  border: solid 1px #D1D5DB;
  margin: 0 auto 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.view-plan-11__card-title-pricing strong {
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}
.view-plan-11__card-title-pricing--sf {
  border-radius: 8px;
  margin: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.view-plan-11__card-body {
  margin-bottom: 20px;
}
.view-plan-11__card-body ul {
  list-style: none;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 0;
}
.view-plan-11__card-body ul li {
  display: flex;
  align-items: center;
  column-gap: 12px;
  width: 100%;
  padding: 16px 0;
}
.view-plan-11__card-body ul li:first-child {
  padding-top: 0;
}
.view-plan-11__card-body ul li:not(:last-child) {
  border-bottom: solid 1px #D1D5DB;
}
.view-plan-11__card-body ul li div, .view-plan-11__card-body ul li p {
  font-size: 14px;
  margin: 0;
  font-family: var(--cta-15-font-primary);
  color: #080B12;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.view-plan-11__card-body ul li span, .view-plan-11__card-body ul li i {
  font-size: 18px;
}
.view-plan-11__card-body--sf {
  margin: 32px 0 20px;
  display: flex;
  justify-content: space-between;
  column-gap: 64px;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .view-plan-11__card-body--sf {
    flex-direction: row;
  }
}
.view-plan-11__card-body--sf ul {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.view-plan-11__card-body--sf ul li {
  align-items: flex-start;
  padding: 12px 0;
}
.view-plan-11__card-footer {
  margin-top: auto;
  display: flex;
  justify-content: center;
}
.view-plan-11__card-footer .feng-btn--primary:not(.feng-btn--outline) {
  background: #DB0F1C;
  color: #fff;
  font-family: var(--cta-15-font-title);
  font-size: 18px;
  padding: 10px 24px;
  width: 200px;
}
.view-plan-11__disclaimer {
  color: #808080;
  font-family: var(--cta-15-font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin: 0;
  padding: 10px 0 20px;
  text-align: center;
}
@media (min-width: 992px) {
  .view-plan-11__disclaimer {
    padding: 50px 0 70px;
  }
}
@media (min-width: 992px) {
  .view-plan-11__disclaimer--sf {
    padding: 40px 0 44px;
  }
}
.view-plan-12 {
  background: transparent;
  min-height: 400px;
  position: relative;
  padding-bottom: 48px;
}
@media (min-width: 992px) {
  .view-plan-12 {
    padding-bottom: 100px;
  }
}
.view-plan-12--sf {
  background: #451021;
  padding-bottom: 16px;
}
@media (min-width: 992px) {
  .view-plan-12--sf {
    padding-bottom: 60px;
  }
}
.view-plan-12__scroll {
  position: relative;
  z-index: 3;
  padding: 0 30px;
}
.view-plan-12__scroll .btn-navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  background: transparent;
  border: none;
  font-size: 32px;
  padding: 0;
  height: 50px;
  z-index: 4;
  align-self: center;
}
.view-plan-12__scroll .btn-navigation:last-child {
  right: 0;
  left: auto;
}
.view-plan-12__scroll--sf {
  display: flex;
  justify-content: center;
  padding: 0;
  top: -20px;
}
@media (min-width: 992px) {
  .view-plan-12__scroll--sf {
    top: -56px;
    margin-bottom: -56px;
  }
}
.view-plan-12__card {
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .view-plan-12__card {
    width: 360px !important;
  }
}
.view-plan-12__card-wrapper {
  border-radius: 10px;
  background: #fff;
  border: solid 1px #fff;
  padding: 24px 16px;
  height: 100%;
}
.view-plan-12__card-pricing {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid #4ECBB2;
  border-radius: 8px;
  background: #185347;
  position: relative;
  top: -25px;
  padding: 5px 24px;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  margin: 0 auto;
  font-family: var(--cta-15-font-title);
}
.view-plan-12__card-pricing span, .view-plan-12__card-pricing small {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.view-plan-12__card-pricing strong {
  font-size: 24px;
  line-height: 32px;
  margin: 0;
}
.view-plan-12__card-pricing small {
  font-weight: 400;
}
.view-plan-12__card-pricing--sf {
  border-radius: 8px;
  margin: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.view-plan-12__card--sf {
  width: calc(100% - 32px) !important;
  border-radius: 16px;
  background: #fff;
  border: solid 1px #fff;
  padding: 24px 16px;
}
@media (min-width: 992px) {
  .view-plan-12__card--sf {
    width: 722px !important;
    min-height: 468px;
    padding: 48px;
  }
}
.view-plan-12__card-title {
  border-bottom: solid 1px #D1D5DB;
  margin: 0 -16px;
}
.view-plan-12__card-title h1, .view-plan-12__card-title strong {
  color: #393939;
  margin: 0 0 24px;
  font-family: var(--cta-15-font-title);
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
}
.view-plan-12__card-title--sf {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: none;
  margin: 0;
}
.view-plan-12__card-title--sf strong {
  text-align: left;
  margin: 0;
}
.view-plan-12__card-title--sf h1 {
  white-space: pre-line;
  margin: 0;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .view-plan-12__card-title--sf h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.view-plan-12__card-title--sf p {
  text-align: center;
  color: #393939;
  font-family: var(--cta-15-font-title);
  font-size: 14px;
  line-height: 20px;
  margin: 16px 0 0 0;
}
@media (min-width: 992px) {
  .view-plan-12__card-title--sf p {
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0 0 0;
  }
}
@media (min-width: 992px) {
  .view-plan-12__card-title--sf {
    max-width: 98%;
    margin: 0 auto;
  }
}
.view-plan-12__card-title-pricing {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 4px;
  border: solid 1px #D1D5DB;
  margin: 0 auto 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.view-plan-12__card-title-pricing strong {
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}
.view-plan-12__card-title-pricing--sf {
  border-radius: 8px;
  margin: 0 0 24px;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  font-family: var(--cta-15-font-title);
  color: #393939;
  padding: 0;
  gap: 14px;
}
@media (min-width: 440px) {
  .view-plan-12__card-title-pricing--sf {
    margin: 0 auto 24px;
  }
}
.view-plan-12__card-title-pricing--sf p {
  font-size: 16px;
  font-weight: 400;
  line-height: 10px;
  font-family: var(--cta-15-font-title);
  margin: 0;
}
.view-plan-12__card-title-pricing--sf p strong {
  font-size: 1.25rem;
  line-height: 24px;
}
.view-plan-12__card-title-pricing--sf strong {
  font-size: 2.5rem;
}
@media (min-width: 992px) {
  .view-plan-12__card-title-pricing--sf {
    margin: 0 auto 37px;
  }
  .view-plan-12__card-title-pricing--sf p {
    line-height: 24px;
  }
  .view-plan-12__card-title-pricing--sf p strong {
    font-size: 2rem;
    line-height: 32px;
  }
  .view-plan-12__card-title-pricing--sf strong {
    font-size: 3.5rem;
  }
}
.view-plan-12__card-body {
  margin-bottom: 20px;
}
.view-plan-12__card-body ul {
  list-style: none;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
.view-plan-12__card-body ul li {
  display: flex;
  align-items: center;
  column-gap: 14px;
  width: 100%;
  padding: 30px 0;
  position: relative;
}
.view-plan-12__card-body ul li:before {
  width: calc(100% + 32px);
  height: 1px;
  background: #D1D5DB;
  position: absolute;
  bottom: 0;
  left: -16px;
}
.view-plan-12__card-body ul li:not(:last-child):before {
  content: "";
}
.view-plan-12__card-body ul li div, .view-plan-12__card-body ul li p {
  font-size: 14px;
  margin: 0;
  font-weight: 500;
  font-family: var(--cta-15-font-title);
  color: #212121;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.view-plan-12__card-body ul li span, .view-plan-12__card-body ul li i, .view-plan-12__card-body ul li strong, .view-plan-12__card-body ul li b {
  font-weight: 400;
  font-family: "Bebas Neue";
  font-size: 20px;
  letter-spacing: -1px;
  color: #185347;
}
.view-plan-12__card-body ul li strong {
  font-weight: 900;
}
.view-plan-12__card-body ul li .large {
  transform: scale(2);
  margin-left: 9px;
}
.view-plan-12__card-body ul li .empty {
  color: #ABABAB;
}
.view-plan-12__card-body--sf {
  margin: 16px 0 24px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  column-gap: 35px;
}
@media (min-width: 992px) {
  .view-plan-12__card-body--sf {
    margin: 24px 0 32px;
    flex-direction: row;
  }
}
.view-plan-12__card-body--sf ul {
  column-count: 1;
  column-gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 767px) {
  .view-plan-12__card-body--sf ul {
    display: block;
    column-count: 2;
  }
}
.view-plan-12__card-body--sf ul li {
  align-items: flex-start;
  padding: 12px 0;
  column-gap: 16px;
  break-inside: avoid;
}
.view-plan-12__card-body--sf ul li:before {
  display: none;
}
.view-plan-12__card-body--sf ul li div, .view-plan-12__card-body--sf ul li p {
  color: #393939;
}
.view-plan-12__card-body--sf ul li span, .view-plan-12__card-body--sf ul li i, .view-plan-12__card-body--sf ul li strong, .view-plan-12__card-body--sf ul li b {
  color: #851F40;
  font-size: 14px;
}
.view-plan-12__card-body--sf ul li i {
  font-size: 20px;
}
.view-plan-12__card-footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.view-plan-12__card-footer fengstui-button {
  width: 100%;
}
.view-plan-12__card-footer .feng-btn--primary:not(.feng-btn--outline) {
  background: #851F40;
  color: #fff;
  font-family: var(--cta-15-font-title);
  font-size: 14px;
  padding: 10px 24px;
  width: 100%;
}
.view-plan-12__card-footer .feng-btn--secondary.feng-btn--outline {
  color: var(--on-primary);
  border-color: currentColor;
  font-family: var(--cta-15-font-title) !important;
  font-weight: 700;
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .view-plan-12__card-footer--sf {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .view-plan-12__card-footer--sf fengstui-button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.view-plan-12__card-footer--sf .feng-btn--primary:not(.feng-btn--outline) {
  padding: 10px 51px;
}
.view-plan-12__card-footer--sf .feng-btn--secondary.feng-btn--outline {
  color: #851F40;
  border-color: currentColor;
  padding: 10px 45px;
}
.view-plan-12__disclaimer {
  color: #808080;
  font-family: var(--cta-15-font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin: 0;
  padding: 10px 0 20px;
  text-align: center;
}
@media (min-width: 992px) {
  .view-plan-12__disclaimer {
    padding: 50px 0 70px;
  }
}
@media (min-width: 992px) {
  .view-plan-12__disclaimer--sf {
    padding: 40px 0 44px;
  }
}
.fengstplans-view-plan-fngst-1 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 750px;
  position: relative;
  margin: 0 auto;
  padding: 32px 0;
  overflow: hidden;
  max-width: 1680px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1 {
    padding: 80px 0;
  }
}
.fengstplans-view-plan-fngst-1__table {
  max-width: 1392px;
  margin: 0 auto;
}
.fengstplans-view-plan-fngst-1__title {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0 16px;
}
.fengstplans-view-plan-fngst-1__title h1,
.fengstplans-view-plan-fngst-1__title h2 {
  margin: 0;
}
.fengstplans-view-plan-fngst-1__title h1 {
  font-size: 40px;
  font-weight: 900;
  line-height: 100%;
  color: var(--secondary);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1__title h1 {
    font-size: 72px;
  }
}
.fengstplans-view-plan-fngst-1__title h2 {
  font-size: 20px;
  font-weight: 400;
  color: var(--on-info);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1__title h2 {
    font-size: 24px;
  }
}
.fengstplans-view-plan-fngst-1__contract-warning {
  margin: 0 auto 40px;
}
.fengstplans-view-plan-fngst-1__group-container {
  width: inherit !important;
  max-width: inherit !important;
  color: #fff;
}
.fengstplans-view-plan-fngst-1__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan-fngst-1__group-container .info {
  margin: 90px 20px 40px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #7c7c7c;
}
.fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2, .fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 {
  display: block !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2, .fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 {
    display: none !important;
  }
}
.fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2,
.fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 {
  position: absolute;
  transform: translateY(50%);
  top: 50%;
  z-index: 9;
  background: none;
  border: none;
  color: var(--secondary-dark);
  cursor: pointer;
}
.fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2 i,
.fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 i {
  font-size: 40px;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2 i,
.fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 i {
    font-size: 64px;
  }
}
.fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2 {
  left: 0;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2 {
    left: -10px;
  }
}
.fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 {
  right: 0;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 {
    right: -10px;
  }
}
.fengstplans-view-plan-fngst-1 swiper {
  width: inherit !important;
  max-width: inherit !important;
  overflow: hidden;
  justify-content: center;
}
.fengstplans-view-plan-fngst-1 swiper .swiper-pagination {
  bottom: -70px !important;
}
.fengstplans-view-plan-fngst-1 swiper .swiper-button-next:after,
.fengstplans-view-plan-fngst-1 swiper .swiper-button-prev:after {
  color: var(--secondary-dark);
  font-size: 35px;
  font-weight: 900;
}
.fengstplans-view-plan-fngst-1 swiper .swiper-pagination-bullet {
  background-color: white !important;
}
.fengstplans-view-plan-fngst-1 swiper .swiper-container {
  cursor: grab;
}
.fengstplans-view-plan-fngst-1 swiper .swiper-container:active {
  cursor: grabbing;
}
.fengstplans-view-plan-fngst-1__select-group {
  gap: 10px;
  margin: 0 0 16px;
  grid-template: auto auto auto/auto;
  text-align: center;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1__select-group {
    grid-template: auto/auto auto auto;
    margin: 0 0 -1px;
    gap: 0;
  }
}
.fengstplans-view-plan-fngst-1__select-group fengstui-button button {
  background-color: var(--background) !important;
  color: var(--primary) !important;
  font-family: var(--font-title);
  border-radius: 0px !important;
  border: none !important;
  font-size: 16px;
  padding: 0%;
  width: 90%;
  border-bottom: 2px solid rgba(0, 0, 0, 0.24) !important;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1__select-group fengstui-button button {
    padding: 10px 30px 12px;
    width: 40%;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-plan-fngst-1__select-group fengstui-button button {
    width: 30%;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1__select-group fengstui-button button {
    font-size: 18px;
    width: 24%;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-1__select-group fengstui-button button {
    width: 20%;
  }
}
.fengstplans-view-plan-fngst-1__select-group fengstui-button.selected button {
  border: 0;
  color: #fff;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card {
  width: 268px;
  margin: 0 auto;
  padding-top: 170px;
  padding-bottom: 0;
  gap: 40px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1 .fengstplans-plan-card {
    width: 300px;
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background-color: var(--secondary);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description ul li {
    border-color: var(--plans-content-color);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description ul li i::before {
    color: var(--plans-content-color);
  }
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content {
  width: 100%;
  border-radius: 0;
  padding: 70px 0 20px;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content img {
  width: 227.352px;
  transform: rotate(-16deg);
  top: -160px;
  box-shadow: var(--plans-box-shadow);
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content h4 {
  color: var(--plans-content-color);
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--plans-info-color);
  margin: 0;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul {
  border-top: 5px solid var(--plans-border-color);
  grid-gap: 0;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li {
  font-family: "Barlow";
  font-weight: 500;
  line-height: 120%;
  padding: 16px 24px;
  grid-gap: 8px;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li i {
  font-size: 30px;
  width: 65px;
  text-align: center;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li i:before {
  color: var(--secondary-dark);
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-1,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-2,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-3,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-4,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-5,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-6 {
  font-size: 40px;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-desconto-loja,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-carteirinha {
  font-size: 25px;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li + li {
  border-top: 1px solid #e4e4e4;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description p {
  font-family: "Barlow";
  font-weight: 500;
  line-height: 150%;
  margin: 16px;
  text-align: center;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-price {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 0;
  font-family: "Titillium Web";
  font-size: 24px;
  font-weight: 700;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-price span {
  font-family: "Barlow";
  font-size: 16px;
  font-weight: 400;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__action {
  display: initial;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__action fengstui-button {
  display: initial;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__action fengstui-button .feng-btn {
  width: 100%;
  color: black !important;
  background-color: var(--secondary) !important;
  border-radius: 0 !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-1 .fengstplans-plan-card__action fengstui-button .feng-btn {
    font-size: 16px !important;
  }
}
.fengstplans-view-plan-fngst-1__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan-fngst-1__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan-fngst-2 {
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/bg-planos.png") no-repeat center center/cover;
  padding: 30px 0 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 {
    padding: 80px 25px 50px;
  }
}
.fengstplans-view-plan-fngst-2 h1 {
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 h1 {
    font-size: 64px;
    line-height: 130%;
  }
}
.fengstplans-view-plan-fngst-2 h2 {
  color: #FFF;
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 h2 {
    font-size: 24px;
    line-height: 130%;
  }
}
.fengstplans-view-plan-fngst-2-otherplans > button {
  border-radius: 1000px;
  color: var(--primary) !important;
  border-color: var(--primary) !important;
  background: transparent !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__group-container {
  background: transparent !important;
  padding: 0px 10px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__group-container {
    padding: 40px;
    padding-bottom: 0px;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 0;
  grid-template: auto/auto;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto auto;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button {
  width: 100%;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button:first-child button {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button:last-child button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button:first-child button {
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button:last-child button {
    border-top-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 8px;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button button {
  padding: 16px 24px !important;
  background-color: #FFF !important;
  color: #ABABAB !important;
  width: 100%;
  border-radius: 0;
  font-family: Barlow;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button button:hover {
  color: var(--primary) !important;
  background: #d4e7fc !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: var(--primary) !important;
  box-shadow: none;
  border-bottom: 1px solid var(--primary) !important;
  background: #d4e7fc !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card {
  padding: 28% 0;
  gap: 40px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-plan-card {
    padding: 10% 0;
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-plan-card {
    padding: 13% 0;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li {
  display: block;
  width: 100%;
  min-height: 64px;
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  border-top: 1px solid rgba(151, 151, 151, 0.24);
  padding: 1%;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li.white-bar {
  height: 5px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li.gray-bar {
  height: 5px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li.golden-bar {
  height: 5px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li.whitegray-bar {
  height: 5px;
  background: repeating-linear-gradient(to right, #000 0px, #000 50px, #e4e4e4 50px, #e4e4e4 100px);
  margin-bottom: 10px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li > i {
  font-size: 35px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li > :first-child {
  font-size: 28px;
  width: 54px;
  text-align: center;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-cer-prioridad {
  font-size: 14px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content {
  background: white;
  color: #393939;
  border: 0.8px solid #ABABAB;
  padding: 70px 0 20px 0;
  width: 70%;
  border-radius: 10px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content {
    width: auto;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content h4 {
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro-Bold";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content img {
  top: -90px;
  width: 160px;
  height: 98px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description {
  display: flex;
  flex-direction: column;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > div {
  display: flex;
  align-self: center;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul {
  gap: 0px;
  height: 100%;
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-price {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--primary) !important;
  color: white;
  border-radius: 63px;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-price > span {
  font-size: 16px;
  font-weight: 700;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__action {
  display: block !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__action fengstui-button {
  display: block !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__action fengstui-button button {
  width: 74% !important;
  border-radius: 1000px;
  background: var(--secondary) !important;
  border: 0 !important;
  color: white !important;
  margin: auto;
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__action fengstui-button button:hover {
  background-color: var(--secondary) !important;
  border: 0 !important;
  color: white !important;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-plan-card__action fengstui-button button {
    width: 100% !important;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: var(--primary-light);
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 20px;
  margin: 0;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning-box--text {
  color: var(--primary-light);
  font-size: 20px;
  max-width: 200px;
  font-weight: bold;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: white !important;
    color: var(--primary);
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li.golden-bar {
    background: #da9929;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: var(--secondary);
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: #d4e7fc !important;
    color: var(--primary) !important;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button button {
    background-color: #b81b20 !important;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table swiper .swiper-pagination-bullet {
  background: white !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table swiper .swiper-pagination-bullet-active {
  background: var(--secondary) !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: white !important;
    color: #484848;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: #484848;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: #e6e6e6 !important;
    color: #484848;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: #484848;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
}
.fengstplans-view-plan-fngst-2iskids {
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/bg-planos-menores-b.png") repeat-y center center/cover;
  text-align: center;
}
.fengstplans-view-plan-fngst-2iskids > h2 {
  color: #393939 !important;
}
.fengstplans-view-plan-fngst-2kids {
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/bg-planos-menores-b.png") repeat-y center center/cover;
  padding: 60px 30px;
  text-align: center;
}
.fengstplans-view-plan-fngst-2kids-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.fengstplans-view-plan-fngst-2kids-container > h1 {
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
}
.fengstplans-view-plan-fngst-2kids-container > h2 {
  color: #727272;
  text-align: center;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin: 0;
}
.fengstplans-view-plan-fngst-2kids-plancards {
  display: flex;
  flex-direction: column;
  gap: 160px;
  margin: 48px 0 70px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancards {
    margin: auto;
    gap: 32px;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard {
  display: flex;
  flex-direction: column;
  padding: 56px 16px 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  border: 2px solid var(--primary);
  position: relative;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancard {
    padding: 24px 120px 24px 88px;
    justify-content: center;
    align-items: flex-start;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard > img {
  position: absolute;
  height: 110px;
  left: unset;
  top: -55px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancard > img {
    left: -56px;
    top: unset;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard > h4 {
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}
.fengstplans-view-plan-fngst-2kids-plancard > h4 > span {
  color: #ABABAB;
  font-family: "Athletic-Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}
.fengstplans-view-plan-fngst-2kids-plancard-description > ul {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  color: var(--primary);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancard-description > ul {
    flex-direction: row;
    gap: 32px;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard-description > ul > li {
  vertical-align: middle;
  max-width: 100%;
}
.fengstplans-view-plan-fngst-2kids-plancard-description > ul > li:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #E4E4E4;
  padding-right: 0;
  border-right: 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancard-description > ul > li {
    max-width: 120px;
  }
  .fengstplans-view-plan-fngst-2kids-plancard-description > ul > li:not(:last-child) {
    padding-right: 32px;
    border-right: 1px solid #E4E4E4;
    padding-bottom: 0;
    border-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-2kids-plancard-description > ul > li {
    max-width: 160px;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard-action {
  position: absolute;
  right: unset;
  bottom: -74px;
  display: flex;
  gap: 8px;
  flex-direction: column;
  width: 196px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancard-action {
    right: -98px;
    bottom: unset;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard-action-price {
  width: 100%;
  padding: 8px 24px;
  border-radius: 63px;
  background: var(--primary);
  color: #FFF;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.fengstplans-view-plan-fngst-2kids-plancard-action-price > span {
  font-size: 16px;
  font-weight: 400;
}
.fengstplans-view-plan-fngst-2kids-plancard-action > div fengstui-button {
  display: block !important;
}
.fengstplans-view-plan-fngst-2kids-plancard-action > div fengstui-button button {
  width: 100%;
  background-color: var(--secondary);
  color: white;
  border-radius: 1000px;
}
.fengstplans-view-plan-fngst-2kids-plancard-action > div .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--secondary);
}
.fengstplans-view-plan-fngst-2plansdetails {
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/pattern.png") repeat-y center center/cover;
  padding: 30px;
  text-align: center;
}
.fengstplans-view-plan-fngst-2plansdetails-container {
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 56px 32px;
}
.fengstplans-view-plan-fngst-2plansdetails-container > h1 {
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}
.fengstplans-view-plan-fngst-2plansdetails-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2plansdetails-items {
    flex-direction: row;
  }
}
.fengstplans-view-plan-fngst-2plansdetails-item {
  width: 282px;
  max-width: 282px;
  min-height: 214px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border-radius: 8px;
  border: 4px solid var(--primary);
  padding: 32px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2plansdetails-item {
    width: auto;
    max-width: 282px;
  }
}
.fengstplans-view-plan-fngst-2plansdetails-item > img {
  max-width: 80px;
}
.fengstplans-view-plan-fngst-2plansdetails-item > p {
  color: var(--primary);
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
.fengstplans-view-plan-fngst-3 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 750px;
  position: relative;
  margin: 0 auto;
  padding: 32px 0;
  overflow: hidden;
  max-width: 1680px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-3 {
    padding: 80px 0;
  }
}
.fengstplans-view-plan-fngst-3__table {
  max-width: 1392px;
  margin: 0 auto;
}
.fengstplans-view-plan-fngst-3__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 16px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-3__wrapper {
    gap: 32px;
  }
}
.fengstplans-view-plan-fngst-3__title {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.fengstplans-view-plan-fngst-3__title h2 {
  font-family: "Devant Horgen";
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  margin: 0;
  color: var(--secondary);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-3__title h2 {
    font-size: 72px;
  }
}
.fengstplans-view-plan-fngst-3__title h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--on-info);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-3__title h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
.fengstplans-view-plan-fngst-3__contract-warning {
  margin: 0 auto 40px;
}
.fengstplans-view-plan-fngst-3__group-container {
  position: relative;
  width: inherit !important;
  max-width: inherit !important;
  color: #fff;
}
.fengstplans-view-plan-fngst-3__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan-fngst-3__group-container .info {
  margin: 90px 20px 40px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #7c7c7c;
}
.fengstplans-view-plan-fngst-3__group-container-info {
  display: flex;
  margin: 0 auto;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  max-width: 1440px;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-3__group-container-info {
    padding: 48px 16px 0;
  }
}
.fengstplans-view-plan-fngst-3 swiper {
  width: inherit !important;
  max-width: inherit !important;
  overflow: hidden;
  justify-content: center;
}
.fengstplans-view-plan-fngst-3 swiper .swiper-button-prev.swiper-button-disabled,
.fengstplans-view-plan-fngst-3 swiper .swiper-button-next.swiper-button-disabled {
  display: none;
}
.fengstplans-view-plan-fngst-3 swiper .swiper-button-next:after,
.fengstplans-view-plan-fngst-3 swiper .swiper-button-prev:after {
  color: var(--secondary-dark);
  font-size: 35px;
  font-weight: 900;
}
.fengstplans-view-plan-fngst-3 swiper .swiper-button-prev, .fengstplans-view-plan-fngst-3 swiper .swiper-button-next {
  color: white !important;
  font-size: 24px !important;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-3 swiper .swiper-pagination {
    display: none;
  }
}
.fengstplans-view-plan-fngst-3 swiper .swiper-pagination-bullet {
  border: 1px solid white !important;
}
.fengstplans-view-plan-fngst-3 swiper .swiper-container {
  cursor: grab;
}
.fengstplans-view-plan-fngst-3 swiper .swiper-container:active {
  cursor: grabbing;
}
.fengstplans-view-plan-fngst-3__select-group {
  display: flex;
  justify-content: center;
}
.fengstplans-view-plan-fngst-3__select-group-wrapper {
  display: flex;
  width: 100%;
  max-width: 720px;
  border-radius: 16px;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid var(--text-global-800);
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-3__select-group-wrapper {
    flex-direction: row;
    border-radius: 100px;
  }
}
.fengstplans-view-plan-fngst-3__select-group-wrapper fengstui-button {
  width: 100%;
}
.fengstplans-view-plan-fngst-3__select-group-wrapper fengstui-button button {
  width: 100% !important;
  box-shadow: none !important;
  color: var(--text-global-800) !important;
  background: var(--text-global-900) !important;
  border-bottom: 1px solid var(--text-global-800);
}
.fengstplans-view-plan-fngst-3__select-group-wrapper fengstui-button.selected button {
  color: var(--primary) !important;
  border-bottom: 1px solid var(--primary);
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card {
  width: 268px;
  margin: 0 auto;
  padding-top: 170px;
  gap: 32px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-3 .fengstplans-plan-card {
    width: 300px;
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background-color: var(--primary);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: var(--text-global-900);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description ul li {
    border-color: var(--plans-content-color);
    color: var(--text-global-900);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description ul li i::before {
    color: var(--text-global-900);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-3 .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button .feng-btn {
    background-color: var(--secondary) !important;
    color: white !important;
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content-price {
    background-color: var(--secondary) !important;
    color: white !important;
  }
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content {
  width: 100%;
  border-radius: 10px;
  padding: 70px 0 20px;
  background: var(--text-global-900);
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content img {
  width: 227.352px;
  top: -160px;
  box-shadow: var(--plans-box-shadow);
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content h4 {
  color: var(--primary);
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--plans-info-color);
  margin: 0;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul {
  grid-template-rows: repeat(5, 1fr);
  border-top: 5px solid var(--plans-border-color);
  grid-gap: 0;
  height: 100%;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li {
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 120%;
  padding: 16px 24px;
  grid-gap: 8px;
  border-top: 1px solid var(--text-global-600);
  color: white;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li i {
  font-size: 24px;
  width: 44px;
  text-align: center;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li i:before {
  color: var(--primary);
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-1,
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-2,
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-3,
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-4,
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-5,
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-6 {
  font-size: 40px;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li .fengi-icon-desconto-loja,
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description ul li .fengi-icon-carteirinha {
  font-size: 25px;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-description p {
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 150%;
  margin: 16px;
  text-align: center;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-price {
  display: flex;
  align-items: center;
  font-family: "Montserrat";
  gap: 4px;
  border-radius: 0;
  font-size: 24px;
  font-weight: 700;
  padding: 10px 24px;
  border-radius: 63px;
  color: var(--text-global-black);
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__content-price span {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__action {
  display: initial;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__action fengstui-button {
  display: initial;
}
.fengstplans-view-plan-fngst-3 .fengstplans-plan-card__action fengstui-button .feng-btn {
  width: 100%;
  color: var(--secondary) !important;
  background-color: black !important;
  border-radius: 100px !important;
  border: 1px solid var(--secondary);
  font-weight: 700 !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-3 .fengstplans-plan-card__action fengstui-button .feng-btn {
    font-size: 16px !important;
  }
}
.fengstplans-view-plan-fngst-3__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-3__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-3__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan-fngst-3__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan-fngst-4 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 750px;
  position: relative;
  margin: 0 auto;
  padding: 32px 0;
  overflow: hidden;
  max-width: 1680px;
  background: transparent;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-4 {
    padding: 80px 0;
  }
}
.fengstplans-view-plan-fngst-4__table {
  max-width: 1700px;
  margin: 0 auto;
}
.fengstplans-view-plan-fngst-4__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 16px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-4__wrapper {
    gap: 32px;
  }
}
.fengstplans-view-plan-fngst-4__title {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.fengstplans-view-plan-fngst-4__title h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
  color: var(--secondary);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-4__title h2 {
    font-size: 72px;
  }
}
.fengstplans-view-plan-fngst-4__title h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-4__title h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
.fengstplans-view-plan-fngst-4__contract-warning {
  margin: 0 auto 40px;
}
.fengstplans-view-plan-fngst-4__group-container {
  position: relative;
  width: inherit !important;
  max-width: inherit !important;
}
.fengstplans-view-plan-fngst-4__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan-fngst-4__group-container .info {
  margin: 90px 20px 40px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
.fengstplans-view-plan-fngst-4__group-container-info {
  display: flex;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  max-width: 1680px;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-4__group-container-info {
    padding: 48px 16px 0;
  }
}
.fengstplans-view-plan-fngst-4 swiper {
  width: inherit !important;
  max-width: inherit !important;
  overflow: hidden;
  justify-content: center;
}
.fengstplans-view-plan-fngst-4 swiper .swiper-button-prev.swiper-button-disabled,
.fengstplans-view-plan-fngst-4 swiper .swiper-button-next.swiper-button-disabled {
  display: none;
}
.fengstplans-view-plan-fngst-4 swiper .swiper-button-next:after,
.fengstplans-view-plan-fngst-4 swiper .swiper-button-prev:after {
  color: var(--secondary-dark);
  font-size: 35px;
  font-weight: 900;
}
.fengstplans-view-plan-fngst-4 swiper .swiper-button-prev,
.fengstplans-view-plan-fngst-4 swiper .swiper-button-next {
  color: var(--on-background) !important;
  font-size: 24px !important;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-4 swiper .swiper-pagination {
    display: none;
  }
}
.fengstplans-view-plan-fngst-4 swiper .swiper-pagination-bullet {
  border: 1px solid var(--info) !important;
  background-color: var(--background) !important;
}
.fengstplans-view-plan-fngst-4 swiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-handle .swiper-pagination-bullet-active {
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan-fngst-4 swiper .swiper-container {
  cursor: grab;
}
.fengstplans-view-plan-fngst-4 swiper .swiper-container:active {
  cursor: grabbing;
}
.fengstplans-view-plan-fngst-4__select-group {
  display: flex;
  justify-content: center;
}
.fengstplans-view-plan-fngst-4__select-group-wrapper {
  display: flex;
  width: 100%;
  max-width: 720px;
  border-radius: 16px;
  overflow: hidden;
  flex-direction: column;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5);
}
@media (min-width: 767px) {
  .fengstplans-view-plan-fngst-4__select-group-wrapper {
    flex-direction: row;
    border-radius: 100px;
  }
}
.fengstplans-view-plan-fngst-4__select-group-wrapper fengstui-button {
  width: 100%;
}
.fengstplans-view-plan-fngst-4__select-group-wrapper fengstui-button button {
  width: 100% !important;
  box-shadow: none !important;
  color: #727272 !important;
  background: var(--plans-select-group-bg-color) !important;
}
.fengstplans-view-plan-fngst-4__select-group-wrapper fengstui-button.selected button {
  color: var(--secondary) !important;
  border-bottom: 2px solid var(--secondary);
  background: var(--plans-select-group-bg-color) !important;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card {
  width: 268px;
  margin: 0 auto;
  gap: 32px;
  padding-top: 80px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-4 .fengstplans-plan-card {
    padding-top: 120px;
    width: 300px;
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background-color: var(--secondary);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: var(--background);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description ul li {
    color: var(--background);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description ul li i::before {
    color: var(--background);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-4 .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button .feng-btn {
    background-color: var(--secondary) !important;
    color: var(--background) !important;
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content-price {
    background-color: var(--secondary) !important;
    border-color: 1px solid var(--secondary) !important;
    color: var(--background) !important;
  }
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content {
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--plans-content-border-color);
  padding: 100px 0 20px;
  background: var(--background);
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content img {
  width: 200px;
  transform: rotate(-1deg);
  top: -115px;
  box-shadow: var(--plans-box-shadow);
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content h4 {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--on-background);
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul {
  grid-auto-rows: 1fr;
  grid-gap: 0;
  height: 100%;
  margin-top: 15px;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li {
  font-weight: 500;
  line-height: 120%;
  padding: 16px 24px;
  grid-gap: 8px;
  border-top: 1px solid var(--plans-content-border-color);
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li i {
  font-size: 24px;
  text-align: center;
  width: 44px;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li i:before {
  color: var(--primary);
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-nrn-50,
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-nrn-30,
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-nrn-20 {
  font-size: 18px;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-1,
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-2,
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-3,
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-4,
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-5,
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-6 {
  font-size: 40px;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-desconto-loja,
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description ul li .fengi-icon-carteirinha {
  font-size: 25px;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-description p {
  font-weight: 500;
  line-height: 150%;
  margin: 16px;
  text-align: center;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-price {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 24px;
  font-weight: 700;
  padding: 10px 24px;
  border-radius: 63px;
  border: 1px solid var(--primary);
  color: var(--background);
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__content-price span {
  font-size: 16px;
  font-weight: 400;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__action {
  display: initial;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__action fengstui-button {
  display: initial;
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__action fengstui-button .feng-btn.feng-btn--primary {
  width: 100%;
  color: var(--on-primary) !important;
  background-color: var(--secondary) !important;
  border-radius: 100px !important;
  border: 1px solid var(--secondary);
  font-weight: 700 !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-4 .fengstplans-plan-card__action fengstui-button .feng-btn.feng-btn--primary {
    font-size: 16px !important;
  }
}
.fengstplans-view-plan-fngst-4 .fengstplans-plan-card__action fengstui-button .feng-btn.feng-btn--secondary {
  width: 100%;
  color: var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 100px !important;
  border: 1px solid var(--secondary);
  font-weight: 700 !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-4 .fengstplans-plan-card__action fengstui-button .feng-btn.feng-btn--secondary {
    font-size: 16px !important;
  }
}
.fengstplans-view-plan-fngst-4__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-4__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-4__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan-fngst-4__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
:host ::ng-deep .app-main-content {
  margin-top: 40px;
}
.fengstplans-view-plan-outside {
  display: block;
  width: 100%;
  min-height: 70vh;
  min-width: 320px;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: relative;
  padding: 80px 0 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside {
    max-width: var(--max-width);
    padding: 80px 25px 0;
  }
}
.fengstplans-view-plan-outside .line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.fengstplans-view-plan-outside h1 {
  color: var(--primary);
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
  font-style: italic;
  font-weight: 800;
  font-size: 30px;
  line-height: 1em;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-outside h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside h1 {
    font-size: 57px;
    line-height: 68px;
    padding: 0;
  }
}
.fengstplans-view-plan-outside h2 {
  color: var(--on-surface);
  text-align: center;
  margin: 14px auto 44px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-outside h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
  }
}
.fengstplans-view-plan-outside__select-group {
  margin: 0 auto 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  grid-template: auto auto/auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-outside__select-group {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plan-outside__select-group fengstui-button.general {
  margin: auto;
}
.fengstplans-view-plan-outside__select-group fengstui-button.general button {
  font-family: var(--font-title) !important;
  border-radius: 5px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__select-group fengstui-button.general button {
    padding: 10px 30px 12px !important;
    font-size: 18px;
  }
}
.fengstplans-view-plan-outside__select-group fengstui-button.general button:hover {
  background-color: black !important;
}
.fengstplans-view-plan-outside__select-group fengstui-button.general.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plan-outside__select-group fengstui-button.off {
  margin: auto;
}
.fengstplans-view-plan-outside__select-group fengstui-button.off button {
  font-family: var(--font-title) !important;
  border-radius: 5px;
  font-size: 14px;
  background-color: black !important;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__select-group fengstui-button.off button {
    padding: 10px 30px 12px !important;
    font-size: 18px;
  }
}
.fengstplans-view-plan-outside__select-group fengstui-button.off button:hover {
  background-color: var(--primary) !important;
}
.fengstplans-view-plan-outside__select-group fengstui-button.off.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plan-outside__group-container .group-type-title {
  font-family: var(--font-title);
  text-align: center;
  font-size: 16px;
  padding: 0 14px;
}
.fengstplans-view-plan-outside__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan-outside__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan-outside__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__table {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan-outside__table .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__action fengstui-button button {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
.fengstplans-view-plan-outside swiper .swiper-button-next:after,
.fengstplans-view-plan-outside swiper .swiper-button-prev:after {
  color: var(--primary);
}
.fengstplans-view-plan-outside swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--primary);
  opacity: 0.5;
}
.fengstplans-view-plan-outside swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.fengstplans-view-plan-outside swiper .swiper-pagination {
  pointer-events: all !important;
}
.fengstplans-view-plan-outside__socioclube {
  background: #0026159e;
  color: white;
  font-size: 18px;
  padding: 0 0 30px;
  margin: auto;
  text-align: center;
}
.fengstplans-view-plan-outside__socioclube > p {
  margin: 0 auto;
  padding: 0 30px;
}
.fengstplans-view-plan-outside__warning {
  display: block;
  margin: auto;
  padding: 26px 0;
  text-align: center;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__warning {
    padding: 66px 0;
  }
}
.fengstplans-view-plan-outside__warning h1 {
  font-size: 22px;
  line-height: 28px;
  color: var(--primary);
  margin: 0 0 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__warning h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fengstplans-view-plan-outside__warning-boxes {
  display: grid;
  grid-template: auto auto auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-outside__warning-boxes {
    grid-template: auto auto auto/auto auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__warning-boxes {
    grid-template: auto/auto auto auto auto auto;
  }
}
.fengstplans-view-plan-outside__warning-box {
  display: grid;
  grid-template: 50px auto/auto;
  grid-gap: 30px;
  align-items: flex-start;
}
.fengstplans-view-plan-outside__warning-box--icon {
  font-size: 50px;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path2:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path3:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path4:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path5:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path6:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path7:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path8:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path9:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path10:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path11:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path12:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path13:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path14:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path15:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path16:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path17:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--text {
  margin: 0 auto;
  font-family: var(--font-title);
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 150px;
}
.fengstplans-view-plan-outside__warning .guest-w {
  margin: 0 0 50px;
}
.fengstplans-view-plan-outside--template-1 {
  font-family: "Heebo";
}
.fengstplans-view-plan-outside--template-1 h1 {
  font-size: 58px;
  line-height: 44px;
  color: var(--secondary);
  text-shadow: 4px 4px 0px var(--primary);
  font-style: normal;
}
.fengstplans-view-plan-outside--template-1 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__group-container {
  padding: 30px 14px;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__group-container .group-type-title {
  font-size: 22px;
  line-height: 24px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group {
  gap: 0;
  margin: 30px 0 0;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button.general button {
  background-color: var(--on-surface) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button.general button:hover {
  color: var(--secondary);
  background-color: var(--primary) !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button.off button {
  background-color: var(--primary) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button.off button:hover {
  color: var(--secondary) !important;
  background-color: var(--on-surface) !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button.selected button {
  color: var(--primary);
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card {
  padding: 84px 0;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__table {
  background: #323A52;
  border-radius: 4px;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__table {
    padding: 40px 40px 0;
  }
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content {
  border-radius: 0;
  background: white;
  color: var(--primary);
  border: 0;
  padding: 70px 1rem 20px 1rem;
  width: 100%;
  max-width: 18rem;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content {
    max-width: 30rem;
    width: auto;
  }
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content h4 {
  color: var(--primary);
  font-size: 24px;
  text-align: center;
  line-height: 22px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  filter: drop-shadow(0px 0px 10.699px rgba(255, 255, 255, 0.25));
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
  color: var(--primary);
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__table > :nth-of-type(odd) .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content .fengstplans-plan-outside-card__content-price {
  background: var(--secondary) !important;
  color: white !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__table > :nth-of-type(even) .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content .fengstplans-plan-outside-card__content-price {
  background: white !important;
  color: black !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content {
  background: var(--primary);
  color: var(--secondary);
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content h4 {
  color: var(--secondary);
  font-size: 24px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content img {
  content: normal;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content-price {
  background: transparent !important;
  color: #ffffff;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__action fengstui-button button {
  border-radius: 0;
  color: white !important;
  border: 2px solid white;
  background-color: var(--secondary) !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 9px 20px 8px !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning {
  font-style: normal;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning h1 {
  font-style: normal;
  font-size: 24px;
  color: var(--secondary);
  font-family: "GillSans";
  text-shadow: none;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning h2 {
  color: #F8F8F8;
  font-size: 18px;
  margin: 0;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-boxes {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-boxes {
    grid-template: auto/auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-boxes {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-box--text {
  color: var(--secondary);
  font-size: 20px;
  max-width: 200px;
  font-weight: normal;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-box--text {
    max-width: 100%;
  }
}
.fengstplans-view-plan-outside--template-2 {
  font-family: "Heebo";
  padding-bottom: 120px;
}
.fengstplans-view-plan-outside--template-2 h1 {
  color: var(--secondary);
  font-style: normal;
}
.fengstplans-view-plan-outside--template-2 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__group-container {
  background: transparent;
  padding: 0px 14px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__group-container {
    padding: none;
  }
}
.fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card {
  padding: 84px 0;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description > ul > li {
  width: 100%;
  height: 64px;
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
  padding: 1%;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description > ul > li.golden-bar {
  height: 5px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description > ul > li > div {
  font-family: Uni-sans;
  font-weight: 400;
  font-size: 14px;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description > ul > li > :first-child {
  font-size: 28px;
  width: 54px;
  text-align: center;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__table {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__table h2 {
  color: var(--primary-light);
  font-style: normal;
  font-size: 28px;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__table h3 {
  color: var(--event-color-text-primary);
  font-size: 18.1285px;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content {
  border-radius: 0;
  background: transparent;
  color: #484848;
  border: 1px solid #484848;
  padding: 70px 0 20px 0;
  width: 70%;
  border-radius: 15px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content {
    width: auto;
  }
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content h4 {
  color: #484848;
  font-size: 18px;
  font-family: var(--font-primary);
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  filter: drop-shadow(0px 0px 10.699px rgba(255, 255, 255, 0.25));
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-price {
  border-radius: 0;
  font-family: var(--font-primary);
  font-size: 22px !important;
  background: var(--secondary) !important;
  color: white;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content {
  background: var(--secondary);
  color: white;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content-price {
  background: black !important;
  color: white !important;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content-description > ul > li.golden-bar {
  background: #da9929;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content-description > ul > li > :first-child {
  color: #484848;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content h4 {
  color: white;
  font-size: 18px;
  font-family: var(--font-primary);
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content img {
  content: normal;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__action fengstui-button button {
  border-radius: 0;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary);
  background-color: transparent !important;
}
:host ::ng-deep .app-main-content {
  margin-top: 40px;
}
.fengstplans-view-plans-intent {
  display: block;
  width: 100%;
  min-height: 70vh;
  min-width: 320px;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: relative;
  padding: 80px 0 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent {
    max-width: var(--max-width);
    padding: 80px 25px 0;
  }
}
.fengstplans-view-plans-intent .line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.fengstplans-view-plans-intent h1 {
  color: var(--primary);
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
  font-style: italic;
  font-weight: 800;
  font-size: 30px;
  line-height: 1em;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plans-intent h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent h1 {
    font-size: 57px;
    line-height: 68px;
    padding: 0;
  }
}
.fengstplans-view-plans-intent h2 {
  color: var(--on-surface);
  text-align: center;
  margin: 14px auto 44px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plans-intent h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
  }
}
.fengstplans-view-plans-intent__select-group {
  margin: 0 auto 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  grid-template: auto auto/auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plans-intent__select-group {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plans-intent__select-group fengstui-button.general {
  margin: auto;
}
.fengstplans-view-plans-intent__select-group fengstui-button.general button {
  font-family: var(--font-title) !important;
  border-radius: 5px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__select-group fengstui-button.general button {
    padding: 10px 30px 12px !important;
    font-size: 18px;
  }
}
.fengstplans-view-plans-intent__select-group fengstui-button.general button:hover {
  background-color: black !important;
}
.fengstplans-view-plans-intent__select-group fengstui-button.general.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plans-intent__select-group fengstui-button.off {
  margin: auto;
}
.fengstplans-view-plans-intent__select-group fengstui-button.off button {
  font-family: var(--font-title) !important;
  border-radius: 5px;
  font-size: 14px;
  background-color: black !important;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__select-group fengstui-button.off button {
    padding: 10px 30px 12px !important;
    font-size: 18px;
  }
}
.fengstplans-view-plans-intent__select-group fengstui-button.off button:hover {
  background-color: var(--primary) !important;
}
.fengstplans-view-plans-intent__select-group fengstui-button.off.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plans-intent__group-container .group-type-title {
  font-family: var(--font-title);
  text-align: center;
  font-size: 16px;
  padding: 0 14px;
}
.fengstplans-view-plans-intent__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plans-intent__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plans-intent__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__table {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plans-intent__table .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__action fengstui-button button {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
.fengstplans-view-plans-intent swiper .swiper-button-next:after,
.fengstplans-view-plans-intent swiper .swiper-button-prev:after {
  color: var(--primary);
}
.fengstplans-view-plans-intent swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--primary);
  opacity: 0.5;
}
.fengstplans-view-plans-intent swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.fengstplans-view-plans-intent swiper .swiper-pagination {
  pointer-events: all !important;
}
.fengstplans-view-plans-intent__socioclube {
  background: #0026159e;
  color: white;
  font-size: 18px;
  padding: 0 0 30px;
  margin: auto;
  text-align: center;
}
.fengstplans-view-plans-intent__socioclube > p {
  margin: 0 auto;
  padding: 0 30px;
}
.fengstplans-view-plans-intent__warning {
  display: block;
  margin: auto;
  padding: 26px 0;
  text-align: center;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__warning {
    padding: 66px 0;
  }
}
.fengstplans-view-plans-intent__warning h1 {
  font-size: 22px;
  line-height: 28px;
  color: var(--primary);
  margin: 0 0 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__warning h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fengstplans-view-plans-intent__warning-boxes {
  display: grid;
  grid-template: auto auto auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto auto auto/auto auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto/auto auto auto auto auto;
  }
}
.fengstplans-view-plans-intent__warning-box {
  display: grid;
  grid-template: 50px auto/auto;
  grid-gap: 30px;
  align-items: flex-start;
}
.fengstplans-view-plans-intent__warning-box--icon {
  font-size: 50px;
}
.fengstplans-view-plans-intent__warning-box--text {
  margin: 0 auto;
  font-family: var(--font-title);
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 150px;
}
.fengstplans-view-plans-intent__warning .guest-w {
  margin: 0 0 50px;
}
.fengstplans-view-plans-intent--template-1 {
  font-family: "Heebo";
}
.fengstplans-view-plans-intent--template-1 h1 {
  font-size: 58px;
  line-height: 44px;
  color: var(--secondary);
  text-shadow: 4px 4px 0px var(--primary);
  font-style: normal;
}
.fengstplans-view-plans-intent--template-1 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__group-container {
  padding: 30px 14px;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__group-container .group-type-title {
  font-size: 22px;
  line-height: 24px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group {
  gap: 0;
  margin: 30px 0 0;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button.general button {
  background-color: var(--on-surface) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button.general button:hover {
  color: var(--secondary);
  background-color: var(--primary) !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button.off button {
  background-color: var(--primary) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button.off button:hover {
  color: var(--secondary) !important;
  background-color: var(--on-surface) !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button.selected button {
  color: var(--primary);
  background-color: var(--secondary) !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card {
  padding: 84px 0;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__table {
  background: #323A52;
  border-radius: 4px;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__table {
    padding: 40px 40px 0;
  }
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content {
  border-radius: 0;
  background: white;
  color: var(--primary);
  border: 0;
  padding: 70px 1rem 20px 1rem;
  width: 100%;
  max-width: 18rem;
}
@media (min-width: 767px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content {
    max-width: 30rem;
    width: auto;
  }
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content h4 {
  color: var(--primary);
  font-size: 24px;
  text-align: center;
  line-height: 22px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  filter: drop-shadow(0px 0px 10.699px rgba(255, 255, 255, 0.25));
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
  color: var(--primary);
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__table > :nth-of-type(odd) .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content .fengstplans-plans-intent-card__content-price {
  background: var(--secondary) !important;
  color: white !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__table > :nth-of-type(even) .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content .fengstplans-plans-intent-card__content-price {
  background: white !important;
  color: black !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content {
  background: var(--primary);
  color: var(--secondary);
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content h4 {
  color: var(--secondary);
  font-size: 24px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content img {
  content: normal;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content-price {
  background: transparent !important;
  color: #ffffff;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__action fengstui-button button {
  border-radius: 0;
  color: white !important;
  border: 2px solid white;
  background-color: var(--secondary) !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 9px 20px 8px !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning {
  font-style: normal;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning h1 {
  font-style: normal;
  font-size: 24px;
  color: var(--secondary);
  font-family: "GillSans";
  text-shadow: none;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning h2 {
  color: #F8F8F8;
  font-size: 18px;
  margin: 0;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-boxes {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto/auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-box--text {
  color: var(--secondary);
  font-size: 20px;
  max-width: 200px;
  font-weight: normal;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-box--text {
    max-width: 100%;
  }
}
.fengstplans-view-plans-intent--template-2 {
  font-family: "Heebo";
  padding-bottom: 208px;
}
.fengstplans-view-plans-intent--template-2 h1 {
  color: var(--secondary);
  font-style: normal;
}
.fengstplans-view-plans-intent--template-2 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__group-container {
  background: #00000061;
  padding: 30px 14px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card {
  padding: 84px 0;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
  font: normal 14px/20px var(--font-primary) !important;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__table {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__table h2 {
  color: var(--primary-light);
  font-style: normal;
  font-size: 28px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__table h3 {
  color: var(--event-color-text-primary);
  font-size: 18.1285px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 1px solid #484848;
  padding: 70px 17px 20px 17px;
  width: 68%;
}
@media (min-width: 767px) {
  .fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content {
    width: auto;
  }
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  filter: drop-shadow(0px 0px 10.699px rgba(255, 255, 255, 0.25));
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-price {
  border-radius: 0;
  font-family: var(--font-primary);
  font-size: 22px !important;
  background: var(--secondary) !important;
  color: white;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__table > :nth-of-type(odd) .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content .fengstplans-plans-intent-card__content-price {
  background: black !important;
  color: white !important;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__table > :nth-of-type(even) .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content .fengstplans-plans-intent-card__content-price {
  background: white !important;
  color: black !important;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content {
  background: black;
  color: white;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content img {
  content: normal;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content-price {
  background: var(--primary) !important;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__action fengstui-button button {
  border-radius: 0;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary);
  background-color: transparent !important;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning {
  font-style: normal;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning h1 {
  font-style: normal;
  font-size: 24px;
  color: var(--secondary);
  font-family: "GillSans";
  text-shadow: none;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning h2 {
  color: #F8F8F8;
  font-size: 18px;
  margin: 0;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-boxes {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto/auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-box--text {
  color: var(--secondary);
  font-size: 20px;
  max-width: 200px;
  font-weight: normal;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-box--text {
    max-width: 100%;
  }
}
:host ::ng-deep .app-main-content {
  margin-top: 40px;
}
.fengstplans-view-plan-jr {
  display: block;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: relative;
  padding: 80px 0 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr {
    max-width: var(--max-width);
    padding: 80px 25px 0;
  }
}
.fengstplans-view-plan-jr .line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.fengstplans-view-plan-jr h1 {
  color: var(--primary);
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
  font-family: "IntegralCF-Bold";
  font-style: italic;
  font-weight: 800;
  font-size: 30px;
  line-height: 42px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-jr h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr h1 {
    font-size: 57px;
    line-height: 68px;
    padding: 0;
  }
}
.fengstplans-view-plan-jr h2 {
  color: var(--on-surface);
  text-align: center;
  margin: 14px auto 44px;
  font-family: "IntegralCF-SemiBold";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-jr h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
  }
}
.fengstplans-view-plan-jr__select-group {
  margin: 0 auto 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  grid-template: auto auto/auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-jr__select-group {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plan-jr__group-container .group-type-title {
  font-family: var(--font-title);
  text-align: center;
  font-size: 16px;
  padding: 0 14px;
}
.fengstplans-view-plan-jr__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan-jr__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan-jr__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__table {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__table > :nth-of-type(1) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
    background: var(--primary);
    color: white;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(1) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-vermelho-black.png");
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(1) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
    color: black;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(1) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
    background: black !important;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(2) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
    background: white;
    color: black;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(2) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-branco-black.png");
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(2) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
    color: var(--primary);
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(2) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
    background: black !important;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
    background: black;
    color: white;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-preto-white.png");
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
    color: white;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
    background: white !important;
    color: var(--primary) !important;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(4) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
    background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/hover-bg-tricolor.png") no-repeat center center/100% 100%;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(4) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-tricolor-black.png");
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(4) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
    background: black !important;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(5) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
    background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/hover-bg-diamante.png") no-repeat center center/cover;
    color: white;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(5) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-diamante-white.png");
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(5) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
    color: white;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(5) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
    background: white !important;
    color: var(--primary) !important;
  }
}
.fengstplans-view-plan-jr swiper .swiper-button-next:after,
.fengstplans-view-plan-jr swiper .swiper-button-prev:after {
  color: var(--primary);
}
.fengstplans-view-plan-jr swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--primary);
  opacity: 0.5;
}
.fengstplans-view-plan-jr swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.fengstplans-view-plan-jr swiper .swiper-pagination {
  pointer-events: all !important;
}
.fengstplans-view-plan-jr__warning {
  display: block;
  margin: auto;
  padding: 26px 0;
  text-align: center;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__warning {
    padding: 66px 0;
  }
}
.fengstplans-view-plan-jr__warning h1 {
  font-family: "IntegralCF-Bold";
  font-size: 22px;
  line-height: 28px;
  color: var(--primary);
  margin: 0 0 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__warning h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fengstplans-view-plan-jr__warning-boxes {
  display: grid;
  grid-template: auto auto auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-jr__warning-boxes {
    grid-template: auto auto auto/auto auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__warning-boxes {
    grid-template: auto/auto auto auto auto auto;
  }
}
.fengstplans-view-plan-jr__warning-box {
  display: grid;
  grid-template: 50px auto/auto;
  grid-gap: 30px;
  align-items: flex-start;
}
.fengstplans-view-plan-jr__warning-box--icon {
  font-size: 50px;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path2:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path3:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path4:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path5:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path6:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path7:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path8:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path9:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path10:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path11:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path12:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path13:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path14:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path15:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path16:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path17:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--text {
  margin: 0 auto;
  font-family: var(--font-title);
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 150px;
}
.fengstplans-view-plan-jr__warning .guest-w {
  margin: 0 0 50px;
}
.fengstplans-view-plan-jr.view-plan-2 h1, .fengstplans-view-plan-jr--view-plan-2 h1 {
  color: var(--secondary);
  font-style: normal;
}
.fengstplans-view-plan-jr.view-plan-2 h2, .fengstplans-view-plan-jr--view-plan-2 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__group-container, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container {
  background: #00000061;
  padding: 30px 14px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__group-container, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__group-container .group-type-title, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 0;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: #414141 !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button:hover, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  background-color: black !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: black !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button:hover, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  background-color: #414141 !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.selected button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: #FFF;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr {
  padding: 84px 0;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.white-bar, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.gray-bar, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.golden-bar, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.golden-bar {
  height: 20px;
  background: var(--secondary);
  margin-bottom: 10px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.whitegray-bar, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > div, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > :first-child, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 1px solid #484848;
  padding: 70px 0 20px 0;
  width: 70%;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content {
    width: auto;
  }
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content h4, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content img, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit > div, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-price, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
  background: black !important;
  color: white !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
  background: black;
  color: white;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content img, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content img {
  content: normal;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content-price, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content-price {
  background: var(--primary) !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__action fengstui-button button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__action fengstui-button button {
  border-radius: 0;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary);
  background-color: black !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__action fengstui-button button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__action fengstui-button button {
  border-radius: 0;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary);
  background-color: transparent !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 12px 20px 16px !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning h1, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: var(--primary-light);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning h2, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 20px;
  margin: 0;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning .icon-people-talk:before, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning .icon-plus-big:before, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning-box, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning-box--icon, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning-box--icon > img, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning-box--text, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--text {
  color: var(--primary-light);
  font-size: 20px;
  max-width: 200px;
  font-weight: bold;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning-box--text, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.view-plan-jr {
  display: block;
  width: 100%;
  height: 100%;
  background: url("https://botafogo.s3.amazonaws.com/prod/images/fundo-tecido-posts-quadrado.png") no-repeat fixed, #484848;
}
@media (min-width: 992px) {
  .view-plan-jr {
    background: url("https://botafogo.s3.amazonaws.com/prod/images/logo-camisa7-quadrado.png") no-repeat bottom right, url("https://botafogo.s3.amazonaws.com/prod/images/fundo_tecido%2BCRIA--ALVINEGRA.png") no-repeat fixed;
    background-size: 20%, 100%;
  }
}
.view-plan-jr__content {
  display: block;
  width: 100%;
  text-transform: uppercase;
  color: white;
  text-align: center;
  margin-top: 75px;
  margin-bottom: 30px;
  font-size: 9px;
}
@media (min-width: 992px) {
  .view-plan-jr__content {
    font-size: 14px;
  }
}
.view-plan-jr__header {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 50px !important;
  color: var(--secondary);
}
.view-plan-jr__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 35px;
}
@media (min-width: 992px) {
  .view-plan-jr__header h1 {
    font-size: 60px;
  }
}
.view-plan-jr__header span.white-letter {
  color: white !important;
}
.view-plan-jr__header span.black-letter {
  color: black !important;
}
.view-plan-jr__header h2 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: -65px;
  display: block;
  background: var(--secondary);
  color: white !important;
  width: 95%;
  font-size: 10px;
  text-align: center;
  padding: 5px;
  margin: 0px;
}
@media (min-width: 992px) {
  .view-plan-jr__header h2 {
    font-size: 19px;
    bottom: -65px;
    max-width: 690px;
  }
}
.view-plan-jr__plans {
  display: block;
  max-width: 960px;
  margin: auto;
}
.view-plan-jr--view-plan-2 h1 {
  color: var(--secondary);
  font-style: normal;
}
.view-plan-jr--view-plan-2 h2 {
  color: var(--primary-light);
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container {
  padding: 30px 14px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container {
    padding: 40px;
  }
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 0;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: #414141 !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  background-color: black !important;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: black !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  background-color: #414141 !important;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: #FFF;
  background-color: var(--secondary) !important;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr {
  padding: 84px 0;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.golden-bar {
  height: 20px;
  background: var(--secondary);
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > div {
  padding: 0 20px;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 1px solid #484848;
  padding: 70px 0 20px 0;
  width: 70%;
}
@media (min-width: 767px) {
  .view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content {
    width: auto;
  }
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit {
  cursor: pointer;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit > div {
  text-decoration: underline;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
  background: black !important;
  color: white !important;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
  background: black;
  color: white;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content img {
  content: normal;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content-price {
  background: var(--primary) !important;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__action fengstui-button button {
  border-radius: 0;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary);
  background-color: black !important;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning {
  font-style: normal;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: var(--primary-light);
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 20px;
  margin: 0;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--text {
  color: var(--primary-light);
  font-size: 20px;
  max-width: 200px;
  font-weight: bold;
  font-family: inherit;
}
@media (min-width: 576px) {
  .view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.view-plan-jr--view-plan-4 {
  background: #FFF;
  color: black;
}
@media (min-width: 992px) {
  .view-plan-jr--view-plan-4 {
    background: #FFF;
    background-size: 20%, 100%;
  }
}
.view-plan-jr--view-plan-4 h1 {
  font-size: 58px;
  line-height: 44px;
  color: var(--secondary);
  text-shadow: 4px 4px 0px var(--primary);
  font-style: normal;
}
.view-plan-jr--view-plan-4 h2 {
  color: var(--primary-light);
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__group-container {
  padding: 0px 14px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .view-plan-jr--view-plan-4 .fengstplans-view-plan__group-container {
    padding: 0 40px;
  }
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 0;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: #414141 !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  background-color: black !important;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: black !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  background-color: #414141 !important;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: #FFF;
  background-color: var(--secondary) !important;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr {
  padding: 84px 0;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li.golden-bar {
  height: 20px;
  background: var(--secondary);
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li > div {
  padding: 0 20px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 1px solid #484848;
  padding: 70px 0 20px 0;
  width: 70%;
}
@media (min-width: 767px) {
  .view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content {
    width: auto;
  }
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
  line-height: 100%;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description strong.openkit {
  cursor: pointer;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description strong.openkit > div {
  text-decoration: underline;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
  background: black !important;
  color: white !important;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
  background: black;
  color: white;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
  line-height: 100%;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content img {
  content: normal;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content-price {
  background: var(--primary) !important;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__action fengstui-button button {
  border-radius: 0;
  color: white !important;
  border: 2px solid white;
  background-color: var(--secondary) !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 9px 20px 8px !important;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning {
  font-style: normal;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: var(--primary-light);
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 20px;
  margin: 0;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning-box--text {
  color: var(--primary-light);
  font-size: 20px;
  max-width: 200px;
  font-weight: bold;
  font-family: inherit;
}
@media (min-width: 576px) {
  .view-plan-jr--view-plan-4 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.plans-container {
  background: var(--plans-background);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fengstplans-plan-card {
  position: relative;
  display: grid;
  grid-template: auto 50px/1fr;
  gap: 30px;
  padding: 50px 0;
  height: 100%;
}
.fengstplans-plan-card .barcelonawarn {
  margin: 0 auto !important;
  line-height: 100% !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  text-align: center !important;
  font-family: Roboto !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  border-radius: 4px !important;
  border: 1px solid #FFE900;
  padding: 10px !important;
}
@media (min-width: 1200px) {
  .fengstplans-plan-card {
    padding: 50px 0 0 0;
  }
}
.fengstplans-plan-card__scrolled-index {
  display: block;
  width: 100%;
  height: 5px;
  background: transparent !important;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
}
.fengstplans-plan-card__scrolled-plans {
  display: block;
  position: absolute;
  margin: auto;
  width: 182px;
  left: 0;
  right: 0;
  top: 101px;
}
.fengstplans-plan-card__scrolled-plans div {
  color: var(--primary);
  background: white;
  padding: 5px;
  text-align: center;
  border-radius: 20px;
}
.fengstplans-plan-card__content {
  display: grid;
  grid-template: 0px 10px auto 0px/1fr;
  gap: 0;
  justify-items: center;
  padding: 70px 20px 20px 20px;
  height: 100%;
  border: 0;
  border-radius: 20px;
  margin: auto;
  width: 70%;
  background: white;
  color: #1D1D1B;
}
.fengstplans-plan-card__content--hover-plan {
  background: var(--primary) !important;
}
@media (min-width: 992px) {
  .fengstplans-plan-card__content {
    width: 100%;
  }
}
.fengstplans-plan-card__content img {
  position: relative;
  top: -60px;
  margin-top: -50px;
  justify-self: center;
  width: 70px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.fengstplans-plan-card__content h4 {
  align-self: center;
  color: var(--primary);
  margin-bottom: 20px;
}
.fengstplans-plan-card__content-description {
  margin-bottom: 14px;
}
.fengstplans-plan-card__content-description > ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template: auto/auto;
  grid-gap: 12px;
}
.fengstplans-plan-card__content-description > ul > li {
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  grid-gap: 0;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 1200px) {
  .fengstplans-plan-card__content-description > ul > li {
    grid-gap: 6px;
  }
}
.fengstplans-plan-card__content-description > ul > li > :first-child {
  font-size: 34px;
  width: 54px;
}
.fengstplans-plan-card__content-description > ul > li.openkit, .fengstplans-plan-card__content-description > ul > li.openPhysicalKit {
  cursor: pointer;
}
.fengstplans-plan-card__content-description > ul > li.openkit > div, .fengstplans-plan-card__content-description > ul > li.openPhysicalKit > div {
  text-decoration: underline;
}
.fengstplans-plan-card__content-description > ul > li .percentage {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: bold;
}
.fengstplans-plan-card__content-description > ul > li .discount {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: bold;
}
.fengstplans-plan-card__content-description > ul > li .discount > div {
  font-size: 11px;
  display: inline-block;
  margin-right: -3px;
}
.fengstplans-plan-card__content-description > ul > li i.fengi-ingresso-spfc {
  font-size: 25px;
}
.fengstplans-plan-card__content-price {
  border-radius: 10px;
  background: var(--primary) !important;
  font-family: "INTEGRALCF";
  font-size: 12px;
  padding: 10px;
  margin: auto;
  color: white;
}
.fengstplans-plan-card__content-price > span {
  font-size: 14px;
}
@media (min-width: 1200px) {
  .fengstplans-plan-card__content-price {
    font-size: 17px;
    padding: 10px 20px;
  }
}
.fengstplans-plan-card__action {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-card__action fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-card__action fengstui-button button {
  padding: 12px 20px 10px !important;
  background-color: transparent !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary);
  border-radius: 10px;
  font-size: 18px !important;
  font-weight: normal !important;
}
.fengstplans-plan-card__action fengstui-button button:hover {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
.fengstplans-plan-card__action--know-more fengstui-button .feng-btn {
  width: 100%;
  color: var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 100px !important;
  border: 1px solid var(--secondary);
  font-weight: 700 !important;
}
@media (min-width: 1200px) {
  .fengstplans-plan-card__action--know-more fengstui-button .feng-btn {
    font-size: 16px !important;
  }
}
.plans-outside-container {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.plans-outside-container-bg {
  background: var(--plans-background-outside);
}
.fengstplans-plan-outside-card {
  display: grid;
  grid-template: auto 50px/1fr;
  gap: 30px;
  padding: 50px 0;
  height: 100%;
}
@media (min-width: 992px) {
  .fengstplans-plan-outside-card {
    padding: 50px 0 0 0;
  }
}
.fengstplans-plan-outside-card__content {
  display: grid;
  grid-template: 0px 10px auto 0px/1fr;
  gap: 0;
  justify-items: center;
  padding: 70px 20px 20px 20px;
  height: 100%;
  border: 0;
  border-radius: 20px;
  margin: auto;
  width: 70%;
  background: white;
  color: #1D1D1B;
}
@media (min-width: 992px) {
  .fengstplans-plan-outside-card__content {
    width: 100%;
  }
}
.fengstplans-plan-outside-card__content img {
  position: relative;
  top: -60px;
  margin-top: -50px;
  justify-self: center;
  width: 70px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.fengstplans-plan-outside-card__content h4 {
  align-self: center;
  color: var(--primary);
  margin-bottom: 20px;
}
.fengstplans-plan-outside-card__content-description {
  margin-bottom: 14px;
}
.fengstplans-plan-outside-card__content-description > ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template: auto/auto;
  grid-gap: 12px;
}
.fengstplans-plan-outside-card__content-description > ul > li {
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  grid-gap: 6px;
  align-items: center;
  justify-content: flex-start;
}
.fengstplans-plan-outside-card__content-description > ul > li > :first-child {
  font-size: 34px;
  width: 54px;
}
.fengstplans-plan-outside-card__content-description > ul > li.openkit {
  cursor: pointer;
}
.fengstplans-plan-outside-card__content-description > ul > li.openkit > div {
  text-decoration: underline;
}
.fengstplans-plan-outside-card__content-description > ul > li .percentage {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: bold;
}
.fengstplans-plan-outside-card__content-description > ul > li .discount {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: bold;
}
.fengstplans-plan-outside-card__content-description > ul > li .discount > div {
  font-size: 11px;
  display: inline-block;
  margin-right: -3px;
}
.fengstplans-plan-outside-card__content-description > ul > li i.fengi-ingresso-spfc {
  font-size: 25px;
}
.fengstplans-plan-outside-card__content-price {
  border-radius: 10px;
  background: var(--primary) !important;
  font-family: "INTEGRALCF";
  font-size: 18px;
  padding: 10px 20px;
  margin: auto;
  color: white;
}
.fengstplans-plan-outside-card__content-price > span {
  font-size: 14px;
}
.fengstplans-plan-outside-card__action {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-outside-card__action fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-outside-card__action fengstui-button button {
  padding: 12px 20px 10px !important;
  background-color: transparent !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary);
  border-radius: 10px;
  font-size: 18px !important;
  font-weight: normal !important;
}
.fengstplans-plan-outside-card__action fengstui-button button:hover {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
.plans-intent-container {
  height: 100%;
  width: 100%;
  background: var(--plans-background);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fengstplans-plans-intent-card {
  display: grid;
  grid-template: auto 50px/1fr;
  gap: 30px;
  padding: 50px 0;
  height: 100%;
}
@media (min-width: 992px) {
  .fengstplans-plans-intent-card {
    padding: 50px 0 0 0;
  }
}
.fengstplans-plans-intent-card__content {
  display: grid;
  grid-template: 0px 10px auto 0px/1fr;
  gap: 0;
  justify-items: center;
  padding: 70px 20px 20px 20px;
  height: 100%;
  border: 0;
  border-radius: 20px;
  margin: auto;
  width: 70%;
  background: white;
  color: #1D1D1B;
}
@media (min-width: 992px) {
  .fengstplans-plans-intent-card__content {
    width: 100%;
  }
}
.fengstplans-plans-intent-card__content img {
  position: relative;
  top: -60px;
  margin-top: -50px;
  justify-self: center;
  width: 70px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.fengstplans-plans-intent-card__content h4 {
  align-self: center;
  color: var(--primary);
  margin-bottom: 20px;
}
.fengstplans-plans-intent-card__content-description {
  margin-bottom: 14px;
}
.fengstplans-plans-intent-card__content-description > ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template: auto/auto;
  grid-gap: 12px;
}
.fengstplans-plans-intent-card__content-description > ul > li {
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  grid-gap: 6px;
  align-items: center;
  justify-content: flex-start;
}
.fengstplans-plans-intent-card__content-description > ul > li > :first-child {
  font-size: 34px;
  width: 54px;
}
.fengstplans-plans-intent-card__content-description > ul > li.openkit {
  cursor: pointer;
}
.fengstplans-plans-intent-card__content-description > ul > li.openkit > div {
  text-decoration: underline;
}
.fengstplans-plans-intent-card__content-description > ul > li .percentage {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: bold;
}
.fengstplans-plans-intent-card__content-description > ul > li .discount {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: bold;
}
.fengstplans-plans-intent-card__content-description > ul > li .discount > div {
  font-size: 11px;
  display: inline-block;
  margin-right: -3px;
}
.fengstplans-plans-intent-card__content-description > ul > li i.fengi-ingresso-spfc {
  font-size: 25px;
}
.fengstplans-plans-intent-card__content-price {
  border-radius: 10px;
  background: var(--primary) !important;
  font-family: "INTEGRALCF";
  font-size: 18px;
  padding: 10px 20px;
  margin: auto;
  color: white;
}
.fengstplans-plans-intent-card__content-price > span {
  font-size: 14px;
}
.fengstplans-plans-intent-card__action {
  display: grid;
  justify-content: center;
}
.fengstplans-plans-intent-card__action fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstplans-plans-intent-card__action fengstui-button button {
  padding: 12px 20px 10px !important;
  background-color: transparent !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary);
  border-radius: 10px;
  font-size: 18px !important;
  font-weight: normal !important;
}
.fengstplans-plans-intent-card__action fengstui-button button:hover {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
.plans-container {
  background: var(--plans-background);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fengstplans-plan-card-jr {
  display: grid;
  grid-template: auto 50px/1fr;
  gap: 30px;
  padding: 50px 0;
  height: 100%;
}
@media (min-width: 992px) {
  .fengstplans-plan-card-jr {
    padding: 50px 0 0 0;
  }
}
.fengstplans-plan-card-jr__content {
  display: grid;
  grid-template: 0px 10px auto 0px/1fr;
  gap: 0;
  justify-items: center;
  padding: 70px 20px 20px 20px !important;
  height: 100%;
  border: 5px solid var(--secondary) !important;
  margin: auto;
  width: 70%;
  background: var(--primary) !important;
  color: #1D1D1B;
}
@media (min-width: 992px) {
  .fengstplans-plan-card-jr__content {
    width: 100%;
  }
}
.fengstplans-plan-card-jr__content img {
  position: relative;
  top: -60px;
  margin-top: -50px;
  justify-self: center;
  width: 70px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.fengstplans-plan-card-jr__content h4 {
  font-family: "IntegralCF-Bold";
  align-self: center;
  color: var(--primary);
  margin-bottom: 20px;
}
.fengstplans-plan-card-jr__content-description {
  margin-bottom: 14px;
}
.fengstplans-plan-card-jr__content-description > ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template: auto/auto;
  grid-gap: 12px;
}
.fengstplans-plan-card-jr__content-description > ul > li {
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  grid-gap: 6px;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--font-primary) !important;
}
.fengstplans-plan-card-jr__content-description > ul > li > :first-child {
  font-size: 34px;
  width: 54px;
}
.fengstplans-plan-card-jr__content-description > ul > li.openkit {
  cursor: pointer;
}
.fengstplans-plan-card-jr__content-description > ul > li.openkit > div {
  text-decoration: underline;
}
.fengstplans-plan-card-jr__content-description > ul > li .percentage {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: bold;
}
.fengstplans-plan-card-jr__content-description > ul > li .discount {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: bold;
}
.fengstplans-plan-card-jr__content-description > ul > li .discount > div {
  font-size: 11px;
  display: inline-block;
  margin-right: -3px;
}
.fengstplans-plan-card-jr__content-description > ul > li i.fengi-ingresso-spfc {
  font-size: 25px;
}
.fengstplans-plan-card-jr__content-price {
  border-radius: 10px;
  border: 2.5px solid var(--secondary);
  background: var(--primary) !important;
  font-family: "INTEGRALCF";
  font-size: 18px;
  padding: 10px 20px;
  margin: auto;
  color: white;
}
.fengstplans-plan-card-jr__content-price > span {
  font-size: 14px;
}
.fengstplans-plan-card-jr__action {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-card-jr__action fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-card-jr__action fengstui-button button {
  font-family: var(--font-primary) !important;
  padding: 12px 20px 10px !important;
  background: var(--secondary) !important;
  border: var(--secondary) !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: normal !important;
}
div.ccredit-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 0.4fr 1.5fr 0.1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". . .";
  align-items: center;
  justify-items: center;
  height: 38px;
}
@media (min-width: 992px) {
  div.ccredit-wrapper {
    grid-template-columns: 0.3fr 2.4fr 0.3fr;
  }
}
div.ccredit-wrapper div.ccredit-flag i {
  position: absolute;
  transform: scale(0.3);
  top: -20px;
  left: -45px;
  display: block;
}
@media (min-width: 992px) {
  div.ccredit-wrapper div.ccredit-flag i {
    transform: scale(0.5);
    top: -20px;
    left: -54px;
  }
}
div.ccredit-wrapper div.ccredit-number {
  font-size: 15px;
  font-weight: lighter;
}
@media (min-width: 992px) {
  div.ccredit-wrapper div.ccredit-number {
    font-size: 20px;
  }
}
div.ccredit-wrapper div.ccredit-star i {
  font-size: 18px;
  padding: 5px;
  display: block;
  color: #FFE03C !important;
}
@media (min-width: 992px) {
  div.ccredit-wrapper div.ccredit-star i {
    font-size: 26px;
  }
}
.fengstcheckout-register-guest {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 8px 50px;
}
@media (min-width: 1200px) {
  .fengstcheckout-register-guest {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
    padding: 50px 0;
  }
}
.fengstcheckout-register-guest__box {
  width: 100%;
  max-width: 355px;
  margin: auto;
}
.fengstcheckout-register-guest__captcha {
  text-align: center;
}
.fengstcheckout-register-guest__captcha re-captcha > div {
  width: 100% !important;
}
.fengstcheckout-register-guest__captcha re-captcha > div > div iframe {
  height: 90px;
}
.fengstcheckout-register-guest__footer fengstui-button button {
  display: block;
  width: 100%;
  margin: 15px 0px;
}
.fengstcheckout-register-guest__header h1 {
  font-size: 20px;
  text-align: left;
  line-height: 110%;
}
@media (min-width: 1200px) {
  .fengstcheckout-register-guest__header h1 {
    font-size: 25px;
  }
}
.fengstcheckout-register-guest__header h4 {
  font-size: 12px;
  text-align: left;
  -webkit-box-align: baseline;
  line-height: 110%;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .fengstcheckout-register-guest__header h4 {
    font-size: 12px;
  }
}
.fengstcheckout-register-guest__item {
  position: relative;
  margin: 15px 0px;
}
.fengstcheckout-register-guest__item-foreign {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
}
.fengstcheckout-register-guest__item-foreign .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstcheckout-register-guest__item .select-country {
  display: flex;
  align-content: center;
  justify-content: flex-start;
}
.fengstcheckout-register-guest__item .select-country .select-country-field {
  width: 90px;
}
.fengstcheckout-register-guest__item .select-country .input-phone {
  width: 100%;
  margin-top: 3px;
}
.fengstcheckout-register-guest__item-label {
  display: flex;
  gap: 8px;
  padding-bottom: 5px;
}
.fengstcheckout-register-guest__item-label i {
  color: var(--primary);
}
.fengstcheckout-register-guest .hcaptcha {
  display: flex;
  justify-content: center;
}
.fengstcheckout-register-guest__terms {
  text-align: center;
}
.fengstcheckout-register-guest hr {
  background-color: #E4E4E4;
  border: none;
  height: 1px;
}
.fengstcheckout-register-guest__warning {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 4px;
  padding: 16px;
  border: 1px solid var(--primary);
  background: rgba(30, 57, 102, 0.16);
}
.fengstcheckout-modal-guest-payment {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstcheckout-modal-guest-payment p, .fengstcheckout-modal-guest-payment h3 {
  margin: 0;
}
.fengstcheckout-modal-guest-payment__header h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .fengstcheckout-modal-guest-payment__header h3 {
    font-size: 20px;
  }
}
.fengstcheckout-modal-guest-payment__header p {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .fengstcheckout-modal-guest-payment__header p {
    font-size: 16px;
    line-height: 24px;
  }
}
.fengstcheckout-modal-guest-payment__timer {
  display: flex;
  padding: 8px 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #F4F4F4;
}
.fengstcheckout-modal-guest-payment__timer i {
  font-size: 24px;
}
.fengstcheckout-modal-guest-payment__timer span {
  font-size: 14px;
}
.fengstcheckout-modal-guest-payment__timer h3 {
  color: var(--primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
@media (min-width: 992px) {
  .fengstcheckout-modal-guest-payment__timer h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
.fengstcheckout-modal-guest-payment__qrcode {
  width: 136px;
  height: 136px;
}
@media (min-width: 992px) {
  .fengstcheckout-modal-guest-payment__qrcode {
    width: 188px;
    height: 188px;
  }
}
.fengstcheckout-modal-guest-payment__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.fengstcheckout-modal-guest-payment__box {
  display: flex;
  padding: 16px;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  background: #F4F4F4;
}
.fengstcheckout-modal-guest-payment__box span {
  word-break: break-all;
}
.fengstcheckout-modal-guest-payment__box-copy button {
  background: none !important;
  color: var(--primary) !important;
}
.fengstcheckout-modal-guest-payment__box-copy button i {
  color: var(--secondary) !important;
}
.fengstcheckout-modal-guest-payment__reminder {
  font-size: 14px;
}
.fengstcheckout-modal-guest-payment__security {
  display: flex;
  gap: 8px;
  color: #ABABAB;
}
.fengstcheckout-modal-guest-payment__security i {
  font-size: 20px;
  color: #ABABAB;
}
@media (min-width: 992px) {
  .fengstcheckout-modal-guest-payment__security i {
    font-size: 24px;
  }
}
.fengstcheckout-modal-guest-payment__security p {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 992px) {
  .fengstcheckout-modal-guest-payment__security p {
    font-size: 14px;
    line-height: 20px;
  }
}
.dependent-pet-wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  max-width: 960px;
  min-width: 320px;
  margin: 0px auto;
  margin-top: 150ðpx;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
  background: white;
}
@media (min-width: 992px) {
  .dependent-pet-wrapper {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.no-plan {
  color: #5f5f5f;
  text-decoration: none;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
.no-plan i {
  font-size: 40px;
}
.dependent-pet {
  position: relative;
  display: block;
  width: 100%;
}
.dependent-pet__arrow {
  position: absolute;
  display: flex;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 100px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 25px;
  align-items: center;
  top: 50%;
  z-index: 999;
}
@media (min-width: 992px) {
  .dependent-pet__arrow {
    width: 60px;
    height: 60px;
    font-size: 40px;
    top: 40%;
  }
}
.dependent-pet__arrow--left {
  left: 5px;
  justify-content: center;
}
@media (min-width: 992px) {
  .dependent-pet__arrow--left {
    left: 20px;
  }
}
.dependent-pet__arrow--right {
  right: 5px;
  justify-content: center;
}
@media (min-width: 992px) {
  .dependent-pet__arrow--right {
    right: 20px;
  }
}
.dependent-pet__step {
  position: relative;
  display: block;
  width: 100%;
}
.dependent-pet__step--fixed {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: auto;
}
.dependent-pet__step img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
}
.dependent-pet__step h1 {
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 40px;
}
.dependent-pet__step h2 {
  display: block;
  text-align: center;
  font-size: 26px;
  margin-bottom: 20px;
}
.dependent-pet__step mat-form-field {
  display: block;
  margin: auto;
}
.dependent-pet__thumbs-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 80%;
  margin: auto;
}
@media (min-width: 992px) {
  .dependent-pet__thumbs-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.dependent-pet__genres {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 320px;
  margin: auto;
}
.dependent-pet__thumb, .dependent-pet__genre-box {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}
.dependent-pet__thumb img, .dependent-pet__genre-box img {
  display: block;
  object-fit: contain;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 130px;
  height: 130px;
}
.dependent-pet-wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  max-width: 960px;
  min-width: 320px;
  margin: 0px auto;
  margin-top: 150ðpx;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
  background: white;
}
@media (min-width: 992px) {
  .dependent-pet-wrapper {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.dependent-pet-thumbnail {
  position: relative;
  display: block;
  width: 100%;
}
.dependent-pet-thumbnail__arrow {
  position: absolute;
  display: flex;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 100px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 25px;
  align-items: center;
  top: 50%;
  z-index: 999;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow {
    width: 60px;
    height: 60px;
    font-size: 40px;
    top: 40%;
  }
}
.dependent-pet-thumbnail__arrow--left {
  left: 5px;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow--left {
    left: 20px;
  }
}
.dependent-pet-thumbnail__arrow--right {
  right: 5px;
  justify-content: space-around;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow--right {
    right: 20px;
  }
}
.dependent-pet-thumbnail__footer {
  display: flex;
  width: 150px;
  margin: auto;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
.dependent-pet-thumbnail__picture {
  display: flex;
  border-radius: 100px;
  background: #cbcbcb;
  width: 200px;
  height: 200px;
  font-size: 120px;
  justify-content: space-around;
  align-items: center;
  margin: auto;
}
.dependent-pet-thumbnail__picture img {
  display: block;
  border-radius: 100px;
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.dependent-pet-thumbnail__step {
  position: relative;
  display: block;
  width: 100%;
}
.dependent-pet-thumbnail__step--fixed {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: auto;
}
.dependent-pet-thumbnail__step img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
}
.dependent-pet-thumbnail__step h1 {
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 40px;
}
.dependent-pet-thumbnail__step h2 {
  display: block;
  text-align: center;
  font-size: 26px;
  margin-bottom: 20px;
}
.dependent-pet-thumbnail__step h3 {
  display: block;
  text-align: center;
  font-size: 20px;
  margin-bottom: 25px;
}
.dependent-pet-thumbnail__step mat-form-field {
  display: block;
  margin: auto;
}
.dependent-pet-thumbnail__step #fileInput {
  display: none;
}
.dependent-pet-thumbnail__step button {
  background: black;
  color: white;
  font-weight: bold;
  padding: 10px;
  border-radius: 10px;
}
.dependent-pet-thumbnail__thumbs-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 80%;
  margin: auto;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__thumbs-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.dependent-pet-thumbnail__genres {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 320px;
  margin: auto;
}
.dependent-pet-thumbnail__thumb, .dependent-pet-thumbnail__genre-box {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}
.dependent-pet-thumbnail__thumb img, .dependent-pet-thumbnail__genre-box img {
  display: block;
  object-fit: contain;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 130px;
  height: 130px;
}
.modal-pet {
  margin: 0 !important;
  text-align: center;
}
.modal-pet > .close-btn {
  text-align: right;
}
.modal-pet > .title {
  margin: 0 0 30px;
}
.modal-pet > .buttons {
  margin: 30px 0 0;
}
.modal-pet > .buttons button {
  background-color: #000;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  color: #f8f8f8;
  line-height: 22px;
  padding: 10px 30px;
  margin: 8px;
  font-size: 18px;
}
.modal-pet > .buttons button:hover {
  background-color: white;
  color: #000;
  border: 3px solid #000;
}
.fengstcheckout-register-chairs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 32px 0;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.fengstcheckout-register-chairs__header {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 8px;
}
.fengstcheckout-register-chairs__header h2 {
  margin: 0;
}
.fengstcheckout-register-chairs__header p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}
.fengstcheckout-register-chairs__form {
  width: 100%;
}
.fengstcheckout-register-chairs__wrapper {
  display: flex;
  flex-direction: column;
  background-color: white;
  border: 1px solid #E4E4E4;
  padding: 24px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstcheckout-register-chairs__wrapper + div {
  margin-top: 24px;
}
@media (min-width: 992px) {
  .fengstcheckout-register-chairs__wrapper {
    border-radius: 4px;
  }
}
.fengstcheckout-register-chairs__wrapper-form {
  display: flex;
  gap: 24px;
}
.fengstcheckout-register-chairs__wrapper-form-delete {
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin-left: auto;
}
.fengstcheckout-register-chairs__wrapper-form-delete button {
  background: none !important;
}
.fengstcheckout-register-chairs__wrapper-input {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fengstcheckout-register-chairs__wrapper-input span {
  font-size: 16px;
  font-weight: 700;
}
.fengstcheckout-register-chairs__wrapper-input fengstui-input .mat-form-field-infix {
  width: 100% !important;
}
.fengstcheckout-register-chairs__wrapper-error fengstui-form-error {
  margin-top: 8px;
}
.fengstcheckout-register-chairs__action {
  width: 100% !important;
  padding: 0 16px;
}
@media (min-width: 767px) {
  .fengstcheckout-register-chairs__action {
    padding: 0;
  }
}
.fengstcheckout-register-chairs__action button {
  width: 100% !important;
}
.fengstcheckout-register-chairs__error {
  font-size: 14px;
  margin-top: 8px;
  display: inline-block;
  color: var(--error);
}
.view-clear-sale {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  max-width: 350px;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
.view-clear-sale__footer {
  display: block;
  width: 100%;
}
.view-clear-sale__footer p {
  text-align: center;
}
.view-clear-sale__footer h3 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
}
.view-clear-sale__footer h3.disabled {
  opacity: 0.5;
}
.view-clear-sale__footer h3:not(.disabled):hover {
  text-decoration: underline;
  cursor: pointer;
}
.view-clear-sale__form {
  display: grid;
  width: 100%;
  margin: 30px auto;
  gap: 2em;
  justify-content: center;
}
.view-clear-sale__form input {
  border: solid 1px var(--primary);
}
.view-clear-sale__form input:focus {
  box-shadow: 0px 0px 3px var(--primary);
}
.view-clear-sale__form button i {
  font-size: 0.75em;
  margin: 0 5px;
  width: 100px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
}
.view-clear-sale__header {
  display: block;
  width: 100%;
}
.view-clear-sale__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}
.view-clear-sale__item {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  width: 100%;
  max-width: 400px;
  justify-content: center;
  align-items: center;
}
.clear-sale {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
.clear-sale-update {
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 10px !important;
  padding-bottom: 50px !important;
}
@media (min-width: 992px) {
  .clear-sale-update {
    max-height: 550px !important;
  }
}
.clear-sale-update .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 50px;
}
@media (max-width: 480px) {
  .clear-sale-update .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .clear-sale-update .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 0vh;
    max-width: 450px;
    height: 700px !important;
    overflow-y: auto;
  }
}
.clear-sale-update__footer {
  display: flex;
  width: 100%;
  justify-content: center;
}
.clear-sale-update__form {
  display: block;
  width: 100%;
  margin: 50px auto;
}
.clear-sale-update__header {
  display: block;
  width: 100%;
}
.clear-sale-update__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}
.clear-sale-update__item {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  justify-content: center;
}
.clear-sale-update-phone {
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 10px !important;
  padding-bottom: 50px !important;
}
@media (min-width: 992px) {
  .clear-sale-update-phone {
    max-height: 300px !important;
  }
}
.clear-sale-update-phone .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 50px;
}
@media (max-width: 480px) {
  .clear-sale-update-phone .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .clear-sale-update-phone .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 10vh;
    max-width: 450px;
    height: 700px !important;
    overflow-y: hidden;
  }
}
.clear-sale-update-phone__footer {
  display: flex;
  width: 100%;
  justify-content: center;
}
.clear-sale-update-phone__form {
  display: block;
  width: 100%;
  margin: 50px auto;
}
.clear-sale-update-phone__header {
  display: block;
  width: 100%;
}
.clear-sale-update-phone__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}
.clear-sale-update-phone__item {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  justify-content: center;
}
.clear-sale-update-name {
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 10px !important;
  padding-bottom: 50px !important;
}
@media (min-width: 992px) {
  .clear-sale-update-name {
    max-height: 300px !important;
  }
}
.clear-sale-update-name .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 50px;
}
@media (max-width: 480px) {
  .clear-sale-update-name .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .clear-sale-update-name .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 10vh;
    max-width: 450px;
    height: 700px !important;
    overflow-y: hidden;
  }
}
.clear-sale-update-name__footer {
  display: flex;
  width: 100%;
  justify-content: center;
}
.clear-sale-update-name__form {
  display: block;
  width: 100%;
  margin: 50px auto;
}
.clear-sale-update-name__header {
  display: block;
  width: 100%;
}
.clear-sale-update-name__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}
.clear-sale-update-name__item {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  justify-content: center;
}
.clear-sale-update-born-date {
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 10px !important;
  padding-bottom: 50px !important;
}
@media (min-width: 992px) {
  .clear-sale-update-born-date {
    max-height: 300px !important;
  }
}
.clear-sale-update-born-date .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 50px;
}
@media (max-width: 480px) {
  .clear-sale-update-born-date .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .clear-sale-update-born-date .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 10vh;
    max-width: 450px;
    height: 700px !important;
    overflow-y: hidden;
  }
}
.clear-sale-update-born-date__footer {
  display: flex;
  width: 100%;
  justify-content: center;
}
.clear-sale-update-born-date__form {
  display: block;
  width: 100%;
  margin: 50px auto;
}
.clear-sale-update-born-date__header {
  display: block;
  width: 100%;
}
.clear-sale-update-born-date__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}
.clear-sale-update-born-date__item {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  justify-content: center;
}
.my-kit-guest-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  border-radius: 6px;
  font-family: var(--my-kit-font-family);
  border-top: 1px solid #e5e5e5;
  border-radius: 0 0 6px 6px;
  padding-top: 32px;
}
.my-kit-guest-banner__kit-container {
  display: flex;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 12px 16px;
  gap: 15px;
  min-width: 100%;
  width: 100%;
}
@media screen and (max-width: 530px) {
  .my-kit-guest-banner__kit-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.my-kit-guest-banner__kit-msg small.note {
  font-size: 12px;
  font-family: var(--my-kit-font-family);
}
.my-kit-guest-banner__kit-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.my-kit-guest-banner__kit-info-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.my-kit-guest-banner__kit-info-icon i.fengi-kit-fisico-icon {
  font-size: 40px;
  color: var(--primary);
}
.my-kit-guest-banner__kit-info-texts strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1e1e1e;
  font-family: var(--my-kit-font-family);
}
.my-kit-guest-banner__kit-info-texts p {
  margin: 0;
  font-size: 13px;
  color: #999;
  font-family: var(--my-kit-font-family);
}
.my-kit-guest-banner__kit-button {
  background-color: #1e1e1e;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  font-family: var(--my-kit-font-family);
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.my-kit-guest-banner__kit-button:hover {
  background-color: #333;
}
.feng-product-checkout__wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
.products-view-banner {
  width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: 72/91;
}
@media (min-width: 767px) {
  .products-view-banner {
    height: auto;
    aspect-ratio: 32/9;
  }
}
.products-view-banner__slide {
  background: no-repeat center/cover;
  position: relative;
}
.products-view-banner__slide:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: var(--banner-overlay-bg);
}
.products-view-banner__slide-content {
  padding: 0 40px 54px;
  width: 100%;
  display: flex;
  height: 100%;
  flex-direction: column;
  color: #fff;
  position: relative;
  justify-content: flex-end;
  row-gap: 16px;
}
@media (min-width: 1200px) {
  .products-view-banner__slide-content {
    width: var(--max-width);
    margin: auto;
    padding: 48px 16px 76px;
  }
}
.products-view-banner__slide-content h1 {
  font: var(--banner-title-font);
  margin: 0;
  position: relative;
  top: 8px;
}
.products-view-banner__slide-content p {
  font: var(--banner-subtitle-font);
  margin: 0;
}
@media (min-width: 992px) {
  .products-view-banner__slide-content h1 {
    font: var(--banner-title-font-desktop);
  }
  .products-view-banner__slide-content p {
    font: var(--banner-subtitle-font-desktop);
  }
}
.products-view-banner__slide-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 767px) {
  .products-view-banner__slide-actions {
    flex-direction: row;
  }
}
@media (min-width: 767px) {
  .products-view-banner__slide-actions fengstui-button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.products-view-banner__navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 30px;
}
@media (min-width: 1350px) {
  .products-view-banner__navigation {
    width: calc(100% - 48px);
    left: calc(48px / 2);
  }
}
.products-view-banner__navigation-item {
  background: transparent;
  border: none;
  padding: 0;
  color: #fff;
  font-size: 36px;
  text-shadow: -2px 0 0 #000;
  cursor: pointer;
  z-index: 1;
}
.products-view-banner__navigation-item:first-child {
  text-shadow: 2px 0px 0 #000;
}
.products-view-banner__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: absolute;
  bottom: 16px;
  left: auto;
  right: auto;
  width: 100%;
  z-index: 2;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .products-view-banner__pagination {
    left: 0;
    right: 0;
    bottom: 40px;
    justify-content: flex-start;
    max-width: var(--max-width);
    padding: 0 16px;
  }
}
.products-view-banner__pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border: solid 2px #fff;
  background: transparent;
  opacity: 1;
}
.products-view-banner__pagination .swiper-pagination-bullet-active {
  background: var(--event-color-button-primary, var(--primary));
  border-color: var(--event-color-button-primary, var(--primary));
}
.products-view {
  width: 100%;
}
@media (min-width: 1200px) {
  .products-view {
    padding: 16px 0;
    width: var(--max-width);
    margin: auto;
  }
}
.products-view__filter {
  display: grid;
  grid-auto-flow: row;
  gap: 10px;
  margin-bottom: 25px;
  padding: 0 16px;
}
@media (min-width: 1200px) {
  .products-view__filter {
    grid-auto-flow: column;
    grid-template-columns: 0.7fr 0.5fr 0.5fr 0.5fr 2fr;
  }
}
.products-view__filter-clear {
  width: 100%;
  margin: auto;
}
@media (min-width: 992px) {
  .products-view__filter-clear {
    width: auto;
  }
}
.products-view__filter-clear .feng-btn {
  width: 100%;
  padding: 1rem 1.5rem;
  color: var(--text-global-800) !important;
  border: 1px solid black !important;
  background: #FFF !important;
  text-transform: uppercase;
}
.products-view__filter-date {
  position: relative;
}
.products-view__filter-date-input .mat-input-element::after {
  white-space: normal !important;
}
.products-view__filter-date-clear {
  pointer-events: none;
  position: absolute;
  top: 5px;
  right: 6px;
}
.products-view__filter-date-clear .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 1 !important;
}
.products-view__filter-select .mat-form-field {
  border-color: var(--select-outline-color) !important;
  max-height: 51px;
}
.products-view__filter-select .mat-form-field-underline {
  display: none;
}
.products-view__filter-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.products-view__filter-search .feng-input--primary.feng-input .feng-input__icon-wrapper--right {
  position: relative;
  border: solid 1px #dedede;
  left: -2px;
  border-left-width: 0;
  color: #000;
  background: #fff;
}
.products-view__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-global-800);
  padding: 0 16px;
  font-family: var(--package-title-font-family);
}
@media (min-width: 992px) {
  .products-view__title {
    padding: 0;
    font-size: var(--package-title-title-font-size);
  }
}
.products-view__tab-card {
  padding: 16px;
  background: #fff;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.products-view__tab-card-head {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .products-view__tab-card-head {
    flex-direction: row;
    padding: 24px;
  }
}
.products-view__tab-card-filter {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.products-view__tab-card-filter-item {
  padding: 24px 10px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: var(--filter-color);
}
.products-view__tab-card-filter-item--selected {
  background: var(--filter-active-background);
  color: var(--secondary);
  font-weight: 500;
  border-bottom: 1px solid currentColor;
}
@media (min-width: 992px) {
  .products-view__tab-card-filter-item {
    padding: 24px;
  }
}
.products-view__tab-card-filter-item:hover {
  background: var(--filter-active-background);
}
.products-view__tab-card-search {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .products-view__tab-card-search {
    width: auto;
    margin-bottom: 0;
  }
}
.products-view__tab-card-search .feng-input--primary.feng-input .feng-input__icon-wrapper--right {
  position: relative;
  border: solid 1px #dedede;
  left: -2px;
  border-left-width: 0;
  color: #000;
  background: #fff;
}
.products-view__tab-card-event {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  padding: 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin-bottom: 16px;
}
.products-view__tab-card-event--feature {
  background: var(--event-background-feature);
}
@media (min-width: 992px) {
  .products-view__tab-card-event {
    box-shadow: none;
    grid-template-columns: 0.2fr 1.1fr 1.4fr;
    column-gap: 16px;
    border-radius: 4px;
    margin-bottom: 0;
  }
}
.products-view__tab-card-event-image {
  width: 95%;
  height: auto;
  max-height: 350px;
  margin: 15px auto;
  border-radius: var(--thumb-image-radius);
  object-fit: cover;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-image {
    width: var(--thumb-desktop-width);
    height: var(--thumb-desktop-height);
    max-height: inherit;
    margin: auto;
  }
}
.products-view__tab-card-event-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-info {
    align-items: flex-start;
    justify-content: center;
    row-gap: 12px;
    position: relative;
    top: -6px;
  }
}
.products-view__tab-card-event-info p {
  margin: 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-info p {
    text-align: left;
  }
}
.products-view__tab-card-event-info-date {
  font-size: var(--event-date-font-size);
  color: var(--secondary);
  font-weight: 500;
}
.products-view__tab-card-event-info-date span {
  color: currentColor;
  font-size: 40px;
  line-height: 40px;
  align-self: center;
  margin: 0px 5px;
  position: relative;
  top: -3px;
}
.products-view__tab-card-event-info-name {
  font-size: var(--event-name-font-size);
  font-weight: 700;
  text-transform: var(--event-name-text-transform);
  color: var(--text-global-800);
  border-top: solid 1px var(--divider-color);
  padding-top: 13px;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-info-name {
    border-top: none;
    padding-top: 0;
  }
}
.products-view__tab-card-event-info .feature {
  color: var(--event-color-text-light);
}
.products-view__tab-card-event-info-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-info-more-info {
    flex-direction: row;
    column-gap: 6px;
  }
}
.products-view__tab-card-event-info-more-info p {
  font-size: var(--event-addres-font-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  column-gap: 8px;
  color: var(--text-global-800);
  width: auto;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-info-more-info-address {
    border-right: solid 1px currentColor;
    padding-right: 7px;
  }
}
.products-view__tab-card-event-info-more-info .icon {
  color: var(--secondary);
}
.products-view__tab-card-event-info-more-info .icon--feature {
  color: var(--event-color-text-light);
}
.products-view__tab-card-event-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-actions {
    flex-direction: row;
    justify-content: flex-end;
  }
}
.products-view__tab-card-event-actions-divider {
  width: 100%;
  border: 0;
  border-top: 1px solid var(--divider-color);
  padding: 0;
  margin: 0 8px;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-actions-divider {
    width: 0;
    height: 40%;
    border-top: 0;
    border-left: 1px solid var(--divider-color);
  }
}
.products-view__tab-card-event-actions-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  gap: 5px;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-actions-price {
    align-items: start;
  }
}
.products-view__tab-card-event-actions-price > p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #727272;
}
.products-view__tab-card-event-actions-price > div:nth-child(2) {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.products-view__tab-card-event-actions-price > div:nth-child(2) span {
  font-weight: 700;
  font-size: 14px;
}
.products-view__tab-card-event-actions-price > div:nth-child(2) :last-child {
  font-size: 24px;
}
.products-view__tab-card-event-actions .feature p,
.products-view__tab-card-event-actions .feature span {
  color: var(--event-color-text-light);
}
.products-view__tab-card-event-actions-button {
  width: 100%;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-actions-button {
    width: auto;
  }
}
.products-view__tab-card-event-actions-button .feng-btn {
  width: 100%;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .products-view__tab-card-event-actions-button .feng-btn {
    max-width: 88px;
    width: auto;
  }
}
.products-view__tab-card-event-actions-button-info-feature .feng-btn {
  color: var(--event-color-text-light) !important;
  background: var(--event-transparent-button) !important;
}
.products-view__tab-card-event-actions-button--buy .feng-btn {
  background: var(--event-color-button-primary, var(--primary)) !important;
  color: var(--event-color-text-button) !important;
  padding: 10px 16px;
}
@media (min-width: 1200px) {
  .products-view__tab-card-event-actions-button--buy .feng-btn {
    max-width: 100%;
    padding: 10px 56px;
  }
}
.products-view__tab-card-event-actions-button--banner .feng-btn {
  padding: 12px 16px;
  font: var(--banner-subtitle-font);
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-actions-button--banner .feng-btn {
    padding: 10px 16px;
    font-size: 15px;
  }
}
.products-view__tab-card-event-actions-button--banner .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .products-view__tab-card-event-actions-button--banner .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 14px;
  margin-right: 8px;
}
.products-view__tab-card-event-actions-button--feature .feng-btn {
  color: var(--event-color-button-primary, var(--primary)) !important;
  background: transparent !important;
  border: solid 1px currentColor;
}
.products-view__tab-card-event-actions-button--interest .feng-btn {
  color: var(--on-background) !important;
  background: transparent !important;
  border: solid 1px currentColor;
}
.products-view__tab-card-event-actions-button--interest2 .feng-btn {
  color: #fff !important;
  background: transparent !important;
  border: solid 1px currentColor;
}
.products-view__tab-card-event-divider {
  height: 1px;
  border: 0;
  border-top: 1px solid var(--divider-color);
  margin: 16px 0;
  padding: 0;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-divider {
    margin: 13px 0;
  }
}
.products-view__not-found {
  font-size: 20px;
  justify-content: center;
  display: flex;
  font-weight: 600;
}
.interest-modal .mat-dialog-container::-webkit-scrollbar, .tabs16-know-more-modal__news-wrapper::-webkit-scrollbar {
  width: 6px;
}
.interest-modal .mat-dialog-container::-webkit-scrollbar-track, .tabs16-know-more-modal__news-wrapper::-webkit-scrollbar-track {
  background: var(--divider-color);
  border-radius: 24px;
}
.interest-modal .mat-dialog-container::-webkit-scrollbar-thumb, .tabs16-know-more-modal__news-wrapper::-webkit-scrollbar-thumb {
  background: var(--outline-button-color);
  border-radius: 24px;
}
.interest-modal {
  max-width: 100% !important;
  height: 100vh;
  align-items: flex-start;
  display: block;
}
@media (min-width: 767px) {
  .interest-modal {
    max-width: 765px !important;
    height: 90vh;
    max-height: 90vh;
  }
}
.interest-modal--interest {
  height: auto;
  padding: 16px 28px !important;
}
@media (min-width: 767px) {
  .interest-modal--interest {
    max-width: 533px !important;
  }
}
.interest-modal--interest .mat-dialog-container {
  min-width: 100% !important;
}
.interest-modal .mat-dialog-container {
  width: 100vw !important;
  padding: 0 !important;
}
@media (min-width: 767px) {
  .interest-modal .mat-dialog-container {
    width: 100% !important;
    min-width: 765px;
  }
}
.interest-modal__head {
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
  padding: 8px 8px 6px 16px;
}
@media (min-width: 992px) {
  .interest-modal__head {
    padding: 16px 16px 16px 32px;
  }
}
.interest-modal__head-title {
  font-size: var(--event-title-size);
  color: var(--text-global-800);
  font-family: var(--event-title-family);
  line-height: 28px;
  margin: 0;
  display: none;
}
@media (min-width: 992px) {
  .interest-modal__head-title {
    display: block;
  }
}
.interest-modal__head-title--info {
  display: block;
  text-transform: uppercase;
  font-size: 20px;
  margin: 15px 0 30px;
}
@media (min-width: 992px) {
  .interest-modal__head-title--info {
    margin: 0;
  }
}
.interest-modal__head-title--mobile {
  display: block;
  font-size: 20px;
}
@media (min-width: 992px) {
  .interest-modal__head-title--mobile {
    display: none;
  }
}
.interest-modal__head-close {
  align-self: flex-end;
}
.interest-modal__head-close .feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: none !important;
}
.interest-modal__interest-desc {
  color: var(--text-global-800);
}
.interest-modal__interest--mobile {
  display: none;
}
.interest-modal__interest-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.interest-modal__interest-form-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.interest-modal__interest-form-textarea .feng-textarea--primary {
  width: 100%;
}
.interest-modal__interest-submit {
  width: 100%;
}
.interest-modal__interest-submit .feng-btn {
  width: 100%;
  background: var(--event-color-button-primary, var(--primary)) !important;
  color: var(--event-color-text-button) !important;
  width: 100%;
  text-transform: uppercase;
}
.interest-modal__interest-mobile-more-info {
  margin: 20px auto 5px;
  display: block;
}
@media (min-width: 992px) {
  .interest-modal__interest-mobile-more-info {
    display: none;
  }
}
.interest-modal__interest-succes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 340px;
  padding: 36px 0 13px;
  color: var(--text-global-800);
  margin: 0 auto;
}
.interest-modal__interest-succes span {
  font-size: 66px;
  color: var(--success);
}
.interest-modal__interest-succes h2 {
  max-width: 379px;
  font-family: var(--package-title-font-family);
  text-transform: uppercase;
  text-align: center;
  margin-top: 25px;
}
.interest-modal__interest-succes p {
  text-align: center;
  margin: 0;
}
.interest-modal__info {
  display: block;
  padding: 0;
}
.interest-modal__info-banner {
  height: auto;
  width: 100%;
  aspect-ratio: 32/12;
}
@media (min-width: 992px) {
  .interest-modal__info-banner {
    border-radius: 0;
    aspect-ratio: 32/10.5;
  }
}
.interest-modal__info-product {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  border-radius: 8px;
  background: transparent;
  padding: 0 16px 16px;
}
.interest-modal__info-product--interest {
  display: none;
}
@media (min-width: 992px) {
  .interest-modal__info-product--interest {
    display: grid;
  }
}
@media (min-width: 767px) {
  .interest-modal__info-product {
    box-shadow: none;
    grid-template-columns: 1fr 0.7fr;
    column-gap: 16px;
    border-radius: 0;
  }
}
.interest-modal__info-product-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  border-bottom: 1px solid var(--divider-color);
}
@media (min-width: 767px) {
  .interest-modal__info-product-info {
    align-items: flex-start;
    justify-content: center;
    row-gap: 12px;
    border-bottom: 0;
  }
}
.interest-modal__info-product-info p {
  margin: 0;
  width: 100%;
  text-align: center;
  color: var(--event-color-text-dark);
}
@media (min-width: 767px) {
  .interest-modal__info-product-info p {
    text-align: left;
  }
}
.interest-modal__info-product-info-date {
  font-size: var(--event-date-font-size);
  font-weight: 500;
  color: var(--event-color-text-secondary) !important;
}
.interest-modal__info-product-info-date--interest {
  font-size: var(--event-date-font-size-interest);
}
.interest-modal__info-product-info-date--interest span {
  font-size: 35px !important;
}
.interest-modal__info-product-info-date span {
  color: currentColor;
  font-size: 40px;
  line-height: 40px;
  align-self: center;
  margin: 0px 5px;
  position: relative;
  top: -3px;
}
.interest-modal__info-product-info-name {
  font-size: var(--event-name-font-size);
  font-weight: 700;
  text-transform: var(--event-name-text-transform);
  border-top: solid 1px var(--divider-color);
  padding-top: 13px;
}
@media (min-width: 767px) {
  .interest-modal__info-product-info-name {
    border-top: none;
    padding-top: 0;
  }
}
.interest-modal__info-product-info-name--interest {
  font-size: var(--event-name-font-size-interest);
}
.interest-modal__info-product-info-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.interest-modal__info-product-info-more-info--interest {
  flex-direction: column !important;
  align-items: flex-start;
}
@media (min-width: 767px) {
  .interest-modal__info-product-info-more-info {
    flex-direction: row;
    column-gap: 6px;
  }
}
.interest-modal__info-product-info-more-info p {
  font-size: var(--event-addres-font-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  column-gap: 8px;
  width: auto;
  color: var(--text-global-800);
}
.interest-modal__info-product-info-more-info .icon {
  color: var(--secondary);
}
.interest-modal__info-product-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border-bottom: solid 1px var(--divider-color);
  padding-bottom: 24px;
  gap: 0;
}
@media (min-width: 767px) {
  .interest-modal__info-product-actions {
    justify-content: flex-end;
    border: none;
    gap: 8px;
  }
}
.interest-modal__info-product-actions-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 16px;
}
@media (min-width: 767px) {
  .interest-modal__info-product-actions-price {
    margin-bottom: 0;
  }
}
.interest-modal__info-product-actions-price > p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #727272;
}
.interest-modal__info-product-actions-price > div:nth-child(2) {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.interest-modal__info-product-actions-price > div:nth-child(2) span {
  font-weight: 700;
  font-size: 14px;
}
.interest-modal__info-product-actions-price > div:nth-child(2) :last-child {
  font-size: 24px;
}
.interest-modal__info-product-actions-button {
  width: 100%;
}
.interest-modal__info-product-actions-button .feng-btn {
  width: 100%;
  background: var(--on-secondary) !important;
  color: var(--on-surface) !important;
}
.interest-modal__info-atention {
  padding: 0 32px 32px;
  margin: 0;
}
.interest-modal__info-atention-title {
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--package-title-font-family);
}
.interest-modal__info-atention-text {
  color: var(--text-global-800);
  margin: 16px 0;
}
.fengstcheckout-checkout-product-view-v1 {
  background-color: var(--account-background);
  min-height: 300px;
}
.fengstcheckout-checkout-product-view-v1__wrap {
  max-width: var(--max-width);
  margin: 0 auto;
  text-align: center;
}
.fengstcheckout-checkout-product-view-v1__wrap-term-link {
  text-decoration: none;
}
.fengstcheckout-checkout-product-view-v1__wrap-head {
  padding: 0 16px 0;
}
.fengstcheckout-checkout-product-view-v1__wrap-head-title {
  margin: 32px auto 4px;
  font-family: var(--checkout-cart-event-title-font-family);
  font-weight: var(--checkout-cart-event-title-font-wight);
  font-size: var(--checkout-cart-event-title-font-size);
  color: var(--checkout-cart-event-font-color);
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__wrap-head-title {
    font-size: var(--checkout-cart-event-title-font-size-desktop);
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-head-subtitle {
  margin: 0 0 24px;
  font-size: var(--checkout-cart-event-subtitle-font-size);
  color: var(--checkout-cart-event-font-color);
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__wrap-head-subtitle {
    font-size: var(--checkout-cart-event-subtitle-font-size-desktop);
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-divider {
  border: none;
  height: 1px;
  background: var(--divider-color);
  width: 100%;
  margin: 16px 0;
}
.fengstcheckout-checkout-product-view-v1__wrap-cards {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 24px;
  padding-bottom: 32px;
}
@media (min-width: 1200px) {
  .fengstcheckout-checkout-product-view-v1__wrap-cards {
    flex-direction: row;
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-method, .fengstcheckout-checkout-product-view-v1__wrap-resume {
  background: #fff;
  text-align: left;
  padding: 16px;
  color: var(--checkout-cart-event-font-color);
  box-shadow: var(--checkout-cart-event-card-shadow);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 1200px) {
  .fengstcheckout-checkout-product-view-v1__wrap-method, .fengstcheckout-checkout-product-view-v1__wrap-resume {
    border-radius: 8px;
    min-height: 614px;
    padding: 24px;
    width: 566px;
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-method h2, .fengstcheckout-checkout-product-view-v1__wrap-resume h2 {
  font-size: var(--checkout-cart-event-card-title-font-size);
  font-family: var(--checkout-cart-event-title-font-family);
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-coupon {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__wrap-resume-form-coupon {
    flex-direction: row;
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-coupon-input {
  flex: 1;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-button .feng-btn {
  border-radius: var(--checkout-cart-event-finish-button-radius);
  width: 100%;
  border-width: 1px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__wrap-resume-form-button .feng-btn {
    width: auto;
    height: 52px;
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-checkbox {
  margin-bottom: 8px;
  margin-right: 2px;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-checkbox .feng-checkbox__label {
  line-height: 18px;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-checkbox .fengi-checkmark-bold {
  width: 25px !important;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__wrap-resume-form-checkbox .fengi-checkmark-bold {
    width: 18px !important;
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-submit-button {
  margin-top: 22px;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-submit-button .feng-btn {
  border-radius: var(--checkout-cart-event-finish-button-radius);
  width: 100%;
  background: var(--checkout-cart-event-finish-button-background) !important;
  color: var(--checkout-cart-event-button-color) !important;
}
.fengstcheckout-checkout-product-view-v1__wrap-product {
  background: var(--checkout-cart-event-product-background);
  border: solid 1px var(--divider-color);
  border-radius: var(--checkout-cart-event-finish-button-radius);
  display: flex;
  flex-direction: column;
  margin: 24px 0 16px;
}
.fengstcheckout-checkout-product-view-v1__wrap-product span {
  display: flex;
  justify-content: space-between;
  padding: 21px;
}
.fengstcheckout-checkout-product-view-v1__wrap-product span:not(:last-of-type) {
  border-bottom: solid 1px var(--divider-color);
}
.fengstcheckout-checkout-product-view-v1__wrap-product span p {
  max-width: 245px;
  font-size: 14px;
  color: var(--checkout-cart-event-font-color);
  margin: 0;
}
.fengstcheckout-checkout-product-view-v1__wrap-total {
  background: var(--checkout-cart-event-product-background);
  border: solid 1px var(--divider-color);
  border-radius: var(--checkout-cart-event-finish-button-radius);
  margin: 0 0 24px;
  display: flex;
  justify-content: space-between;
  padding: 21px;
}
.fengstcheckout-checkout-product-view-v1__wrap-total strong {
  font-size: 14px;
  color: var(--checkout-cart-event-font-color);
  margin: 0;
}
.fengstcheckout-checkout-product-view-v1__payments-methods {
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  margin-bottom: 15px;
}
.fengstcheckout-checkout-product-view-v1__payments-methods button {
  text-align: center;
  padding: 8px 16px 8px;
  border: none;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 64px;
  flex-direction: column;
  column-gap: 7px;
  flex: 1;
}
.fengstcheckout-checkout-product-view-v1__payments-methods button i {
  font-size: 23px;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__payments-methods button {
    flex-direction: row;
    padding: 16px;
  }
}
.fengstcheckout-checkout-product-view-v1__payments-methods button span {
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: center;
  font-family: var(--font-button);
  margin-top: auto;
  left: -2px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__payments-methods button span {
    text-align: left;
    position: relative;
    margin-top: 0;
    left: 0;
    top: 2px;
  }
}
.fengstcheckout-checkout-product-view-v1__payments-methods button:hover {
  cursor: pointer;
}
.fengstcheckout-checkout-product-view-v1__payments-methods .button_inactive {
  color: var(--surface);
  background: var(--table-header-footer-background);
}
.fengstcheckout-checkout-product-view-v1__payments-methods .button_active {
  background: var(--installments-payment-modal-method-selected);
  color: var(--secondary);
}
.fengstcheckout-checkout-product-view-v1__local-loader .fengstui-local-loading {
  position: relative !important;
  display: flex;
  height: 400px;
}
.fengstcheckout-checkout-product-view-v1__updateqtd-loader {
  height: 18px !important;
  position: relative !important;
  right: 30px;
}
.fengstcheckout-checkout-product-view-v1__updateqtd-loader .bullets div {
  background: var(--checkout-cart-event-font-color) !important;
  width: 4px !important;
  height: 4px !important;
}
.custom-number-control {
  position: relative;
  width: 100%;
}
.custom-number-control-buttons {
  position: absolute;
  top: 6px;
  bottom: 0;
  display: flex;
  right: 3px;
  height: 76%;
}
.custom-number-control-buttons button {
  background: #fff;
  color: var(--checkout-cart-event-font-color);
  border: none;
  cursor: pointer;
  padding: 0 23px;
}
.custom-number-control-buttons button:not(:last-of-type) {
  border-right: solid 1px var(--divider-color);
}
.investsmart-nav {
  background: var(--account-background);
}
.fengstcheckout-checkout-product-view-result {
  background: var(--checkout-cart-event-product-background);
  min-height: calc(100svh - var(--footer-height) + 34px);
}
.fengstcheckout-checkout-product-view-result .fengst-nav {
  min-height: 100% !important;
}
.fengstcheckout-checkout-product-view-result__content {
  max-width: 495px;
  row-gap: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: auto;
  text-align: center;
  padding: 24px 16px 48px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__content {
    padding: 0 16px 0;
  }
}
.fengstcheckout-checkout-product-view-result__content--card {
  background: #fff;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  padding: 24px;
  max-width: 600px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__content--card {
    border-radius: 8px;
  }
}
.fengstcheckout-checkout-product-view-result__content--card-large {
  padding: 24px;
  margin: 20px auto;
}
.fengstcheckout-checkout-product-view-result__title {
  font: var(--checkout-cart-event-result-title-font);
  color: var(--checkout-cart-event-font-color);
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__title {
    font: var(--checkout-cart-event-result-title-font-desktop);
    margin: 0;
  }
}
.fengstcheckout-checkout-product-view-result__icon {
  font-size: 88px;
  color: var(--checkout-cart-event-font-color);
}
.fengstcheckout-checkout-product-view-result__icon--success {
  color: var(--success);
}
.fengstcheckout-checkout-product-view-result__icon--error {
  color: var(--error);
}
.fengstcheckout-checkout-product-view-result__message {
  color: var(--checkout-cart-event-font-color);
  margin: 0;
}
.fengstcheckout-checkout-product-view-result__buttons {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__buttons {
    gap: 24px;
  }
}
.fengstcheckout-checkout-product-view-result__buttons-button {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__buttons-button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstcheckout-checkout-product-view-result__buttons-button .feng-btn {
  border-radius: var(--checkout-cart-event-finish-button-radius);
  border-width: 1px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__buttons-button .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstcheckout-checkout-product-view-result__buttons-button .feng-btn--secondary {
  background: var(--checkout-cart-event-finish-button-background) !important;
  color: var(--checkout-cart-event-button-color) !important;
}
.fengstcheckout-checkout-product-view-result__welcome {
  margin: 0 auto;
}
.fengstcheckout-checkout-product-view-result__welcome .feng-btn {
  background: transparent !important;
}
.fengstcheckout-checkout-product-instructions__list {
  list-style: none;
  background: var(--checkout-cart-event-product-background);
  border: solid 1px var(--divider-color);
  border-radius: var(--checkout-cart-event-finish-button-radius);
  display: flex;
  flex-direction: column;
  padding: 0 24px;
}
.fengstcheckout-checkout-product-instructions__list-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 16px;
  padding: 24px 0;
}
.fengstcheckout-checkout-product-instructions__list-item:not(:last-of-type) {
  border-bottom: solid 1px var(--divider-color);
}
.fengstcheckout-checkout-product-instructions__list-item span {
  font-size: 32px;
}
.fengstcheckout-checkout-product-instructions__list-item p {
  margin: 0;
  max-width: 400px;
}
.fengstcheckout-checkout-product-ccard-list {
  list-style: none;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstcheckout-checkout-product-ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.fengstcheckout-checkout-product-ccard-list .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--secondary);
}
.fengstcheckout-checkout-product-ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.fengstcheckout-checkout-product-ccard-list .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--secondary);
}
.fengstcheckout-checkout-product-ccard-list--form {
  box-shadow: none;
  padding: 0;
  border: none;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-ccard-list--form {
    border: 1px solid var(--divider-color);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  }
}
.fengstcheckout-checkout-product-ccard-list__ccard-list {
  padding: 7px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list .mat-radio-container {
  transform: scale(0.8);
}
.fengstcheckout-checkout-product-ccard-list__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--secondary) !important;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list li {
  display: flex;
  align-items: center;
  column-gap: 7px;
  padding: 16px 0 16px 8px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list li:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 6px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list li:last-child {
  padding: 0;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item {
  display: flex;
  align-items: center;
  gap: 29px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item-main {
  color: var(--outline-button-color);
  background: var(--circle-background);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  font-size: 19px;
  border: none;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item-main i {
  position: relative;
  left: 1px;
  top: 2px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item-main .star {
  position: absolute;
  display: flex;
  align-items: center;
  right: -13px;
  left: auto;
  top: 10px;
  font-size: 17px;
  color: var(--surface);
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item-main .star--selected {
  color: var(--star-icon);
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item-text {
  margin: 0;
  color: var(--text-global-800);
  font-size: 14px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-new-card {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
  margin: auto;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-new-card .feng-btn {
  color: var(--on-background) !important;
  background-color: transparent !important;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--add-card-font-family);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .fengstcheckout-checkout-product-ccard-list__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 14px !important;
}
.fengstcheckout-checkout-product-ccard-list__form {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-ccard-list__form {
    padding: 16px;
  }
}
.fengstcheckout-checkout-product-ccard-list__form-inline {
  display: grid;
  grid-template-columns: 1fr 100px;
  column-gap: 10px;
}
.fengstcheckout-checkout-product-ccard-list__form-inline-flag {
  position: relative;
}
.fengstcheckout-checkout-product-ccard-list__form-inline-flag i {
  position: absolute;
  transform: scale(0.7);
  bottom: -14px;
  right: -18px;
}
.fengstcheckout-checkout-product-ccard-list__form-inline-flag .master {
  transform: scale(0.46);
  bottom: -20px;
}
.fengstcheckout-checkout-product-ccard-list__form-inline-flag--code {
  background: #F4F4F4;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: relative;
}
.fengstcheckout-checkout-product-ccard-list__form-inline-flag--code svg {
  transform: scale(0.47);
  right: 0;
  position: absolute;
  top: -4px;
}
.fengstcheckout-checkout-product-ccard-list__form-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 10px;
  justify-content: flex-end;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-ccard-list__form-actions {
    flex-direction: row;
  }
}
.fengstcheckout-checkout-product-view-pix__title {
  font: var(--checkout-cart-event-result-title-pix-font);
  color: var(--checkout-cart-event-font-color);
}
.fengstcheckout-checkout-product-view-pix__qrcode {
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  grid-template-areas: "text total" "img img" "input input" "button button";
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-pix__qrcode {
    grid-template-columns: 1fr 1fr;
    align-items: flex-end;
    grid-template-rows: auto 30px 75px;
    grid-template-areas: "img text" "img total" "img input" "img button";
  }
}
.fengstcheckout-checkout-product-view-pix__qrcode-img {
  grid-area: img;
  width: 100%;
  aspect-ratio: 1/1;
  border: solid 1px var(--divider-color);
  margin: 16px 0;
  border-radius: 3px;
}
.fengstcheckout-checkout-product-view-pix__qrcode-img img {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-pix__qrcode-img {
    width: 240px;
  }
}
.fengstcheckout-checkout-product-view-pix__qrcode-text, .fengstcheckout-checkout-product-view-pix__qrcode-total {
  margin: 0;
  font: var(--checkout-cart-event-result-title-pix-font);
  color: var(--checkout-cart-event-font-color);
  width: 100%;
}
.fengstcheckout-checkout-product-view-pix__qrcode-text {
  grid-area: text;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-pix__qrcode-text {
    text-align: center;
  }
}
.fengstcheckout-checkout-product-view-pix__qrcode-total {
  grid-area: total;
  text-align: left;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-pix__qrcode-total {
    text-align: center;
    align--self: flex-start;
  }
}
.fengstcheckout-checkout-product-view-pix__qrcode-input {
  grid-area: input;
  align-self: center;
  width: 100%;
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstcheckout-checkout-product-view-pix__qrcode-button {
  grid-area: button;
  align-self: flex-start;
  margin-top: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-pix__qrcode-button {
    margin-top: 0;
  }
}
.fengstcheckout-checkout-product-view-pix__qrcode-button .feng-btn {
  width: 100%;
}
.fengstmypackages-more-info-modal .mat-dialog-container::-webkit-scrollbar, .home-landing-modal .mat-dialog-container::-webkit-scrollbar {
  width: 8px;
}
.fengstmypackages-more-info-modal .mat-dialog-container::-webkit-scrollbar-track, .home-landing-modal .mat-dialog-container::-webkit-scrollbar-track {
  background: var(--divider-color);
  border-radius: 24px;
}
.fengstmypackages-more-info-modal .mat-dialog-container::-webkit-scrollbar-thumb, .home-landing-modal .mat-dialog-container::-webkit-scrollbar-thumb {
  background: var(--outline-button-color);
  border-radius: 24px;
}
.fengstmypackages-more-info-modal {
  max-width: 100% !important;
  height: 100vh;
  display: block;
  align-items: flex-start;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal {
    max-width: 762px !important;
    height: 90vh;
  }
}
.fengstmypackages-more-info-modal .mat-dialog-container {
  padding: 0 !important;
  width: 100vw !important;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal .mat-dialog-container {
    width: 100% !important;
    min-width: 765px;
  }
}
.fengstmypackages-more-info-modal__divider {
  border: none;
  height: 1px;
  background: var(--divider-color);
  width: 97%;
  margin: 16px auto;
}
.fengstmypackages-more-info-modal__head {
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
  padding: 16px 16px 8px 32px;
}
.fengstmypackages-more-info-modal__head-title {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--text-global-800);
  font-family: var(--package-title-font-family);
  margin: 0;
}
.fengstmypackages-more-info-modal__head-close {
  align-self: flex-end;
}
.fengstmypackages-more-info-modal__head-close .feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: none !important;
}
.fengstmypackages-more-info-modal__ticket {
  padding: 8px 16px 16px;
}
.fengstmypackages-more-info-modal__ticket-banner {
  width: 100%;
  height: 175px;
  border-radius: 10px;
  object-fit: cover;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__ticket-banner {
    width: 468px;
  }
}
.fengstmypackages-more-info-modal__ticket-content-event-name {
  font-family: var(--package-title-font-family);
  color: var(--text-global-800);
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 24px 0;
}
.fengstmypackages-more-info-modal__ticket-content-code {
  width: 100%;
  height: 354px;
  border: solid 1px var(--divider-color);
  padding: 25px;
  border-radius: 4px;
  text-align: center;
  margin: auto auto 16px;
}
.fengstmypackages-more-info-modal__ticket-content-code-desc {
  margin: 0 0 17px 0;
  font-size: 17px;
  font-weight: 500;
  color: var(--text-global-800);
}
.fengstmypackages-more-info-modal__ticket-content-code .code {
  width: 100%;
  height: 266px;
  background: #ccc;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__ticket-content-code {
    width: 348px;
  }
  .fengstmypackages-more-info-modal__ticket-content-code .code {
    width: 297px;
  }
}
.fengstmypackages-more-info-modal__ticket-content-print {
  width: 100%;
}
.fengstmypackages-more-info-modal__ticket-content-print .feng-btn {
  width: 100%;
  text-transform: uppercase;
  background: var(--print-button-background) !important;
  color: var(--print-button-color) !important;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__ticket-content-print .feng-btn {
    width: 348px;
    display: flex;
    margin: auto;
  }
}
.fengstmypackages-more-info-modal__ticket-content-info {
  display: flex;
  align-items: center;
  padding: 24px 0 0;
  border-top: solid 1px var(--divider-color);
  margin-top: 24px;
  column-gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}
.fengstmypackages-more-info-modal__ticket-content-info p {
  margin: 0 0 10px 0;
  color: var(--text-global-800);
  font-size: 16px;
  line-height: 14px;
}
.fengstmypackages-more-info-modal__ticket-content-info p:not(:last-of-type) {
  border-right: solid 1px var(--text-global-800);
  padding-right: 8px;
}
.fengstmypackages-more-info-modal__ticket-content-info-date {
  font-weight: 700;
  font-size: 20px;
  color: var(--text-global-800);
  text-transform: uppercase;
}
.fengstmypackages-more-info-modal__info-banner {
  height: 158px;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-banner {
    height: 275px;
  }
}
.fengstmypackages-more-info-modal__info-event {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  padding: 16px 16px 0;
  border-radius: 8px;
  background: transparent;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event {
    box-shadow: none;
    grid-template-columns: 1fr 0.7fr;
    column-gap: 16px;
    border-radius: 0;
  }
}
.fengstmypackages-more-info-modal__info-event-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-info {
    align-items: flex-start;
    justify-content: center;
    row-gap: 12px;
  }
}
.fengstmypackages-more-info-modal__info-event-info p {
  margin: 0;
  width: 100%;
  text-align: center;
  color: var(--event-color-text-dark);
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-info p {
    text-align: left;
  }
}
.fengstmypackages-more-info-modal__info-event-info-date {
  font-size: var(--event-date-font-size);
  font-weight: 500;
  color: var(--event-color-text-secondary) !important;
}
.fengstmypackages-more-info-modal__info-event-info-date span {
  color: currentColor;
  font-size: 40px;
  line-height: 40px;
  align-self: center;
  margin: 0px 5px;
  position: relative;
  top: -3px;
}
.fengstmypackages-more-info-modal__info-event-info-name {
  font-size: var(--event-name-font-size);
  font-weight: 700;
  text-transform: var(--event-name-text-transform);
  border-top: solid 1px var(--divider-color);
  padding-top: 13px;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-info-name {
    border-top: none;
    padding-top: 0;
  }
}
.fengstmypackages-more-info-modal__info-event-info-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-info-more-info {
    flex-direction: row;
    column-gap: 6px;
  }
}
.fengstmypackages-more-info-modal__info-event-info-more-info p {
  font-size: var(--event-addres-font-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  column-gap: 8px;
  width: auto;
  color: var(--text-global-800);
}
.fengstmypackages-more-info-modal__info-event-info-more-info .icon {
  color: var(--secondary);
}
.fengstmypackages-more-info-modal__info-event-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  border-bottom: solid 1px var(--divider-color);
  padding-bottom: 24px;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-actions {
    flex-direction: row;
    justify-content: flex-end;
    border: none;
  }
}
.fengstmypackages-more-info-modal__info-event-actions-button {
  width: 100%;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-actions-button {
    width: auto;
  }
}
.fengstmypackages-more-info-modal__info-event-actions-button .feng-btn {
  color: var(--outline-button-color) !important;
  border-color: currentColor !important;
  background: transparent !important;
  padding: 10px 56px;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-actions-button .feng-btn {
    border: none;
    background: var(--on-secondary) !important;
    color: var(--on-surface) !important;
  }
}
.fengstmypackages-more-info-modal__info-atention {
  padding: 0 8px 0 32px;
  margin: 16px 0;
}
.fengstmypackages-more-info-modal__info-atention-title {
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--package-title-font-family);
}
.fengstmypackages-more-info-modal__info-atention-text {
  color: var(--text-global-800);
  margin: 16px 0;
}
.fengstmypackages-my-package {
  width: 100%;
}
@media (min-width: 1200px) {
  .fengstmypackages-my-package {
    padding: 16px;
    width: var(--max-width);
    margin: auto;
  }
}
.fengstmypackages-my-package__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-global-800);
  padding: 0 16px;
  font-family: var(--package-title-font-family);
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__title {
    padding: 0;
    font-size: var(--package-title-title-font-size);
  }
}
.fengstmypackages-my-package__tab-card {
  padding: 16px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstmypackages-my-package__tab-card-head {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-head {
    flex-direction: row;
    padding: 24px;
  }
}
.fengstmypackages-my-package__tab-card-filter {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.fengstmypackages-my-package__tab-card-filter-item {
  padding: 24px 10px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: var(--filter-color);
}
.fengstmypackages-my-package__tab-card-filter-item--selected {
  background: var(--filter-active-background);
  color: var(--secondary);
  font-weight: 500;
  border-bottom: 1px solid currentColor;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-filter-item {
    padding: 24px;
  }
}
.fengstmypackages-my-package__tab-card-filter-item:hover {
  background: var(--filter-active-background);
}
.fengstmypackages-my-package__tab-card-search {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-search {
    width: auto;
    margin-bottom: 0;
  }
}
.fengstmypackages-my-package__tab-card-search .feng-input--primary.feng-input .feng-input__icon-wrapper--right {
  position: relative;
  border: solid 1px #dedede;
  left: -2px;
  border-left-width: 0;
  color: #000;
  background: #fff;
}
.fengstmypackages-my-package__tab-card-event {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  padding: 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event {
    box-shadow: none;
    grid-template-columns: 0.2fr 1fr 0.5fr;
    column-gap: 16px;
    border-radius: 0;
    margin-bottom: 0;
  }
  .fengstmypackages-my-package__tab-card-event:not(:last-of-type) {
    border-bottom: solid 1px var(--divider-color);
  }
}
.fengstmypackages-my-package__tab-card-event-image {
  width: 95%;
  height: auto;
  max-height: 350px;
  margin: 15px auto;
  border-radius: var(--thumb-image-radius);
  object-fit: cover;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-image {
    width: var(--thumb-desktop-width);
    height: var(--thumb-desktop-height);
    max-height: inherit;
    margin: auto;
  }
}
.fengstmypackages-my-package__tab-card-event-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  position: relative;
  top: -8px;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-info {
    align-items: flex-start;
    justify-content: center;
    row-gap: 12px;
  }
}
.fengstmypackages-my-package__tab-card-event-info p {
  margin: 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-info p {
    text-align: left;
  }
}
.fengstmypackages-my-package__tab-card-event-info-date {
  font-size: var(--event-date-font-size);
  color: var(--secondary);
  font-weight: 500;
}
.fengstmypackages-my-package__tab-card-event-info-date span {
  color: currentColor;
  font-size: 40px;
  line-height: 40px;
  align-self: center;
  margin: 0px 5px;
  position: relative;
  top: -3px;
}
.fengstmypackages-my-package__tab-card-event-info-name {
  font-size: var(--event-name-font-size);
  font-weight: 700;
  text-transform: var(--event-name-text-transform);
  color: var(--text-global-800);
  border-top: solid 1px var(--divider-color);
  padding-top: 13px;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-info-name {
    border-top: none;
    padding-top: 0;
  }
}
.fengstmypackages-my-package__tab-card-event-info-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-info-more-info {
    flex-direction: row;
    column-gap: 6px;
  }
}
.fengstmypackages-my-package__tab-card-event-info-more-info p {
  font-size: var(--event-addres-font-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  column-gap: 8px;
  color: var(--text-global-800);
  width: auto;
}
.fengstmypackages-my-package__tab-card-event-info-more-info .icon {
  color: var(--secondary);
}
.fengstmypackages-my-package__tab-card-event-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-actions {
    flex-direction: row;
    justify-content: flex-end;
  }
}
.fengstmypackages-my-package__tab-card-event-actions-button .feng-btn {
  width: 100%;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-actions-button .feng-btn {
    max-width: 88px;
    width: auto;
  }
}
.fengstmypackages-my-package__tab-card-event-actions-button--ticket {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-actions-button--ticket {
    width: auto;
  }
}
.fengstmypackages-my-package__tab-card-event-actions-button--ticket .feng-btn {
  color: var(--outline-button-color) !important;
  border-color: currentColor !important;
  padding: 10px 16px;
}
@media (min-width: 1200px) {
  .fengstmypackages-my-package__tab-card-event-actions-button--ticket .feng-btn {
    max-width: 100%;
    padding: 10px 56px;
  }
}
.first-access-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: calc(100svh - 209px);
  background: var(--register-v2-background);
  background-size: var(--register-v2-background-size-small);
}
.first-access-wrapper__form {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  z-index: 1;
  align-self: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.first-access-wrapper__form section {
  width: 100%;
  display: flex;
  align-self: center;
  flex-direction: column;
}
.first-access-wrapper__form section .select-country {
  display: flex;
  align-content: center;
  justify-content: flex-start;
}
.first-access-wrapper__form section .select-country .select-country-field {
  width: 90px;
}
.first-access-wrapper__form section .select-country .input-phone {
  width: 100%;
  margin-top: 3px;
}
.first-access-wrapper__form section .select-country .mat-form-field-wrapper {
  padding: 0;
}
.first-access-wrapper__form section h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.first-access-wrapper__form section section {
  display: flex;
  align-self: center;
  flex-direction: column;
  width: 100%;
  max-width: 320px;
  gap: 20px;
}
.first-access-wrapper__form section section .feng-btn {
  width: 100% !important;
  border-radius: 4px !important;
}
.first-access-wrapper fengstcheckout-view-first-access {
  margin: 0 auto;
  text-align: center;
  background: #fff;
  z-index: 1;
  position: relative;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 15px;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.fengst-security-valdate-cpf-modal {
  position: relative;
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 15px !important;
  padding-top: 30px !important;
}
@media (min-width: 992px) {
  .fengst-security-valdate-cpf-modal {
    max-height: 550px !important;
  }
}
.fengst-security-valdate-cpf-modal .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 0px !important;
  height: 100vh !important;
  padding-bottom: 5px;
}
@media (min-width: 992px) {
  .fengst-security-valdate-cpf-modal .mat-dialog-container {
    margin-top: 10vh;
    height: 700px !important;
    overflow-y: hidden;
  }
}
.fengst-security-valdate-cpf-modal__close {
  position: absolute;
  top: 9px;
  right: 16px;
  display: block;
  color: black;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
}
.fengst-security-valdate-cpf-modal__icon {
  display: block;
  width: 100%;
  text-align: center;
  color: #EFC845;
  font-size: 90px;
}
.fengst-security-valdate-cpf-modal__actions {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.fengst-security-valdate-cpf-modal__field {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  justify-content: center;
}
.fengst-security-valdate-cpf-modal__titles {
  display: block;
  width: 100%;
  margin-top: 50px;
}
.fengst-security-valdate-cpf-modal__titles h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 40px;
  margin: 0px;
  padding: 0px;
}
.fengst-security-valdate-cpf-modal__titles h2 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 22px;
  margin: 0px;
  padding: 0px;
  margin-top: 30px;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --background-system-error: #ffe0e1;
  --background-system-warning: #f3e0b9;
  --background-system-success: #eefcf2;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --preHome-font-primary: "Roboto";
  --preHome-font-title: "Bebas-Neue-Pro";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-margin: 0;
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-align: flex-start;
  --header-logged-photo-border: none;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --header-color-text: "#F8F8F8";
  --header-button-radius: 0px;
  --header-color-divider: "#FFF";
  --header-desktop-menu-font-family: "Roboto";
  --header-desktop-menu-items-padding: "8px 10px";
  --header-text-color: "#000";
  --header-register-bg: #242424;
  --header-divider-background: #616161;
  --header-desktop-wrapper-font-family: "Roboto";
  --header-13-login-outline-color: currentColor;
  --header-13-register-button-bg: var(--primary);
  --header-13-register-button-weight: 500;
  --header-13-position: relative;
  --header-13-border-bottom: 2px solid var(--on-primary);
  --header-sub-menu-font: normal normal 700 14px/16px Barlow;
  --background-success: "#F8F8F8";
  --background-error: "#F8F8F8" ;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-padding-v: 34px 0;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-term-decoration: none;
  --footer-padding: 34px 0;
  --footer-font-size: 14px;
  --footer-color-counter: #f8f8f8;
  --footer-color-counter-number: #E7E7E7;
  --footer-logged-background-bsc: #231F20;
  --footer-12-sponsor-title-font: normal normal 700 20px/40px Barlow;
  --footer-12-sponsor-title-font-desktop: normal normal 700 32px/40px Barlow;
  --footer-12-sponsor-logos-width: 50px;
  --footer-12-sponsor-logos-width-desktop: 65px;
  --footer-12-sponsor-border-bottom: solid 1px #fff;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-subtitle-color: #000;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --home-auth-input-label-font: normal normal 700 14px/16px Barlow;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-call-to-action-footer-bg: "#FFF";
  --matchday-cta-background-desktop: "#000";
  --matchday-cta-background-mobile: "#000";
  --matchday-cta-button-primary-bg: "#000";
  --matchday-cta--button-color: "#FFF";
  --matchday-cta--max-width-desktop: "1200px";
  --matchday-cta-title-color: "#FFF";
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-view-tabs-14-background: "#A5CC02";
  --home-view-tabs-14-content-padding: "100px";
  --home-view-tabs-14-content-border: "#A5CC02";
  --home-view-tabs-14-content-radius: "0";
  --home-view-tabs-14-title-color: "#A5CC02";
  --home-view-tabs-14-title-font: "";
  --home-view-tabs-14-title-font-desktop: "";
  --home-view-tabs-14-text-color: "";
  --home-view-tabs-14-text-font: "";
  --home-view-tabs-14-text-font-desktop: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-background-texture: "";
  --home-private-font-size-cards: "16px";
  --home-private-cards-font: "normal normal 700 24px/32px Roboto";
  --home-private-cards-status-font: "normal normal 700 14px/20px Roboto";
  --home-private-cards-grid-mobile:
  "plan"
  "ticket"
  "ticketCards";
  --home-private-cards-grid: "plan ticket ticketCards";
  --home-private-bg-title-cards: "transparent";
  --home-private-font-family-cards: "Roboto";
  --home-private-font-family-medium: "Roboto";
  --header-sub-menu-position: "flex-end";
  --home-smarthub-scroll1-bg: #000;
  --home-smarthub-scroll1-bg-desktop: #000;
  --home-smarthub-scroll1-title-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-title-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-text-font-desktop: normal normal 700 14px/20px Roboto;
  --home-smarthub-scroll1-button-bg: var(--primary);
  --home-smarthub-scroll1-list-color: var(--on-secondary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --plans-title-mobile-font: normal normal 700 32px/1.5rem Roboto;
  --plans-title-desktop-font: normal normal 700 40px/1.5rem Roboto;
  --plans-detail-mobile-font: normal normal 700 16px/20px Roboto;
  --plans-detail-desktop-font: normal normal 700 19px/25px Roboto;
  --plans-value-mobile-font: normal normal 700 16px/30px Roboto;
  --plans-value-desktop-font: normal normal 700 20px/35px Roboto;
  --plans-value-label-mobile-font: normal normal 700 14px/32px Roboto;
  --plans-value-label-desktop-font: normal normal 700 16px/35px Roboto;
  --plans-value-label-mobile-strong-font: normal normal 700 35px/40px Roboto;
  --plans-value-label-desktop-strong-font: normal normal 700 35px/40px Roboto;
  --plans-detail-color: #000;
  --plans-conditions-list-font-mobile: normal normal 700 35px/40px Roboto;
  --plans-conditions-list-font-desktop: normal normal 700 35px/40px Roboto;
  --plans-no-plan-font: normal normal 700 16px/24px Roboto;
  --plans-no-plan-font-desktop: normal normal 700 24px/32px Roboto;
  --plans-content-border-color: "";
  --plans-select-group-bg-color: "";
  --my-plan-font-family-title: "Montserrat";
  --my-plan-font-size-title: "20px";
  --my-plan-line-hight-title: "32px";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-background-blend-mode: normal;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --account-add-text-font: 700 28px / 28px var(--font-title);
  --account-plan-text-font: 700 28px / 28px var(--font-title);
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-card-name-font: 700 28px / 28px var(--font-title);
  --my-profile-card-contract-font: normal normal 700 22px/26px Barlow;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --section-title-font: 700 20px / 20px var(--font-title);
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --font-family-banner-title: "Roboto";
  --font-family-banner-description: "Roboto";
  --banner-overlay-bg: linear-gradient(360deg, rgba($color-on-background-RGB, 0.85) 25%, rgba(0,0,0,0) 100%);
  --banner-title-font: normal normal 700 20px/32px "Roboto";
  --banner-title-font-desktop: normal normal 700 20px/32px "Roboto";
  --banner-subtitle-font: normal normal 400 14px/20px "Roboto";
  --banner-subtitle-font-desktop: normal normal 400 16px/24px "Roboto";
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --partners-title-card-font: normal normal 700 16px/24px "Roboto";
  --partners-desc-card-font: normal normal 400 16px/24px "Roboto";
  --partners-become-modal-step-title-font: normal normal 700 20px/32px "Roboto";
  --partners-become-modal-step-desc-font: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-title: normal normal 400 14px/20px "Roboto";
  --partners-become-modal-step-column-color: #000;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --matches-bg-desktop: "";
  --matches-bg-mobile: "";
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --rating-cards-background: #FAFAFA;
  --rating-crads-border:1px solid #E4E4E4;
  --digital-card-button-color: #F4F4F4;
  --digital-card-font-color: #727272;
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --gift-card-price-color: black;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #FFFFFF;
  --pre-home-text-color: #141414;
  --pre-home-text-secondary-color: #FFFFFF;
  --pre-home-footer-text-color: #808080;
  --pre-home-planCrad-flag-background: #181715;
  --cta-button-background: #DB0F1C;
  --cta-button-hover: #F64542;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-overlay-bg: "transparent";
  --cta-13-overlay-bg-opacity: 0;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-subtitle-color: var(--cta-13-text-color);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --cta-13-button-width: 100%;
  --cta-13-button-width-desktop: 100%;
  --cta-13-logo-width: 100%;
  --cta-13-logo-height: 100%;
  --cta-13-logo-desktop-width: 100%;
  --cta-13-logo-desktop-height: 100%;
  --cta-15-login-button-background: #FFFFFF;
  --cta-15-text-color: #141414;
  --cta-15-text-color-second: #141414;
  --cta-15-background: #000;
  --cta-15-background-sem-front: #000;
  --cta-15-background-sem-front-mobile: #000;
  --cta-15-background-mobile: #000;
  --cta-15-font-primary: "Roboto";
  --cta-15-font-title: "Bebas-Neue-Pro";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --benefits-section-title-mobile-font: var(--plans-title-mobile-font);
  --benefits-section-title-desktop-font: var(--plans-title-desktop-font);
  --benefits-card-border: 1px solid var(--cta-13-text-color);
  --benefits-card-radius: 4px;
  --benefits-card-text-align: "left";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-plans-cards-column-size: minmax(0, 1fr);
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: "Angular-Feng-Icons";
  src: url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5);
  src: url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.eot?kemyc5#iefix") format("embedded-opentype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff2?kemyc5) format("woff2"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.ttf?kemyc5) format("truetype"), url(https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.woff?kemyc5) format("woff"), url("https://cdn.icomoon.io/157440/ngx-feng/Angular-Feng-Icons.svg?kemyc5#Angular-Feng-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=fengi-], [class*=" fengi-"] {
  font-family: "Angular-Feng-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fengi-minus:before {
  content: "";
}
.fengi-whatsapp:before {
  content: "";
}
.fengi-instagram:before {
  content: "";
}
.fengi-trash:before {
  content: "";
}
.fengi-eye:before {
  content: "";
}
.fengi-eye-blocked:before {
  content: "";
}
.fengi-copy:before {
  content: "";
}
.fengi-warning:before {
  content: "";
}
.fengi-library:before {
  content: "";
}
.fengi-bank:before {
  content: "";
}
.fengi-building:before {
  content: "";
}
.fengi-qrcode:before {
  content: "";
}
.fengi-history:before {
  content: "";
}
.fengi-upload:before {
  content: "";
}
.fengi-user-check:before {
  content: "";
}
.fengi-hour-glass:before {
  content: "";
}
.fengi-unlocked:before {
  content: "";
}
.fengi-magnet:before {
  content: "";
}
.fengi-attachment:before {
  content: "";
}
.fengi-star-empty:before {
  content: "";
}
.fengi-star-full:before {
  content: "";
}
.fengi-face-smile:before {
  content: "";
}
.fengi-sad:before {
  content: "";
}
.fengi-embassies-sad:before {
  content: "";
}
.fengi-info:before {
  content: "";
}
.fengi-cross-bold:before {
  content: "";
}
.fengi-arrow-down2:before {
  content: "";
}
.fengi-arrow-left2:before {
  content: "";
}
.fengi-youtube:before {
  content: "";
}
.fengi-arrow-left:before {
  content: "";
}
.fengi-menu1:before {
  content: "";
}
.fengi-chevron-down:before {
  content: "";
}
.fengi-chevron-up:before {
  content: "";
}
.fengi-chevron-right1:before {
  content: "";
}
.fengi-chevron-left1:before {
  content: "";
}
.fengi-clock1:before {
  content: "";
}
.fengi-check:before {
  content: "ﶘ";
}
.fengi-check-circle:before {
  content: "";
}
.fengi-user1:before {
  content: "";
}
.fengi-x:before {
  content: "";
}
.fengi-th-large-outline:before {
  content: "";
}
.fengi-chat-two-bubbles-oval:before {
  content: "";
}
.fengi-voice-activation:before {
  content: "";
}
.fengi-arrow-left-circle:before {
  content: "";
}
.fengi-user-outline3:before {
  content: "";
}
.fengi-info-circle-outline:before {
  content: "";
}
.fengi-workspace:before {
  content: "";
}
.fengi-move-up:before {
  content: "";
}
.fengi-users:before {
  content: "";
}
.fengi-confirmation-ticket:before {
  content: "";
}
.fengi-stadium-3:before {
  content: "";
}
.fengi-comunity:before {
  content: "";
}
.fengi-check-mark:before {
  content: "";
}
.fengi-discount:before {
  content: "";
}
.fengi-local-activity:before {
  content: "";
}
.fengi-help-center:before {
  content: "";
}
.fengi-account_circle:before {
  content: "";
}
.fengi-arrow-expand-down:before {
  content: "";
}
.fengi-user-protection:before {
  content: "";
}
.fengi-campo-outline:before {
  content: "";
}
.fengi-trohpy-outline:before {
  content: "";
}
.fengi-calendar-fill:before {
  content: "";
  color: #f00a0a;
}
.fengi-ball-check:before {
  content: "";
  color: #f00a0a;
}
.fengi-stadium-2:before {
  content: "";
}
.fengi-stadium-1:before {
  content: "";
}
.fengi-location-3:before {
  content: "";
}
.fengi-aspas:before {
  content: "";
}
.fengi-brinde:before {
  content: "";
}
.fengi-local-2:before {
  content: "";
}
.fengi-inmedical:before {
  content: "";
  color: #ffe900;
}
.fengi-armchair:before {
  content: "";
}
.fengi-crow:before {
  content: "";
}
.fengi-card-tardezinha:before {
  content: "";
}
.fengi-icon-shopping-cart-4:before {
  content: "";
}
.fengi-icon-camisa-tardezinha:before {
  content: "";
}
.fengi-icon-door:before {
  content: "";
}
.fengi-codigo-de-barras:before {
  content: "";
}
.fengi-image-1:before {
  content: "";
}
.fengi-ticket-outline:before {
  content: "";
}
.fengi-face-sad:before {
  content: "";
}
.fengi-icon-voto-2:before {
  content: "";
}
.fengi-plus3:before {
  content: "";
}
.fengi-bandeira-vasco-icon:before {
  content: "";
}
.fengi-icon-estadio-vasco:before {
  content: "";
}
.fengi-icon-conteudo-exclusivo:before {
  content: "";
}
.fengi-icon-descontos-exclusivos:before {
  content: "";
}
.fengi-icon-medalha-pontos:before {
  content: "";
}
.fengi-icon-escudo-check:before {
  content: "";
}
.fengi-icon-ingressos-escudo:before {
  content: "";
}
.fengi-mail-outline:before {
  content: "";
}
.fengi-icon-add-person:before {
  content: "";
}
.fengi-icon-tv-full:before {
  content: "";
}
.fengi-chair:before {
  content: "";
}
.fengi-user-sign:before {
  content: "";
}
.fengi-plane:before {
  content: "";
}
.fengi-file-outline:before {
  content: "෕";
}
.fengi-id-card-2:before {
  content: "";
}
.fengi-icon-offrio:before {
  content: "";
}
.fengi-calendar-check:before {
  content: "";
}
.fengi-x-logo:before {
  content: "";
  color: #fff;
}
.fengi-question_outline:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone:before {
  content: "";
  color: #748f02;
}
.fengi-contact_phone2:before {
  content: "";
}
.fengi-biometry-error:before {
  content: "";
  color: #ca3521;
}
.fengi-biometry-analisys:before {
  content: "";
  color: #e0ad00;
}
.fengi-biometry-success:before {
  content: "";
  color: #1f845a;
}
.fengi-biometry-face-default:before {
  content: "";
}
.fengi-offrio .path1:before {
  content: "";
  color: #fff;
}
.fengi-offrio .path2:before {
  content: "";
  margin-left: -1em;
  color: #002615;
}
.fengi-sign-out-2:before {
  content: "";
}
.fengi-stadium:before {
  content: "";
}
.fengi-guests-1:before {
  content: "";
}
.fengi-food-1:before {
  content: "";
}
.fengi-trophy-1:before {
  content: "";
}
.fengi-message-square:before {
  content: "";
}
.fengi-exchange-points:before {
  content: "";
}
.fengi-experience-medal:before {
  content: "";
}
.fengi-renew1:before {
  content: "";
}
.fengi-ticket-w-perforation:before {
  content: "൙";
}
.fengi-birthday:before {
  content: "";
}
.fengi-ball:before {
  content: "";
}
.fengi-medal:before {
  content: "";
}
.fengi-calendar:before {
  content: "";
}
.fengi-rocket:before {
  content: "";
}
.fengi-facebook_icon:before {
  content: "";
}
.fengi-icon-info-outline:before {
  content: "";
}
.fengi-info-circle:before {
  content: "";
}
.fengi-icon-casa:before {
  content: "";
}
.fengi-icon-estadio:before {
  content: "";
}
.fengi-kit-fisico-icon:before {
  content: "";
}
.fengi-gift-card:before {
  content: "";
}
.fengi-kit-fisico:before {
  content: "";
}
.fengi-embassies-member-warning:before {
  content: "";
}
.fengi-embassies-warning:before {
  content: "";
}
.fengi-embassies-new-embassy:before {
  content: "";
}
.fengi-embassies-waiting:before {
  content: "";
}
.fengi-census-aviso:before {
  content: "";
  color: #f36f22;
}
.fengi-carousel-census .path1:before {
  content: "";
  color: #a976ce;
}
.fengi-carousel-census .path2:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-carousel-census .path3:before {
  content: "";
  margin-left: -0.9599609375em;
  color: #f36f22;
}
.fengi-press-enter:before {
  content: "";
  color: #fff;
}
.fengi-icon-conteudo-resgate:before {
  content: "";
}
.fengi-icon-conteudo-mais-alegria:before {
  content: "";
}
.fengi-icon-conteudo-desconto:before {
  content: "";
}
.fengi-icon-conteudo-convidados:before {
  content: "";
}
.fengi-icon-conteudo-prioridade:before {
  content: "";
}
.fengi-icon-arquibancada:before {
  content: "";
}
.fengi-icon-carteirinha:before {
  content: "";
}
.fengi-icon-vinculado-ao-responsavel:before {
  content: "";
}
.fengi-icon-socio-responsavel:before {
  content: "";
}
.fengi-icon-plan-6:before {
  content: "";
}
.fengi-icon-plan-5:before {
  content: "";
}
.fengi-icon-idade-maxima:before {
  content: "";
}
.fengi-icon-estados:before {
  content: "";
}
.fengi-icon-desconto:before {
  content: "";
}
.fengi-icon-desconto-loja:before {
  content: "";
}
.fengi-icon-sj:before {
  content: "";
}
.fengi-icon-resgate:before {
  content: "";
}
.fengi-icon-evento:before {
  content: "";
}
.fengi-icon-convidado:before {
  content: "";
}
.fengi-icon-camisa:before {
  content: "";
}
.fengi-icon-plan-4:before {
  content: "";
}
.fengi-icon-plan-3:before {
  content: "";
}
.fengi-icon-plan-2:before {
  content: "";
}
.fengi-icon-plan-1:before {
  content: "";
}
.fengi-icon-maisalegria:before {
  content: "";
}
.fengi-icon-ingresso-gigante:before {
  content: "";
}
.fengi-icon-check:before {
  content: "";
  color: #fff;
}
.fengi-pencil-edit:before {
  content: "";
  color: #f36f22;
}
.fengi-pencil-edit2:before {
  content: "";
}
.fengi-user-outline:before {
  content: "";
}
.fengi-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengi-flachip:before {
  content: "";
  color: #606060;
}
.fengi-icon_descomplica:before {
  content: "";
  color: #020203;
}
.fengi-ico-cashback:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-50:before {
  content: "";
  color: #606060;
}
.fengi-ico-30:before {
  content: "";
  color: #606060;
}
.fengi-ico-20:before {
  content: "";
  color: #606060;
}
.fengi-ico-convidado:before {
  content: "";
  color: #606060;
}
.fengi-ico-km:before {
  content: "";
  color: #4d4d4c;
}
.fengi-ico-tv:before {
  content: "";
  color: #606060;
}
.fengi-ico-tshirt:before {
  content: "";
  color: #606060;
}
.fengi-ico-ze:before {
  content: "";
}
.fengi-ico-ticket:before {
  content: "";
  color: #fff;
}
.fengi-experiencia-spfc:before {
  content: "";
}
.fengi-pix:before {
  content: "";
}
.fengi-icon-nrn-10:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shirt:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-play:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-guest:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-ticket:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-5:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-4:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-3:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-2:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-1:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-50:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-30:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-20:before {
  content: "";
  color: #4f4f4f;
}
.fengi-icon-nrn-shirt9:before {
  content: "";
  color: #fff;
}
.fengi-icon-nrn-shop:before {
  content: "";
  color: #fff;
}
.fengi-escudo-blank:before {
  content: "";
  color: #fff;
}
.fengi-star-spfc:before {
  content: "";
}
.fengi-convidado-spfc:before {
  content: "";
}
.fengi-dependente-spfc:before {
  content: "";
}
.fengi-icon-diamante-1 .path1:before {
  content: "";
  color: #d41116;
}
.fengi-icon-diamante-1 .path2:before {
  content: "";
  margin-left: -1em;
  color: #e2e8f4;
}
.fengi-icon-diamante-1 .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path4:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path5:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-diamante-1 .path6:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path7:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path8:before {
  content: "";
  margin-left: -1em;
  color: #b1b6c0;
}
.fengi-icon-diamante-1 .path9:before {
  content: "";
  margin-left: -1em;
  color: #020203;
}
.fengi-icon-fb .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-fb .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-filmes-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-ingresso-spfc:before {
  content: "";
}
.fengi-kit-spfc:before {
  content: "";
}
.fengi-kit:before {
  content: "";
}
.fengi-lupa-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-icon-tt .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-tt .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path1:before {
  content: "";
  color: #b11116;
}
.fengi-icon-wpp .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-icon-wpp .path3:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengi-camisa-spfc .path2:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-camisa-spfc .path3:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path4:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path5:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path6:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path7:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path8:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #020203;
}
.fengi-camisa-spfc .path9:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path10:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path11:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path12:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path13:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path14:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path15:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path16:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #fff;
}
.fengi-camisa-spfc .path17:before {
  content: "";
  margin-left: -1.2998046875em;
  color: #d41116;
}
.fengi-campo-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-campo-black .path1:before {
  content: "";
  color: #020203;
}
.fengi-campo-black .path2:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path3:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-campo-black .path4:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path5:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #4f4f4f;
}
.fengi-campo-black .path6:before {
  content: "";
  margin-left: -1.3544921875em;
  color: #020203;
}
.fengi-cart-spfc:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.fengi-spfc-phone:before {
  content: "";
  color: #d41116;
}
.fengi-real-circle .path1:before {
  content: "";
  color: #b11116;
}
.fengi-real-circle .path2:before {
  content: "";
  margin-left: -1em;
  color: #fff;
}
.fengi-exit:before {
  content: "";
}
.fengi-bell:before {
  content: "";
}
.fengi-x1:before {
  content: "";
}
.fengi-menu:before {
  content: "";
}
.fengi-construction:before {
  content: "";
}
.fengi-ticket-discount:before {
  content: "";
}
.fengi-ellipsis:before {
  content: "";
}
.fengi-ellipsis-circle:before {
  content: "";
}
.fengi-play-circle-bg:before {
  content: "";
}
.fengi-plus-cart:before {
  content: "";
}
.fengi-star-half:before {
  content: "";
}
.fengi-st-tickets:before {
  content: "";
}
.fengi-user:before {
  content: "";
}
.fengi-dollar-sign:before {
  content: "";
}
.fengi-blocked:before {
  content: "";
}
.fengi-star:before {
  content: "";
}
.fengi-chat:before {
  content: "";
}
.fengi-plus:before {
  content: "";
}
.fengi-plus-circle:before {
  content: "";
}
.fengi-plus-circle-bg:before {
  content: "";
}
.fengi-less:before {
  content: "";
}
.fengi-less-circle:before {
  content: "";
}
.fengi-arrow-up:before {
  content: "";
}
.fengi-arrow-up-circle:before {
  content: "";
}
.fengi-checkmark:before {
  content: "";
}
.fengi-checkmark-circle:before {
  content: "";
}
.fengi-cross:before {
  content: "";
}
.fengi-close:before {
  content: "";
}
.fengi-cross-circle:before {
  content: "";
}
.fengi-go-borderless:before {
  content: "";
}
.fengi-back-borderless:before {
  content: "";
}
.fengi-mais-borderless:before {
  content: "";
}
.fengi-play:before {
  content: "";
}
.fengi-loop:before {
  content: "";
}
.fengi-renew:before {
  content: "";
}
.fengi-chevron-left:before {
  content: "";
}
.fengi-chevron-right:before {
  content: "";
}
.fengi-chevron-left-bold:before {
  content: "";
}
.fengi-chevron-right-bold:before {
  content: "";
}
.fengi-keyboard_arrow_left:before {
  content: "";
}
.fengi-keyboard_arrow_right:before {
  content: "";
}
.fengi-edit:before {
  content: "";
}
.fengi-info-circle-bg:before {
  content: "";
}
.fengi-checkmark-bold:before {
  content: "";
}
.fengi-checkmark-circle-bg:before {
  content: "";
}
.fengi-help:before {
  content: "";
}
.fengi-question:before {
  content: "";
}
.fengi-question-cicle-bg:before {
  content: "";
}
.fengi-locked:before {
  content: "";
}
.fengi-home1:before {
  content: "";
}
.fengi-credit-card:before {
  content: "";
}
.fengi-ticket-card:before {
  content: "";
}
.fengi-ticket:before {
  content: "";
}
.fengi-like:before {
  content: "";
}
.fengi-forward:before {
  content: "";
}
.fengi-share:before {
  content: "";
}
.fengi-zoom:before {
  content: "";
}
.fengi-search:before {
  content: "";
}
.fengi-attention:before {
  content: "";
}
.fengi-trophy:before {
  content: "";
}
.fengi-share1:before {
  content: "";
}
.fengi-external-link:before {
  content: "";
}
.fengi-go:before {
  content: "";
}
.fengi-printer:before {
  content: "";
}
.fengi-st-boleto:before {
  content: "";
}
.fengi-boleto1:before {
  content: "";
}
.fengi-internet:before {
  content: "";
}
.fengi-clock:before {
  content: "";
}
.fengi-deny:before {
  content: "";
}
.fengi-group:before {
  content: "";
}
.fengi-two-people:before {
  content: "";
}
.fengi-shop-discount:before {
  content: "";
}
.fengi-alarm:before {
  content: "";
}
.fengi-arrow-right-circle:before {
  content: "";
}
.fengi-award:before {
  content: "";
}
.fengi-cart:before {
  content: "";
}
.fengi-help_outline:before {
  content: "";
}
.fengi-lock:before {
  content: "";
}
.fengi-st-brazil-map:before {
  content: "";
}
.fengi-trophy1:before {
  content: "";
}
.fengi-click:before {
  content: "";
}
.fengi-data:before {
  content: "";
}
.fengi-down:before {
  content: "";
}
.fengi-go-to:before {
  content: "";
}
.fengi-plus1:before {
  content: "";
}
.fengi-phone:before {
  content: "";
}
.fengi-play1:before {
  content: "";
}
.matches-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 70vh;
}
.matches-wrapper__content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 16px;
}
@media (min-width: 576px) {
  .matches-wrapper__content {
    padding-bottom: 48px;
  }
}
.matches-wrapper__content--no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  font-size: 1.5em;
  margin: 30px 0;
}
.matches-wrapper__content--no-data i {
  font-size: 2em;
  color: #F6BB42;
}
.fengstmatches-matches-catalog {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: calc(100% - 32px);
  max-width: 1200px;
  padding: 0 16px;
  margin: 0 auto;
  box-sizing: content-box;
  padding: 32px 0 48px;
  position: relative;
}
@media (min-width: 992px) {
  .fengstmatches-matches-catalog {
    gap: 32px;
  }
}
.fengstmatches-matches-catalog__header {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 16px;
}
@media (min-width: 992px) {
  .fengstmatches-matches-catalog__header {
    gap: 32px;
  }
}
.fengstmatches-matches-catalog__header > span {
  font-size: 24px;
  font-weight: 800;
  line-height: 29.26px;
  color: #393939;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmatches-matches-catalog__header > span {
    font-size: 40px;
    font-weight: 800;
    line-height: 48.76px;
  }
}
.fengstmatches-matches-catalog__header-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 544px;
  width: 100%;
}
@media (min-width: 576px) {
  .fengstmatches-matches-catalog__header-wrapper {
    flex-direction: row;
  }
}
.fengstmatches-matches-catalog__header--dropdown {
  width: 100%;
}
@media (min-width: 576px) {
  .fengstmatches-matches-catalog__header--dropdown {
    max-width: 264px;
  }
}
.fengstmatches-matches-catalog__header--dropdown .p-dropdown .p-dropdown-label.p-placeholder {
  text-align: start;
}
.fengstmatches-matches-catalog__cards {
  display: grid;
  position: relative;
  align-self: center;
  justify-self: center;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  width: 100%;
}
.fengstmatches-matches-catalog__cards-content {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  background-color: #FAFAFA;
  border: 1px solid #ABABAB;
  border-radius: 16px;
  padding: 0px 16px 24px 16px;
  gap: 24px;
}
.fengstmatches-matches-catalog__cards-content span {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.fengstmatches-matches-catalog__cards-content p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.fengstmatches-matches-catalog__cards-content-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fengstmatches-matches-catalog__cards-content-buttons fengstui-button {
  width: 100% !important;
}
.fengstmatches-matches-catalog__cards-content-buttons fengstui-button button {
  width: 100% !important;
}
.fengstmatches-matches-catalog__cards-content-wrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 24px;
  width: 100%;
  justify-content: center;
  height: 100%;
}
.fengstmatches-matches-catalog__cards-header {
  display: flex;
  flex-direction: row;
  background-color: var(--primary);
  padding: 8px 20px 8px 20px;
  gap: 8px;
  border-radius: 0px 0px 16px 16px;
}
.fengstmatches-matches-catalog__cards-header > h5 {
  margin: 0;
}
.fengstmatches-matches-catalog__cards-header:first-child {
  font-size: 14px;
  font-weight: 700;
  line-height: 17.07px;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
}
.fengstmatches-matches-catalog__cards-header:nth-child(2) {
  font-size: 14px;
  font-weight: 700;
  line-height: 17.07px;
  color: #FFFFFF;
  text-align: center;
}
.fengstmatches-matches-catalog__cards-header:nth-child(3) {
  font-size: 12px;
  font-weight: normal;
  line-height: 17.07px;
  color: #FFFFFF;
  text-align: center;
}
.fengstmatches-matches-catalog__cards-header:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 17.07px;
  color: #FFFFFF;
  text-align: center;
}
.fengstmatches-matches-catalog__cards-teams {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 23px;
  width: 100%;
  color: #393939;
}
.fengstmatches-matches-catalog__cards-teams img {
  height: 80px;
  width: 80px;
  object-fit: contain;
}
.fengstmatches-matches-catalog__cards-teams h4 {
  font-size: 40px;
  line-height: 56px;
}
.fengstmatches-matches-catalog__cards-description > span {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.fengstmatches-matches-catalog__cards-description > span > h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24.38px;
  text-align: center;
  color: #171717;
  margin: 0;
}
.fengstmatches-matches-catalog__cards-description > span > h5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.07px;
  text-align: center;
  margin: 0;
}
.fengstmatches-matches-catalog__cards-modality {
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  font-size: 14px;
  background: #efefef;
  padding: 8px 20px;
  margin: 24px auto 0;
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #e4e4e4;
  border-bottom: none;
}
.fengstmatches-matches-catalog__cards-rent button {
  border: none !important;
  color: #171717 !important;
}
.fengstmatches-matches-catalog__button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fengstmatches-matches-catalog .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
}
.fengstmatches-match-highlight {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 0 0 32px;
  opacity: 94%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--matches-bg-mobile);
}
@media (min-width: 576px) {
  .fengstmatches-match-highlight {
    background-image: var(--matches-bg-desktop);
  }
}
.fengstmatches-match-highlight__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% - 32px);
  padding: 16px 32px;
  gap: 8px;
  border: 1px solid #ABABAB;
  border-top: 0;
  border-radius: 0px 0px 16px 16px;
  background: rgba(23, 23, 23, 0.2);
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .fengstmatches-match-highlight__info {
    width: 379px;
    max-width: 500px;
    width: auto;
    padding: 16px 32px;
    gap: 6px;
    border-radius: 0px 0px 16px 16px;
  }
}
.fengstmatches-match-highlight__info > span {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.07px;
  text-align: left;
}
.fengstmatches-match-highlight__info__date {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: baseline;
  color: var(--secondary);
  gap: 10px;
  font-size: 19px;
  font-weight: 700;
  line-height: 29.26px;
  text-align: left;
  text-transform: capitalize;
  margin: 0;
}
@media (min-width: 576px) {
  .fengstmatches-match-highlight__info__date {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .fengstmatches-match-highlight__info__date {
    font-size: 30px;
    font-weight: 700;
    line-height: 39.01px;
    text-align: left;
  }
}
.fengstmatches-match-highlight__info__date--divider {
  display: flex;
  width: 3px;
  background: #FFFFFF;
  height: 50%;
}
@media (min-width: 576px) {
  .fengstmatches-match-highlight__info__date--divider {
    width: 5px;
    height: 22px;
  }
}
.fengstmatches-match-highlight__info__place {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--text-on-background-primary-darkstyle);
  gap: 10px;
  line-height: 0;
  text-transform: capitalize;
}
.fengstmatches-match-highlight__info__place > h4 {
  font-size: 17px;
  line-height: 17.07px;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 576px) {
  .fengstmatches-match-highlight__info__place > h4 {
    font-size: 20px;
  }
}
.fengstmatches-match-highlight__info__place--divider {
  display: flex;
  width: 2px;
  background: #FFFFFF;
  height: 11px;
}
.fengstmatches-match-highlight__info__place > div {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.07px;
}
@media (min-width: 992px) {
  .fengstmatches-match-highlight__info__place > div {
    font-size: 20px;
    line-height: 24.38px;
  }
}
.fengstmatches-match-highlight__info__hour {
  font-size: 37px;
  font-weight: 700;
  line-height: 48.76px;
  text-align: left;
  color: #FFFFFF;
  margin: 0;
}
@media (min-width: 576px) {
  .fengstmatches-match-highlight__info__hour {
    font-size: 40px;
  }
}
.fengstmatches-match-highlight__presentation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 32px 16px;
}
@media (min-width: 767px) {
  .fengstmatches-match-highlight__presentation {
    padding: 32px 0;
  }
}
.fengstmatches-match-highlight__presentation__text {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.fengstmatches-match-highlight__presentation__text--mobile {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.fengstmatches-match-highlight__presentation__text--mobile > div {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: auto;
  margin-bottom: 12px;
  gap: 10px;
}
.fengstmatches-match-highlight__presentation__text--mobile > div > img {
  height: 100vh;
  width: 100vw;
  max-width: 120px;
  max-height: 120px;
}
@media (min-width: 576px) {
  .fengstmatches-match-highlight__presentation__text--mobile > div > img {
    max-width: 140px;
    max-height: 140px;
  }
}
.fengstmatches-match-highlight__presentation__text--mobile > div > h4 {
  font-size: 40px;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 48.76px;
}
.fengstmatches-match-highlight__presentation__text--mobile > span {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fengstmatches-match-highlight__presentation__text--mobile > span > h2 {
  font-size: 24px;
  line-height: 29.26px;
  font-weight: Bold;
  margin: 0;
  text-align: center;
  color: #FFFFFF;
  width: 77%;
}
.fengstmatches-match-highlight__presentation__text--mobile > span > h5 {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 19.5px;
  margin-top: 0;
  color: #FFFFFF;
}
.fengstmatches-match-highlight__presentation__text--mobile > span > h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  line-height: 19.5px;
  margin-top: 0;
  color: #FFFFFF;
}
.fengstmatches-match-highlight__presentation__text > div {
  display: flex;
  align-items: center;
}
.fengstmatches-match-highlight__presentation__text > div > img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}
.fengstmatches-match-highlight__presentation-text {
  display: flex;
  text-align: center;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 32px !important;
  margin: 0 !important;
  color: #E9E9E9;
  max-width: 662px;
}
@media (min-width: 767px) {
  .fengstmatches-match-highlight__presentation-text {
    padding: 0;
    gap: 16px;
  }
}
.fengstmatches-match-highlight__presentation-text h2, .fengstmatches-match-highlight__presentation-text p, .fengstmatches-match-highlight__presentation-text span {
  margin: 0;
}
.fengstmatches-match-highlight__presentation-text h2 {
  font-size: 24px;
  line-height: 32px;
  color: #FFFFFF;
  max-width: 620px;
}
@media (min-width: 767px) {
  .fengstmatches-match-highlight__presentation-text h2 {
    font-size: 56px;
    line-height: 64px;
  }
}
.fengstmatches-match-highlight__presentation-text h3 {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 500;
}
@media (min-width: 992px) {
  .fengstmatches-match-highlight__presentation-text h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 29.26px;
  }
}
.fengstmatches-match-highlight__presentation-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (min-width: 992px) {
  .fengstmatches-match-highlight__presentation-text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
  }
}
.fengstmatches-match-highlight__presentation-text.reverse-flex {
  display: flex;
  flex-direction: column-reverse !important;
}
.fengstmatches-match-highlight__presentation fengstui-button {
  width: 100% !important;
}
@media (min-width: 576px) {
  .fengstmatches-match-highlight__presentation fengstui-button {
    width: inherit !important;
  }
}
.fengstmatches-match-highlight__presentation fengstui-button button {
  width: 100% !important;
}
@media (min-width: 576px) {
  .fengstmatches-match-highlight__presentation fengstui-button button {
    width: inherit !important;
  }
}
.fengstmatches-match-highlight__action {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
@media (min-width: 576px) {
  .fengstmatches-match-highlight__action {
    flex-direction: row;
  }
}
.fengstmatches-match-highlight__action-rent button {
  border: none !important;
  color: white !important;
}
.fengstmatches-match-highlight .p-disabled, .fengstmatches-match-highlight .p-component:disabled {
  opacity: unset;
}
.fengstmatches-highlight-banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: calc(100% - 32px);
  margin: 0 auto;
  padding-top: 16px;
  align-items: stretch;
  max-width: 1200px;
}
@media (min-width: 767px) {
  .fengstmatches-highlight-banner {
    padding-top: 32px;
  }
}
.fengstmatches-highlight-banner__content, .fengstmatches-highlight-banner__img {
  min-height: 0;
}
.fengstmatches-highlight-banner__content {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background: var(--primary);
  border-radius: 10px 0 0 10px;
  color: white;
}
.fengstmatches-highlight-banner__content small {
  font-size: 12px;
}
@media (min-width: 767px) {
  .fengstmatches-highlight-banner__content small {
    font-size: 14px;
  }
}
.fengstmatches-highlight-banner__content h2 {
  font-size: 14px;
  line-height: normal;
  margin: 8px 0 16px;
}
@media (min-width: 767px) {
  .fengstmatches-highlight-banner__content h2 {
    font-size: 24px;
  }
}
.fengstmatches-highlight-banner__img {
  position: relative;
  overflow: hidden;
  border-radius: 0 10px 10px 0;
}
.fengstmatches-highlight-banner__img > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*# sourceMappingURL=styles.css.map*/