#mainmoha {
            .app-loading .logo {
                width: 72px;
                height: auto;
                max-height: 72px;
                margin-bottom: 20px;
            }

            .multi-ripple {
                position: fixed;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                display: flex;
                align-items: center;
            }

            .multi-ripple div {
                position: absolute;
                width: 3.6rem;
                height: 3.6rem;
                top: 95px;
                right: 10px;
                border-radius: 50%;
                border: 0.3rem solid #0040ff;
                animation: 1.5s ripple infinite;
            }

            .multi-ripple:nth-child(2) {
                animation-delay: 0.5s;
            }

            @keyframes ripple {
                from {
                    transform: scale(0);
                    opacity: 1;
                }

                to {
                    transform: scale(1);
                    opacity: 0;
                }
            }

            .app-loading {
                position: fixed;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                color: white;
                text-align: center;
                font-size: 60px;
                background: #fff;
                transition: opacity 1000ms ease;
                z-index: 102;
            }

            /* .loaded will be added then*/
            .app-loading.loaded {
                opacity: 0;
                z-index: -1;
            }

            :root {
                --swiper-theme-color: #007aff
            }

            :root {
                --swiper-theme-color: #007aff
            }

            :root {
                --swiper-navigation-size: 44px
            }

            html,
            body,
            div,
            img {
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%;
                font: inherit;
                vertical-align: baseline
            }

            body {
                line-height: 1.5
            }

            * {
                box-sizing: border-box
            }

    

            :root {
                margin: 0;
                padding: 0;
                font-size: 16px
            }

            html {
                font-size: 16px
            }

            html,
            body,
            * {
                font-family: "IRANYekanX"
            }

            body {
                color: #2c3544
            }

            body,
            html {
                background: white;
                height: 100%;
                margin: 0;
                direction: rtl;
                font-weight: 400
            }

            html {
                scroll-behavior: smooth
            }

            body {
                margin: 0;
                font-family: "IRANYekanX", Roboto, Helvetica Neue, sans-serif !important;
                letter-spacing: -.758px !important
            }

            * {
                box-sizing: border-box
            }

            * {
                font-family: IRANYekanX !important;
            }

            *[_ngcontent-serverApp-c225] {
                font-family: IRANYekanX;
                letter-spacing: 0
            }

            .multi-ripple[_ngcontent-serverApp-c207] {
                width: 3.6rem;
                height: 3.6rem;
                position: fixed;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%)
            }

            .multi-ripple[_ngcontent-serverApp-c207] div[_ngcontent-serverApp-c207] {
                position: absolute;
                width: 3.6rem;
                height: 3.6rem;
                border-radius: 50%;
                border: .3rem solid #0040ff;
                animation: 1.5s ripple infinite
            }

            .multi-ripple[_ngcontent-serverApp-c207] div[_ngcontent-serverApp-c207]:nth-child(2) {
                animation-delay: .5s
            }

            @keyframes ripple {
                0% {
                    transform: scale(0);
                    opacity: 1
                }

                to {
                    transform: scale(1);
                    opacity: 0
                }
            }

            .app-loading[_ngcontent-serverApp-c207] {
                position: fixed;
                inset: 0;
                color: #fff;
                text-align: center;
                font-size: 60px;
                background: #fff;
                transition: opacity 1s ease;
                z-index: 102
            }

            .app-loading.loaded[_ngcontent-serverApp-c207] {
                opacity: 0;
                z-index: -1
            }

            header[_ngcontent-serverApp-c205] {
                position: fixed;
                display: flex;
                top: 0;
                right: 0;
                left: 0;
                min-height: 48px;
                height: auto;
                margin: 0;
                z-index: 10;
                background: #fff
            }

            header[_ngcontent-serverApp-c205]:after {
                content: "";
                position: absolute;
                inset: 0;
                backdrop-filter: blur(5px);
                -webkit-backdrop-filter: blur(5px)
            }

            .disappear[_ngcontent-serverApp-c205] #navbar.container[_ngcontent-serverApp-c205] {
                border-bottom: 1px solid transparent;
                transition: all ease-in-out 1s
            }

            nav[_ngcontent-serverApp-c205] {
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                z-index: 2
            }

            #navbar-overlay[_ngcontent-serverApp-c205] {
                position: fixed;
                display: none;
                inset: 98px 0 0;
                z-index: 1;
                overflow: hidden
            }

            @keyframes fadeInOverlay {
                0% {
                    backdrop-filter: blur(5px) saturate(.5) brightness(.9) opacity(0);
                    -webkit-backdrop-filter: blur(5px) saturate(.5) brightness(.9) opacity(0)
                }

                to {
                    backdrop-filter: blur(5px) saturate(.5) brightness(.9) opacity(1);
                    -webkit-backdrop-filter: blur(5px) saturate(.5) brightness(.9) opacity(1)
                }
            }

            @keyframes fadeOutOverlay {
                0% {
                    backdrop-filter: blur(5px) saturate(.5) brightness(.9) opacity(1);
                    -webkit-backdrop-filter: blur(5px) saturate(.5) brightness(.9) opacity(1)
                }

                to {
                    backdrop-filter: blur(5px) saturate(.5) brightness(.9) opacity(0);
                    -webkit-backdrop-filter: blur(5px) saturate(.5) brightness(.9) opacity(0)
                }
            }

            #navbar[_ngcontent-serverApp-c205] {
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: 100%
            }

            #hamburger-menu[_ngcontent-serverApp-c205] {
                display: none
            }

            #header-navbar-logo[_ngcontent-serverApp-c205] {
                display: flex;
                align-items: center;
                height: 100%
            }

            #navbar-menu-items[_ngcontent-serverApp-c205] {
                height: 100%
            }

            #navbar-menu-items[_ngcontent-serverApp-c205]>ul[_ngcontent-serverApp-c205] {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
                margin: 0 48px
            }

            .left-section[_ngcontent-serverApp-c205] {
                display: flex;
                align-items: center
            }

            #header-download-btn[_ngcontent-serverApp-c205] {
                display: flex;
                padding: 4px 12px;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                background-color: #0040ff;
                border-radius: 9px;
                color: #fff;
                font-size: 14px;
                font-weight: 700;
                line-height: 24px
            }

            #header-download-btn[_ngcontent-serverApp-c205] span[_ngcontent-serverApp-c205] {
                padding: 0 4px
            }

            .v-divider[_ngcontent-serverApp-c205] {
                margin: 0 16px;
                border-right: 1px solid #afb9c5;
                height: 24px
            }

            .navbar-menu-item[_ngcontent-serverApp-c205] {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
                padding: 0 16px;
                font-size: 1rem;
                font-weight: 500;
                color: #2c3544;
                user-select: none;
                -ms-user-select: none;
                -webkit-user-select: none;
                -moz-user-select: none
            }

            .navbar-menu-item[_ngcontent-serverApp-c205]>.title[_ngcontent-serverApp-c205] {
                font-weight: 500;
                font-size: 16px
            }

            .navbar-menu-item[_ngcontent-serverApp-c205]>.title.active[_ngcontent-serverApp-c205] {
                font-weight: 700;
                color: #0040ff
            }

            .navbar-menu-item.active[_ngcontent-serverApp-c205]:after {
                content: "";
                position: absolute;
                top: 90px;
                height: 3px;
                background: #183ff5;
                width: 100%
            }

            .navbar-menu-item[_ngcontent-serverApp-c205]>a[_ngcontent-serverApp-c205] {
                color: inherit !important
            }

            .navbar-menu-item[_ngcontent-serverApp-c205] span[_ngcontent-serverApp-c205] {
                cursor: pointer
            }

            .navbar-menu-item[_ngcontent-serverApp-c205] .navbar-menu-subitems[_ngcontent-serverApp-c205] {
                border-top: 1px solid #ffd500;
                position: fixed;
                top: 98px;
                right: 50%;
                transform: translate(50%);
                width: 100%;
                overflow: hidden;
                transition: opacity .6s, visibility .6s;
                opacity: 0;
                visibility: hidden
            }

            .navbar-menu-item[_ngcontent-serverApp-c205] .navbar-menu-subitems.visible[_ngcontent-serverApp-c205] {
                visibility: visible;
                opacity: 1
            }

            .navbar-menu-item[_ngcontent-serverApp-c205] .navbar-menu-subitems[_ngcontent-serverApp-c205] .content[_ngcontent-serverApp-c205] {
                display: flex;
                flex-direction: row;
                background: #fefefe
            }

            .navbar-menu-item[_ngcontent-serverApp-c205] .navbar-menu-subitems[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] {
                display: flex;
                align-items: center;
                background: #F2F5F8;
                height: 80px;
                width: 100%;
                padding: 18px 56px 24px 20px
            }

            .navbar-menu-item[_ngcontent-serverApp-c205] .navbar-menu-subitems[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] .title[_ngcontent-serverApp-c205] {
                font-weight: 500;
                font-size: 16px;
                line-height: 1.5
            }

            .navbar-menu-item[_ngcontent-serverApp-c205] .navbar-menu-subitems[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] .subtitle[_ngcontent-serverApp-c205] {
                font-weight: 500;
                font-size: 12px;
                line-height: 1.5;
                color: #6e798d
            }

            .navbar-menu-item[_ngcontent-serverApp-c205] .navbar-menu-subitems[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] .cta[_ngcontent-serverApp-c205] {
                margin-right: auto
            }

            .navbar-menu-item[_ngcontent-serverApp-c205] .navbar-menu-subitems[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] .cta[_ngcontent-serverApp-c205] i[_ngcontent-serverApp-c205] {
                filter: invert(15%) sepia(100%) saturate(3983%) hue-rotate(228deg) brightness(102%) contrast(117%)
            }

            .login-dropdown[_ngcontent-serverApp-c205] {
                position: relative
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-button[_ngcontent-serverApp-c205] {
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] {
                padding: 12px 16px;
                position: absolute;
                top: 60px;
                background: #fff;
                border-top: 1px solid #FBBF24;
                min-height: 113px;
                width: 210px;
                left: -10px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 5px;
                box-shadow: 0 16px 32px #0619621a
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .text[_ngcontent-serverApp-c205] {
                color: #0040ff;
                font-weight: 700;
                cursor: pointer;
                font-size: 14px;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 5px
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .text.logout[_ngcontent-serverApp-c205] {
                margin-top: 4px;
                justify-content: unset;
                padding-right: 11px;
                width: 100%;
                color: #ff2638
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .icon-login.logout[_ngcontent-serverApp-c205] {
                filter: invert(47%) sepia(82%) saturate(7328%) hue-rotate(342deg) brightness(107%) contrast(106%)
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] {
                display: flex;
                align-items: center;
                height: 54px;
                gap: 5px;
                width: 100%;
                padding: 8px 11px
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .user-brief[_ngcontent-serverApp-c205] {
                width: 115px;
                display: flex;
                align-items: flex-start;
                justify-content: center;
                flex-direction: column
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .user-brief[_ngcontent-serverApp-c205] .cell-number-title[_ngcontent-serverApp-c205] {
                color: #002fa3;
                font-size: 15px;
                font-weight: 400
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .user-brief[_ngcontent-serverApp-c205] .cell-number[_ngcontent-serverApp-c205] {
                font-weight: 500;
                line-height: 1.5;
                font-size: 12px;
                color: #8d99a8
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .profile-cta[_ngcontent-serverApp-c205] {
                width: 40px
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .text[_ngcontent-serverApp-c205] {
                font-size: 12px;
                font-weight: 700
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .charon-icon[_ngcontent-serverApp-c205] {
                justify-self: flex-end
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .ctas[_ngcontent-serverApp-c205] {
                width: 100%
            }

            .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .ctas[_ngcontent-serverApp-c205] .profile-cta[_ngcontent-serverApp-c205] {
                display: none
            }

            .loading-state[_ngcontent-serverApp-c205] {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 190px
            }

            .subitem-selectors[_ngcontent-serverApp-c205] {
                display: flex;
                padding: 32px 24px;
                flex-direction: column;
                min-width: 290px;
                min-height: 100%;
                border-left: 1px solid #dee3e7
            }

            .subitem-selectors[_ngcontent-serverApp-c205]>.title[_ngcontent-serverApp-c205] {
                font-weight: 600;
                font-size: 16px;
                line-height: 1.5;
                color: #061962;
                margin-bottom: 12px
            }

            .subitem-selector[_ngcontent-serverApp-c205] {
                display: flex;
                justify-content: center;
                flex-direction: column;
                cursor: pointer;
                font-weight: 300
            }

            .subitem-selector.list[_ngcontent-serverApp-c205] {
                margin-bottom: 12px
            }

            .subitem-selector.list[_ngcontent-serverApp-c205] .title[_ngcontent-serverApp-c205] {
                color: #6e798d
            }

            .subitem-selector.list.active[_ngcontent-serverApp-c205] .title[_ngcontent-serverApp-c205] {
                color: #0040ff
            }

            .subitem-selector.list.active[_ngcontent-serverApp-c205] .title[_ngcontent-serverApp-c205] img[_ngcontent-serverApp-c205] {
                display: block
            }

            .subitem-selector.vertical-tab[_ngcontent-serverApp-c205] {
                height: 64px;
                padding: 0 24px;
                border-radius: 8px
            }

            .subitem-selector.vertical-tab.active[_ngcontent-serverApp-c205] {
                background: #F0F5FF
            }

            .subitem-selector.vertical-tab.active[_ngcontent-serverApp-c205] .title[_ngcontent-serverApp-c205] img[_ngcontent-serverApp-c205] {
                display: block
            }

            .subitem-selector[_ngcontent-serverApp-c205] .title[_ngcontent-serverApp-c205] {
                color: #2c3544;
                font-size: 16px;
                font-weight: 500;
                line-height: 1.5;
                display: flex;
                justify-content: space-between
            }

            .subitem-selector[_ngcontent-serverApp-c205] .title[_ngcontent-serverApp-c205] img[_ngcontent-serverApp-c205] {
                display: none
            }

            .subitem-selector[_ngcontent-serverApp-c205] .description[_ngcontent-serverApp-c205] {
                font-size: 12px;
                line-height: 1.5;
                color: #6e798d
            }

            .subitems-body[_ngcontent-serverApp-c205] {
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-grow: 1;
                height: 100%;
                color: #2c3544
            }

            .subitems-body[_ngcontent-serverApp-c205] .jumbotron[_ngcontent-serverApp-c205] {
                display: none;
                padding: 36px 48px;
                justify-content: space-between;
                width: 100%
            }

            .subitems-body[_ngcontent-serverApp-c205] .jumbotron.active[_ngcontent-serverApp-c205] {
                display: flex
            }

            .subitems-body[_ngcontent-serverApp-c205] .jumbotron[_ngcontent-serverApp-c205]>div[_ngcontent-serverApp-c205] {
                display: flex;
                flex-direction: column;
                justify-content: space-between
            }

            .subitems-body[_ngcontent-serverApp-c205] .jumbotron[_ngcontent-serverApp-c205] .title[_ngcontent-serverApp-c205] {
                font-size: 20px;
                font-weight: 600;
                color: #061962;
                margin-bottom: 12px;
                line-height: 1.5
            }

            .subitems-body[_ngcontent-serverApp-c205] .jumbotron[_ngcontent-serverApp-c205] .description[_ngcontent-serverApp-c205] {
                color: #6e798d;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.5
            }

            .subitems-body[_ngcontent-serverApp-c205] .jumbotron[_ngcontent-serverApp-c205] .cta a {
                padding: unset
            }

            .subitems-body[_ngcontent-serverApp-c205] .jumbotron[_ngcontent-serverApp-c205] .cta a img {
                filter: invert(15%) sepia(100%) saturate(3983%) hue-rotate(228deg) brightness(102%) contrast(117%);
                margin-right: 12px
            }

            .subitems-body[_ngcontent-serverApp-c205] .jumbotron[_ngcontent-serverApp-c205] .image[_ngcontent-serverApp-c205] {
                min-width: 330px;
                height: 190px;
                text-align: center;
                margin-right: 64px
            }

            .subitems-body[_ngcontent-serverApp-c205] .jumbotron[_ngcontent-serverApp-c205] .image[_ngcontent-serverApp-c205] img[_ngcontent-serverApp-c205] {
                max-width: 100%;
                max-height: 100%;
                border-radius: 16px
            }

            .thumbnail-list[_ngcontent-serverApp-c205] {
                display: none;
                gap: 25px;
                padding: 45px;
                flex-grow: 1;
                flex-wrap: wrap;
                height: 100%;
                align-items: flex-start;
                align-content: flex-start
            }

            .thumbnail-list[_ngcontent-serverApp-c205] .subitems-index[_ngcontent-serverApp-c205] {
                height: unset;
                position: relative;
                display: flex;
                align-items: center;
                gap: 8px;
                width: 47%
            }

            .thumbnail-list[_ngcontent-serverApp-c205] .subitems-index[_ngcontent-serverApp-c205] a[_ngcontent-serverApp-c205] {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 3
            }

            .thumbnail-list[_ngcontent-serverApp-c205] .subitems-index[_ngcontent-serverApp-c205] .icon[_ngcontent-serverApp-c205] {
                height: 80px;
                min-width: 143px;
                padding: unset;
                border-radius: 12px
            }

            .thumbnail-list[_ngcontent-serverApp-c205] .subitems-index[_ngcontent-serverApp-c205] .icon[_ngcontent-serverApp-c205] img[_ngcontent-serverApp-c205] {
                object-fit: cover;
                border-radius: 12px;
                height: 100%;
                width: 100%
            }

            .thumbnail-list[_ngcontent-serverApp-c205] .subitems-index[_ngcontent-serverApp-c205]>div[_ngcontent-serverApp-c205] {
                display: flex;
                flex-direction: column;
                gap: 10px
            }

            .thumbnail-list[_ngcontent-serverApp-c205] .grandchild-link.title[_ngcontent-serverApp-c205] {
                font-weight: 600;
                font-size: 14px
            }

            .thumbnail-list[_ngcontent-serverApp-c205] .grandchild-link.description[_ngcontent-serverApp-c205] {
                color: #06196280;
                display: flex;
                align-items: center;
                gap: 8px
            }

            .thumbnail-list.active[_ngcontent-serverApp-c205] {
                display: flex
            }

            .subitems-indices[_ngcontent-serverApp-c205] {
                display: none;
                gap: 25px;
                padding: 45px;
                flex-grow: 1;
                flex-wrap: wrap;
                height: 100%;
                align-items: flex-start;
                align-content: flex-start
            }

            .subitems-indices.active[_ngcontent-serverApp-c205] {
                display: flex
            }

            .subitems-indices.active[_ngcontent-serverApp-c205] .icon-left[_ngcontent-serverApp-c205] {
                opacity: 0;
                transition: opacity .3s
            }

            .subitems-indices.active[_ngcontent-serverApp-c205] .icon-left[_ngcontent-serverApp-c205] {
                filter: invert(48%) sepia(9%) saturate(743%) hue-rotate(180deg) brightness(96%) contrast(91%)
            }

            .subitems-indices.active[_ngcontent-serverApp-c205] .icon-left.active[_ngcontent-serverApp-c205] {
                opacity: 1;
                transition: opacity .4s
            }

            .subitems-indices.active[_ngcontent-serverApp-c205] .icon-left.color\#EEFFF6[_ngcontent-serverApp-c205] {
                filter: invert(61%) sepia(35%) saturate(3124%) hue-rotate(108deg) brightness(94%) contrast(101%)
            }

            .subitems-indices.active[_ngcontent-serverApp-c205] .icon-left.color\#FFF5EE[_ngcontent-serverApp-c205] {
                filter: invert(48%) sepia(84%) saturate(665%) hue-rotate(346deg) brightness(104%) contrast(100%)
            }

            .subitems-indices.active[_ngcontent-serverApp-c205] .icon-left.color\#F0F5FF[_ngcontent-serverApp-c205] {
                filter: invert(15%) sepia(75%) saturate(7417%) hue-rotate(231deg) brightness(103%) contrast(109%)
            }

            .subitems-indices.active[_ngcontent-serverApp-c205] .icon-left.color\#F9F6FE[_ngcontent-serverApp-c205] {
                filter: invert(37%) sepia(81%) saturate(1933%) hue-rotate(241deg) brightness(97%) contrast(95%)
            }

            .subitems-indices.active[_ngcontent-serverApp-c205] .icon-left.color\#FFEEF3[_ngcontent-serverApp-c205] {
                filter: invert(32%) sepia(87%) saturate(5367%) hue-rotate(342deg) brightness(101%) contrast(101%)
            }

            .subitems-index[_ngcontent-serverApp-c205] {
                height: 36px;
                display: flex;
                align-items: center;
                gap: 8px;
                width: 22%;
                padding-left: 8px;
                position: relative
            }

            .subitems-index[_ngcontent-serverApp-c205] a[_ngcontent-serverApp-c205] {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 3
            }

            .subitems-index[_ngcontent-serverApp-c205] .icon[_ngcontent-serverApp-c205] {
                border-radius: 8px;
                height: 36px;
                width: 36px
            }

            .subitems-index[_ngcontent-serverApp-c205] .icon[_ngcontent-serverApp-c205] img[_ngcontent-serverApp-c205] {
                height: 100%
            }

            .subitems-index[_ngcontent-serverApp-c205]>div[_ngcontent-serverApp-c205] {
                display: flex;
                flex-direction: column
            }

            .subitems-index[_ngcontent-serverApp-c205]>div[_ngcontent-serverApp-c205]>a[_ngcontent-serverApp-c205]:nth-of-type(2) {
                color: #06196280
            }

            .subitems-banner[_ngcontent-serverApp-c205] {
                display: none;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                min-width: 256px;
                height: 300px;
                background: #fefefe;
                border-radius: 25px;
                box-sizing: border-box;
                overflow: hidden
            }

            .subitems-banner.active[_ngcontent-serverApp-c205] {
                display: flex
            }

            .subitems-banner[_ngcontent-serverApp-c205] img[_ngcontent-serverApp-c205] {
                margin: 5%;
                height: 60%
            }

            .subitems-banner-title[_ngcontent-serverApp-c205] {
                font-size: 1.25rem;
                font-weight: 500;
                color: #183ff5
            }

            .subitems-banner-subtitle[_ngcontent-serverApp-c205] {
                font-size: 1rem;
                font-weight: 400;
                color: #2c3544
            }

            #navbar.container[_ngcontent-serverApp-c205] {
                height: 98px;
                border-bottom: 1px solid #F0F5FF
            }

            #navbar.container[_ngcontent-serverApp-c205],
            #navbar.container[_ngcontent-serverApp-c205]:after {
                width: 100%;
                max-width: 1200px
            }

            #navbar.container[_ngcontent-serverApp-c205] {
                transition: all ease-in-out 1s
            }

            #navbar.container.disappear[_ngcontent-serverApp-c205]:after {
                animation: shrinkToNone .5s ease-in;
                animation-fill-mode: forwards
            }

            .btn-downloadApp--mobile[_ngcontent-serverApp-c205] {
                display: none !important;
                background: none !important
            }

            #sidenav[_ngcontent-serverApp-c205] {
                position: fixed;
                top: 98px;
                max-height: none;
                height: 0;
                width: 100%;
                max-width: 100vw;
                z-index: 2;
                overflow-y: hidden;
                transition: background .44s .2s cubic-bezier(.52, .16, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1), padding .56s cubic-bezier(.52, .16, .24, 1)
            }

            #sidenav[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] {
                display: flex;
                align-items: center;
                background: #F2F5F8;
                height: 80px;
                width: 100%;
                padding: 20px 28px 20px 4px;
                border-radius: 12px;
                margin-top: 24px
            }

            #sidenav[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] .title[_ngcontent-serverApp-c205] {
                font-weight: 500;
                font-size: 16px;
                line-height: 1.5
            }

            #sidenav[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] .subtitle[_ngcontent-serverApp-c205] {
                font-weight: 500;
                font-size: 12px;
                line-height: 1.5;
                color: #6e798d
            }

            #sidenav[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] .cta[_ngcontent-serverApp-c205] {
                margin-right: auto
            }

            #sidenav[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] .cta[_ngcontent-serverApp-c205] i[_ngcontent-serverApp-c205] {
                filter: invert(15%) sepia(100%) saturate(3983%) hue-rotate(228deg) brightness(102%) contrast(117%)
            }

            .side-nav-open[_ngcontent-serverApp-c205] {
                z-index: 11
            }

            .side-nav-open[_ngcontent-serverApp-c205] #sidenav[_ngcontent-serverApp-c205] {
                height: 100%;
                padding: 12px 48px;
                border-top: 1px solid #ffd500;
                transition: background, top .36s cubic-bezier(.32, .08, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1), padding .56s cubic-bezier(.52, .16, .24, 1);
                background: white;
                overflow: auto
            }

            #sidenav-menu-items[_ngcontent-serverApp-c205] {
                margin: 0
            }

            .sidenav-menu-item[_ngcontent-serverApp-c205] {
                padding: 16px 0;
                font-weight: 500;
                color: #2c3544;
                border-bottom: 1px solid #d0d9f5;
                cursor: pointer
            }

            .sidenav-menu-item[_ngcontent-serverApp-c205]>a[_ngcontent-serverApp-c205]:first-child {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

            .sidenav-menu-item[_ngcontent-serverApp-c205]>a[_ngcontent-serverApp-c205]:first-child>.title[_ngcontent-serverApp-c205] {
                font-weight: 600;
                font-size: 14px;
                line-height: 1.5
            }

            .sidenav-menu-item[_ngcontent-serverApp-c205]>a[_ngcontent-serverApp-c205]:first-child>.title.active[_ngcontent-serverApp-c205] {
                color: #0040ff;
                margin-bottom: 14px
            }

            .sidenav-menu-group[_ngcontent-serverApp-c205] {
                overflow: hidden
            }

            .sidenav-menu-group[_ngcontent-serverApp-c205]>div[_ngcontent-serverApp-c205] {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

            .sidenav-menu-group[_ngcontent-serverApp-c205] .child-link[_ngcontent-serverApp-c205] {
                display: block;
                color: #2c3544;
                width: 100%;
                line-height: 1.5
            }

            .sidenav-menu-group[_ngcontent-serverApp-c205] .child-link.title[_ngcontent-serverApp-c205] {
                font-weight: 400;
                font-size: 14px
            }

            .sidenav-menu-group[_ngcontent-serverApp-c205] .child-link.subtitle[_ngcontent-serverApp-c205] {
                font-weight: 400;
                font-size: 12px
            }

            .sidenav-menu-group[_ngcontent-serverApp-c205] .child-link.link[_ngcontent-serverApp-c205] {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 3
            }

            .sidenav-group-item[_ngcontent-serverApp-c205] {
                display: flex;
                overflow: hidden;
                height: 0;
                visibility: hidden;
                opacity: 0;
                transition: visibility 1s .2s cubic-bezier(.52, .16, .24, 1), opacity 1s .2s cubic-bezier(.52, .16, .24, 1), margin .56s cubic-bezier(.52, .16, .24, 1)
            }

            .sidenav-group-item.active[_ngcontent-serverApp-c205] {
                height: 100%;
                margin: 24px 0;
                opacity: 1;
                visibility: visible;
                transition: visibility .9s cubic-bezier(.32, .08, .24, 1), opacity .9s cubic-bezier(.32, .08, .24, 1), margin .56s cubic-bezier(.52, .16, .24, 1)
            }

            .sidenav-group-item[_ngcontent-serverApp-c205]>img[_ngcontent-serverApp-c205] {
                height: 100%
            }

            .sidenav-group-item[_ngcontent-serverApp-c205]>div[_ngcontent-serverApp-c205] {
                display: flex;
                flex-direction: column;
                margin-right: 1.5rem;
                justify-content: center
            }

            .sidenav-group-item[_ngcontent-serverApp-c205]>div[_ngcontent-serverApp-c205]>a[_ngcontent-serverApp-c205] {
                font-size: 1.05rem;
                font-weight: 400;
                line-height: 2rem;
                color: #2c3544
            }

            .sidenav-group-item[_ngcontent-serverApp-c205]>div[_ngcontent-serverApp-c205]>a[_ngcontent-serverApp-c205]:nth-of-type(2) {
                font-size: .95rem;
                font-weight: 300;
                line-height: 1rem;
                color: #06196280
            }

            .banner-top__active .navbar-menu-subitems {
                top: 178px !important
            }

            .banner-top__active .fixed-mode .navbar-menu-subitems {
                top: 98px !important
            }

            #navbar-overlay.top-fixed[_ngcontent-serverApp-c205] {
                top: 178px
            }

            .grandchild-link[_ngcontent-serverApp-c205] {
                line-height: 1.5;
                display: block;
                font-weight: 400
            }

            .grandchild-link.title[_ngcontent-serverApp-c205] {
                font-size: 16px;
                color: #061962
            }

            .grandchild-link.description[_ngcontent-serverApp-c205] {
                font-size: 12px;
                color: #8d99a8
            }

            .icon-user-circle-gray[_ngcontent-serverApp-c205] {
                width: 32px;
                height: 32px;
                display: inline-block;
                vertical-align: middle;
                background: url(user-circle.d2079866b6319764.svg) no-repeat 0 0/100%
            }

            .icon-user[_ngcontent-serverApp-c205]:before {
                display: block;
                content: "";
                background-image: url(icon-user.6bdd6e92da942f09.svg);
                background-position: center center;
                margin: 0;
                height: 24px;
                width: 24px
            }

            .icon-user-after-login[_ngcontent-serverApp-c205]:before {
                display: block;
                content: "";
                background-image: url(icon-user-after-login.c0b8dfa1a1715f9d.svg);
                background-position: center center;
                margin: 0;
                height: 24px;
                width: 24px
            }

            .cta-logout[_ngcontent-serverApp-c205] button {
                padding: 0
            }

            .cta-logout[_ngcontent-serverApp-c205] button i {
                margin-left: 11px
            }

            .header-box-shadow[_ngcontent-serverApp-c205] {
                box-shadow: 0 6px 16px #d0d9f5a0;
                transition: all 2s ease-in;
                -webkit-transition: all 2s ease-in;
                animation: BoxShadowAppear 2s ease-in;
                -moz-animation: BoxShadowAppear 2s ease-in;
                -webkit-animation: BoxShadowAppear 2s ease-in;
                -ms-animation: BoxShadowAppear 2s ease-in;
                animation-fill-mode: forwards;
                -moz-animation-fill-mode: forwards;
                -webkit-animation-fill-mode: forwards;
                -ms-animation-fill-mode: forwards
            }

            @keyframes BoxShadowAppear {
                0% {
                    box-shadow: 0 6px 16px #d0d9f500
                }

                to {
                    box-shadow: 0 6px 16px #d0d9f5a0
                }
            }

            @keyframes growToOriginalWidth {
                0% {
                    transform-origin: center;
                    transform: scaleX(0)
                }

                to {
                    transform-origin: center;
                    transform: scaleX(1)
                }
            }

            @keyframes shrinkToNone {
                0% {
                    transform-origin: center;
                    transform: scaleX(1)
                }

                to {
                    transform-origin: center;
                    background: #fff;
                    transform: scaleX(0)
                }
            }

            .banner-top__active .show-backdrop #navbar-overlay {
                top: 178px
            }

            [_ngcontent-serverApp-c205]:not(.banner-top__active) .show-backdrop[_ngcontent-serverApp-c205] #navbar-overlay[_ngcontent-serverApp-c205] {
                top: 98px;
                display: block;
                -webkit-backdrop-filter: blur(5px) brightness(.9) saturate(.5) opacity(1);
                backdrop-filter: blur(5px) brightness(.9) saturate(.5) opacity(1)
            }

            @media (max-width: 1280px) {
                #hamburger-menu[_ngcontent-serverApp-c205] {
                    order: 1
                }

                .left-section[_ngcontent-serverApp-c205] {
                    order: 3
                }

                #header-download-btn[_ngcontent-serverApp-c205] {
                    border-radius: 6px;
                    padding: 4px
                }

                #header-download-btn[_ngcontent-serverApp-c205] span[_ngcontent-serverApp-c205] {
                    display: none
                }

                #navbar.container[_ngcontent-serverApp-c205] {
                    height: 80px
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] {
                    top: 51px
                }

                .subitems-index[_ngcontent-serverApp-c205] {
                    width: unset
                }

                .subitems-indices.active[_ngcontent-serverApp-c205] {
                    flex-direction: row;
                    justify-content: space-between;
                    padding: unset
                }

                .subitems-indices.active[_ngcontent-serverApp-c205] li[_ngcontent-serverApp-c205] {
                    width: 47%
                }

                #sidenav[_ngcontent-serverApp-c205] {
                    top: 80px
                }

                .banner-top__active .fixed-mode #sidenav {
                    top: 80px
                }

                .banner-top__active #sidenav {
                    top: 160px
                }

                .side-nav-open[_ngcontent-serverApp-c205] #sidenav[_ngcontent-serverApp-c205] {
                    padding: 0 16px 150px
                }

                #navbar.container[_ngcontent-serverApp-c205],
                #navbar.container[_ngcontent-serverApp-c205]:after {
                    max-width: 650px !important
                }

                #navbar-menu-items[_ngcontent-serverApp-c205] {
                    display: none
                }

                #hamburger-menu[_ngcontent-serverApp-c205] {
                    display: block;
                    order: 1
                }

                #header-navbar-logo[_ngcontent-serverApp-c205] {
                    order: 2
                }

                .btn-downloadApp {
                    display: none !important
                }

                .btn-downloadApp--mobile[_ngcontent-serverApp-c205],
                .login-dropdown[_ngcontent-serverApp-c205] {
                    display: block !important;
                    order: 3
                }

                .sidenav-menu-group[_ngcontent-serverApp-c205] {
                    height: 0;
                    padding: 0;
                    opacity: 0;
                    visibility: hidden;
                    transition: visibility .8s .2s cubic-bezier(.52, .16, .24, 1), opacity .4s .2s cubic-bezier(.52, .16, .24, 1), padding .56s cubic-bezier(.52, .16, .24, 1)
                }

                .sidenav-menu-group.active[_ngcontent-serverApp-c205] {
                    height: 100%;
                    padding: 16px 16px 16px 0;
                    visibility: visible;
                    opacity: 1;
                    transition: visibility .8s .2s cubic-bezier(.52, .16, .24, 1), opacity .4s .2s cubic-bezier(.52, .16, .24, 1), padding .56s cubic-bezier(.52, .16, .24, 1)
                }

                .sidenav-menu-group.active[_ngcontent-serverApp-c205]:not(:last-child) {
                    border-bottom: 1px solid #d0d9f5
                }

                .sidenav-menu-group.active.list[_ngcontent-serverApp-c205] {
                    border-bottom: unset;
                    padding: 4px 16px
                }

                .sidenav-menu-group.active.list[_ngcontent-serverApp-c205] .child-link.title[_ngcontent-serverApp-c205] {
                    color: #6e798d
                }

                .sidenav-menu-group.active.list[_ngcontent-serverApp-c205]:first-child {
                    margin-top: 14px
                }
            }

            @media (max-width: 744px) {
                #navbar.container[_ngcontent-serverApp-c205] {
                    height: 48px
                }

                #sidenav[_ngcontent-serverApp-c205],
                #navbar-overlay[_ngcontent-serverApp-c205] {
                    top: 48px
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] {
                    top: 48px;
                    width: 100%;
                    position: fixed;
                    left: 0
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .profile-cta[_ngcontent-serverApp-c205] .text[_ngcontent-serverApp-c205] {
                    display: none
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .ctas[_ngcontent-serverApp-c205] {
                    gap: 26px;
                    width: auto
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .ctas[_ngcontent-serverApp-c205] .profile-cta[_ngcontent-serverApp-c205] {
                    display: inline
                }

                .sidenav-menu-item[_ngcontent-serverApp-c205]:not(.list).active {
                    padding-bottom: 0
                }

                .sidenav-menu-item[_ngcontent-serverApp-c205]>a.list.active[_ngcontent-serverApp-c205] {
                    margin-bottom: 14px
                }

                .sidenav-menu-item[_ngcontent-serverApp-c205]>a[_ngcontent-serverApp-c205]:first-child>.title.active[_ngcontent-serverApp-c205] {
                    margin-bottom: unset
                }

                .subitems-indices[_ngcontent-serverApp-c205] {
                    gap: 16px
                }

                .subitems-indices.active[_ngcontent-serverApp-c205] li[_ngcontent-serverApp-c205] {
                    width: 100%
                }

                .grandchild-link.title[_ngcontent-serverApp-c205] {
                    font-size: 14px
                }

                #sidenav[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] {
                    display: flex;
                    flex-direction: column;
                    align-items: unset;
                    height: auto;
                    padding: 24px 20px 24px 4px
                }

                #sidenav[_ngcontent-serverApp-c205] .banner[_ngcontent-serverApp-c205] .subtitle[_ngcontent-serverApp-c205] {
                    margin-left: 20px
                }

                .banner-top__active .fixed-mode #sidenav {
                    top: 80px
                }

                .banner-top__active .fixed-mode #sidenav.no-top-banner {
                    top: 48px
                }

                .banner-top__active #sidenav {
                    top: 98px
                }

                #navbar.container[_ngcontent-serverApp-c205],
                #navbar.container[_ngcontent-serverApp-c205]:after {
                    max-width: 720px !important
                }

                #navbar.container[_ngcontent-serverApp-c205],
                #navbar.container[_ngcontent-serverApp-c205]:after {
                    max-width: 540px !important
                }

                #navbar.container[_ngcontent-serverApp-c205],
                #navbar.container[_ngcontent-serverApp-c205]:after {
                    max-width: 92% !important
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] {
                    padding: 32px 16px 28px
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] {
                    justify-content: center;
                    background: unset;
                    flex-direction: column;
                    height: auto;
                    gap: 12px
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .user-brief[_ngcontent-serverApp-c205] {
                    align-items: center
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .user-brief[_ngcontent-serverApp-c205] .cell-number[_ngcontent-serverApp-c205] {
                    text-align: center
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .user-brief[_ngcontent-serverApp-c205] .icon-user-circle-gray[_ngcontent-serverApp-c205] {
                    width: 54px;
                    height: 54px
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .user-is-login[_ngcontent-serverApp-c205] .charon-icon[_ngcontent-serverApp-c205] {
                    display: none
                }

                .login-dropdown[_ngcontent-serverApp-c205] .dropdown-menu[_ngcontent-serverApp-c205] .text.logout[_ngcontent-serverApp-c205] {
                    justify-content: center;
                    padding-right: unset
                }
            }

            .footer.home[_ngcontent-serverApp-c206] .footer-bottom-side[_ngcontent-serverApp-c206] {
                display: flex;
                flex-direction: row-reverse;
                margin-top: 4px
            }

            .footer[_ngcontent-serverApp-c206] {
                padding: 40px 0 28px;
                background: #fff;
                border-top: 1px solid #dee3e7
            }

            .footer[_ngcontent-serverApp-c206] .line-half[_ngcontent-serverApp-c206] {
                position: relative;
                display: flex;
                justify-content: center;
                width: 100%
            }

            .footer[_ngcontent-serverApp-c206] .line-half.logo-footer[_ngcontent-serverApp-c206]:before {
                content: "";
                border: 1px solid #D0D9F5;
                width: 45%;
                position: absolute;
                top: 50%;
                left: 0
            }

            .footer[_ngcontent-serverApp-c206] .line-half.logo-footer[_ngcontent-serverApp-c206]:after {
                content: "";
                border: 1px solid #D0D9F5;
                width: 45%;
                position: absolute;
                top: 50%;
                right: 0
            }

            .footer-menu[_ngcontent-serverApp-c206] {
                display: flex;
                flex-direction: column;
                justify-content: space-between
            }

            .footer-menu__item[_ngcontent-serverApp-c206] {
                justify-content: center;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                align-items: center;
                margin: 72px 0
            }

            .links[_ngcontent-serverApp-c206] {
                display: flex;
                align-items: center
            }

            .links[_ngcontent-serverApp-c206] ul[_ngcontent-serverApp-c206] {
                margin: 0;
                padding: 0;
                display: flex;
                flex-wrap: wrap;
                justify-content: center
            }

            .links[_ngcontent-serverApp-c206] .links__item[_ngcontent-serverApp-c206] {
                padding-right: 20px;
                padding-left: 20px;
                display: flex;
                align-items: center
            }

            .link.medium[_ngcontent-serverApp-c206] span[_ngcontent-serverApp-c206] {
                font-size: 15px;
                line-height: 24px;
                color: #2c3544;
                cursor: pointer;
                position: relative
            }

            .link[_ngcontent-serverApp-c206] span[_ngcontent-serverApp-c206] {
                white-space: nowrap
            }

            .footer-address[_ngcontent-serverApp-c206] {
                background-color: #e7ecfd;
                padding: 35px 50px;
                border-radius: 20px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 64px
            }

            .footer-address__content[_ngcontent-serverApp-c206] {
                display: flex;
                flex-direction: row;
                align-items: center
            }

            .text-address[_ngcontent-serverApp-c206] {
                color: #2c3544;
                font-size: 14px;
                line-height: 22px
            }

            .footer-call__number[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206] {
                font-size: 20px;
                font-weight: 600;
                line-height: 31px
            }

            .footer-call__number[_ngcontent-serverApp-c206] {
                line-height: 20px;
                margin-right: 20px;
                border-left: 2px solid rgba(6, 25, 98, .5019607843);
                padding-left: 20px;
                color: #2c3544
            }

            .footer-call[_ngcontent-serverApp-c206] {
                display: flex;
                align-items: center;
                margin-left: 20px
            }

            .footer-social[_ngcontent-serverApp-c206]>ul[_ngcontent-serverApp-c206] {
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 12px
            }

            .footer-social__item[_ngcontent-serverApp-c206] a[_ngcontent-serverApp-c206] {
                color: #000
            }

            .footer-license[_ngcontent-serverApp-c206] {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                margin-bottom: 64px
            }

            .footer-license__container[_ngcontent-serverApp-c206]>ul[_ngcontent-serverApp-c206] {
                margin-right: -10px;
                margin-left: -10px;
                display: flex;
                padding-right: 0;
                width: calc(100% + 20px)
            }

            li.footer-license__item[_ngcontent-serverApp-c206] {
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                display: block;
                padding: 12px
            }

            li.footer-license__item[_ngcontent-serverApp-c206]>div[_ngcontent-serverApp-c206] {
                width: 43px;
                height: 43px;
                border-radius: 15px;
                border: 1px solid #D0D9F5
            }

            li.footer-license__item[_ngcontent-serverApp-c206]>div[_ngcontent-serverApp-c206]>a[_ngcontent-serverApp-c206] {
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                justify-content: center;
                height: 100%;
                width: 100%
            }

            li.footer-license__item[_ngcontent-serverApp-c206] img[_ngcontent-serverApp-c206] {
                max-width: 100%;
                max-height: 100%;
                height: 40px;
                padding: 8px
            }

            .footer.home[_ngcontent-serverApp-c206] .footer-about[_ngcontent-serverApp-c206] {
                display: none
            }

            .footer[_ngcontent-serverApp-c206]:not(.home) .footer-about[_ngcontent-serverApp-c206] {
                display: block;
                text-align: justify;
                padding: 0 70px
            }

            .footer-about[_ngcontent-serverApp-c206]>.contain-more-than[_ngcontent-serverApp-c206] {
                font-size: 14px;
                color: #06196280;
                line-height: 25px;
                display: inline-block;
                max-height: 70px
            }

            .contain-more-than[_ngcontent-serverApp-c206] {
                max-height: 200px;
                line-height: 20px;
                overflow: hidden;
                position: relative
            }

            .footer-about[_ngcontent-serverApp-c206] a[_ngcontent-serverApp-c206] {
                font-size: 12px;
                font-weight: 500;
                cursor: pointer;
                display: inline-flex;
                margin: 0;
                padding: 0
            }

            .footer[_ngcontent-serverApp-c206] .line-half-bottom[_ngcontent-serverApp-c206] {
                position: relative;
                display: flex;
                justify-content: center
            }

            .footer[_ngcontent-serverApp-c206] .line-half.text-centered[_ngcontent-serverApp-c206]:before {
                content: "";
                width: 100%;
                position: absolute;
                top: 50%;
                left: 0;
                border: 1px solid rgba(6, 25, 98, .06)
            }

            .footer[_ngcontent-serverApp-c206] .line-half.text-centered[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206] {
                font-size: 12px;
                line-height: 19px;
                font-weight: 500;
                color: #06196280;
                text-align: center;
                background-color: #fff;
                z-index: 1;
                position: relative
            }

            .footer-cellphone__text[_ngcontent-serverApp-c206] {
                margin-left: 28px;
                display: flex;
                flex-direction: column;
                justify-content: center
            }

            .footer[_ngcontent-serverApp-c206] li.navbar__menu-item[_ngcontent-serverApp-c206] a[_ngcontent-serverApp-c206] {
                color: #2c3544
            }

            .footer-social__item[_ngcontent-serverApp-c206]>i[_ngcontent-serverApp-c206] {
                display: block;
                width: 16px
            }

            .footer-social__item[_ngcontent-serverApp-c206] svg[_ngcontent-serverApp-c206] {
                width: 16px;
                height: 16px
            }

            .footer-cellphone[_ngcontent-serverApp-c206] {
                display: flex;
                flex-direction: row;
                border-radius: 10px
            }

            .footer-cellphone__cta[_ngcontent-serverApp-c206] {
                margin-right: auto
            }

            .footer-cellphone__cta[_ngcontent-serverApp-c206]>div[_ngcontent-serverApp-c206] {
                display: flex;
                flex-direction: row;
                background-color: #fff;
                border-radius: 10px;
                align-items: center;
                margin-right: auto;
                justify-content: space-between;
                height: 100%;
                overflow: hidden
            }

            .cellphone__number[_ngcontent-serverApp-c206]>input[_ngcontent-serverApp-c206] {
                width: 100%;
                height: 100%;
                border: none;
                font-size: 14px;
                line-height: 15px;
                font-weight: 500;
                padding: 12px 20px;
                text-align: end;
                direction: ltr;
                letter-spacing: 2px;
                outline: none
            }

            .footer-cellphone__text[_ngcontent-serverApp-c206] {
                text-align: right
            }

            .footer-cellphone__text[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206]:first-child {
                font-weight: 600
            }

            .footer-cellphone__text[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206]:last-child {
                font-weight: 400
            }

            .cellphone__cta__link[_ngcontent-serverApp-c206]>a[_ngcontent-serverApp-c206] {
                color: #fff;
                display: block;
                padding: 12px 20px
            }

            .cellphone__cta__link[_ngcontent-serverApp-c206] {
                position: relative;
                display: -ms-flexbox;
                display: inline-block;
                border-radius: 10px;
                height: 100%;
                align-items: center;
                padding: 0;
                background: #061962;
                border: none;
                font-size: 14px;
                line-height: 22px
            }

            .cellphone__number[_ngcontent-serverApp-c206]>input[_ngcontent-serverApp-c206]::placeholder {
                color: #707070
            }

            .footer-cellphone[_ngcontent-serverApp-c206] {
                flex-direction: column;
                text-align: center
            }

            .footer-cellphone__text[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206] {
                display: inline
            }

            .footer__cellphone__number[_ngcontent-serverApp-c206]>input[_ngcontent-serverApp-c206] {
                font-size: 20px;
                font-weight: 600;
                color: #fff
            }

            .footer__cellphone__number[_ngcontent-serverApp-c206] {
                display: inline-block;
                align-items: center;
                margin-right: 20px
            }

            .cell-phone__number[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206] {
                font-size: 14px;
                font-weight: 500;
                color: #06196280;
                white-space: nowrap;
                line-height: 15px
            }

            .cellphone__number[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206] {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                font-size: 14px;
                line-height: 15px;
                font-weight: 500;
                right: 20px;
                color: #06196280
            }

            .footer.home[_ngcontent-serverApp-c206] .line-half.text-centered[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206] {
                padding-left: 20px
            }

            .footer.home[_ngcontent-serverApp-c206] .line-half[_ngcontent-serverApp-c206]:not(.logo-footer) {
                align-items: center;
                justify-content: right
            }

            .footer.home[_ngcontent-serverApp-c206] .line-half-bottom[_ngcontent-serverApp-c206] {
                width: 100%;
                padding-left: 20px
            }

            .footer.home[_ngcontent-serverApp-c206] .footer-license[_ngcontent-serverApp-c206] {
                margin: 0
            }

            .footer-about[_ngcontent-serverApp-c206] .see-more[_ngcontent-serverApp-c206] {
                max-height: 70px
            }

            .footer-about[_ngcontent-serverApp-c206] .see-less[_ngcontent-serverApp-c206] {
                max-height: unset
            }

            @media (max-width: 1200px) {
                .footer-license[_ngcontent-serverApp-c206] {
                    margin-bottom: 24px
                }
            }

            @media (max-width: 992px) {
                .footer-about[_ngcontent-serverApp-c206] {
                    margin-right: 0;
                    margin-bottom: 34px;
                    padding: 0
                }

                .footer-cellphone[_ngcontent-serverApp-c206] {
                    margin-top: 48px;
                    display: block
                }

                .footer-cellphone__text[_ngcontent-serverApp-c206] {
                    display: block;
                    margin-bottom: 10px
                }

                li.footer-social__item[_ngcontent-serverApp-c206]:first-child {
                    margin-right: 0
                }

                .footer-license[_ngcontent-serverApp-c206] {
                    flex-direction: column-reverse;
                    margin-bottom: 90px
                }

                .footer-address__content[_ngcontent-serverApp-c206] {
                    justify-content: space-between;
                    padding: 40px 50px;
                    background: #E7ECFD;
                    border-radius: 20px
                }

                .footer[_ngcontent-serverApp-c206] .line-half.logo-footer[_ngcontent-serverApp-c206]:before {
                    width: 41%
                }

                .footer[_ngcontent-serverApp-c206] .line-half.logo-footer[_ngcontent-serverApp-c206]:after {
                    width: 41%
                }

                .footer-address[_ngcontent-serverApp-c206] {
                    margin-bottom: 48px
                }

                .footer-address[_ngcontent-serverApp-c206] {
                    display: block;
                    background: #F3F6FE;
                    padding: 0
                }

                .footer-menu__item[_ngcontent-serverApp-c206] {
                    flex-direction: column;
                    justify-content: center
                }

                .footer-call__number[_ngcontent-serverApp-c206] {
                    border-left: none
                }
            }

            @media (max-width: 768px) {
                .footer.home[_ngcontent-serverApp-c206] .line-half.text-centered[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206] {
                    padding: 0 20px
                }

                .footer.home[_ngcontent-serverApp-c206] .footer-bottom-side[_ngcontent-serverApp-c206] {
                    flex-direction: column
                }

                .footer.home[_ngcontent-serverApp-c206] .line-half[_ngcontent-serverApp-c206]:not(.logo-footer) {
                    justify-content: center
                }

                .footer.home[_ngcontent-serverApp-c206] .line-half-bottom[_ngcontent-serverApp-c206] {
                    padding-left: 0
                }

                .footer-menu__item[_ngcontent-serverApp-c206] {
                    margin: 48px 0
                }

                .footer-license[_ngcontent-serverApp-c206] {
                    margin-bottom: 80px
                }

                .footer-menu__item[_ngcontent-serverApp-c206] {
                    margin: 50px 0
                }

                .footer[_ngcontent-serverApp-c206] .line-half.logo-footer[_ngcontent-serverApp-c206]:after {
                    width: 38%
                }

                .footer[_ngcontent-serverApp-c206] .line-half.logo-footer[_ngcontent-serverApp-c206]:before {
                    width: 38%
                }

                .footer-call[_ngcontent-serverApp-c206] {
                    margin-left: 0;
                    margin-bottom: 20px
                }

                .footer-address__content[_ngcontent-serverApp-c206] {
                    flex-direction: column;
                    padding: 30px 40px;
                    justify-content: center
                }
            }

            @media (max-width: 577px) {
                .footer[_ngcontent-serverApp-c206] .line-half.text-centered[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206] {
                    width: 70%
                }
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] {
                display: flex
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] {
                flex-grow: 1
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] .address[_ngcontent-serverApp-c206] .title[_ngcontent-serverApp-c206] {
                font-weight: 300;
                font-size: 16px;
                line-height: 1.5
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] .address[_ngcontent-serverApp-c206] .description[_ngcontent-serverApp-c206] {
                font-weight: 400;
                font-size: 14px;
                line-height: 2
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] .phone[_ngcontent-serverApp-c206] {
                margin-bottom: 32px
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] .phone[_ngcontent-serverApp-c206] .title[_ngcontent-serverApp-c206] {
                font-weight: 300;
                font-size: 14px;
                line-height: 1.5
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] .phone[_ngcontent-serverApp-c206] .description[_ngcontent-serverApp-c206] {
                font-weight: 600;
                font-size: 14px;
                line-height: 1.5
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] .social-title[_ngcontent-serverApp-c206] {
                font-weight: 600;
                font-size: 14px;
                line-height: 1.5;
                margin-bottom: 12px
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] {
                flex-grow: 1
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] p[_ngcontent-serverApp-c206] {
                color: #061962;
                font-weight: 600;
                font-size: 14px;
                line-height: 1.5;
                margin-bottom: 24px
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] {
                display: flex;
                margin-bottom: 32px
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] div.vertical[_ngcontent-serverApp-c206] {
                width: 1px;
                height: auto;
                background: #dee3e7;
                margin: 0 auto
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel[_ngcontent-serverApp-c206] {
                display: flex;
                align-items: center;
                gap: 8px;
                cursor: pointer
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel.cafebazaar[_ngcontent-serverApp-c206]:hover .title[_ngcontent-serverApp-c206] {
                color: #02b75d
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel.cafebazaar[_ngcontent-serverApp-c206]:hover .icon-cafebazaar[_ngcontent-serverApp-c206] {
                background-image: url(/assets/images/logos/cafebazaar.svg)
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel.pwa[_ngcontent-serverApp-c206]:hover .title[_ngcontent-serverApp-c206] {
                color: #0037d1
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel.pwa[_ngcontent-serverApp-c206]:hover .icon-world[_ngcontent-serverApp-c206] {
                background-image: url(/assets/images/logos/world.svg)
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel.play-store[_ngcontent-serverApp-c206]:hover .icon-google-play[_ngcontent-serverApp-c206] {
                background-image: url(/assets/images/logos/play-store.svg)
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel[_ngcontent-serverApp-c206] .icon[_ngcontent-serverApp-c206] {
                display: inline-block;
                width: 24px;
                height: 24px;
                background-size: cover
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel[_ngcontent-serverApp-c206] .icon.icon-google-play[_ngcontent-serverApp-c206] {
                background-image: url(/assets/images/logos/play-store-gray.svg)
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel[_ngcontent-serverApp-c206] .icon.icon-cafebazaar[_ngcontent-serverApp-c206] {
                background-image: url(/assets/images/logos/cafebazaar-gray.svg)
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel[_ngcontent-serverApp-c206] .icon.icon-world[_ngcontent-serverApp-c206] {
                background-image: url(/assets/images/logos/world-gray.svg)
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel[_ngcontent-serverApp-c206] .content[_ngcontent-serverApp-c206] {
                font-size: 12px;
                line-height: 1.5
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel[_ngcontent-serverApp-c206] .content[_ngcontent-serverApp-c206] .title[_ngcontent-serverApp-c206] {
                font-weight: 600
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel[_ngcontent-serverApp-c206] .content[_ngcontent-serverApp-c206] .description[_ngcontent-serverApp-c206] {
                font-weight: 300
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .menu[_ngcontent-serverApp-c206] {
                flex-grow: 1
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .menu[_ngcontent-serverApp-c206] p[_ngcontent-serverApp-c206] {
                color: #061962;
                font-weight: 600;
                font-size: 14px;
                line-height: 1.5;
                margin-bottom: 24px
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .menu[_ngcontent-serverApp-c206] a[_ngcontent-serverApp-c206] {
                display: flex;
                align-items: center;
                color: #061962;
                font-weight: 400;
                font-size: 14px;
                line-height: 1.5;
                margin-bottom: 4px
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .footer-cellphone[_ngcontent-serverApp-c206] {
                background: rgba(0, 64, 255, .04);
                padding: 20px;
                display: flex;
                flex-direction: row;
                border-radius: 16px
            }

            .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .footer-cellphone__text[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206] {
                font-size: 14px;
                line-height: 1.5;
                display: block;
                color: #2c3544
            }

            .button-group[_ngcontent-serverApp-c206] {
                display: flex;
                flex-direction: column;
                margin-left: 40px
            }

            .tab-group[_ngcontent-serverApp-c206] button[_ngcontent-serverApp-c206] {
                background-color: #fff;
                display: flex;
                justify-content: space-between;
                align-items: center;
                color: #061962;
                border: 1px solid transparent;
                border-bottom: 1px solid #F0F5FF;
                font-weight: 600;
                font-size: 14px;
                padding: 8px 0;
                transition: .2s ease-in-out all;
                cursor: pointer;
                min-width: fit-content;
                width: 100%
            }

            .button-group[_ngcontent-serverApp-c206] .ui-curve-button[_ngcontent-serverApp-c206] {
                border: 2px solid #B4C7FF;
                border-radius: 57px;
                margin-bottom: 24px;
                color: #0040ff;
                font-weight: 700;
                font-size: 14px;
                min-width: 180px;
                padding: 8px 24px;
                transition: .2s ease-in-out all;
                cursor: pointer;
                background-color: transparent
            }

            .button-group[_ngcontent-serverApp-c206] .ui-curve-button[_ngcontent-serverApp-c206]:hover {
                border-color: #183ff5;
                color: #002fa3
            }

            .button-group[_ngcontent-serverApp-c206] .ui-curve-button.active[_ngcontent-serverApp-c206] {
                border-color: #002fa3;
                color: #002fa3
            }

            .collapsible-selector--arrow[_ngcontent-serverApp-c206] {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px
            }

            .collapsible-selector--arrow[_ngcontent-serverApp-c206]:after {
                content: "";
                display: block;
                position: relative;
                height: 9px;
                width: 16px;
                top: unset;
                left: unset;
                background-image: url(data:image/svg+xml;
 base64, PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS4yMDcxIDIuMjgyNTVDMTUuNTk3NiAxLjg5MjAyIDE1LjU5NzYgMS4yNTg4NiAxNS4yMDcxIDAuODY4MzMyQzE0LjgxNjUgMC40Nzc4MDggMTQuMTgzNCAwLjQ3NzgwOCAxMy43OTI5IDAuODY4MzMzTDE1LjIwNzEgMi4yODI1NVpNOC4wNzUyOSA4LjAwMDEyTDcuMzY4MTYgOC43MDcyQzcuNTU1NyA4Ljg5NDc1IDcuODEwMDUgOS4wMDAxMiA4LjA3NTI3IDkuMDAwMTJDOC4zNDA1IDkuMDAwMTIgOC41OTQ4NiA4Ljg5NDc3IDguNzgyNCA4LjcwNzIzTDguMDc1MjkgOC4wMDAxMlpNMi40MjkzIDAuOTM5NDk4QzIuMDM4NzkgMC41NDg5NjEgMS40MDU2MiAwLjU0ODk0MSAxLjAxNTA4IDAuOTM5NDUyQzAuNjI0NTQ3IDEuMzI5OTYgMC42MjQ1MjcgMS45NjMxMyAxLjAxNTA0IDIuMzUzNjdMMi40MjkzIDAuOTM5NDk4Wk0xMy43OTI5IDAuODY4MzMzTDcuMzY4MTggNy4yOTMwMUw4Ljc4MjQgOC43MDcyM0wxNS4yMDcxIDIuMjgyNTVMMTMuNzkyOSAwLjg2ODMzM1pNOC43ODI0MiA3LjI5MzA0TDIuNDI5MyAwLjkzOTQ5OEwxLjAxNTA0IDIuMzUzNjdMNy4zNjgxNiA4LjcwNzJMOC43ODI0MiA3LjI5MzA0WiIgZmlsbD0iIzA2MTk2MiIvPgo8L3N2Zz4K);
                background-repeat: no-repeat;
                background-position: center center;
                cursor: pointer;
                transform: rotate(0);
                transition: all .3s ease
            }

            .collapsible-selector--arrow.active[_ngcontent-serverApp-c206]:after {
                transform: rotate(180deg);
                transition: all .3s ease
            }

            .section-how[_ngcontent-serverApp-c206] {
                border-radius: 12px
            }

            .section-how[_ngcontent-serverApp-c206] h2[_ngcontent-serverApp-c206] {
                margin-bottom: 32px
            }

            .section-how[_ngcontent-serverApp-c206] .menu-content[_ngcontent-serverApp-c206] {
                padding: 16px 0
            }

            .section-how[_ngcontent-serverApp-c206] .menu-content[_ngcontent-serverApp-c206] a[_ngcontent-serverApp-c206] {
                display: flex;
                align-items: center;
                color: #061962;
                font-weight: 400;
                font-size: 12px;
                line-height: 1.5;
                margin-bottom: 4px
            }

            .section-how[_ngcontent-serverApp-c206] {
                display: none;
                padding-top: unset;
                margin-top: unset;
                border: unset;
                overflow: hidden;
                transition: all .4s ease
            }

            .section-how[_ngcontent-serverApp-c206]:not(:last-child) {
                margin-bottom: 24px
            }

            .section-how[_ngcontent-serverApp-c206] .tab-group[_ngcontent-serverApp-c206] {
                position: relative;
                left: unset;
                transform: unset;
                top: unset
            }

            .section-how.collapse[_ngcontent-serverApp-c206] {
                border: unset;
                padding: 0
            }

            .section-how.show[_ngcontent-serverApp-c206] {
                max-height: 2000px
            }

            .footer-license.mobile[_ngcontent-serverApp-c206] {
                display: none
            }

            @media (max-width: 1280px) {
                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206] .content[_ngcontent-serverApp-c206] .menu[_ngcontent-serverApp-c206] {
                    display: none
                }

                .section-how[_ngcontent-serverApp-c206] {
                    display: block
                }

                .section-how[_ngcontent-serverApp-c206] .menu-content[_ngcontent-serverApp-c206] {
                    height: 0;
                    padding-top: 0;
                    opacity: 0;
                    visibility: hidden;
                    transition: visibility .8s .2s cubic-bezier(.52, .16, .24, 1), opacity .4s cubic-bezier(.52, .16, .24, 1), padding .7s cubic-bezier(.52, .16, .24, 1)
                }

                .section-how.show[_ngcontent-serverApp-c206] .menu-content[_ngcontent-serverApp-c206] {
                    height: 100%;
                    opacity: 1;
                    visibility: visible;
                    transition: visibility .8s .2s cubic-bezier(.52, .16, .24, 1), opacity .4s cubic-bezier(.52, .16, .24, 1), padding .7s cubic-bezier(.52, .16, .24, 1);
                    padding-top: 16px
                }

                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] .address[_ngcontent-serverApp-c206] .description[_ngcontent-serverApp-c206],
                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] .address[_ngcontent-serverApp-c206] .title[_ngcontent-serverApp-c206] {
                    font-size: 12px
                }

                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] .phone[_ngcontent-serverApp-c206] .description[_ngcontent-serverApp-c206],
                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] .phone[_ngcontent-serverApp-c206] .title[_ngcontent-serverApp-c206] {
                    font-size: 12px
                }

                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206],
                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .info[_ngcontent-serverApp-c206] {
                    flex-basis: 50%
                }

                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .footer-cellphone[_ngcontent-serverApp-c206] {
                    flex-direction: column
                }
            }

            @media (max-width: 744px) {
                .footer-license.desktop[_ngcontent-serverApp-c206] {
                    display: none
                }

                .footer-license.mobile[_ngcontent-serverApp-c206] {
                    display: block;
                    z-index: 2
                }

                .footer-bottom-side[_ngcontent-serverApp-c206] .line-half[_ngcontent-serverApp-c206]>span[_ngcontent-serverApp-c206] {
                    display: none
                }

                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] {
                    flex-direction: column-reverse;
                    gap: 28px
                }

                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .footer-cellphone[_ngcontent-serverApp-c206] {
                    flex-direction: row
                }

                li.footer-license__item[_ngcontent-serverApp-c206]>div[_ngcontent-serverApp-c206] {
                    height: 27px;
                    width: 27px;
                    border-radius: 8px
                }

                li.footer-license__item[_ngcontent-serverApp-c206] {
                    padding: 4px
                }

                .footer-license__container[_ngcontent-serverApp-c206]>ul[_ngcontent-serverApp-c206] {
                    background: #fff
                }

                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel[_ngcontent-serverApp-c206] .content[_ngcontent-serverApp-c206] .description[_ngcontent-serverApp-c206] {
                    font-size: 10px
                }

                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .download[_ngcontent-serverApp-c206] .box[_ngcontent-serverApp-c206] .channel[_ngcontent-serverApp-c206] .icon[_ngcontent-serverApp-c206] {
                    width: 16px;
                    height: 16px
                }

                li.footer-license__item[_ngcontent-serverApp-c206] img[_ngcontent-serverApp-c206] {
                    padding: 0
                }
            }

            @media (max-width: 430px) {
                .footer[_ngcontent-serverApp-c206] .footer-menu[_ngcontent-serverApp-c206]>.content[_ngcontent-serverApp-c206] .footer-cellphone[_ngcontent-serverApp-c206] {
                    flex-direction: column
                }
            }

            .collapsible-sign[_ngcontent-serverApp-c193] {
                position: relative;
                display: inline-block;
                width: 1rem;
                height: 1rem
            }

            .collapsible-sign[_ngcontent-serverApp-c193]:before,
            .collapsible-sign[_ngcontent-serverApp-c193]:after {
                content: "";
                position: absolute;
                top: 2px;
                background-color: #183ff5;
                transition: transform .25s ease-out
            }

            .collapsible-sign[_ngcontent-serverApp-c193]:before {
                top: -1px;
                left: 50%;
                width: 2px;
                height: 100%;
                margin-left: -1px
            }

            .collapsible-sign[_ngcontent-serverApp-c193]:after {
                top: calc(50% - 1px);
                left: 0;
                width: 100%;
                height: 2px;
                margin-top: -1px
            }

            .collapsible-sign.open[_ngcontent-serverApp-c193] {
                cursor: pointer
            }

            .collapsible-sign.open[_ngcontent-serverApp-c193]:before {
                transform: rotate(90deg)
            }

            .collapsible-sign.open[_ngcontent-serverApp-c193]:after {
                transform: rotate(180deg)
            }

            .collapsible-sign.plus-close.open[_ngcontent-serverApp-c193]:before,
            .collapsible-sign.plus-close.open[_ngcontent-serverApp-c193]:after {
                transition: transform .6s ease-in-out;
                transform: rotate(-135deg)
            }

            [_nghost-serverApp-c97] {
                display: inline-block;
                vertical-align: middle
            }

            [_nghost-serverApp-c97] span[_ngcontent-serverApp-c97] {
                width: 100%;
                height: 100%;
                background: transparent no-repeat center/100%;
                display: block
            }

            [_nghost-serverApp-c97] .icon-charon-down[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-down.fe05edf8ba3d04ba.svg)
            }

            [_nghost-serverApp-c97] .icon-charon-down-light-blue[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-down-light-blue.6fdf94f7825a576b.svg)
            }

            [_nghost-serverApp-c97] .icon-charon-left[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-left.522850aa6a7c4e51.svg)
            }

            [_nghost-serverApp-c97] .icon-charon-left-blue[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-left-blue.a1103ed8e5c1aec4.svg)
            }

            [_nghost-serverApp-c97] .icon-charon-left-white[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-left-white.d81165ecd9182f9f.svg)
            }

            [_nghost-serverApp-c97] .icon-charon-right-blue[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-right-blue.24279f3f9a437bb6.svg)
            }

            [_nghost-serverApp-c97] .icon-charon-right-white[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-right-white.818ba149c56348a1.svg)
            }

            [_nghost-serverApp-c97] .icon-charon-left-red[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-left-red.aaa0fd9464c4867c.svg)
            }

            [_nghost-serverApp-c97] .icon-charon-right[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-right.74fb195e177d605b.svg)
            }

            [_nghost-serverApp-c97] .icon-charon-left-green[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-left-green.c85a663015d00302.svg)
            }

            [_nghost-serverApp-c97] .icon-charon-up[_ngcontent-serverApp-c97] {
                background-image: url(icon-charon-up.2af486ac32ee5677.svg)
            }

            [_nghost-serverApp-c97] .icon-close[_ngcontent-serverApp-c97] {
                background-image: url(icon-close.4dbc815f501f27f1.svg)
            }

            [_nghost-serverApp-c97] .icon-hints[_ngcontent-serverApp-c97] {
                background-image: url(icon-hints.e7852a3ff084064a.svg)
            }

            [_nghost-serverApp-c97] .icon-hint[_ngcontent-serverApp-c97] {
                background-image: url(icon-hint.ba79a44d5b70941d.svg)
            }

            [_nghost-serverApp-c97] .left-blue[_ngcontent-serverApp-c97] {
                background-image: url(left-blue.643a7ec6a52844f8.svg)
            }

            [_nghost-serverApp-c97] .location[_ngcontent-serverApp-c97] {
                background-image: url(location.a27644d9a2cd5586.svg)
            }

            [_nghost-serverApp-c97] .mobile-device[_ngcontent-serverApp-c97] {
                background-image: url(mobile-device.a41cb58f7199c6a4.svg)
            }

            [_nghost-serverApp-c97] .icon-arrow-left[_ngcontent-serverApp-c97] {
                background-image: url(icon-arrow-left.917b8d4f4ad2ff99.svg)
            }

            [_nghost-serverApp-c97] .icon-general-date[_ngcontent-serverApp-c97] {
                background-image: url(icon-general-date.2e72299e085072b4.svg)
            }

            [_nghost-serverApp-c97] .icon-general-date-h[_ngcontent-serverApp-c97] {
                background-image: url(icon-general-date-h.b2c5938f337a8f5f.svg)
            }

            [_nghost-serverApp-c97] .icon-arrow-right[_ngcontent-serverApp-c97] {
                background-image: url(icon-arrow-right.f0f473151e3c711f.svg)
            }

            [_nghost-serverApp-c97] .icon-date-picker-blue[_ngcontent-serverApp-c97] {
                background-image: url(icon-date-picker-blue.be0f3161910a7f9e.svg)
            }

            [_nghost-serverApp-c97] .icon-exclamation-hint-blue[_ngcontent-serverApp-c97] {
                background-image: url(icon-exclamation-hint-blue.68f889a00bc3aa54.svg)
            }

            [_nghost-serverApp-c97] .icon-creditor[_ngcontent-serverApp-c97] {
                background-image: url(icon-creditor.79a23f935262a471.svg)
            }

            [_nghost-serverApp-c97] .icon-debtor[_ngcontent-serverApp-c97] {
                background-image: url(icon-debtor.790562012547fa21.svg)
            }

            [_nghost-serverApp-c97] .icon-close-gray[_ngcontent-serverApp-c97] {
                background-image: url(icon-close-gray.15050bf6ecbf2557.svg)
            }

            [_nghost-serverApp-c97] .icon-default-user-profile[_ngcontent-serverApp-c97] {
                background-image: url(icon-default-user-profile.2ced7fa32407ca77.svg)
            }

            [_nghost-serverApp-c97] .icon-smart-home[_ngcontent-serverApp-c97] {
                background-image: url(icon-smart-home.6147e53b71350015.svg)
            }

            [_nghost-serverApp-c97] .icon-transactions[_ngcontent-serverApp-c97] {
                background-image: url(icon-transactions.5d9d95dd788a46b6.svg)
            }

            [_nghost-serverApp-c97] .icon-logout[_ngcontent-serverApp-c97] {
                background-image: url(icon-logout.47b55003ea48360b.svg)
            }

            [_nghost-serverApp-c97] .icon-connection-error[_ngcontent-serverApp-c97] {
                background-image: url(icon-connection-error.321d43fbeaf18f1e.svg)
            }

            [_nghost-serverApp-c97] .icon-car-blue[_ngcontent-serverApp-c97] {
                background-image: url(icon-car-blue.2eda03550eed9c0b.svg)
            }

            [_nghost-serverApp-c97] .icon-download-white[_ngcontent-serverApp-c97] {
                background-image: url(icon-download-white.0e25b29d3d5e3a46.svg)
            }

            [_nghost-serverApp-c97] .icon-calender-gray[_ngcontent-serverApp-c97] {
                background-image: url(icon-calender-gray.9f7f19776497bdb9.svg)
            }

            [_nghost-serverApp-c97] .icon-wallet-gray[_ngcontent-serverApp-c97] {
                background-image: url(icon-wallet-gray.00fe8cc9f6809c4c.svg)
            }

            [_nghost-serverApp-c97] .icon-wallet-charge-gray[_ngcontent-serverApp-c97] {
                background-image: url(icon-wallet-charge-gray.0ff2dcd097f517bb.svg)
            }

            [_nghost-serverApp-c97] .icon-plus-green[_ngcontent-serverApp-c97] {
                background-image: url(icon-plus-green.01cb1e01f225a598.svg)
            }

            [_nghost-serverApp-c97] .icon-minus[_ngcontent-serverApp-c97] {
                background-image: url(icon-minus.dc317a9c43a815ce.svg)
            }

            [_nghost-serverApp-c97] .icon-check-blue[_ngcontent-serverApp-c97] {
                background-image: url(icon-check-blue.e68fa66dec8acaf1.svg)
            }

            [_nghost-serverApp-c97] .icon-hamburger-menu[_ngcontent-serverApp-c97] {
                background-image: url(icon-hamburger-menu.5ed2276ab6ec18c5.svg)
            }

            [_nghost-serverApp-c97] .icon-close-red[_ngcontent-serverApp-c97] {
                background-image: url(icon-close-red.54f82874ffa08adc.svg)
            }

            [_nghost-serverApp-c97] .icon-warning[_ngcontent-serverApp-c97] {
                background-image: url(icon-warning.ed3d5b15f49fc297.svg)
            }

            [_nghost-serverApp-c97] .icon-sort[_ngcontent-serverApp-c97] {
                background-image: url(icon-sort.750376d4f0085469.svg)
            }

            [_nghost-serverApp-c97] .icon-search[_ngcontent-serverApp-c97] {
                background-image: url(icon-search.f4450aadc414e509.svg)
            }

            [_nghost-serverApp-c97] .icon-location-blue[_ngcontent-serverApp-c97] {
                background-image: url(icon-location-blue.22c37668f8d69fc9.svg)
            }

            [_nghost-serverApp-c97] .icon-verified-green[_ngcontent-serverApp-c97] {
                background-image: url(icon-verified-green.9846b5abbdb6c772.svg)
            }

            [_nghost-serverApp-c97] .icon-check-white[_ngcontent-serverApp-c97] {
                background-image: url(icon-check-white.a89a1d7154c60b3e.svg)
            }

            [_nghost-serverApp-c97] .icon-curved-arrow-left[_ngcontent-serverApp-c97] {
                background-image: url(icon-curved-arrow-left.ded504e8d6b9b9b2.svg)
            }

            [_nghost-serverApp-c97] .icon-circle-arrow-left[_ngcontent-serverApp-c97] {
                background-image: url(icon-circle-arrow-left.c23581936fde415d.svg)
            }

            [_nghost-serverApp-c97] .icon-filled-triangle-up[_ngcontent-serverApp-c97] {
                background-image: url(icon-filled-triangle-up.e66d5473d6cf1e60.svg)
            }

            [_nghost-serverApp-c97] .icon-filled-triangle-down[_ngcontent-serverApp-c97] {
                background-image: url(icon-filled-triangle-down.422bf1df22c13ff3.svg)
            }

            [_nghost-serverApp-c97] .icon-arrow-left-white[_ngcontent-serverApp-c97] {
                background-image: url(icon-arrow-left-white.6674b59101e4720e.svg)
            }

            [_nghost-serverApp-c97] .icon-wealth-invest-amount[_ngcontent-serverApp-c97] {
                background-image: url(icon-wealth-invest-amount.24bc9221a25f8582.svg)
            }

            [_nghost-serverApp-c97] .icon-wealth-invest-time[_ngcontent-serverApp-c97] {
                background-image: url(icon-wealth-invest-time.cf6d16c451f7921f.svg)
            }

            [_nghost-serverApp-c97] .icon-hints-green[_ngcontent-serverApp-c97] {
                background-image: url(icon-hints-green.7e7a969f56f9fbed.svg)
            }

            [_nghost-serverApp-c97] .icon-question-mark-in-dashed-box[_ngcontent-serverApp-c97] {
                background-image: url(icon-question-mark-in-dashed-box.2b004777d2d62ef2.svg)
            }

            [_nghost-serverApp-c97] .icon-copy-gray[_ngcontent-serverApp-c97] {
                background-image: url(icon-copy-gray.71f75f33638e5c5e.svg)
            }

            [_nghost-serverApp-c97] .icon-arrow-down-blue[_ngcontent-serverApp-c97] {
                background-image: url(icon-arrow-down-blue.6093835971df9d69.svg)
            }

            [_nghost-serverApp-c97] .icon-arrow-right-blue[_ngcontent-serverApp-c97] {
                background-image: url(icon-arrow-right-blue.2e4d0eab2de3fee9.svg)
            }

            [_nghost-serverApp-c97] .icon-diamond-silver[_ngcontent-serverApp-c97] {
                background-image: url(icon-diamond-silver.d5b03cb803059534.svg)
            }

            [_nghost-serverApp-c97] .icon-diamond-platinium-shadowed[_ngcontent-serverApp-c97] {
                background-image: url(icon-diamond-platinium-shadowed.c1a803e7d16530ae.svg)
            }

            [_nghost-serverApp-c97] .icon-diamond-bronze-shadowed[_ngcontent-serverApp-c97] {
                background-image: url(icon-diamond-bronze-shadowed.8f5a46b20d838382.svg)
            }

            [_nghost-serverApp-c97] .icon-diamond-gold-shadowed[_ngcontent-serverApp-c97] {
                background-image: url(icon-diamond-gold-shadowed.8b43a3b57e3d5446.svg)
            }

            [_nghost-serverApp-c97] .icon-diamond-silver-shadowed[_ngcontent-serverApp-c97] {
                background-image: url(icon-diamond-silver-shadowed.d1a0eba3ecb32d97.svg)
            }

            [_nghost-serverApp-c97] .icon-diamond-bronze[_ngcontent-serverApp-c97] {
                background-image: url(icon-diamond-bronze.18b16983a68af7c0.svg)
            }

            [_nghost-serverApp-c97] .icon-diamond-gold[_ngcontent-serverApp-c97] {
                background-image: url(icon-diamond-gold.7ee8306c8efb5715.svg)
            }

            [_nghost-serverApp-c97] .icon-diamond-platinium[_ngcontent-serverApp-c97] {
                background-image: url(icon-diamond-platinium.42470fff14014757.svg)
            }

            [_nghost-serverApp-c99] {
                display: inline-block
            }

            .button[_ngcontent-serverApp-c99] {
                height: 48px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                font-size: .875rem;
                padding: 12px 24px;
                min-width: 180px;
                font-weight: 700;
                border: 1px solid #0040ff;
                background: #0040ff;
                color: #fff;
                border-radius: 12px;
                box-shadow: none;
                cursor: pointer
            }

            .button[_ngcontent-serverApp-c99]:focus {
                outline: none;
                box-shadow: none
            }

            .button.default[disabled][_ngcontent-serverApp-c99] {
                background: #e6e6e6;
                border-color: #e6e6e6;
                color: #b2b2b2
            }

            .button.secondary[_ngcontent-serverApp-c99] {
                background: #B4C7FF;
                color: #0040ff;
                border: unset
            }

            .button.dark-blue[_ngcontent-serverApp-c99] {
                background: #061962;
                color: #fff;
                border: unset
            }

            .button.small-cta[_ngcontent-serverApp-c99] {
                height: 24px;
                padding: 0 8px;
                font-size: 10px;
                background: #B4C7FF;
                color: #0040ff;
                border: unset;
                min-width: unset
            }

            .button.outline-blue[_ngcontent-serverApp-c99] {
                background: transparent;
                color: #0040ff
            }

            .button.outline-blue[disabled][_ngcontent-serverApp-c99] {
                opacity: .4
            }

            .button.flat-blue[_ngcontent-serverApp-c99] {
                background: #f2f5f8;
                color: #0040ff;
                border: none
            }

            .button.flat-blue[disabled][_ngcontent-serverApp-c99] {
                opacity: .4
            }

            .button.outline-steel[_ngcontent-serverApp-c99] {
                background: transparent;
                color: #2c3544;
                border-color: #6e798d
            }

            .button.outline-steel[disabled][_ngcontent-serverApp-c99] {
                opacity: .4
            }

            .button.blue-text[_ngcontent-serverApp-c99] {
                color: #0040ff;
                background: transparent;
                border-color: transparent
            }

            .button.blue-text[disabled][_ngcontent-serverApp-c99] {
                opacity: .4
            }

            .button.gray-text[_ngcontent-serverApp-c99] {
                color: #6e798d;
                background: transparent;
                border-color: transparent
            }

            .button.gray-text[disabled][_ngcontent-serverApp-c99] {
                opacity: .4
            }

            .button.green-text[_ngcontent-serverApp-c99] {
                color: #02b75d;
                background: transparent;
                border-color: transparent
            }

            .button.green-text[disabled][_ngcontent-serverApp-c99] {
                opacity: .4
            }

            .button.red-text[_ngcontent-serverApp-c99] {
                color: #ff2638;
                background: transparent;
                border-color: transparent
            }

            .button.red-text[disabled][_ngcontent-serverApp-c99] {
                opacity: .4
            }

            .button.green[_ngcontent-serverApp-c99] {
                background: #00cc6d;
                color: #fff;
                border-color: #00cc6d
            }

            .button.green[disabled][_ngcontent-serverApp-c99] {
                opacity: .4
            }

            .button.outline-green[_ngcontent-serverApp-c99] {
                background: transparent;
                color: #00cc6d;
                border-color: #00cc6d
            }

            .button.outline-green[disabled][_ngcontent-serverApp-c99] {
                opacity: .4
            }

            .button.just-icon[_ngcontent-serverApp-c99] {
                height: auto;
                display: flex;
                justify-content: center;
                align-items: center;
                border: 0;
                padding: 0;
                background: transparent;
                min-width: unset
            }

            .button.yellow[_ngcontent-serverApp-c99] {
                background: #ffbe00;
                color: #fff;
                border-color: #ffbe00;
                border-radius: 100px
            }

            .button.outline-yellow[_ngcontent-serverApp-c99] {
                background: transparent;
                color: #ffbe00;
                border-color: #ffbe00;
                border-radius: 100px
            }

            .button.outline-yellow[disabled][_ngcontent-serverApp-c99] {
                opacity: .4
            }

            .button.border-space[_ngcontent-serverApp-c99] {
                outline-offset: 4px;
                outline: #061962 solid 1px;
                background: #061962
            }

            .button[disabled][_ngcontent-serverApp-c99] {
                cursor: not-allowed
            }

            .button.rounded[_ngcontent-serverApp-c99] {
                border-radius: 100px
            }

            .button.extra-small[_ngcontent-serverApp-c99] {
                font-size: 10px
            }

            .button.small[_ngcontent-serverApp-c99] {
                min-width: unset;
                padding: 12px;
                font-size: 11px
            }

            .button.medium[_ngcontent-serverApp-c99] {
                min-width: 120px;
                padding: 16px;
                font-size: 12px
            }

            .button.big[_ngcontent-serverApp-c99] {
                height: 56px;
                min-width: unset;
                padding: 16px 24px;
                font-size: 13px
            }

            a.button[_ngcontent-serverApp-c99] {
                text-align: center;
                text-decoration: none;
                display: flex;
                align-items: center;
                justify-content: center
            }

            a.button[_ngcontent-serverApp-c99] span {
                line-height: 1.5;
                font-family: IRANYekanX
            }

            @media (max-width: 1280px) {
                .button[_ngcontent-serverApp-c99] {
                    min-width: 160px
                }
            }

            @media (max-width: 744px) {
                .button[_ngcontent-serverApp-c99] {
                    min-width: 100px;
                    font-size: 12px
                }
            }

            .hamburger-menu[_ngcontent-serverApp-c201] {
                width: 35px;
                height: 30px;
                margin: 10px;
                position: relative;
                cursor: pointer;
                display: inline-block
            }

            .hamburger-menu[_ngcontent-serverApp-c201] b[_ngcontent-serverApp-c201] {
                background-color: #2c3544;
                position: absolute;
                border-radius: 2px;
                transition: all .5s cubic-bezier(.18, .89, .32, 1.28);
                width: 100%;
                height: 3px
            }

            .hamburger-menu[_ngcontent-serverApp-c201] b[_ngcontent-serverApp-c201]:nth-child(1) {
                top: 0;
                left: 0
            }

            .hamburger-menu[_ngcontent-serverApp-c201] b[_ngcontent-serverApp-c201]:nth-child(2) {
                top: 13px;
                left: 0;
                opacity: 1
            }

            .hamburger-menu[_ngcontent-serverApp-c201] b[_ngcontent-serverApp-c201]:nth-child(3) {
                bottom: 0;
                left: 0
            }

            .hamburger-menu.open[_ngcontent-serverApp-c201] b[_ngcontent-serverApp-c201]:nth-child(1) {
                transform: rotate(45deg);
                top: 13px
            }

            .hamburger-menu.open[_ngcontent-serverApp-c201] b[_ngcontent-serverApp-c201]:nth-child(2) {
                opacity: 0
            }

            .hamburger-menu.open[_ngcontent-serverApp-c201] b[_ngcontent-serverApp-c201]:nth-child(3) {
                transform: rotate(-45deg);
                top: 13px
            }

            .menu-toggle[_ngcontent-serverApp-c201] {
                position: relative;
                display: block;
                width: 24px;
                height: 16px;
                background: transparent;
                border-top: 2px solid;
                border-bottom: 2px solid;
                color: #02071a;
                font-size: 0;
                transition: all .25s ease-in-out
            }

            .menu-toggle[_ngcontent-serverApp-c201]:before,
            .menu-toggle[_ngcontent-serverApp-c201]:after {
                content: "";
                display: block;
                width: 100%;
                height: 2px;
                position: absolute;
                top: 50%;
                left: 50%;
                background: currentColor;
                transform: translate(-50%, -50%);
                transition: transform .25s ease-in-out
            }

            button[_ngcontent-serverApp-c201]:hover {
                color: #061962
            }

            button.is-active[_ngcontent-serverApp-c201] {
                border-color: transparent
            }

            button.is-active[_ngcontent-serverApp-c201]:before {
                transform: translate(-50%, -50%) rotate(45deg)
            }

            button.is-active[_ngcontent-serverApp-c201]:after {
                transform: translate(-50%, -50%) rotate(-45deg)
            }

            button[_ngcontent-serverApp-c201] {
                border: none;
                cursor: pointer;
                outline: none
            }

            [_nghost-serverApp-c109] {
                display: flex;
                align-items: center;
                justify-content: center
            }

            @keyframes uiPreparingRotate {
                0% {
                    transform: rotate(0)
                }

                to {
                    transform: rotate(360deg)
                }
            }

            .ui-preparing[_ngcontent-serverApp-c109] {
                text-align: center;
                line-height: 0
            }

            .ui-preparing[_ngcontent-serverApp-c109] .loading[_ngcontent-serverApp-c109] {
                width: 1em;
                height: 1em;
                display: inline-block;
                background: url(ui-preparing-loading.09cdb8f2c2f9aab2.svg) no-repeat 0 0/100%;
                animation: uiPreparingRotate .7s linear infinite
            }

            .ui-preparing[_ngcontent-serverApp-c109] .title[_ngcontent-serverApp-c109] {
                color: #4c4c4c;
                margin-bottom: 12px;
                font-size: .875rem
            }

            .ui-preparing[_ngcontent-serverApp-c109] .subtitle[_ngcontent-serverApp-c109] {
                color: #7f7f7f;
                margin-bottom: 30px;
                font-size: .75rem
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .banner[_ngcontent-serverApp-c208] {
                height: 410px;
                border-radius: 24px;
                padding: 32px 40px;
                width: 100%;
                background-position: center;
                background-size: cover;
                background-color: #3c6dff;
                position: relative
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] {
                max-width: 516px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                height: 100%
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .title[_ngcontent-serverApp-c208] h1[_ngcontent-serverApp-c208] {
                color: #fff;
                font-size: 34px;
                font-weight: 1000
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .subtitle[_ngcontent-serverApp-c208] {
                margin-bottom: 8px;
                display: flex;
                align-items: center
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .subtitle[_ngcontent-serverApp-c208] span[_ngcontent-serverApp-c208] {
                color: #fff;
                font-size: 17px;
                font-weight: 250
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .desktop-ctas[_ngcontent-serverApp-c208] {
                margin-top: 24px;
                display: flex;
                flex-direction: row;
                gap: 10px;
                width: 400px
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .desktop-ctas[_ngcontent-serverApp-c208] .first-cta-button[_ngcontent-serverApp-c208] {
                width: 185px
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .desktop-ctas[_ngcontent-serverApp-c208] .second-cta-button[_ngcontent-serverApp-c208] {
                flex-grow: 1
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .bottom-cta[_ngcontent-serverApp-c208] {
                cursor: pointer;
                position: absolute;
                left: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                bottom: -21px;
                transform: translate(-50%, -50%)
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .bottom-cta[_ngcontent-serverApp-c208] div[_ngcontent-serverApp-c208] {
                position: absolute
            }

            section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .mobile-ctas[_ngcontent-serverApp-c208] {
                display: none
            }

            @media (max-width: 1280px) {
                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .banner[_ngcontent-serverApp-c208] {
                    padding: 32px;
                    height: 240px
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] {
                    width: calc(50% - 25px)
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .title[_ngcontent-serverApp-c208] h1[_ngcontent-serverApp-c208] {
                    font-size: 21px;
                    font-width: 950
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .subtitle[_ngcontent-serverApp-c208] span[_ngcontent-serverApp-c208] {
                    font-size: 12px;
                    font-weight: 500
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .desktop-ctas[_ngcontent-serverApp-c208] {
                    display: none
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .artwork[_ngcontent-serverApp-c208] img[_ngcontent-serverApp-c208] {
                    max-width: 220px
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .mobile-ctas[_ngcontent-serverApp-c208] {
                    display: flex;
                    flex-direction: row;
                    width: 100%;
                    gap: 16px;
                    margin-top: 64px
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .mobile-ctas[_ngcontent-serverApp-c208] .first-cta-button[_ngcontent-serverApp-c208] {
                    width: calc((100% - 16px)/2)
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .mobile-ctas[_ngcontent-serverApp-c208] .second-cta-button[_ngcontent-serverApp-c208] {
                    flex-grow: 1
                }
            }

            @media (max-width: 744px) {
                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .banner[_ngcontent-serverApp-c208] {
                    height: auto;
                    aspect-ratio: 8/9;
                    background-image: none;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    flex-direction: column;
                    padding-bottom: 0
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] {
                    width: 100%;
                    height: auto
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .titles-container[_ngcontent-serverApp-c208] {
                    width: 100%
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .titles-container[_ngcontent-serverApp-c208] .title[_ngcontent-serverApp-c208] h1[_ngcontent-serverApp-c208] {
                    font-size: 17px;
                    text-align: center
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .titles-container[_ngcontent-serverApp-c208] .subtitle[_ngcontent-serverApp-c208] span[_ngcontent-serverApp-c208] {
                    font-size: 14px;
                    text-align: center
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .desktop-ctas[_ngcontent-serverApp-c208] {
                    grid-column: 1/2;
                    grid-row: 5/6
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .desktop-ctas[_ngcontent-serverApp-c208] .first-cta-button[_ngcontent-serverApp-c208] {
                    width: 100%
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .artwork[_ngcontent-serverApp-c208] {
                    width: 100%;
                    height: 100%
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .mobile-ctas[_ngcontent-serverApp-c208] {
                    margin-top: 32px
                }
            }

            *[_ngcontent-serverApp-c208] {
                font-family: IRANYekanX;
                letter-spacing: 0
            }

            h1[_ngcontent-serverApp-c208] {
                font-size: 34px;
                font-weight: 1000
            }

            h2[_ngcontent-serverApp-c208] {
                font-size: 25px;
                font-weight: 750
            }

            @media (max-width: 1280px) {
                h1[_ngcontent-serverApp-c208] {
                    font-size: 21px
                }

                h2[_ngcontent-serverApp-c208] {
                    font-size: 19px;
                    font-weight: 700
                }
            }

            @media (max-width: 744px) {

                h1[_ngcontent-serverApp-c208],
                h2[_ngcontent-serverApp-c208] {
                    font-size: 17px
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .title[_ngcontent-serverApp-c208] h1[_ngcontent-serverApp-c208] {
                    font-size: 21px
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .titles[_ngcontent-serverApp-c208] .subtitle[_ngcontent-serverApp-c208] {
                    justify-content: center
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .mobile-ctas[_ngcontent-serverApp-c208] .first-cta-button[_ngcontent-serverApp-c208] {
                    width: unset;
                    flex-grow: 1
                }

                section[_ngcontent-serverApp-c208] .container[_ngcontent-serverApp-c208] .mobile-ctas[_ngcontent-serverApp-c208] .second-cta-button[_ngcontent-serverApp-c208] {
                    width: unset;
                    flex-grow: 2
                }
            }

            .section-registering[_ngcontent-serverApp-c224] {
                background-color: #f0f5ff;
                width: 100%
            }

            .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] {
                height: 70px;
                border-radius: 16px;
                border: 2px solid #dee3e7;
                padding: 8px;
                background-color: #fff
            }

            .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] .switch {
                background-color: #fff
            }

            .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] .switch .switch-options {
                background-color: #fff
            }

            .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] .switch .switch-options .option {
                color: #8d99a8;
                font-size: 17px;
                font-weight: 700
            }

            .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] .switch .switch-options .option.selected {
                color: #0040ff;
                border-radius: 12px;
                font-weight: 700
            }

            .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] .switch .switch-options .selected-option-highlight {
                border: 2px solid;
                border-radius: 12px
            }

            .section-registering[_ngcontent-serverApp-c224] .register-benefits[_ngcontent-serverApp-c224] {
                width: 100%
            }

            .section-registering[_ngcontent-serverApp-c224] .online-register[_ngcontent-serverApp-c224] {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 100%
            }

            .section-registering[_ngcontent-serverApp-c224] .online-register[_ngcontent-serverApp-c224] .calculator[_ngcontent-serverApp-c224] {
                width: 100%
            }

            .section-registering[_ngcontent-serverApp-c224] .in-person-register[_ngcontent-serverApp-c224] {
                background: #ffffff;
                margin-top: 32px;
                width: 100%;
                display: flex;
                padding: 48px;
                flex-direction: column;
                align-items: center;
                gap: 32px;
                border-radius: 24px
            }

            .section-registering[_ngcontent-serverApp-c224] .in-person-register[_ngcontent-serverApp-c224] h2.title[_ngcontent-serverApp-c224] {
                font-size: 32px;
                font-weight: 1000;
                color: #424c5c
            }

            [_nghost-serverApp-c224],
            .accordions[_ngcontent-serverApp-c224] {
                width: 100%;
                margin-top: 64px
            }

            @media (max-width: 1280px) {
                .accordions[_ngcontent-serverApp-c224] {
                    margin-top: 32px
                }
            }

            @media (max-width: 744px) {
                .accordions[_ngcontent-serverApp-c224] {
                    margin-top: 16px
                }
            }

            @media (max-width: 1280px) {
                .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] {
                    height: 64px
                }

                .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] .switch .switch-options .option,
                .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] .switch .switch-options .option.selected {
                    font-size: 13px;
                    font-weight: 500
                }
            }

            @media (max-width: 744px) {
                .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] {
                    height: 53px;
                    padding: 4px 0;
                    border-radius: 10px
                }

                .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] .switch .switch-options .option,
                .section-registering[_ngcontent-serverApp-c224] .animated-switch[_ngcontent-serverApp-c224] .switch .switch-options .option.selected {
                    border-radius: 8px;
                    font-size: 14px
                }
            }

            [_nghost-serverApp-c187] {
                display: block
            }

            .switch[_ngcontent-serverApp-c187] {
                direction: rtl;
                position: relative;
                background: #f2f5f8;
                border-radius: 12px;
                color: #6e798d;
                padding: 0 2px;
                height: 100%
            }

            .switch[_ngcontent-serverApp-c187] .switch-options[_ngcontent-serverApp-c187] {
                display: flex;
                justify-content: stretch;
                height: 100%;
                position: relative
            }

            .switch[_ngcontent-serverApp-c187] .switch-options[_ngcontent-serverApp-c187] .option[_ngcontent-serverApp-c187] {
                font-size: 14px;
                cursor: pointer;
                flex-grow: 1;
                flex-shrink: 1;
                position: relative;
                text-align: center;
                z-index: 1;
                color: #424c5c;
                font-weight: 500
            }

            .switch[_ngcontent-serverApp-c187] .switch-options[_ngcontent-serverApp-c187] .option.selected[_ngcontent-serverApp-c187] {
                font-weight: 700;
                color: #0040ff
            }

            .switch[_ngcontent-serverApp-c187] .selected-option-highlight[_ngcontent-serverApp-c187] {
                position: absolute;
                height: 30px;
                background: #e0e0e0;
                border: 1px solid black;
                left: 0;
                border-radius: 12px;
                z-index: 0;
                transition: right .6s cubic-bezier(.02, .94, .09, .97), background .3s cubic-bezier(.17, .67, .14, 1.03);
                box-sizing: border-box
            }

            .switch[_ngcontent-serverApp-c187] .selected-option-highlight.hidden[_ngcontent-serverApp-c187] {
                visibility: hidden
            }

            .benefits[_ngcontent-serverApp-c214] {
                margin-top: 64px;
                width: 100%
            }

            .benefits[_ngcontent-serverApp-c214] .title[_ngcontent-serverApp-c214] {
                text-align: center;
                color: #424c5c;
                font-size: 27px;
                font-weight: 950
            }

            .benefits[_ngcontent-serverApp-c214] .benefits-list[_ngcontent-serverApp-c214] {
                margin-top: 32px;
                display: flex;
                flex-direction: row;
                gap: 24px
            }

            .benefits[_ngcontent-serverApp-c214] .benefits-list[_ngcontent-serverApp-c214] .benefit-item[_ngcontent-serverApp-c214] {
                width: 33%;
                border-radius: 16px;
                background: #fff;
                flex-grow: 1;
                height: 64px;
                padding: 8px;
                display: flex;
                flex-direction: row;
                gap: 12px;
                align-items: center;
                justify-content: flex-start
            }

            .benefits[_ngcontent-serverApp-c214] .benefits-list[_ngcontent-serverApp-c214] .benefit-item[_ngcontent-serverApp-c214] .icon[_ngcontent-serverApp-c214] {
                height: 48px;
                flex: 0 0 48px;
                border-radius: 12px;
                background-color: #fff5ee;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .benefits[_ngcontent-serverApp-c214] .benefits-list[_ngcontent-serverApp-c214] .benefit-item[_ngcontent-serverApp-c214] .benefit-title[_ngcontent-serverApp-c214] {
                color: #2c3544;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 0
            }

            @media (max-width: 1280px) {
                .benefits[_ngcontent-serverApp-c214] {
                    margin-top: 32px
                }

                .benefits[_ngcontent-serverApp-c214] .title[_ngcontent-serverApp-c214] {
                    font-size: 21px
                }

                .benefits[_ngcontent-serverApp-c214] .benefits-list[_ngcontent-serverApp-c214] {
                    gap: 8px;
                    margin-top: 10px
                }

                .benefits[_ngcontent-serverApp-c214] .benefits-list[_ngcontent-serverApp-c214] .benefit-item[_ngcontent-serverApp-c214] {
                    width: 100%
                }

                .benefits[_ngcontent-serverApp-c214] .benefits-list[_ngcontent-serverApp-c214] .benefit-item[_ngcontent-serverApp-c214] .benefit-title[_ngcontent-serverApp-c214] {
                    font-size: 12px
                }
            }

            @media (max-width: 744px) {
                .benefits[_ngcontent-serverApp-c214] {
                    margin-top: 32px
                }

                .benefits[_ngcontent-serverApp-c214] .title[_ngcontent-serverApp-c214] {
                    font-size: 17px
                }

                .benefits[_ngcontent-serverApp-c214] .benefits-list[_ngcontent-serverApp-c214] {
                    flex-direction: column
                }

                .benefits[_ngcontent-serverApp-c214] .benefits-list[_ngcontent-serverApp-c214] .benefit-item[_ngcontent-serverApp-c214] .benefit-title[_ngcontent-serverApp-c214] {
                    font-size: 14px
                }
            }

            .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] .title[_ngcontent-serverApp-c211] {
                font-size: 17px;
                font-weight: 800;
                color: #2c3544
            }

            .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] h3 {
                font-size: 17px;
                font-weight: 800;
                color: #2c3544
            }

            .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] .content[_ngcontent-serverApp-c211] {
                overflow: hidden;
                transition: max-height .3s ease-in
            }

            .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] .content[_ngcontent-serverApp-c211] h4[_ngcontent-serverApp-c211] {
                color: #2c3544
            }

            .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] .content[_ngcontent-serverApp-c211] p[_ngcontent-serverApp-c211] {
                text-align: justify;
                color: #6e798d;
                font-size: 13px;
                font-weight: 300
            }

            .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] .ctas[_ngcontent-serverApp-c211] {
                transform: translate(20px)
            }

            .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] .ctas[_ngcontent-serverApp-c211] .icon[_ngcontent-serverApp-c211] {
                transition: transform ease-in-out .2s
            }

            .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] .ctas[_ngcontent-serverApp-c211] .icon.rotate[_ngcontent-serverApp-c211] {
                transform: rotate(180deg)
            }

            @media (max-width: 1280px) {
                .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] .title[_ngcontent-serverApp-c211] {
                    font-size: 15px
                }

                .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] h3 {
                    font-size: 15px
                }
            }

            @media (max-width: 744px) {
                .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] .title[_ngcontent-serverApp-c211] {
                    font-size: 12px
                }

                .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] .content[_ngcontent-serverApp-c211] p[_ngcontent-serverApp-c211] {
                    font-size: 11px
                }

                .ui-seo[_ngcontent-serverApp-c211] .container[_ngcontent-serverApp-c211] h3 {
                    font-size: 12px
                }
            }

            *[_ngcontent-serverApp-c211] {
                font-family: IRANYekanX
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] {
                background: #f0f5ff;
                width: 100%
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] {
                height: 70px;
                border-radius: 16px;
                border: 2px solid #dee3e7;
                padding: 8px;
                background-color: #fff
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] .switch {
                background-color: #fff
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] .switch .switch-options {
                background-color: #fff
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] .switch .switch-options .option {
                color: #8d99a8;
                font-size: 20px;
                font-weight: 900
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] .switch .switch-options .option.selected {
                color: #0040ff
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] .switch .switch-options .selected-option-highlight {
                border-radius: 12px;
                border: 2px solid
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] h2[_ngcontent-serverApp-c191] {
                text-align: center;
                color: #424c5c
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] {
                height: 740px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding: 128px 64px;
                margin-top: 64px;
                border-radius: 24px;
                background: #FFF
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] .artwork[_ngcontent-serverApp-c191] {
                background: url(icon-no-plan.fc0358729a0ef031.svg) center center/cover no-repeat;
                width: 555px;
                height: 296px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] .artwork[_ngcontent-serverApp-c191] img[_ngcontent-serverApp-c191] {
                max-width: 100%
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] .no-plan-title[_ngcontent-serverApp-c191] {
                margin-top: 40px;
                color: #424c5c;
                font-size: 32px;
                font-weight: 900
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] .no-plan-subtitle[_ngcontent-serverApp-c191] {
                margin-top: 24px;
                color: #6e798d;
                font-size: 24px;
                font-weight: 400;
                text-align: center;
                max-width: 575px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] {
                margin-top: 64px;
                border-radius: 0px;
                background: #FFF;
                padding: 64px;
                display: flex;
                align-items: center;
                flex-direction: column;
                overflow: hidden
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans.with-plan-id[_ngcontent-serverApp-c191] {
                border-radius: unset;
                padding: unset
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .title[_ngcontent-serverApp-c191] {
                font-size: 27px;
                font-weight: 950;
                color: #424c5c
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-list[_ngcontent-serverApp-c191] {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding: 0 136px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-list[_ngcontent-serverApp-c191] .plans-types-amounts[_ngcontent-serverApp-c191] {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                position: relative
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .credit-plans-next[_ngcontent-serverApp-c191],
            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .credit-plans-prev[_ngcontent-serverApp-c191] {
                position: absolute;
                background-color: #f0f5ff;
                width: 60px;
                height: 60px;
                border-radius: 8px;
                border: 2px solid #0040ff;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 5;
                cursor: pointer
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .credit-plans-next.swiper-button-disabled[_ngcontent-serverApp-c191],
            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .credit-plans-prev.swiper-button-disabled[_ngcontent-serverApp-c191] {
                opacity: .3;
                cursor: unset
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .credit-plans-next[_ngcontent-serverApp-c191] {
                left: 16px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .credit-plans-prev[_ngcontent-serverApp-c191] {
                right: 16px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-swiper[_ngcontent-serverApp-c191] {
                margin: 24px 0;
                width: 790px;
                border-radius: 12px;
                border: 2px solid #dee3e7;
                padding: 24px 8px;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper-button-prev,
            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper-button-next {
                background-color: #f0f5ff;
                width: 60px;
                height: 60px;
                border-radius: 8px;
                border: 2px solid #0040ff;
                top: 40px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper-button-prev:after,
            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper-button-next:after {
                content: "";
                width: 48px;
                height: 48px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper-slide {
                opacity: .5;
                width: 240px;
                margin: auto;
                display: flex;
                justify-content: center
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper-slide .plan-amount {
                font-size: 26px;
                font-weight: 300;
                transition: font-size 10ms, font-weight 10ms;
                cursor: pointer
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper-slide .plan-amount span {
                margin-right: 8px;
                font-size: 12px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper-slide.swiper-slide-active {
                opacity: 1
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper-slide.swiper-slide-active .plan-amount {
                color: #2c3544;
                font-size: 28px;
                font-weight: 700
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper-slide.swiper-slide-active .plan-amount span {
                font-size: 24px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plan-payments[_ngcontent-serverApp-c191] {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                gap: 24px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plan-payments[_ngcontent-serverApp-c191] .payment-duration[_ngcontent-serverApp-c191] {
                font-size: 12px;
                font-weight: 500;
                padding: 8px 32px;
                border-radius: 8px;
                border: 2px solid #dee3e7;
                color: #dee3e7;
                cursor: pointer;
                transition-property: border-color, color;
                transition-duration: .2s;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plan-payments[_ngcontent-serverApp-c191] .payment-duration.active[_ngcontent-serverApp-c191] {
                color: #6e798d;
                border-color: #6e798d
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plan-payments[_ngcontent-serverApp-c191] .payment-duration.selected[_ngcontent-serverApp-c191] {
                color: #0040ff;
                background: #f0f5ff;
                border-color: #0040ff
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .delimiter[_ngcontent-serverApp-c191] {
                border-top: 4px solid #f2f5f8;
                width: 150%;
                height: 0;
                margin-top: 64px;
                margin-right: -26%;
                cursor: pointer
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .delimiter[_ngcontent-serverApp-c191]:after {
                position: relative;
                display: block;
                content: "";
                background-image: url(icon-scroll-to.79aac248237e7cea.svg);
                width: 210px;
                height: 40px;
                margin: -8px auto auto
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .detail-title[_ngcontent-serverApp-c191] {
                color: #2c3544;
                font-size: 20px;
                font-weight: 650;
                margin-top: 64px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-details[_ngcontent-serverApp-c191] {
                width: 100%
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-details[_ngcontent-serverApp-c191] .plan-details[_ngcontent-serverApp-c191] {
                min-height: 400px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 16px
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-details[_ngcontent-serverApp-c191] .plan-details.working-capital[_ngcontent-serverApp-c191] {
                min-height: unset
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-details[_ngcontent-serverApp-c191] .plan-details[_ngcontent-serverApp-c191] .fund-provider-groups[_ngcontent-serverApp-c191] {
                flex-grow: 1
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plan-detail[_ngcontent-serverApp-c191] {
                width: 100%
            }

            .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plan-detail[_ngcontent-serverApp-c191] .detail-title[_ngcontent-serverApp-c191] {
                margin-top: 64px;
                color: #2c3544;
                font-size: 24px;
                font-weight: 700
            }

            @media (max-width: 1280px) {
                .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] {
                    height: 64px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] .switch .switch-options .option,
                .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] .switch .switch-options .option.selected {
                    font-size: 13px;
                    font-weight: 900
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] {
                    height: 590px;
                    padding: 68px 24px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] .artwork[_ngcontent-serverApp-c191] {
                    width: 515px;
                    height: 294px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] .no-plan-title[_ngcontent-serverApp-c191] {
                    margin-top: 32px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] {
                    padding-right: 24px;
                    padding-left: 24px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .detail-title[_ngcontent-serverApp-c191] {
                    font-size: 16px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .title[_ngcontent-serverApp-c191] {
                    font-size: 21px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-list[_ngcontent-serverApp-c191] {
                    padding: 0
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .credit-plans-next[_ngcontent-serverApp-c191],
                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .credit-plans-prev[_ngcontent-serverApp-c191] {
                    width: 48px;
                    height: 48px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-swiper[_ngcontent-serverApp-c191] {
                    width: 600px;
                    padding: 16px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper .swiper-slide {
                    width: 220px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plan-payments[_ngcontent-serverApp-c191] {
                    gap: 10px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plan-payments[_ngcontent-serverApp-c191] .payment-duration[_ngcontent-serverApp-c191] {
                    padding: 10px 16px
                }
            }

            @media (max-width: 744px) {
                .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] {
                    height: 53px;
                    padding: 4px 0;
                    border-radius: 10px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] .switch .switch-options .option,
                .section-credit-calculator[_ngcontent-serverApp-c191] .animated-switch[_ngcontent-serverApp-c191] .switch .switch-options .option.selected {
                    border-radius: 8px;
                    font-size: 13px;
                    font-weight: 900
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] {
                    height: 350px;
                    border-radius: 20px;
                    padding: 32px 10px;
                    margin-top: 32px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] .artwork[_ngcontent-serverApp-c191] {
                    width: 270px;
                    height: 151px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] .no-plan-title[_ngcontent-serverApp-c191] {
                    font-size: 18px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .no-plan[_ngcontent-serverApp-c191] .no-plan-subtitle[_ngcontent-serverApp-c191] {
                    margin-top: 8px;
                    font-size: 16px;
                    max-width: 272px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] {
                    padding: 32px 8px 8px;
                    width: 100%;
                    margin-top: 32px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .title[_ngcontent-serverApp-c191] {
                    font-size: 20px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-swiper[_ngcontent-serverApp-c191] {
                    width: 100%;
                    padding: 16px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper .swiper-button-prev,
                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper .swiper-button-next {
                    width: 48px;
                    height: 48px;
                    top: 30px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper .swiper-slide {
                    width: 166px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper .swiper-slide .plan-amount {
                    font-size: 16px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper .swiper-slide .plan-amount span {
                    font-size: 8px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper .swiper-slide.swiper-slide-active .plan-amount {
                    font-size: 20px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .swiper .swiper-slide.swiper-slide-active .plan-amount span {
                    font-size: 13px;
                    margin-right: 5px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .detail-title[_ngcontent-serverApp-c191] {
                    font-size: 13px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plan-payments[_ngcontent-serverApp-c191] {
                    display: grid;
                    grid-template-columns: auto auto auto;
                    row-gap: 12px;
                    column-gap: 8px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plan-payments[_ngcontent-serverApp-c191] .payment-duration[_ngcontent-serverApp-c191] {
                    font-size: 10px;
                    font-weight: 450;
                    padding: 8px 16px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .delimiter[_ngcontent-serverApp-c191] {
                    margin-top: 32px
                }

                .section-credit-calculator[_ngcontent-serverApp-c191] .plans[_ngcontent-serverApp-c191] .plans-details[_ngcontent-serverApp-c191] .plan-details[_ngcontent-serverApp-c191] {
                    min-height: 365px
                }
            }

            *[_ngcontent-serverApp-c191] {
                font-family: IRANYekanX
            }

            .credit-page-loading[_ngcontent-serverApp-c190] {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                flex-grow: 1
            }

            credit-page-loading {
                flex-grow: 1;
                display: flex;
                flex-direction: column;
                justify-content: center
            }

            credit-page-loading:empty {
                display: none
            }

            .mat-progress-spinner {
                display: block;
                position: relative;
                overflow: hidden
            }

            .mat-progress-spinner svg {
                position: absolute;
                transform: rotate(-90deg);
                top: 0;
                left: 0;
                transform-origin: center;
                overflow: visible
            }

            .mat-progress-spinner circle {
                fill: rgba(0, 0, 0, 0);
                transition: stroke-dashoffset 225ms linear
            }

            .cdk-high-contrast-active .mat-progress-spinner circle {
                stroke: CanvasText
            }

            .mat-progress-spinner[mode=indeterminate] svg {
                animation: mat-progress-spinner-linear-rotate 2000ms linear infinite
            }

            .mat-progress-spinner[mode=indeterminate] circle {
                transition-property: stroke;
                animation-duration: 4000ms;
                animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
                animation-iteration-count: infinite
            }

            .mat-progress-spinner._mat-animation-noopable svg,
            .mat-progress-spinner._mat-animation-noopable circle {
                animation: none;
                transition: none
            }

            @keyframes mat-progress-spinner-linear-rotate {
                0% {
                    transform: rotate(0deg)
                }

                100% {
                    transform: rotate(360deg)
                }
            }

            @keyframes mat-progress-spinner-stroke-rotate-100 {
                0% {
                    stroke-dashoffset: 268.606171575px;
                    transform: rotate(0)
                }

                12.5% {
                    stroke-dashoffset: 56.5486677px;
                    transform: rotate(0)
                }

                12.5001% {
                    stroke-dashoffset: 56.5486677px;
                    transform: rotateX(180deg) rotate(72.5deg)
                }

                25% {
                    stroke-dashoffset: 268.606171575px;
                    transform: rotateX(180deg) rotate(72.5deg)
                }

                25.0001% {
                    stroke-dashoffset: 268.606171575px;
                    transform: rotate(270deg)
                }

                37.5% {
                    stroke-dashoffset: 56.5486677px;
                    transform: rotate(270deg)
                }

                37.5001% {
                    stroke-dashoffset: 56.5486677px;
                    transform: rotateX(180deg) rotate(161.5deg)
                }

                50% {
                    stroke-dashoffset: 268.606171575px;
                    transform: rotateX(180deg) rotate(161.5deg)
                }

                50.0001% {
                    stroke-dashoffset: 268.606171575px;
                    transform: rotate(180deg)
                }

                62.5% {
                    stroke-dashoffset: 56.5486677px;
                    transform: rotate(180deg)
                }

                62.5001% {
                    stroke-dashoffset: 56.5486677px;
                    transform: rotateX(180deg) rotate(251.5deg)
                }

                75% {
                    stroke-dashoffset: 268.606171575px;
                    transform: rotateX(180deg) rotate(251.5deg)
                }

                75.0001% {
                    stroke-dashoffset: 268.606171575px;
                    transform: rotate(90deg)
                }

                87.5% {
                    stroke-dashoffset: 56.5486677px;
                    transform: rotate(90deg)
                }

                87.5001% {
                    stroke-dashoffset: 56.5486677px;
                    transform: rotateX(180deg) rotate(341.5deg)
                }

                100% {
                    stroke-dashoffset: 268.606171575px;
                    transform: rotateX(180deg) rotate(341.5deg)
                }
            }

            @keyframes mat-progress-spinner-stroke-rotate-50 {
                0% {
                    stroke-dashoffset: 119.38052083641213;
                    transform: rotate(0);
                }

                12.5% {
                    stroke-dashoffset: 25.132741228718345;
                    transform: rotate(0);
                }

                12.5001% {
                    stroke-dashoffset: 25.132741228718345;
                    transform: rotateX(180deg) rotate(72.5deg);
                }

                25% {
                    stroke-dashoffset: 119.38052083641213;
                    transform: rotateX(180deg) rotate(72.5deg);
                }

                25.0001% {
                    stroke-dashoffset: 119.38052083641213;
                    transform: rotate(270deg);
                }

                37.5% {
                    stroke-dashoffset: 25.132741228718345;
                    transform: rotate(270deg);
                }

                37.5001% {
                    stroke-dashoffset: 25.132741228718345;
                    transform: rotateX(180deg) rotate(161.5deg);
                }

                50% {
                    stroke-dashoffset: 119.38052083641213;
                    transform: rotateX(180deg) rotate(161.5deg);
                }

                50.0001% {
                    stroke-dashoffset: 119.38052083641213;
                    transform: rotate(180deg);
                }

                62.5% {
                    stroke-dashoffset: 25.132741228718345;
                    transform: rotate(180deg);
                }

                62.5001% {
                    stroke-dashoffset: 25.132741228718345;
                    transform: rotateX(180deg) rotate(251.5deg);
                }

                75% {
                    stroke-dashoffset: 119.38052083641213;
                    transform: rotateX(180deg) rotate(251.5deg);
                }

                75.0001% {
                    stroke-dashoffset: 119.38052083641213;
                    transform: rotate(90deg);
                }

                87.5% {
                    stroke-dashoffset: 25.132741228718345;
                    transform: rotate(90deg);
                }

                87.5001% {
                    stroke-dashoffset: 25.132741228718345;
                    transform: rotateX(180deg) rotate(341.5deg);
                }

                100% {
                    stroke-dashoffset: 119.38052083641213;
                    transform: rotateX(180deg) rotate(341.5deg);
                }
            }

            swiper {
                display: block
            }

            .group-card-list[_ngcontent-serverApp-c189] .group-card-item[_ngcontent-serverApp-c189] {
                margin-bottom: 8px
            }

            .animated-switch[_ngcontent-serverApp-c188] {
                height: 70px;
                border-radius: 16px;
                border: 2px solid #dee3e7;
                padding: 8px;
                background-color: #fff
            }

            .animated-switch[_ngcontent-serverApp-c188] .switch {
                background-color: #fff
            }

            .animated-switch[_ngcontent-serverApp-c188] .switch .switch-options {
                background-color: #fff
            }

            .animated-switch[_ngcontent-serverApp-c188] .switch .switch-options .option {
                color: #8d99a8;
                font-size: 20px;
                font-weight: 700
            }

            .animated-switch[_ngcontent-serverApp-c188] .switch .switch-options .option.selected {
                color: #0040ff;
                border-radius: 12px;
                font-weight: 700
            }

            .animated-switch[_ngcontent-serverApp-c188] .switch .switch-options .selected-option-highlight {
                border: 2px solid;
                border-radius: 12px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] {
                background-color: #fff;
                padding: 32px;
                direction: rtl;
                line-height: 1.7;
                border-radius: 16px;
                border: 4px solid #F2F5F8
            }

            .credit-fp-groups-card.working-capital[_ngcontent-serverApp-c188] {
                border: unset;
                padding: unset
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .group-data-row[_ngcontent-serverApp-c188] {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 8px;
                padding: 0
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .group-data-row[_ngcontent-serverApp-c188] li[_ngcontent-serverApp-c188]::marker {
                padding-left: 5px !important
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .group-data-row.has-border[_ngcontent-serverApp-c188] {
                margin-bottom: 18px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .group-data-row.small-padding[_ngcontent-serverApp-c188] {
                padding: 8px 20px 0
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .group-data-row.small-padding.has-border[_ngcontent-serverApp-c188] {
                padding-bottom: 8px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .description-icon[_ngcontent-serverApp-c188] {
                margin-left: 4px;
                display: inline-block;
                width: 20px;
                height: 20px;
                background-size: 100% 100%;
                vertical-align: top
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .group-more-details[_ngcontent-serverApp-c188] {
                border-bottom: 1px solid #f2f5f8;
                padding: 8px 12px 8px 24px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .group-more-details[_ngcontent-serverApp-c188] .small-details-row[_ngcontent-serverApp-c188] {
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px solid #fff;
                padding: 16px 0
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .group-more-details[_ngcontent-serverApp-c188] .small-details-row[_ngcontent-serverApp-c188]:last-child {
                padding-bottom: 4px;
                border-bottom: 0
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .footer-row[_ngcontent-serverApp-c188] {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 24px 16px;
                background-color: #fff;
                border-radius: 0 0 12px 12px;
                border-top: 2px solid #dee3e7
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .fp-title[_ngcontent-serverApp-c188] {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: 8px;
                color: #0040ff;
                font-size: 16px;
                font-weight: 700;
                cursor: pointer;
                line-height: 28px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .fp-title[_ngcontent-serverApp-c188] .icon-wrapper[_ngcontent-serverApp-c188] {
                background-color: #0040ff;
                border-radius: 4px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .fp-title[_ngcontent-serverApp-c188] .fund-provider-name[_ngcontent-serverApp-c188] {
                font-weight: 450;
                font-size: 16px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .interest-badge[_ngcontent-serverApp-c188] {
                padding: 12px 16px;
                color: #f24024;
                font-size: 14px;
                font-weight: 450;
                border-radius: 12px;
                background: #fff5ee;
                line-height: 26px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .subscription-badge[_ngcontent-serverApp-c188] {
                padding: 4px 12px 4px 16px;
                font-size: 16px;
                font-weight: 450;
                border-radius: 24px;
                line-height: 32px;
                border: 1px solid #b4c7ff;
                background: linear-gradient(180deg, #f0f5ff, transparent);
                cursor: pointer
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .subscription-badge[_ngcontent-serverApp-c188] .icon[_ngcontent-serverApp-c188] {
                padding-left: 8px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .credit-amounts[_ngcontent-serverApp-c188] {
                border: 2px solid #dee3e7;
                background: #f0f5ff;
                border-radius: 12px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .credit-amount[_ngcontent-serverApp-c188] {
                display: flex;
                align-items: center;
                margin-bottom: 24px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .credit-amount[_ngcontent-serverApp-c188] .title[_ngcontent-serverApp-c188] {
                font-size: 18px;
                color: #424c5c;
                font-weight: 600
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .credit-amount[_ngcontent-serverApp-c188] .value[_ngcontent-serverApp-c188] {
                margin-right: auto;
                margin-left: 24px;
                font-size: 18px;
                font-weight: 800;
                color: #424c5c
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .amount-title[_ngcontent-serverApp-c188] {
                font-weight: 400;
                list-style: disc;
                color: #424c5c;
                font-size: 13px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .amount-value[_ngcontent-serverApp-c188] {
                color: #2c3544;
                font-size: 16px;
                font-weight: 500
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .small-detail-title[_ngcontent-serverApp-c188] {
                color: #424c5c;
                font-size: 16px;
                font-weight: 200;
                padding-right: 8px
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .small-detail-title.clickable[_ngcontent-serverApp-c188] {
                cursor: pointer;
                color: #0040ff;
                text-decoration: underline
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .small-detail-value[_ngcontent-serverApp-c188] {
                color: #2c3544;
                font-size: 16px;
                font-weight: 450
            }

            .credit-fp-groups-card[_ngcontent-serverApp-c188] .groups-collateral[_ngcontent-serverApp-c188] {
                color: #2c3544;
                background-size: 14px 11px;
                font-size: 16px;
                font-weight: 450
            }

            @media (max-width: 1280px) {
                .animated-switch[_ngcontent-serverApp-c188] {
                    height: 64px
                }

                .animated-switch[_ngcontent-serverApp-c188] .switch .switch-options .option,
                .animated-switch[_ngcontent-serverApp-c188] .switch .switch-options .option.selected {
                    font-size: 20px
                }

                .footer-row[_ngcontent-serverApp-c188] .groups-collateral[_ngcontent-serverApp-c188] {
                    padding-right: 0;
                    font-size: 13px;
                    font-weight: 500
                }
            }

            @media (max-width: 744px) {
                .animated-switch[_ngcontent-serverApp-c188] {
                    height: 53px;
                    padding: 4px 0;
                    border-radius: 10px
                }

                .animated-switch[_ngcontent-serverApp-c188] .switch .switch-options .option,
                .animated-switch[_ngcontent-serverApp-c188] .switch .switch-options .option.selected {
                    border-radius: 8px;
                    font-size: 14px
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] {
                    padding: 12px 8px
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] .amount-value[_ngcontent-serverApp-c188] {
                    font-size: 13px
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] .amount-title[_ngcontent-serverApp-c188],
                .credit-fp-groups-card[_ngcontent-serverApp-c188] .small-detail-title[_ngcontent-serverApp-c188],
                .credit-fp-groups-card[_ngcontent-serverApp-c188] .small-detail-value[_ngcontent-serverApp-c188] {
                    font-size: 11px
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] .fp-title[_ngcontent-serverApp-c188] {
                    font-size: 14px
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] .fp-title[_ngcontent-serverApp-c188] .fund-provider-name[_ngcontent-serverApp-c188] {
                    font-size: 16px
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] .interest-badge[_ngcontent-serverApp-c188] {
                    padding: 8px 16px;
                    font-size: 14px
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] .group-data-row.small-padding[_ngcontent-serverApp-c188] {
                    padding: 12px 8px 0
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] .group-more-details[_ngcontent-serverApp-c188] {
                    padding: 0 8px 8px
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] .footer-row[_ngcontent-serverApp-c188] {
                    flex-direction: column;
                    align-items: flex-start;
                    padding-top: 24px;
                    padding-bottom: 8px
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] .footer-row[_ngcontent-serverApp-c188] .groups-collateral[_ngcontent-serverApp-c188] {
                    padding-right: 0;
                    margin-bottom: 8px;
                    font-size: 14px
                }

                .credit-fp-groups-card[_ngcontent-serverApp-c188] .footer-row[_ngcontent-serverApp-c188] .cta[_ngcontent-serverApp-c188] {
                    display: contents
                }
            }

            *[_ngcontent-serverApp-c188] {
                font-family: IRANYekanX
            }

            img[_ngcontent-serverApp-c112] {
                display: block
            }

            h2[_ngcontent-serverApp-c212] {
                margin-bottom: 32px
            }

            @media (max-width: 1280px) {
                h2[_ngcontent-serverApp-c212] {
                    margin-bottom: 24px
                }
            }

            @media (max-width: 744px) {
                h2[_ngcontent-serverApp-c212] {
                    margin-bottom: 16px
                }
            }

            *[_ngcontent-serverApp-c212] {
                font-family: IRANYekanX;
                letter-spacing: 0
            }

            h2[_ngcontent-serverApp-c212] {
                font-size: 25px;
                font-weight: 750
            }

            @media (max-width: 1280px) {
                h2[_ngcontent-serverApp-c212] {
                    font-size: 19px;
                    font-weight: 700
                }
            }

            @media (max-width: 744px) {
                h2[_ngcontent-serverApp-c212] {
                    font-size: 17px
                }
            }

            #overlay[_ngcontent-serverApp-c212] {
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                background-color: gray;
                opacity: .5;
                z-index: 10;
                display: none
            }

            .faq_item.active[_ngcontent-serverApp-c212] {
                z-index: 11;
                position: relative
            }

            .faq_item.active[_ngcontent-serverApp-c212] .faq_question[_ngcontent-serverApp-c212],
            .faq_item.active[_ngcontent-serverApp-c212] .faq_answer[_ngcontent-serverApp-c212] {
                background: #f6f8ff
            }

            section.faq[_ngcontent-serverApp-c212] {
                background-color: #fff
            }

            ul.faq_items[_ngcontent-serverApp-c212] {
                overflow: hidden;
                width: 100%;
                gap: 16px
            }

            li.faq_item[_ngcontent-serverApp-c212] {
                border-radius: 1.5rem;
                background-color: #f2f5f8
            }

            li.faq_item[_ngcontent-serverApp-c212]>div[_ngcontent-serverApp-c212] {
                display: block;
                color: #2c3544;
                padding: 0 32px;
                width: 100%
            }

            li.faq_item[_ngcontent-serverApp-c212]>div[_ngcontent-serverApp-c212]>span[_ngcontent-serverApp-c212] {
                display: block;
                padding: 32px 0 32px 32px;
                width: 100%;
                line-height: 1.5
            }

            li.faq_item[_ngcontent-serverApp-c212]:last-of-type {
                border-bottom: none
            }

            li.faq_item[_ngcontent-serverApp-c212]>div.faq_question[_ngcontent-serverApp-c212] {
                display: flex;
                align-items: center;
                color: #424c5c;
                cursor: pointer
            }

            li.faq_item[_ngcontent-serverApp-c212]>div.faq_question[_ngcontent-serverApp-c212] span[_ngcontent-serverApp-c212] {
                font-weight: 400;
                font-size: 16px
            }

            li.faq_item[_ngcontent-serverApp-c212]>div.faq_answer[_ngcontent-serverApp-c212] {
                font-weight: 400;
                font-size: 16px;
                padding: 0 64px 32px;
                line-height: 1.5;
                list-style: disc;
                color: #6e798d;
                margin-inline-start: auto
            }

            li.faq_item[_ngcontent-serverApp-c212]>div.faq_answer[_ngcontent-serverApp-c212] p {
                text-align: justify
            }

            li.faq_item[_ngcontent-serverApp-c212]>div.faq_answer[_ngcontent-serverApp-c212] a {
                color: #0040ff
            }

            .collapsible-sign[_ngcontent-serverApp-c212] {
                position: relative;
                display: inline-block;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background-color: #424c5c;
                padding: 4px
            }

            .collapsible-sign[_ngcontent-serverApp-c212]:before,
            .collapsible-sign[_ngcontent-serverApp-c212]:after {
                content: "";
                position: absolute;
                top: 2px;
                background-color: #fff;
                transition: transform .25s ease-out
            }

            .collapsible-sign[_ngcontent-serverApp-c212]:before {
                top: 4px;
                left: 53%;
                width: 2px;
                height: 12px;
                margin-left: -1px
            }

            .collapsible-sign[_ngcontent-serverApp-c212]:after {
                top: calc(50% - 1px);
                left: 0;
                width: 12px;
                height: 2px;
                margin-left: 4px
            }

            .collapsible-sign.open[_ngcontent-serverApp-c212] {
                cursor: pointer
            }

            .collapsible-sign.open[_ngcontent-serverApp-c212]:before {
                transform: rotate(90deg)
            }

            .collapsible-sign.open[_ngcontent-serverApp-c212]:after {
                transform: rotate(180deg)
            }

            .collapsible-sign.plus-close.open[_ngcontent-serverApp-c212]:before,
            .collapsible-sign.plus-close.open[_ngcontent-serverApp-c212]:after {
                transition: transform .6s ease-in-out;
                transform: rotate(-135deg)
            }

            @media (max-width: 1280px) {
                li.faq_item[_ngcontent-serverApp-c212]>div.faq_question[_ngcontent-serverApp-c212] {
                    font-size: 13px;
                    font-weight: 600
                }

                li.faq_item[_ngcontent-serverApp-c212]>div.faq[_ngcontent-serverApp-c212] _answer[_ngcontent-serverApp-c212] {
                    font-size: 13px;
                    font-weight: 300
                }
            }

            @media (max-width: 744px) {
                li.faq_item[_ngcontent-serverApp-c212]>div.faq_question[_ngcontent-serverApp-c212] {
                    font-size: 14px;
                    font-weight: 500
                }

                li.faq_item[_ngcontent-serverApp-c212]>div.faq_answer[_ngcontent-serverApp-c212] {
                    font-size: 14px;
                    font-weight: 300
                }
            }

            .credit-stores[_ngcontent-serverApp-c210] {
                background-color: #fff;
                overflow: hidden
            }

            .credit-stores[_ngcontent-serverApp-c210] .title[_ngcontent-serverApp-c210] {
                text-align: center
            }

            .credit-stores[_ngcontent-serverApp-c210] .container[_ngcontent-serverApp-c210] {
                display: flex;
                flex-direction: column;
                justify-content: center
            }

            .credit-stores[_ngcontent-serverApp-c210] .swiper {
                padding: 6px;
                overflow: visible
            }

            .credit-stores[_ngcontent-serverApp-c210] .swiper .swiper-slide {
                width: auto;
                transition: opacity 1s
            }

            .credit-stores[_ngcontent-serverApp-c210] .swiper .swiper-slide:not(.swiper-slide-visible) {
                opacity: .4
            }

            .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] {
                margin-top: 32px;
                position: relative
            }

            .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .credit-stores-next[_ngcontent-serverApp-c210],
            .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .credit-stores-prev[_ngcontent-serverApp-c210] {
                width: 35px;
                height: 35px;
                border-radius: 50%;
                background-color: #fff;
                box-shadow: 0 4px 16px #0000001a;
                position: absolute;
                z-index: 2;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                top: 40%
            }

            .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .credit-stores-next[_ngcontent-serverApp-c210]:after,
            .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .credit-stores-prev[_ngcontent-serverApp-c210]:after {
                display: none
            }

            .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .credit-stores-next.swiper-button-disabled[_ngcontent-serverApp-c210],
            .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .credit-stores-prev.swiper-button-disabled[_ngcontent-serverApp-c210] {
                display: none
            }

            .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .credit-stores-next[_ngcontent-serverApp-c210] {
                left: 0
            }

            .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .credit-stores-prev[_ngcontent-serverApp-c210] {
                right: 0
            }

            .credit-stores[_ngcontent-serverApp-c210] .bottom-btn[_ngcontent-serverApp-c210] {
                margin-top: 32px
            }

            @media (max-width: 1280px) {
                .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] {
                    flex-direction: column
                }

                .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .credit-stores-next[_ngcontent-serverApp-c210],
                .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .credit-stores-prev[_ngcontent-serverApp-c210] {
                    display: none
                }
            }

            @media (max-width: 744px) {
                .credit-stores[_ngcontent-serverApp-c210] .stores[_ngcontent-serverApp-c210] .merchant-card-wrapper[_ngcontent-serverApp-c210] {
                    min-width: 286px
                }
            }

            *[_ngcontent-serverApp-c210] {
                font-family: IRANYekanX
            }

            h2[_ngcontent-serverApp-c210] {
                font-size: 25px;
                font-weight: 750
            }

            @media (max-width: 1280px) {
                h2[_ngcontent-serverApp-c210] {
                    font-size: 19px
                }
            }

            @media (max-width: 1280px) {
                h2[_ngcontent-serverApp-c210] {
                    font-size: 17px
                }
            }

            .merchant-card[_ngcontent-serverApp-c209] {
                background-color: #fff;
                width: 384px;
                padding: 32px;
                border-radius: 16px;
                box-shadow: 0 1.5px 6px #0000001a;
                display: flex;
                flex-direction: column;
                align-items: center
            }

            .merchant-card[_ngcontent-serverApp-c209] .store-preview[_ngcontent-serverApp-c209] {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center
            }

            .merchant-card[_ngcontent-serverApp-c209] .store-preview[_ngcontent-serverApp-c209] .store-icon[_ngcontent-serverApp-c209] {
                width: 36px;
                height: 36px
            }

            .merchant-card[_ngcontent-serverApp-c209] .store-preview[_ngcontent-serverApp-c209] .store-name[_ngcontent-serverApp-c209] {
                margin-top: 16px;
                color: #061962;
                font-size: 14px;
                font-weight: 700
            }

            .merchant-card[_ngcontent-serverApp-c209] .store-description[_ngcontent-serverApp-c209] {
                color: #6e798d;
                font-size: 12px;
                font-weight: 250;
                margin-top: 4px
            }

            .merchant-card[_ngcontent-serverApp-c209] .services[_ngcontent-serverApp-c209] {
                margin-top: 16px;
                display: flex;
                flex-direction: row;
                gap: 6px
            }

            .merchant-card[_ngcontent-serverApp-c209] .services[_ngcontent-serverApp-c209] .service[_ngcontent-serverApp-c209] {
                width: 40px;
                height: 40px;
                border-radius: 8px;
                padding: 8px
            }

            .merchant-card[_ngcontent-serverApp-c209] .services[_ngcontent-serverApp-c209] .service[_ngcontent-serverApp-c209] img[_ngcontent-serverApp-c209] {
                width: 24px;
                height: 24px
            }

            .merchant-card[_ngcontent-serverApp-c209] .providers[_ngcontent-serverApp-c209] {
                display: flex;
                flex-direction: column;
                width: 100%;
                margin-top: 16px;
                padding-top: 16px;
                border-top: 1px solid #f2f5f8
            }

            .merchant-card[_ngcontent-serverApp-c209] .providers[_ngcontent-serverApp-c209] .title[_ngcontent-serverApp-c209] {
                color: #6e798d;
                font-size: 10px;
                font-weight: 250;
                align-self: flex-start
            }

            .merchant-card[_ngcontent-serverApp-c209] .providers[_ngcontent-serverApp-c209] .items[_ngcontent-serverApp-c209] {
                margin-top: 6px;
                align-self: flex-end;
                display: flex;
                flex-direction: row;
                gap: 6px
            }

            .merchant-card[_ngcontent-serverApp-c209] .providers[_ngcontent-serverApp-c209] .items[_ngcontent-serverApp-c209] .provider[_ngcontent-serverApp-c209] {
                border-radius: 17px;
                background: #f0f5ff;
                padding: 7px 8px;
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 4px
            }

            .merchant-card[_ngcontent-serverApp-c209] .providers[_ngcontent-serverApp-c209] .items[_ngcontent-serverApp-c209] .provider[_ngcontent-serverApp-c209] .name[_ngcontent-serverApp-c209] {
                color: #0040ff;
                font-size: 11px;
                font-weight: 600
            }

            .merchant-card[_ngcontent-serverApp-c209] .cta[_ngcontent-serverApp-c209] {
                width: 100%;
                margin-top: 16px;
                padding-top: 16px;
                border-top: 1px solid #f2f5f8;
                display: flex;
                align-items: center;
                justify-content: center
            }

            @media (max-width: 1280px) {
                .merchant-card[_ngcontent-serverApp-c209] {
                    width: 100%;
                    position: relative;
                    align-items: flex-start;
                    padding: 24px
                }

                .merchant-card[_ngcontent-serverApp-c209] .services[_ngcontent-serverApp-c209] {
                    display: none
                }

                .merchant-card[_ngcontent-serverApp-c209] .store-preview[_ngcontent-serverApp-c209] {
                    flex-direction: row;
                    justify-content: flex-start
                }

                .merchant-card[_ngcontent-serverApp-c209] .store-preview[_ngcontent-serverApp-c209] .store-icon[_ngcontent-serverApp-c209] {
                    width: 21px;
                    height: 21px
                }

                .merchant-card[_ngcontent-serverApp-c209] .store-preview[_ngcontent-serverApp-c209] .store-name[_ngcontent-serverApp-c209] {
                    margin-top: auto;
                    margin-right: 10px
                }

                .merchant-card[_ngcontent-serverApp-c209] .store-description[_ngcontent-serverApp-c209] {
                    font-size: 15px
                }

                .merchant-card[_ngcontent-serverApp-c209] .cta[_ngcontent-serverApp-c209] {
                    position: absolute;
                    top: 12px;
                    left: 8px;
                    padding-top: 0;
                    margin-top: 0;
                    width: fit-content;
                    border: none
                }

                .merchant-card[_ngcontent-serverApp-c209] .cta[_ngcontent-serverApp-c209] .button {
                    justify-content: flex-end
                }

                .merchant-card[_ngcontent-serverApp-c209] .cta[_ngcontent-serverApp-c209] .cta-text[_ngcontent-serverApp-c209] {
                    display: none
                }

                .merchant-card[_ngcontent-serverApp-c209] .providers[_ngcontent-serverApp-c209] .items[_ngcontent-serverApp-c209] .provider[_ngcontent-serverApp-c209] .name[_ngcontent-serverApp-c209] {
                    font-size: 10px
                }
            }

            @media (max-width: 744px) {
                .merchant-card[_ngcontent-serverApp-c209] .store-preview[_ngcontent-serverApp-c209] .store-name[_ngcontent-serverApp-c209] {
                    font-size: 12px;
                    font-weight: 700
                }

                .merchant-card[_ngcontent-serverApp-c209] .store-description[_ngcontent-serverApp-c209] {
                    font-size: 10px
                }
            }

            #goftino_w {
                position: fixed;
                z-index: 2000000002;
                bottom: -300px;
                right: 20px;
                width: 80px;
                height: 80px;
                border: 0;
                color-scheme: none;
            }

            .goftino-wakeup {
                position: relative;
                animation: goftinoWakeup 0.4s ease 0s 1 normal both
            }

            @keyframes goftinoWakeup {
                0% {
                    transform: translateY(300px)
                }

                100% {
                    transform: translateY(0)
                }
            }

            #goftino_image_fullscreen {
                background: rgba(0, 0, 0, 0.8);
                width: 100%;
                height: 100%;
                z-index: 2000000004;
                position: fixed;
                top: 0;
                right: 0;
                text-align: center
            }

            #goftino_loading_img {
                background: white;
                width: 40px;
                height: 40px;
                z-index: 10;
                border-radius: 30px;
                position: absolute;
                top: calc(50% - 20px);
                right: calc(50% - 20px);
                padding: 5px
            }

            #goftino_image_fullscreen img {
                margin: auto 0;
                max-width: 90%;
                max-height: 90%;
                display: inline-block;
                vertical-align: middle;
                animation-name: zoomInGoftino;
                animation-duration: 0.4s;
                animation-fill-mode: both
            }

            #goftino_image_fullscreen:before {
                content: '';
                display: inline-block;
                height: 100%;
                vertical-align: middle
            }

            #goftino_close_screen,
            #goftino_dl_image {
                cursor: pointer;
                background: rgba(0, 0, 0, 0.8);
                color: white;
                width: 45px;
                height: 45px;
                text-align: center;
                position: absolute;
                z-index: 10;
                top: 30px;
                border-radius: 30px
            }

            @-webkit-keyframes zoomInGoftino {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }

                50% {
                    opacity: 1
                }
            }

            @keyframes zoomInGoftino {
                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }

                50% {
                    opacity: 1
                }
            }

            #goftino_loading_img div {
                border: 5px solid #f3f3f3;
                border-top: 5px solid #00bcd4;
                border-radius: 50%;
                width: 30px;
                height: 30px;
                animation: spinGoftino 1s linear infinite
            }

            @keyframes spinGoftino {
                0% {
                    transform: rotate(0deg)
                }

                100% {
                    transform: rotate(360deg)
                }
            }

            @-webkit-keyframes spinGoftino {
                0% {
                    transform: rotate(0deg)
                }

                100% {
                    transform: rotate(360deg)
                }
            }

            .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 .mat-h1,
            .mat-typography .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 .mat-h2,
            .mat-typography .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 .mat-h3,
            .mat-typography .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 .mat-h4,
            .mat-typography .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 .mat-h5,
            .mat-typography h5 {
                font: 400 11.62px/20px Roboto, Helvetica Neue, sans-serif;
                margin: 0 0 12px
            }

            .mat-h6,
            .mat-typography .mat-h6,
            .mat-typography h6 {
                font: 400 9.38px/20px Roboto, Helvetica Neue, sans-serif;
                margin: 0 0 12px
            }

            .mat-body-strong,
            .mat-body-2,
            .mat-typography .mat-body-strong,
            .mat-typography .mat-body-2 {
                font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
                letter-spacing: normal
            }

            .mat-body,
            .mat-body-1,
            .mat-typography .mat-body,
            .mat-typography .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 .mat-body p,
            .mat-typography .mat-body-1 p,
            .mat-typography p {
                margin: 0 0 12px
            }

            .mat-small,
            .mat-caption,
            .mat-typography .mat-small,
            .mat-typography .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: -.05em;
                margin: 0 0 56px
            }

            .mat-display-3,
            .mat-typography .mat-display-3 {
                font: 400 56px/56px Roboto, Helvetica Neue, sans-serif;
                letter-spacing: -.02em;
                margin: 0 0 64px
            }

            .mat-display-2,
            .mat-typography .mat-display-2 {
                font: 400 45px/48px Roboto, Helvetica Neue, sans-serif;
                letter-spacing: -.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,
            .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 rgba(0, 0, 0, 0)
            }

            .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(.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(.75);
                width: 133.3333433333%
            }

            .mat-form-field-label-wrapper {
                top: -.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(.75) perspective(100px) translateZ(.001px);
                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(.75) perspective(100px) translateZ(.00101px);
                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(.75) perspective(100px) translateZ(.00102px);
                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(.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(.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(.75)
                }
            }

            .mat-form-field-appearance-fill .mat-form-field-infix {
                padding: .25em 0 .75em
            }

            .mat-form-field-appearance-fill .mat-form-field-label {
                top: 1.09375em;
                margin-top: -.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(-.59375em) scale(.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(-.59374em) scale(.75);
                width: 133.3333433333%
            }

            .mat-form-field-appearance-outline .mat-form-field-infix {
                padding: 1em 0
            }

            .mat-form-field-appearance-outline .mat-form-field-label {
                top: 1.84375em;
                margin-top: -.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(.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(.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: -.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,
            .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: 400
            }

            .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,
            .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-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-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-action {
                line-height: 1;
                font-family: inherit;
                font-size: inherit;
                font-weight: 500
            }


            .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, .2, 1);
                transform: scale3d(0, 0, 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;
                left: 0
            }

            [dir=rtl] .cdk-visually-hidden {
                left: auto;
                right: 0
            }

            .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;
                inset: 0;
                z-index: 1000;
                pointer-events: auto;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                transition: opacity .4s cubic-bezier(.25, .8, .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 {
                transition: visibility 1ms linear, opacity 1ms linear;
                visibility: hidden;
                opacity: 1
            }

            .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
                opacity: 0;
                visibility: visible
            }

            .cdk-overlay-backdrop-noop-animation {
                transition: none
            }

            .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
            }

            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
            }

            @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
            }

            .mat-focus-indicator {
                position: relative
            }

            .mat-focus-indicator:before {
                inset: 0;
                position: absolute;
                box-sizing: border-box;
                pointer-events: none;
                display: var(--mat-focus-indicator-display, none);
                border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
                border-radius: var(--mat-focus-indicator-border-radius, 4px)
            }

            .mat-focus-indicator:focus:before {
                content: ""
            }

            .cdk-high-contrast-active {
                --mat-focus-indicator-display: block
            }

            .mat-mdc-focus-indicator {
                position: relative
            }

            .mat-mdc-focus-indicator:before {
                inset: 0;
                position: absolute;
                box-sizing: border-box;
                pointer-events: none;
                display: var(--mat-mdc-focus-indicator-display, none);
                border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
                border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
            }

            .mat-mdc-focus-indicator:focus:before {
                content: ""
            }

            .cdk-high-contrast-active {
                --mat-mdc-focus-indicator-display: block
            }

            .mat-ripple-element {
                background-color: #0000001a
            }

            .mat-option {
                color: #000000de
            }

            .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: #000000de
            }

            .mat-option.mat-option-disabled {
                color: #00000061
            }

            .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: #0000008a
            }

            .mat-optgroup-disabled .mat-optgroup-label {
                color: #00000061
            }

            .mat-pseudo-checkbox {
                color: #0000008a
            }

            .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: #000000de
            }

            .mat-elevation-z0 {
                box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
            }

            .mat-elevation-z1 {
                box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f
            }

            .mat-elevation-z2 {
                box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
            }

            .mat-elevation-z3 {
                box-shadow: 0 3px 3px -2px #0003, 0 3px 4px #00000024, 0 1px 8px #0000001f
            }

            .mat-elevation-z4 {
                box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
            }

            .mat-elevation-z5 {
                box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f
            }

            .mat-elevation-z6 {
                box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
            }

            .mat-elevation-z7 {
                box-shadow: 0 4px 5px -2px #0003, 0 7px 10px 1px #00000024, 0 2px 16px 1px #0000001f
            }

            .mat-elevation-z8 {
                box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
            }

            .mat-elevation-z9 {
                box-shadow: 0 5px 6px -3px #0003, 0 9px 12px 1px #00000024, 0 3px 16px 2px #0000001f
            }

            .mat-elevation-z10 {
                box-shadow: 0 6px 6px -3px #0003, 0 10px 14px 1px #00000024, 0 4px 18px 3px #0000001f
            }

            .mat-elevation-z11 {
                box-shadow: 0 6px 7px -4px #0003, 0 11px 15px 1px #00000024, 0 4px 20px 3px #0000001f
            }

            .mat-elevation-z12 {
                box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024, 0 5px 22px 4px #0000001f
            }

            .mat-elevation-z13 {
                box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024, 0 5px 24px 4px #0000001f
            }

            .mat-elevation-z14 {
                box-shadow: 0 7px 9px -4px #0003, 0 14px 21px 2px #00000024, 0 5px 26px 4px #0000001f
            }

            .mat-elevation-z15 {
                box-shadow: 0 8px 9px -5px #0003, 0 15px 22px 2px #00000024, 0 6px 28px 5px #0000001f
            }

            .mat-elevation-z16 {
                box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f
            }

            .mat-elevation-z17 {
                box-shadow: 0 8px 11px -5px #0003, 0 17px 26px 2px #00000024, 0 6px 32px 5px #0000001f
            }

            .mat-elevation-z18 {
                box-shadow: 0 9px 11px -5px #0003, 0 18px 28px 2px #00000024, 0 7px 34px 6px #0000001f
            }

            .mat-elevation-z19 {
                box-shadow: 0 9px 12px -6px #0003, 0 19px 29px 2px #00000024, 0 7px 36px 6px #0000001f
            }

            .mat-elevation-z20 {
                box-shadow: 0 10px 13px -6px #0003, 0 20px 31px 3px #00000024, 0 8px 38px 7px #0000001f
            }

            .mat-elevation-z21 {
                box-shadow: 0 10px 13px -6px #0003, 0 21px 33px 3px #00000024, 0 8px 40px 7px #0000001f
            }

            .mat-elevation-z22 {
                box-shadow: 0 10px 14px -6px #0003, 0 22px 35px 3px #00000024, 0 8px 42px 7px #0000001f
            }

            .mat-elevation-z23 {
                box-shadow: 0 11px 14px -7px #0003, 0 23px 36px 3px #00000024, 0 9px 44px 8px #0000001f
            }

            .mat-elevation-z24 {
                box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f
            }

            .mat-theme-loaded-marker {
                display: none
            }

            .mat-autocomplete-panel {
                background: #fff;
                color: #000000de
            }

            .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
                box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
            }

            .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: #000000de
            }

            .mat-badge {
                position: relative
            }

            .mat-badge.mat-badge {
                overflow: visible
            }

            .mat-badge-hidden .mat-badge-content {
                display: none
            }

            .mat-badge-content {
                position: absolute;
                text-align: center;
                display: inline-block;
                border-radius: 50%;
                transition: transform .2s ease-in-out;
                transform: scale(.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-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-disabled .mat-badge-content {
                background: #b9b9b9;
                color: #00000061
            }

            .mat-bottom-sheet-container {
                box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f;
                background: #fff;
                color: #000000de
            }

            .mat-button,
            .mat-icon-button,
            .mat-stroked-button {
                color: inherit;
                background: rgba(0, 0, 0, 0)
            }

            .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: #00000042
            }

            .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: #0000
            }

            .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: #0000001f
            }

            .mat-flat-button,
            .mat-raised-button,
            .mat-fab,
            .mat-mini-fab {
                color: #000000de;
                background-color: #fff
            }

            .mat-flat-button.mat-primary,
            .mat-raised-button.mat-primary,
            .mat-fab.mat-primary,
            .mat-mini-fab.mat-primary,
            .mat-flat-button.mat-accent,
            .mat-raised-button.mat-accent,
            .mat-fab.mat-accent,
            .mat-mini-fab.mat-accent,
            .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: #00000042
            }

            .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: #0000001f
            }

            .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,
            .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,
            .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: #ffffff1a
            }

            .mat-stroked-button:not([class*=mat-elevation-z]),
            .mat-flat-button:not([class*=mat-elevation-z]) {
                box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
            }

            .mat-raised-button:not([class*=mat-elevation-z]) {
                box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
            }

            .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
                box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
            }

            .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
                box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
            }

            .mat-fab:not([class*=mat-elevation-z]),
            .mat-mini-fab:not([class*=mat-elevation-z]) {
                box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
            }

            .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: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024, 0 5px 22px 4px #0000001f
            }

            .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
            .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
                box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
            }

            .mat-button-toggle-standalone:not([class*=mat-elevation-z]),
            .mat-button-toggle-group:not([class*=mat-elevation-z]) {
                box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
            }

            .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
            .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
                box-shadow: none
            }

            .mat-button-toggle {
                color: #00000061
            }

            .mat-button-toggle .mat-button-toggle-focus-overlay {
                background-color: #0000001f
            }

            .mat-button-toggle-appearance-standard {
                color: #000000de;
                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 #e0e0e0
            }

            [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
                border-left: none;
                border-right: solid 1px #e0e0e0
            }

            .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 #e0e0e0
            }

            .mat-button-toggle-checked {
                background-color: #e0e0e0;
                color: #0000008a
            }

            .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
                color: #000000de
            }

            .mat-button-toggle-disabled {
                color: #00000042;
                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 #e0e0e0
            }

            .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
                line-height: 48px
            }

            .mat-card {
                background: #fff;
                color: #000000de
            }

            .mat-card:not([class*=mat-elevation-z]) {
                box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f
            }

            .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
                box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
            }

            .mat-card-subtitle {
                color: #0000008a
            }

            .mat-checkbox-frame {
                border-color: #0000008a
            }

            .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: #00000061
            }

            .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: #000000de
            }

            .mat-chip.mat-standard-chip .mat-chip-remove {
                color: #000000de;
                opacity: .4
            }

            .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
                box-shadow: 0 3px 3px -2px #0003, 0 3px 4px #00000024, 0 1px 8px #0000001f
            }

            .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: #ffffff1a
            }

            .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: #ffffff1a
            }

            .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: #ffffff1a
            }

            .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: #0000001f
            }

            .mat-header-cell {
                color: #0000008a
            }

            .mat-cell,
            .mat-footer-cell {
                color: #000000de
            }

            .mat-calendar-arrow {
                fill: #0000008a
            }

            .mat-datepicker-toggle,
            .mat-datepicker-content .mat-calendar-next-button,
            .mat-datepicker-content .mat-calendar-previous-button {
                color: #0000008a
            }

            .mat-calendar-table-header-divider:after {
                background: rgba(0, 0, 0, .12)
            }

            .mat-calendar-table-header,
            .mat-calendar-body-label {
                color: #0000008a
            }

            .mat-calendar-body-cell-content,
            .mat-date-range-input-separator {
                color: #000000de;
                border-color: #0000
            }

            .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
                color: #00000061
            }

            .mat-form-field-disabled .mat-date-range-input-separator {
                color: #00000061
            }

            .mat-calendar-body-in-preview {
                color: #0000003d
            }

            .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
                border-color: #00000061
            }

            .mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
                border-color: #0000002e
            }

            .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, .2) 50%, rgba(249, 171, 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, .2) 50%, rgba(249, 171, 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: #3f51b566
            }

            .mat-calendar-body-today.mat-calendar-body-selected {
                box-shadow: inset 0 0 0 1px #fff
            }

            .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: #3f51b54d
            }

            @media (hover: hover) {
                .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) {
                    background-color: #3f51b54d
                }
            }

            .mat-datepicker-content {
                box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
                background-color: #fff;
                color: #000000de
            }

            .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, .2) 50%, rgba(249, 171, 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, .2) 50%, rgba(249, 171, 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: #ff408166
            }

            .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 .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: #ff40814d
            }

            @media (hover: hover) {
                .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) {
                    background-color: #ff40814d
                }
            }

            .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, .2) 50%, rgba(249, 171, 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, .2) 50%, rgba(249, 171, 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: #f4433666
            }

            .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 .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: #f443364d
            }

            @media (hover: hover) {
                .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) {
                    background-color: #f443364d
                }
            }

            .mat-datepicker-content-touch {
                box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f
            }

            .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: #00000061
            }

            .mat-dialog-container {
                box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
                background: #fff;
                color: #000000de
            }

            .mat-divider {
                border-top-color: #0000001f
            }

            .mat-divider-vertical {
                border-right-color: #0000001f
            }

            .mat-expansion-panel {
                background: #fff;
                color: #000000de
            }

            .mat-expansion-panel:not([class*=mat-elevation-z]) {
                box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
            }

            .mat-action-row {
                border-top-color: #0000001f
            }

            .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: #000000de
            }

            .mat-expansion-panel-header-description,
            .mat-expansion-indicator:after {
                color: #0000008a
            }

            .mat-expansion-panel-header[aria-disabled=true] {
                color: #00000042
            }

            .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,
            .mat-hint {
                color: #0009
            }

            .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: #000000de
            }

            .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,
            .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,
            .mat-form-field-appearance-legacy .mat-hint {
                color: #0000008a
            }

            .mat-form-field-appearance-legacy .mat-form-field-underline {
                background-color: #0000006b
            }

            .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
                background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(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: #0000006b
            }

            .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
                background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(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: #0000000a
            }

            .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
                background-color: #00000005
            }

            .mat-form-field-appearance-fill .mat-form-field-underline:before {
                background-color: #0000006b
            }

            .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
                color: #00000061
            }

            .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
                background-color: #0000
            }

            .mat-form-field-appearance-outline .mat-form-field-outline {
                color: #0000001f
            }

            .mat-form-field-appearance-outline .mat-form-field-outline-thick {
                color: #000000de
            }

            .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,
            .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: #00000061
            }

            .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
                color: #0000000f
            }

            .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: #0000008a
            }

            .mat-input-element:disabled,
            .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
                color: #00000061
            }

            .mat-input-element {
                caret-color: #3f51b5
            }

            .mat-input-element::placeholder {
                color: #0000006b
            }

            .mat-input-element::-moz-placeholder {
                color: #0000006b
            }

            .mat-input-element::-webkit-input-placeholder {
                color: #0000006b
            }

            .mat-input-element:-ms-input-placeholder {
                color: #0000006b
            }

            .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,
            .mat-list-base .mat-list-option {
                color: #000000de
            }

            .mat-list-base .mat-subheader {
                color: #0000008a
            }

            .mat-list-base .mat-list-item-disabled {
                background-color: #eee;
                color: #00000061
            }

            .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: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
            }

            .mat-menu-item {
                background: rgba(0, 0, 0, 0);
                color: #000000de
            }

            .mat-menu-item[disabled],
            .mat-menu-item[disabled] .mat-menu-submenu-icon,
            .mat-menu-item[disabled] .mat-icon-no-color {
                color: #00000061
            }

            .mat-menu-item .mat-icon-no-color,
            .mat-menu-submenu-icon {
                color: #0000008a
            }

            .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: #0000008a
            }

            .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: #00000061
            }

            .mat-paginator-container {
                min-height: 56px
            }

            .mat-progress-bar-background {
                fill: #cbd0e9
            }

            .mat-progress-bar-buffer {
                background-color: #cbd0e9
            }

            .mat-progress-bar-fill:after {
                background-color: #3f51b5
            }

            .mat-progress-bar.mat-accent .mat-progress-bar-background {
                fill: #fbccdc
            }

            .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
                background-color: #fbccdc
            }

            .mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
                background-color: #ff4081
            }

            .mat-progress-bar.mat-warn .mat-progress-bar-background {
                fill: #f9ccc9
            }

            .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
                background-color: #f9ccc9
            }

            .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: #0000008a
            }

            .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: #00000061
            }

            .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
            .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
                background-color: #00000061
            }

            .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
                color: #00000061
            }

            .mat-radio-button .mat-ripple-element {
                background-color: #000
            }

            .mat-select-value {
                color: #000000de
            }

            .mat-select-placeholder {
                color: #0000006b
            }

            .mat-select-disabled .mat-select-value {
                color: #00000061
            }

            .mat-select-arrow {
                color: #0000008a
            }

            .mat-select-panel {
                background: #fff
            }

            .mat-select-panel:not([class*=mat-elevation-z]) {
                box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
            }

            .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,
            .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: #00000061
            }

            .mat-drawer-container {
                background-color: #fafafa;
                color: #000000de
            }

            .mat-drawer {
                background-color: #fff;
                color: #000000de
            }

            .mat-drawer.mat-drawer-push {
                background-color: #fff
            }

            .mat-drawer:not(.mat-drawer-side) {
                box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f
            }

            .mat-drawer-side {
                border-right: solid 1px rgba(0, 0, 0, .12)
            }

            .mat-drawer-side.mat-drawer-end,
            [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: #0009
            }

            .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
                background-color: #ff4081
            }

            .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
                background-color: #ff40818a
            }

            .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: #3f51b58a
            }

            .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: #f443368a
            }

            .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: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
                background-color: #fafafa
            }

            .mat-slide-toggle-bar {
                background-color: #00000061
            }

            .mat-slider-track-background {
                background-color: #00000042
            }

            .mat-slider.mat-primary .mat-slider-track-fill,
            .mat-slider.mat-primary .mat-slider-thumb,
            .mat-slider.mat-primary .mat-slider-thumb-label {
                background-color: #3f51b5
            }

            .mat-slider.mat-primary .mat-slider-thumb-label-text {
                color: #fff
            }

            .mat-slider.mat-primary .mat-slider-focus-ring {
                background-color: #3f51b533
            }

            .mat-slider.mat-accent .mat-slider-track-fill,
            .mat-slider.mat-accent .mat-slider-thumb,
            .mat-slider.mat-accent .mat-slider-thumb-label {
                background-color: #ff4081
            }

            .mat-slider.mat-accent .mat-slider-thumb-label-text {
                color: #fff
            }

            .mat-slider.mat-accent .mat-slider-focus-ring {
                background-color: #ff408133
            }

            .mat-slider.mat-warn .mat-slider-track-fill,
            .mat-slider.mat-warn .mat-slider-thumb,
            .mat-slider.mat-warn .mat-slider-thumb-label {
                background-color: #f44336
            }

            .mat-slider.mat-warn .mat-slider-thumb-label-text {
                color: #fff
            }

            .mat-slider.mat-warn .mat-slider-focus-ring {
                background-color: #f4433633
            }

            .mat-slider:hover .mat-slider-track-background,
            .mat-slider.cdk-focused .mat-slider-track-background {
                background-color: #00000061
            }

            .mat-slider.mat-slider-disabled .mat-slider-track-background,
            .mat-slider.mat-slider-disabled .mat-slider-track-fill,
            .mat-slider.mat-slider-disabled .mat-slider-thumb,
            .mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
                background-color: #00000042
            }

            .mat-slider.mat-slider-min-value .mat-slider-focus-ring {
                background-color: #0000001f
            }

            .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
            .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
                background-color: #000000de
            }

            .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
            .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
                background-color: #00000042
            }

            .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
                border-color: #00000042;
                background-color: #0000
            }

            .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
            .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
                border-color: #00000061
            }

            .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
            .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
                border-color: #00000042
            }

            .mat-slider-has-ticks .mat-slider-wrapper:after {
                border-color: #000000b3
            }

            .mat-slider-horizontal .mat-slider-ticks {
                background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
                background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(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, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
            }

            .mat-step-header.cdk-keyboard-focused,
            .mat-step-header.cdk-program-focused,
            .mat-step-header:hover:not([aria-disabled]),
            .mat-step-header:hover[aria-disabled=false] {
                background-color: #0000000a
            }

            .mat-step-header:hover[aria-disabled=true] {
                cursor: default
            }

            @media (hover: none) {
                .mat-step-header:hover {
                    background: none
                }
            }

            .mat-step-header .mat-step-label,
            .mat-step-header .mat-step-optional {
                color: #0000008a
            }

            .mat-step-header .mat-step-icon {
                background-color: #0000008a;
                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: #0000;
                color: #f44336
            }

            .mat-step-header .mat-step-label.mat-step-label-active {
                color: #000000de
            }

            .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: #0000001f
            }

            .mat-horizontal-stepper-header:before,
            .mat-horizontal-stepper-header:after,
            .mat-stepper-horizontal-line {
                border-top-color: #0000001f
            }

            .mat-horizontal-stepper-header {
                height: 72px
            }

            .mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
            .mat-vertical-stepper-header {
                padding: 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: #000000de
            }

            .mat-tab-label.mat-tab-disabled,
            .mat-tab-link.mat-tab-disabled {
                color: #00000061
            }

            .mat-tab-header-pagination-chevron {
                border-color: #000000de
            }

            .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
                border-color: #00000061
            }

            .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: #c5cae94d
            }

            .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: #ff80ab4d
            }

            .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: #ffcdd24d
            }

            .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: #c5cae94d
            }

            .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: #fff6
            }

            .mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
            .mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
            .mat-tab-group.mat-background-primary>.mat-tab-link-container .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 .mat-tab-header-pagination-chevron,
            .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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
            .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 .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: #fff;
                opacity: .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-group.mat-background-primary>.mat-tab-header-pagination .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,
            .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element {
                background-color: #fff;
                opacity: .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: #ff80ab4d
            }

            .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: #fff6
            }

            .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
            .mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
            .mat-tab-group.mat-background-accent>.mat-tab-link-container .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 .mat-tab-header-pagination-chevron,
            .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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
            .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 .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: #fff;
                opacity: .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-group.mat-background-accent>.mat-tab-header-pagination .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,
            .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element {
                background-color: #fff;
                opacity: .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: #ffcdd24d
            }

            .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: #fff6
            }

            .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
            .mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
            .mat-tab-group.mat-background-warn>.mat-tab-link-container .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 .mat-tab-header-pagination-chevron,
            .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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
            .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 .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: #fff;
                opacity: .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-group.mat-background-warn>.mat-tab-header-pagination .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,
            .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element {
                background-color: #fff;
                opacity: .12
            }

            .mat-toolbar {
                background: #f5f5f5;
                color: #000000de
            }

            .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: #000000de
            }

            .mat-tree-node {
                min-height: 48px
            }

            .mat-snack-bar-container {
                color: #ffffffb3;
                background: #323232;
                box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
            }

            .mat-simple-snackbar-action {
                color: #ff4081
            }

            .owl-carousel,
            .owl-carousel .owl-item {
                -webkit-tap-highlight-color: transparent;
                position: relative
            }

            .owl-carousel .owl-item.center {
                z-index: 5
            }

            .owl-carousel {
                display: none;
                width: 100%;
                z-index: 1
            }

            .owl-carousel .owl-stage {
                position: relative;
                touch-action: manipulation;
                -moz-backface-visibility: hidden
            }

            .owl-carousel .owl-stage:after {
                content: ".";
                display: block;
                clear: both;
                visibility: hidden;
                line-height: 0;
                height: 0
            }

            .owl-carousel .owl-stage-outer {
                position: relative;
                overflow: hidden;
                -webkit-transform: translate3d(0, 0, 0)
            }

            .owl-carousel .owl-item,
            .owl-carousel .owl-wrapper {
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0)
            }

            .owl-carousel .owl-item {
                min-height: 1px;
                float: left;
                -webkit-backface-visibility: hidden;
                -webkit-touch-callout: none
            }

            .owl-carousel .owl-item img {
                display: block;
                width: 100%
            }

            .owl-carousel .owl-dots.disabled,
            .owl-carousel .owl-nav.disabled {
                display: none
            }

            .no-js .owl-carousel,
            .owl-carousel.owl-loaded {
                display: block
            }

            .owl-carousel .owl-dot,
            .owl-carousel .owl-nav .owl-next,
            .owl-carousel .owl-nav .owl-prev {
                cursor: pointer;
                -webkit-user-select: none;
                user-select: none
            }

            .owl-carousel .owl-nav button.owl-next,
            .owl-carousel .owl-nav button.owl-prev,
            .owl-carousel button.owl-dot {
                background: 0 0;
                color: inherit;
                border: none;
                padding: 0 !important;
                font: inherit
            }

            .owl-carousel.owl-loading {
                opacity: 0;
                display: block
            }

            .owl-carousel.owl-hidden {
                opacity: 0
            }

            .owl-carousel.owl-refresh .owl-item {
                visibility: hidden
            }

            .owl-carousel.owl-drag .owl-item {
                touch-action: pan-y;
                -webkit-user-select: none;
                user-select: none
            }

            .owl-carousel.owl-grab {
                cursor: move;
                cursor: grab
            }

            .owl-carousel.owl-rtl {
                direction: rtl
            }

            .owl-carousel.owl-rtl .owl-item {
                float: right
            }

            .owl-carousel .animated {
                animation-duration: 1s;
                animation-fill-mode: both
            }

            .owl-carousel .owl-animated-in {
                z-index: 0
            }

            .owl-carousel .owl-animated-out {
                z-index: 1
            }

            .owl-carousel .fadeOut {
                animation-name: fadeOut
            }

            @keyframes fadeOut {
                0% {
                    opacity: 1
                }

                to {
                    opacity: 0
                }
            }

            .owl-height {
                transition: height .5s ease-in-out
            }

            .owl-carousel .owl-item .owl-lazy {
                transition: opacity .4s ease
            }

            .owl-carousel .owl-item .owl-lazy:not([src]),
            .owl-carousel .owl-item .owl-lazy[src^=""] {
                max-height: 0
            }

            .owl-carousel .owl-item img.owl-lazy {
                transform-style: preserve-3d
            }

            .owl-carousel .owl-video-wrapper {
                position: relative;
                height: 100%;
                background: #000
            }

            .owl-carousel .owl-video-play-icon {
                position: absolute;
                height: 80px;
                width: 80px;
                left: 50%;
                top: 50%;
                margin-left: -40px;
                margin-top: -40px;
                background: url(owl.video.play.e3b436436832b027.png) no-repeat;
                cursor: pointer;
                z-index: 1;
                -webkit-backface-visibility: hidden;
                transition: transform .1s ease
            }

            .owl-carousel .owl-video-play-icon:hover {
                transform: scale(1.3)
            }

            .owl-carousel .owl-video-playing .owl-video-play-icon,
            .owl-carousel .owl-video-playing .owl-video-tn {
                display: none
            }

            .owl-carousel .owl-video-tn {
                opacity: 0;
                height: 100%;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: contain;
                transition: opacity .4s ease
            }

            .owl-carousel .owl-video-frame {
                position: relative;
                z-index: 1;
                height: 100%;
                width: 100%
            }

            .owl-theme .owl-dots,
            .owl-theme .owl-nav {
                text-align: center;
                -webkit-tap-highlight-color: transparent
            }

            .owl-theme .owl-nav {
                margin-top: 10px
            }

            .owl-theme .owl-nav [class*=owl-] {
                color: #fff;
                font-size: 14px;
                margin: 5px;
                padding: 4px 7px;
                background: #D6D6D6;
                display: inline-block;
                cursor: pointer;
                border-radius: 3px
            }

            .owl-theme .owl-nav [class*=owl-]:hover {
                background: #869791;
                color: #fff;
                text-decoration: none
            }

            .owl-theme .owl-nav .disabled {
                opacity: .5;
                cursor: default
            }

            .owl-theme .owl-nav.disabled+.owl-dots {
                margin-top: 10px
            }

            .owl-theme .owl-dots .owl-dot {
                display: inline-block;
                zoom: 1
            }

            .owl-theme .owl-dots .owl-dot span {
                width: 10px;
                height: 10px;
                margin: 5px 7px;
                background: #D6D6D6;
                display: block;
                -webkit-backface-visibility: visible;
                transition: opacity .2s ease;
                border-radius: 30px
            }

            .owl-theme .owl-dots .owl-dot.active span,
            .owl-theme .owl-dots .owl-dot:hover span {
                background: #869791
            }

            :root {
                --swiper-theme-color: #007aff
            }

            .swiper {
                margin-left: auto;
                margin-right: auto;
                position: relative;
                overflow: hidden;
                list-style: none;
                padding: 0;
                z-index: 1
            }

            .swiper-vertical>.swiper-wrapper {
                flex-direction: column
            }

            .swiper-wrapper {
                position: relative;
                width: 100%;
                height: 100%;
                z-index: 1;
                display: flex;
                transition-property: transform;
                box-sizing: content-box
            }

            .swiper-android .swiper-slide,
            .swiper-wrapper {
                transform: translateZ(0)
            }

            .swiper-pointer-events {
                touch-action: pan-y
            }

            .swiper-pointer-events.swiper-vertical {
                touch-action: pan-x
            }

            .swiper-slide {
                flex-shrink: 0;
                width: 100%;
                height: 100%;
                position: relative;
                transition-property: transform
            }

            .swiper-slide-invisible-blank {
                visibility: hidden
            }

            .swiper-autoheight,
            .swiper-autoheight .swiper-slide {
                height: auto
            }

            .swiper-autoheight .swiper-wrapper {
                align-items: flex-start;
                transition-property: transform, height
            }

            .swiper-backface-hidden .swiper-slide {
                transform: translateZ(0);
                backface-visibility: hidden
            }

            .swiper-3d,
            .swiper-3d.swiper-css-mode .swiper-wrapper {
                perspective: 1200px
            }

            .swiper-3d .swiper-cube-shadow,
            .swiper-3d .swiper-slide,
            .swiper-3d .swiper-slide-shadow,
            .swiper-3d .swiper-slide-shadow-bottom,
            .swiper-3d .swiper-slide-shadow-left,
            .swiper-3d .swiper-slide-shadow-right,
            .swiper-3d .swiper-slide-shadow-top,
            .swiper-3d .swiper-wrapper {
                transform-style: preserve-3d
            }

            .swiper-3d .swiper-slide-shadow,
            .swiper-3d .swiper-slide-shadow-bottom,
            .swiper-3d .swiper-slide-shadow-left,
            .swiper-3d .swiper-slide-shadow-right,
            .swiper-3d .swiper-slide-shadow-top {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
                z-index: 10
            }

            .swiper-3d .swiper-slide-shadow {
                background: rgba(0, 0, 0, .15)
            }

            .swiper-3d .swiper-slide-shadow-left {
                background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-3d .swiper-slide-shadow-right {
                background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-3d .swiper-slide-shadow-top {
                background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-3d .swiper-slide-shadow-bottom {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-css-mode>.swiper-wrapper {
                overflow: auto;
                scrollbar-width: none;
                -ms-overflow-style: none
            }

            .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
                display: none
            }

            .swiper-css-mode>.swiper-wrapper>.swiper-slide {
                scroll-snap-align: start start
            }

            .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
                scroll-snap-type: x mandatory
            }

            .swiper-vertical.swiper-css-mode>.swiper-wrapper {
                scroll-snap-type: y mandatory
            }

            .swiper-centered>.swiper-wrapper:before {
                content: "";
                flex-shrink: 0;
                order: 9999
            }

            .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
                margin-inline-start: var(--swiper-centered-offset-before)
            }

            .swiper-centered.swiper-horizontal>.swiper-wrapper:before {
                height: 100%;
                min-height: 1px;
                width: var(--swiper-centered-offset-after)
            }

            .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
                margin-block-start: var(--swiper-centered-offset-before)
            }

            .swiper-centered.swiper-vertical>.swiper-wrapper:before {
                width: 100%;
                min-width: 1px;
                height: var(--swiper-centered-offset-after)
            }

            .swiper-centered>.swiper-wrapper>.swiper-slide {
                scroll-snap-align: center center;
                scroll-snap-stop: always
            }

            :root {
                --swiper-theme-color: #007aff
            }

            .swiper {
                margin-left: auto;
                margin-right: auto;
                position: relative;
                overflow: hidden;
                list-style: none;
                padding: 0;
                z-index: 1
            }

            .swiper-vertical>.swiper-wrapper {
                flex-direction: column
            }

            .swiper-wrapper {
                position: relative;
                width: 100%;
                height: 100%;
                z-index: 1;
                display: flex;
                transition-property: transform;
                box-sizing: content-box
            }

            .swiper-android .swiper-slide,
            .swiper-wrapper {
                transform: translateZ(0)
            }

            .swiper-pointer-events {
                touch-action: pan-y
            }

            .swiper-pointer-events.swiper-vertical {
                touch-action: pan-x
            }

            .swiper-slide {
                flex-shrink: 0;
                width: 100%;
                height: 100%;
                position: relative;
                transition-property: transform
            }

            .swiper-slide-invisible-blank {
                visibility: hidden
            }

            .swiper-autoheight,
            .swiper-autoheight .swiper-slide {
                height: auto
            }

            .swiper-autoheight .swiper-wrapper {
                align-items: flex-start;
                transition-property: transform, height
            }

            .swiper-backface-hidden .swiper-slide {
                transform: translateZ(0);
                backface-visibility: hidden
            }

            .swiper-3d,
            .swiper-3d.swiper-css-mode .swiper-wrapper {
                perspective: 1200px
            }

            .swiper-3d .swiper-wrapper,
            .swiper-3d .swiper-slide,
            .swiper-3d .swiper-slide-shadow,
            .swiper-3d .swiper-slide-shadow-left,
            .swiper-3d .swiper-slide-shadow-right,
            .swiper-3d .swiper-slide-shadow-top,
            .swiper-3d .swiper-slide-shadow-bottom,
            .swiper-3d .swiper-cube-shadow {
                transform-style: preserve-3d
            }

            .swiper-3d .swiper-slide-shadow,
            .swiper-3d .swiper-slide-shadow-left,
            .swiper-3d .swiper-slide-shadow-right,
            .swiper-3d .swiper-slide-shadow-top,
            .swiper-3d .swiper-slide-shadow-bottom {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
                z-index: 10
            }

            .swiper-3d .swiper-slide-shadow {
                background: rgba(0, 0, 0, .15)
            }

            .swiper-3d .swiper-slide-shadow-left {
                background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-3d .swiper-slide-shadow-right {
                background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-3d .swiper-slide-shadow-top {
                background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-3d .swiper-slide-shadow-bottom {
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
            }

            .swiper-css-mode>.swiper-wrapper {
                overflow: auto;
                scrollbar-width: none;
                -ms-overflow-style: none
            }

            .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
                display: none
            }

            .swiper-css-mode>.swiper-wrapper>.swiper-slide {
                scroll-snap-align: start start
            }

            .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
                scroll-snap-type: x mandatory
            }

            .swiper-vertical.swiper-css-mode>.swiper-wrapper {
                scroll-snap-type: y mandatory
            }

            .swiper-centered>.swiper-wrapper:before {
                content: "";
                flex-shrink: 0;
                order: 9999
            }

            .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
                margin-inline-start: var(--swiper-centered-offset-before)
            }

            .swiper-centered.swiper-horizontal>.swiper-wrapper:before {
                height: 100%;
                min-height: 1px;
                width: var(--swiper-centered-offset-after)
            }

            .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
                margin-block-start: var(--swiper-centered-offset-before)
            }

            .swiper-centered.swiper-vertical>.swiper-wrapper:before {
                width: 100%;
                min-width: 1px;
                height: var(--swiper-centered-offset-after)
            }

            .swiper-centered>.swiper-wrapper>.swiper-slide {
                scroll-snap-align: center center;
                scroll-snap-stop: always
            }

            .swiper-virtual .swiper-slide {
                -webkit-backface-visibility: hidden;
                transform: translateZ(0)
            }

            .swiper-virtual.swiper-css-mode .swiper-wrapper:after {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                pointer-events: none
            }

            .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
                height: 1px;
                width: var(--swiper-virtual-size)
            }

            .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
                width: 1px;
                height: var(--swiper-virtual-size)
            }

            :root {
                --swiper-navigation-size: 44px
            }

            .swiper-button-prev,
            .swiper-button-next {
                position: absolute;
                top: 50%;
                width: calc(var(--swiper-navigation-size) / 44 * 27);
                height: var(--swiper-navigation-size);
                margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
                z-index: 10;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--swiper-navigation-color, var(--swiper-theme-color))
            }

            .swiper-button-prev.swiper-button-disabled,
            .swiper-button-next.swiper-button-disabled {
                opacity: .35;
                cursor: auto;
                pointer-events: none
            }

            .swiper-button-prev.swiper-button-hidden,
            .swiper-button-next.swiper-button-hidden {
                opacity: 0;
                cursor: auto;
                pointer-events: none
            }

            .swiper-navigation-disabled .swiper-button-prev,
            .swiper-navigation-disabled .swiper-button-next {
                display: none !important
            }

            .swiper-button-prev:after,
            .swiper-button-next:after {
                font-family: swiper-icons;
                font-size: var(--swiper-navigation-size);
                text-transform: none !important;
                letter-spacing: 0;
                font-variant: initial;
                line-height: 1
            }

            .swiper-button-prev,
            .swiper-rtl .swiper-button-next {
                left: 10px;
                right: auto
            }

            .swiper-button-prev:after,
            .swiper-rtl .swiper-button-next:after {
                content: "prev"
            }

            .swiper-button-next,
            .swiper-rtl .swiper-button-prev {
                right: 10px;
                left: auto
            }

            .swiper-button-next:after,
            .swiper-rtl .swiper-button-prev:after {
                content: "next"
            }

            .swiper-button-lock {
                display: none
            }

            .swiper-pagination {
                position: absolute;
                text-align: center;
                transition: .3s opacity;
                transform: translateZ(0);
                z-index: 10
            }

            .swiper-pagination.swiper-pagination-hidden {
                opacity: 0
            }

            .swiper-pagination-disabled>.swiper-pagination,
            .swiper-pagination.swiper-pagination-disabled {
                display: none !important
            }

            .swiper-pagination-fraction,
            .swiper-pagination-custom,
            .swiper-horizontal>.swiper-pagination-bullets,
            .swiper-pagination-bullets.swiper-pagination-horizontal {
                bottom: 10px;
                left: 0;
                width: 100%
            }

            .swiper-pagination-bullets-dynamic {
                overflow: hidden;
                font-size: 0
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                transform: scale(.33);
                position: relative
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
                transform: scale(1)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
                transform: scale(.66)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
                transform: scale(.33)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
                transform: scale(.66)
            }

            .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
                transform: scale(.33)
            }

            .swiper-pagination-bullet {
                width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
                height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
                display: inline-block;
                border-radius: 50%;
                background: var(--swiper-pagination-bullet-inactive-color, #000);
                opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
            }

            button.swiper-pagination-bullet {
                border: none;
                margin: 0;
                padding: 0;
                box-shadow: none;
                appearance: none
            }

            .swiper-pagination-clickable .swiper-pagination-bullet {
                cursor: pointer
            }

            .swiper-pagination-bullet:only-child {
                display: none !important
            }

            .swiper-pagination-bullet-active {
                opacity: var(--swiper-pagination-bullet-opacity, 1);
                background: var(--swiper-pagination-color, var(--swiper-theme-color))
            }

            .swiper-vertical>.swiper-pagination-bullets,
            .swiper-pagination-vertical.swiper-pagination-bullets {
                right: 10px;
                top: 50%;
                transform: translate3d(0, -50%, 0)
            }

            .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
            .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
                margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
                display: block
            }

            .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
            .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
                top: 50%;
                transform: translateY(-50%);
                width: 8px
            }

            .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
            .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                display: inline-block;
                transition: .2s transform, .2s top
            }

            .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
            .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
            }

            .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
            .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
                left: 50%;
                transform: translate(-50%);
                white-space: nowrap
            }

            .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
            .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                transition: .2s transform, .2s left
            }

            .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                transition: .2s transform, .2s right
            }

            .swiper-pagination-progressbar {
                background: rgba(0, 0, 0, .25);
                position: absolute
            }

            .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
                background: var(--swiper-pagination-color, var(--swiper-theme-color));
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transform: scale(0);
                transform-origin: left top
            }

            .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
                transform-origin: right top
            }

            .swiper-horizontal>.swiper-pagination-progressbar,
            .swiper-pagination-progressbar.swiper-pagination-horizontal,
            .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
            .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
                width: 100%;
                height: 4px;
                left: 0;
                top: 0
            }

            .swiper-vertical>.swiper-pagination-progressbar,
            .swiper-pagination-progressbar.swiper-pagination-vertical,
            .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
            .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
                width: 4px;
                height: 100%;
                left: 0;
                top: 0
            }

            .swiper-pagination-lock {
                display: none
            }

            .swiper-scrollbar {
                border-radius: 10px;
                position: relative;
                -ms-touch-action: none;
                background: rgba(0, 0, 0, .1)
            }

            .swiper-scrollbar-disabled>.swiper-scrollbar,
            .swiper-scrollbar.swiper-scrollbar-disabled {
                display: none !important
            }

            .swiper-horizontal>.swiper-scrollbar,
            .swiper-scrollbar.swiper-scrollbar-horizontal {
                position: absolute;
                left: 1%;
                bottom: 3px;
                z-index: 50;
                height: 5px;
                width: 98%
            }

            .swiper-vertical>.swiper-scrollbar,
            .swiper-scrollbar.swiper-scrollbar-vertical {
                position: absolute;
                right: 3px;
                top: 1%;
                z-index: 50;
                width: 5px;
                height: 98%
            }

            .swiper-scrollbar-drag {
                height: 100%;
                width: 100%;
                position: relative;
                background: rgba(0, 0, 0, .5);
                border-radius: 10px;
                left: 0;
                top: 0
            }

            .swiper-scrollbar-cursor-drag {
                cursor: move
            }

            .swiper-scrollbar-lock {
                display: none
            }

            .swiper-zoom-container {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center
            }

            .swiper-zoom-container>img,
            .swiper-zoom-container>svg,
            .swiper-zoom-container>canvas {
                max-width: 100%;
                max-height: 100%;
                object-fit: contain
            }

            .swiper-slide-zoomed {
                cursor: move
            }

            .swiper-lazy-preloader {
                width: 42px;
                height: 42px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -21px;
                margin-top: -21px;
                z-index: 10;
                transform-origin: 50%;
                box-sizing: border-box;
                border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
                border-radius: 50%;
                border-top-color: transparent
            }

            .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
            .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
                animation: swiper-preloader-spin 1s infinite linear
            }

            .swiper-lazy-preloader-white {
                --swiper-preloader-color: #fff
            }

            .swiper-lazy-preloader-black {
                --swiper-preloader-color: #000
            }

            @keyframes swiper-preloader-spin {
                0% {
                    transform: rotate(0)
                }

                to {
                    transform: rotate(360deg)
                }
            }

            .swiper .swiper-notification {
                position: absolute;
                left: 0;
                top: 0;
                pointer-events: none;
                opacity: 0;
                z-index: -1000
            }

            .swiper-free-mode>.swiper-wrapper {
                transition-timing-function: ease-out;
                margin: 0 auto
            }

            .swiper-grid>.swiper-wrapper {
                flex-wrap: wrap
            }

            .swiper-grid-column>.swiper-wrapper {
                flex-wrap: wrap;
                flex-direction: column
            }

            .swiper-fade.swiper-free-mode .swiper-slide {
                transition-timing-function: ease-out
            }

            .swiper-fade .swiper-slide {
                pointer-events: none;
                transition-property: opacity
            }

            .swiper-fade .swiper-slide .swiper-slide {
                pointer-events: none
            }

            .swiper-fade .swiper-slide-active,
            .swiper-fade .swiper-slide-active .swiper-slide-active {
                pointer-events: auto
            }

            .swiper-cube {
                overflow: visible
            }

            .swiper-cube .swiper-slide {
                pointer-events: none;
                backface-visibility: hidden;
                z-index: 1;
                visibility: hidden;
                transform-origin: 0 0;
                width: 100%;
                height: 100%
            }

            .swiper-cube .swiper-slide .swiper-slide {
                pointer-events: none
            }

            .swiper-cube.swiper-rtl .swiper-slide {
                transform-origin: 100% 0
            }

            .swiper-cube .swiper-slide-active,
            .swiper-cube .swiper-slide-active .swiper-slide-active {
                pointer-events: auto
            }

            .swiper-cube .swiper-slide-active,
            .swiper-cube .swiper-slide-next,
            .swiper-cube .swiper-slide-prev,
            .swiper-cube .swiper-slide-next+.swiper-slide {
                pointer-events: auto;
                visibility: visible
            }

            .swiper-cube .swiper-slide-shadow-top,
            .swiper-cube .swiper-slide-shadow-bottom,
            .swiper-cube .swiper-slide-shadow-left,
            .swiper-cube .swiper-slide-shadow-right {
                z-index: 0;
                backface-visibility: hidden
            }

            .swiper-cube .swiper-cube-shadow {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                opacity: .6;
                z-index: 0
            }

            .swiper-cube .swiper-cube-shadow:before {
                content: "";
                background: #000;
                position: absolute;
                inset: 0;
                filter: blur(50px)
            }

            .swiper-flip {
                overflow: visible
            }

            .swiper-flip .swiper-slide {
                pointer-events: none;
                backface-visibility: hidden;
                z-index: 1
            }

            .swiper-flip .swiper-slide .swiper-slide {
                pointer-events: none
            }

            .swiper-flip .swiper-slide-active,
            .swiper-flip .swiper-slide-active .swiper-slide-active {
                pointer-events: auto
            }

            .swiper-flip .swiper-slide-shadow-top,
            .swiper-flip .swiper-slide-shadow-bottom,
            .swiper-flip .swiper-slide-shadow-left,
            .swiper-flip .swiper-slide-shadow-right {
                z-index: 0;
                backface-visibility: hidden
            }

            .swiper-creative .swiper-slide {
                backface-visibility: hidden;
                overflow: hidden;
                transition-property: transform, opacity, height
            }

            .swiper-cards {
                overflow: visible
            }

            .swiper-cards .swiper-slide {
                transform-origin: center bottom;
                backface-visibility: hidden;
                overflow: hidden
            }

            /*! ======================================================= VERSION 10.6.2 ========================================================= */
            /*! ========================================================= * bootstrap-slider.js * * Maintainers: * Kyle Kemp * - Twitter: @seiyria * - Github: seiyria * Rohit Kalkur * - Twitter: @Rovolutionary * - Github: rovolution * * ========================================================= * * bootstrap-slider is released under the MIT License * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, * copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the * Software is furnished to do so, subject to the following * conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR * OTHER DEALINGS IN THE SOFTWARE. * * ========================================================= */
            .slider {
                display: inline-block;
                vertical-align: middle;
                position: relative
            }

            .slider.slider-horizontal {
                width: 210px;
                height: 20px
            }

            .slider.slider-horizontal .slider-track {
                height: 10px;
                width: 100%;
                margin-top: -5px;
                top: 50%;
                left: 0
            }

            .slider.slider-horizontal .slider-selection,
            .slider.slider-horizontal .slider-track-low,
            .slider.slider-horizontal .slider-track-high {
                height: 100%;
                top: 0;
                bottom: 0
            }

            .slider.slider-horizontal .slider-tick,
            .slider.slider-horizontal .slider-handle {
                margin-left: -10px
            }

            .slider.slider-horizontal .slider-tick.triangle,
            .slider.slider-horizontal .slider-handle.triangle {
                position: relative;
                top: 50%;
                transform: translateY(-50%);
                border-width: 0 10px 10px 10px;
                width: 0;
                height: 0;
                border-bottom-color: #2e6da4;
                margin-top: 0
            }

            .slider.slider-horizontal .slider-tick-container {
                white-space: nowrap;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%
            }

            .slider.slider-horizontal .slider-tick-label-container {
                white-space: nowrap;
                margin-top: 20px
            }

            .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
                padding-top: 4px;
                display: inline-block;
                text-align: center
            }

            .slider.slider-horizontal .tooltip {
                transform: translate(-50%)
            }

            .slider.slider-horizontal.slider-rtl .slider-track {
                left: initial;
                right: 0
            }

            .slider.slider-horizontal.slider-rtl .slider-tick,
            .slider.slider-horizontal.slider-rtl .slider-handle {
                margin-left: initial;
                margin-right: -10px
            }

            .slider.slider-horizontal.slider-rtl .slider-tick-container {
                left: initial;
                right: 0
            }

            .slider.slider-horizontal.slider-rtl .tooltip {
                transform: translate(50%)
            }

            .slider.slider-vertical {
                height: 210px;
                width: 20px
            }

            .slider.slider-vertical .slider-track {
                width: 10px;
                height: 100%;
                left: 25%;
                top: 0
            }

            .slider.slider-vertical .slider-selection {
                width: 100%;
                left: 0;
                top: 0;
                bottom: 0
            }

            .slider.slider-vertical .slider-track-low,
            .slider.slider-vertical .slider-track-high {
                width: 100%;
                left: 0;
                right: 0
            }

            .slider.slider-vertical .slider-tick,
            .slider.slider-vertical .slider-handle {
                margin-top: -10px
            }

            .slider.slider-vertical .slider-tick.triangle,
            .slider.slider-vertical .slider-handle.triangle {
                border-width: 10px 0 10px 10px;
                width: 1px;
                height: 1px;
                border-left-color: #2e6da4;
                border-right-color: #2e6da4;
                margin-left: 0;
                margin-right: 0
            }

            .slider.slider-vertical .slider-tick-label-container {
                white-space: nowrap
            }

            .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
                padding-left: 4px
            }

            .slider.slider-vertical .tooltip {
                transform: translateY(-50%)
            }

            .slider.slider-vertical.slider-rtl .slider-track {
                left: initial;
                right: 25%
            }

            .slider.slider-vertical.slider-rtl .slider-selection {
                left: initial;
                right: 0
            }

            .slider.slider-vertical.slider-rtl .slider-tick.triangle,
            .slider.slider-vertical.slider-rtl .slider-handle.triangle {
                border-width: 10px 10px 10px 0
            }

            .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
                padding-left: initial;
                padding-right: 4px
            }

            .slider.slider-disabled .slider-handle {
                background-image: linear-gradient(to bottom, #dfdfdf 0, #bebebe 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdfdfdf", endColorstr="#ffbebebe", GradientType=0);
                background-repeat: repeat-x
            }

            .slider.slider-disabled .slider-track {
                background-image: linear-gradient(to bottom, #e5e5e5 0, #e9e9e9 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe5e5e5", endColorstr="#ffe9e9e9", GradientType=0);
                background-repeat: repeat-x;
                cursor: not-allowed
            }

            .slider input {
                display: none
            }

            .slider .tooltip {
                pointer-events: none
            }

            .slider .tooltip.top {
                margin-top: -36px
            }

            .slider .tooltip-inner {
                white-space: nowrap;
                max-width: none
            }

            .slider .hide {
                display: none
            }

            .slider-track {
                position: absolute;
                cursor: pointer;
                background-image: linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5", endColorstr="#fff9f9f9", GradientType=0);
                background-repeat: repeat-x;
                box-shadow: inset 0 1px 2px #0000001a;
                border-radius: 4px
            }

            .slider-selection {
                position: absolute;
                background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9", endColorstr="#fff5f5f5", GradientType=0);
                background-repeat: repeat-x;
                box-shadow: inset 0 -1px #00000026;
                box-sizing: border-box;
                border-radius: 4px
            }

            .slider-selection.tick-slider-selection {
                background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8ac1ef", endColorstr="#ff82b3de", GradientType=0);
                background-repeat: repeat-x
            }

            .slider-track-low,
            .slider-track-high {
                position: absolute;
                background: transparent;
                box-sizing: border-box;
                border-radius: 4px
            }

            .slider-handle {
                position: absolute;
                top: 0;
                width: 20px;
                height: 20px;
                background-color: #337ab7;
                background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7", endColorstr="#ff2e6da4", GradientType=0);
                background-repeat: repeat-x;
                filter: none;
                box-shadow: inset 0 1px #fff3, 0 1px 2px #0000000d;
                border: 0 solid transparent
            }

            .slider-handle:hover {
                cursor: pointer
            }

            .slider-handle.round {
                border-radius: 50%
            }

            .slider-handle.triangle,
            .slider-handle.custom {
                background: transparent none
            }

            .slider-handle.custom:before {
                line-height: 20px;
                font-size: 20px;
                content: "\2605";
                color: #726204
            }

            .slider-tick {
                position: absolute;
                cursor: pointer;
                width: 20px;
                height: 20px;
                background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9", endColorstr="#fff5f5f5", GradientType=0);
                background-repeat: repeat-x;
                box-shadow: inset 0 -1px #00000026;
                box-sizing: border-box;
                filter: none;
                opacity: .8;
                border: 0 solid transparent
            }

            .slider-tick.round {
                border-radius: 50%
            }

            .slider-tick.triangle,
            .slider-tick.custom {
                background: transparent none
            }

            .slider-tick.custom:before {
                line-height: 20px;
                font-size: 20px;
                content: "\2605";
                color: #726204
            }

            .slider-tick.in-selection {
                background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8ac1ef", endColorstr="#ff82b3de", GradientType=0);
                background-repeat: repeat-x;
                opacity: 1
            }

            .ng-select {
                padding-bottom: 1.25em
            }

            .ng-select.ng-select-disabled .ng-select-container:after {
                border-bottom-color: transparent;
                background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
                background-size: 4px 1px;
                background-repeat: repeat-x
            }

            .ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value,
            .ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder,
            .ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,
            .ng-select.ng-select-disabled .ng-clear-wrapper {
                color: #00000061
            }

            .ng-select.ng-select-focused .ng-select-container:after {
                border-color: #3f51b5;
                border-width: 2px
            }

            .ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,
            .ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after {
                border-color: #3f51b5;
                border-width: 2px
            }

            .ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
                transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
                color: #3f51b5
            }

            .ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
                color: #3f51b5
            }

            .ng-select .ng-has-value .ng-placeholder,
            .ng-select.ng-select-filtered .ng-select-container .ng-placeholder {
                display: initial
            }

            .ng-select .ng-has-value .ng-placeholder,
            .ng-select.ng-select-opened .ng-placeholder {
                transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px)
            }

            .ng-select .ng-select-container {
                color: #000000de;
                align-items: baseline;
                min-height: 51.5px
            }

            .ng-select .ng-select-container:after {
                border-bottom: thin solid rgba(0, 0, 0, .42);
                content: "";
                bottom: 0;
                left: 0;
                right: 0;
                position: absolute;
                transition: border-color .3s cubic-bezier(.55, 0, .55, .2)
            }

            .ng-select .ng-select-container.ng-appearance-outline {
                padding: 0 .5em;
                min-height: 60px
            }

            .ng-select .ng-select-container.ng-appearance-outline:after {
                border: solid 1px rgba(0, 0, 0, .12);
                border-radius: 5px;
                height: calc(100% - .5em);
                pointer-events: none;
                transition: border-color .3s cubic-bezier(.25, .8, .25, 1)
            }

            .ng-select .ng-select-container.ng-appearance-outline:hover:after {
                border-color: #000000de;
                border-width: 2px
            }

            .ng-select .ng-select-container.ng-appearance-outline .ng-placeholder {
                padding: 0 .25em;
                background-color: #fff;
                z-index: 1
            }

            .ng-select .ng-select-container.ng-appearance-outline .ng-value {
                padding-left: .25em
            }

            .ng-select .ng-select-container .ng-value-container {
                align-items: stretch;
                padding: .4375em 0;
                border-top: .84375em solid transparent
            }

            .ng-select .ng-select-container .ng-value-container .ng-placeholder {
                position: absolute;
                color: #0000008a;
                transform-origin: left 0;
                transition: transform .4s cubic-bezier(.25, .8, .25, 1), color .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1)
            }

            [dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder {
                transform-origin: right 0
            }

            .ng-select .ng-select-container .ng-value-container .ng-input {
                bottom: .4375em
            }

            .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
                bottom: 17px
            }

            .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
                bottom: 14px
            }

            .ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
                align-self: flex-end;
                bottom: 9px
            }

            .ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
                align-self: flex-end;
                bottom: 7px
            }

            .ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
                background-color: #0000001f;
                color: #00000042
            }

            .ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,
            .ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after {
                background-image: none;
                border: dotted 1px rgba(0, 0, 0, .12)
            }

            .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,
            .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper {
                border-top: none
            }

            .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
                top: 0
            }

            .ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
                top: 4px
            }

            .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
                background-color: #3f51b5;
                border-radius: 2px;
                color: #fff;
                padding: 2px 5px;
                margin: 0 .4375em .4375em 0
            }

            [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
                margin: 0 0 .4375em .4375em
            }

            .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
                background-color: #0000001f;
                color: #00000042
            }

            .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
                font-size: 14px;
                font-weight: 500
            }

            .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
                color: #ffffff8a;
                padding-right: 5px
            }

            [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
                padding-left: 5px;
                padding-right: 0
            }

            .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
                color: #ffffffde
            }

            .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
                line-height: 1.375em
            }

            .ng-select.ng-select-multiple .ng-select-container.ng-has-value {
                align-items: center
            }

            .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container {
                padding-bottom: 0;
                padding-top: .1875em
            }

            .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,
            .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper {
                border-top: .84375em solid transparent
            }

            .ng-select .ng-clear-wrapper {
                color: #0000008a
            }

            .ng-select .ng-clear-wrapper:hover {
                color: #000000de
            }

            .ng-select .ng-arrow-wrapper {
                bottom: 2px
            }

            .ng-select .ng-arrow-wrapper .ng-arrow {
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid;
                margin: 0 4px;
                color: #0000008a
            }

            .ng-select .ng-spinner-zone {
                top: 3px
            }

            .ng-dropdown-panel {
                background: #fff;
                left: 0
            }

            .ng-dropdown-panel.ng-select-top {
                bottom: calc(100% - .84375em);
                box-shadow: 0 -5px 5px -3px #0003, 0 -8px 10px 1px #00000024, 0 -3px 14px 2px #0000001f
            }

            .ng-dropdown-panel.ng-select-right {
                left: 100%;
                top: calc(0% + .84375em);
                box-shadow: 0 -5px 5px -3px #0003, 0 -8px 10px 1px #00000024, 0 -3px 14px 2px #0000001f;
                margin-left: 4px
            }

            .ng-dropdown-panel.ng-select-bottom {
                top: calc(100% - 1.25em);
                box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
            }

            .ng-dropdown-panel.ng-select-left {
                left: calc(-100% - 4px);
                top: calc(0% + .84375em);
                box-shadow: 0 -5px 5px -3px #0003, 0 -8px 10px 1px #00000024, 0 -3px 14px 2px #0000001f
            }

            .ng-dropdown-panel.multiple .ng-option.selected {
                background: #fff
            }

            .ng-dropdown-panel.multiple .ng-option.marked {
                background: rgba(0, 0, 0, .04)
            }

            .ng-dropdown-panel .ng-dropdown-header {
                border-bottom: 1px solid rgba(0, 0, 0, .12);
                padding: 0 16px;
                line-height: 3em;
                min-height: 3em
            }

            .ng-dropdown-panel .ng-dropdown-footer {
                border-top: 1px solid rgba(0, 0, 0, .12);
                padding: 0 16px;
                line-height: 3em;
                min-height: 3em
            }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
                -webkit-user-select: none;
                user-select: none;
                cursor: pointer;
                line-height: 3em;
                height: 3em;
                padding: 0 16px;
                color: #0000008a;
                font-weight: 500
            }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
                background: rgba(0, 0, 0, .04)
            }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
                cursor: default
            }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
                background: rgba(0, 0, 0, .12);
                color: #3f51b5
            }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
                line-height: 3em;
                min-height: 3em;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 0 16px;
                text-decoration: none;
                position: relative;
                color: #000000de;
                text-align: left
            }

            [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
                text-align: right
            }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
                background: rgba(0, 0, 0, .04);
                color: #000000de
            }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
                background: rgba(0, 0, 0, .12);
                color: #3f51b5
            }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
                color: #00000061
            }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
                padding-left: 32px
            }

            [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
                padding-right: 32px;
                padding-left: 0
            }

            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
                padding-right: 5px;
                font-size: 80%;
                font-weight: 400;
                color: #00000061
            }

            [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
                padding-left: 5px;
                padding-right: 0
            }

            html,
            body,
            div,
            span,
            applet,
            object,
            iframe,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            blockquote,
            pre,
            a,
            abbr,
            acronym,
            address,
            big,
            cite,
            code,
            del,
            dfn,
            em,
            img,
            ins,
            kbd,
            q,
            s,
            samp,
            small,
            strike,
            strong,
            sub,
            sup,
            tt,
            var,
            b,
            u,
            i,
            center,
            dl,
            dt,
            dd,
            ol,
            ul,
            li,
            fieldset,
            form,
            label,
            legend,
            table,
            caption,
            tbody,
            tfoot,
            thead,
            tr,
            th,
            td,
            article,
            aside,
            canvas,
            details,
            embed,
            figure,
            figcaption,
            footer,
            header,
            hgroup,
            menu,
            nav,
            output,
            ruby,
            section,
            summary,
            time,
            mark,
            audio,
            video {
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%;
                font: inherit;
                vertical-align: baseline
            }

            article,
            aside,
            details,
            figcaption,
            figure,
            footer,
            header,
            hgroup,
            menu,
            nav,
            section {
                display: block
            }

            body {
                line-height: 1.5
            }

            ol,
            ul {
                list-style: none
            }

            blockquote,
            q {
                quotes: none
            }

            blockquote:before,
            blockquote:after,
            q:before,
            q:after {
                content: "";
                content: none
            }

            table {
                border-collapse: collapse;
                border-spacing: 0
            }

            a {
                text-decoration: none
            }

            * {
                box-sizing: border-box
            }

            :root {
                margin: 0;
                padding: 0;
                font-size: 16px
            }

            html {
                font-size: 16px
            }

            html,
            body,
            input,
            button,
            span,
            p,
            * {
                font-family: "Yourfont"
            }

            body {
                color: #2c3544
            }

  

            [class^=icon-],
            [class*=icon-] {
                font-family: icomoon !important;
                speak: never;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            *[class^=icon-] {
                position: relative
            }

            .icon-circle-download:before {
                content: url(/assets/images/icons/icon-circle-download.svg);
                margin-left: 8px;
                height: 25px;
                width: 25px;
                margin-top: 0
            }

            .icon-square-download {
                display: block;
                content: url(/assets/images/icons/icon-square-download.svg);
                margin: 0;
                height: 30px;
                width: 30px
            }

            .icon-instagram:before {
                display: block;
                content: url(/assets/images/icons/icon-instagram.svg);
                margin: 0;
                height: 30px;
                width: 28px
            }

            .icon-twitter:before {
                display: block;
                content: url(/assets/images/icons/icon-twitter.svg);
                margin: 0;
                height: 30px;
                width: 28px
            }

            .icon-linkedin:before {
                display: block;
                content: url(/assets/images/icons/icon-linkedin.svg);
                margin: 0;
                height: 30px;
                width: 28px
            }

            .icon-aparat:before {
                display: block;
                content: url(/assets/images/icons/icon-aparat.svg);
                margin: 0;
                height: 30px;
                width: 28px
            }

            .icon-logo:before {
                display: block;
                content: url(/assets/images/icons/icon-logo.svg);
                margin: 0;
                height: 58px;
                width: 39px
            }

            .icon-square-call:before {
                display: block;
                content: url(/assets/images/icons/icon-square-call.svg);
                margin: 0;
                height: 40px;
                width: 40px
            }

            .icon-saramad:before {
                display: block;
                content: url(/assets/images/icons/icon-saramad.svg);
                margin: 0;
                height: 39px;
                width: 28px
            }

            .icon-enamad:before {
                display: block;
                content: url(/assets/images/icons/icon-enamad.svg);
                margin: 0;
                height: 32px;
                width: 40px
            }

            .icon-samandehi:before {
                display: block;
                content: url(/assets/images/icons/icon-samandehi.svg);
                margin: 0;
                height: 35px;
                width: 35px
            }

            .icon-square-left:before {
                display: block;
                content: url(/assets/images/icons/icon-square-left.svg);
                margin: 0;
                height: 32px;
                width: 32px
            }

            .icon-square-right:before {
                display: block;
                content: url(/assets/images/icons/icon-square-right.svg);
                margin: 0;
                height: 32px;
                width: 32px
            }

            .icon-left:before {
                display: block;
                content: url(/assets/images/icons/icon-left.svg);
                margin: 0;
                height: 24px;
                width: 24px;
                line-height: 1.5;
                text-align: center
            }

            .icon-apple:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-apple.svg);
                background-position: center center;
                margin: 0;
                height: 24px;
                width: 20px
            }

            .icon-android:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-android.svg);
                background-position: center center;
                margin: 0;
                height: 24px;
                width: 16px
            }

            .icon-web:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-web.svg);
                background-position: center center;
                margin: 0;
                height: 22px;
                width: 22px
            }

            .icon-white-filter {
                filter: invert(97%) sepia(100%) saturate(12%) hue-rotate(244deg) brightness(102%) contrast(100%);
                -webkit-filter: invert(97%) sepia(100%) saturate(12%) hue-rotate(244deg) brightness(102%) contrast(100%);
                -moz-filter: invert(97%) sepia(100%) saturate(12%) hue-rotate(244deg) brightness(102%) contrast(100%);
                -o-filter: invert(97%) sepia(100%) saturate(12%) hue-rotate(244deg) brightness(102%) contrast(100%)
            }

            .icon-digipay-footer:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-digipay-footer.svg);
                background-position: center center;
                margin: 0;
                height: 58px;
                width: 39px
            }

            .icon-check-yellow:before {
                display: block;
                height: 16px;
                width: 16px;
                margin-left: 0;
                content: "";
                background-image: url(/assets/images/icons/icon-check-yellow.svg)
            }

            .icon-arrow-down-yellow:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-arrow-down-yellow.svg);
                background-position: center center;
                margin: 0;
                height: 11px;
                width: 12px
            }

            .icon-info-green:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-info-green.svg);
                background-position: center center;
                margin: 0;
                height: 24px;
                width: 24px
            }

            .icon-location:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-location.svg);
                background-position: center center;
                margin: 0;
                height: 34px;
                width: 34px
            }

            .icon-info-square:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-info-square.svg);
                background-position: center center;
                margin: 0;
                height: 22px;
                width: 22px
            }

            .icon-check-green-fill:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-check-green-fill.svg);
                background-position: center center;
                margin: 0;
                height: 18px;
                width: 18px
            }

            .icon-check-blue-fill:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-check-blue-fill.svg);
                background-position: center center;
                margin: 0;
                height: 18px;
                width: 18px
            }

            .icon-calendar-gray:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-calendar-gray.svg);
                background-position: center center;
                margin: 0;
                height: 19px;
                width: 19px
            }

            .icon-hamburger:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-hamburger.svg);
                background-position: center center;
                margin: 0;
                height: 32px;
                width: 34px
            }

            .icon-plus-circle:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-plus-circle.svg);
                background-position: center center;
                margin: 0;
                height: 24px;
                width: 24px
            }

            .icon-plus:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-plus.svg);
                background-position: center center;
                margin: 0;
                height: 24px;
                width: 24px
            }

            .icon-charon-left-long:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-charon-left-long.svg);
                background-position: center center;
                margin: 0;
                height: 7px;
                width: 53px
            }

            .icon-check-big-green:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-check-big-green.svg);
                background-position: center center;
                margin: 0;
                height: 49px;
                width: 51px
            }

            .icon-line:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-line.svg);
                background-position: center center;
                margin: 0;
                height: 0;
                width: 48px
            }

            .icon-edit:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-edit.svg);
                background-position: center center;
                margin: 0;
                height: 18px;
                width: 18px
            }

            .icon-login:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-login.svg);
                background-position: center center;
                margin: 0;
                height: 22px;
                width: 22px
            }

            .icon-question-circle:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-question-circle.svg);
                background-position: center center;
                margin: 0;
                height: 18px;
                width: 18px
            }


            .mat-simple-snackbar {
                direction: rtl
            }

            .mat-tab-header-pagination-before .mat-tab-header-pagination-chevron,
            .mat-tab-header-rtl .mat-tab-header-pagination-after .mat-tab-header-pagination-chevron {
                transform: rotate(-315deg) !important
            }

            .mat-tab-header-pagination-after .mat-tab-header-pagination-chevron,
            .mat-tab-header-rtl .mat-tab-header-pagination-before .mat-tab-header-pagination-chevron {
                transform: rotate(225deg) !important
            }

            .cdk-overlay-dark-backdrop {
                background: rgba(110, 121, 141, .2) !important;
                -webkit-backdrop-filter: blur(10px) !important;
                backdrop-filter: blur(10px) !important
            }

            .mat-form-field-should-float .mat-label-fix-padding-1 {
                padding-right: 1% !important
            }

            .mat-form-field-should-float .mat-label-fix-padding-2 {
                padding-right: 2% !important
            }

            .mat-form-field-should-float .mat-label-fix-padding-3 {
                padding-right: 3% !important
            }

            .mat-form-field-should-float .mat-label-fix-padding-4 {
                padding-right: 4% !important
            }

            .mat-form-field-should-float .mat-label-fix-padding-5 {
                padding-right: 5% !important
            }

            .mat-form-field-should-float .mat-label-fix-padding-6 {
                padding-right: 6% !important
            }

            .mat-form-field-should-float .mat-label-fix-padding-7 {
                padding-right: 7% !important
            }

            .mat-form-field-should-float .mat-label-fix-padding-8 {
                padding-right: 8% !important
            }

            .mat-form-field-should-float .mat-label-fix-padding-9 {
                padding-right: 9% !important
            }

            .mat-form-field-should-float .mat-label-fix-padding-10 {
                padding-right: 10% !important
            }

            .mat-snack-bar-container {
                background: #2c3544;
                color: #fff;
                border-radius: 12px !important
            }

            .mat-snack-bar-container .mat-simple-snackbar-action {
                color: #789aff;
                margin: -8px 8px -8px -8px
            }

            .mat-snack-bar-container.is-danger .mat-simple-snackbar>span:before {
                background: url(/assets/images/icons/snackbar/snack-warning.svg) no-repeat 0 0/100%
            }

            .mat-snack-bar-container.is-success .mat-simple-snackbar>span:before {
                background: url(/assets/images/icons/snackbar/snack-success.svg) no-repeat 0 0/100%
            }

            .mat-snack-bar-container.is-danger .mat-simple-snackbar>span:before,
            .mat-snack-bar-container.is-success .mat-simple-snackbar>span:before {
                display: inline-block;
                vertical-align: middle;
                content: " ";
                width: 20px;
                height: 20px;
                margin-inline-end: 8px
            }

            .cdk-live-announcer-element {
                right: 0;
                left: auto
            }

            .mat-form-field-label,
            .mat-select-value {
                text-align: right
            }

            .mat-select {
                border: 1px solid #AFB9C5;
                padding: 20px 12px;
                border-radius: 12px
            }

            .mat-form-field-appearance-legacy .mat-form-field-underline {
                height: 0;
                display: none
            }

            .mat-form-field-appearance-legacy .mat-form-field-label {
                font-weight: 400;
                font-size: 16px;
                color: #061962
            }

            .mat-option {
                direction: rtl
            }

            .mat-option-text {
                margin-right: 10px;
                text-align: right
            }

            .mat-select-arrow {
                width: unset !important;
                height: unset !important;
                border: unset !important;
                margin: unset !important
            }

            .mat-select-arrow:before {
                display: block;
                content: "";
                background-image: url(/assets/images/icons/icon-charon-right.svg);
                background-position: center center;
                margin: 0;
                height: 24px;
                width: 24px;
                transform: rotate(90deg)
            }

            .cdk-visually-hidden {
                margin: unset
            }

            .mat-bottom-sheet-container {
                background: #fff;
                direction: rtl;
                padding: 20px 16px !important;
                border-radius: 16px 16px 0 0 !important
            }

            .mat-simple-snackbar {
                padding: 12px;
                text-align: start;
                direction: rtl;
                color: #fff;
                border-radius: 8px;
                font-family: "Yourfont" !important
            }

            .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
                opacity: 1
            }

            .cdk-overlay-backdrop {
                position: absolute;
                inset: 0;
                z-index: 1000;
                pointer-events: auto;
                -webkit-tap-highlight-color: transparent;
                transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
                opacity: 0
            }

            .mat-expansion-panel-content {
                font-family: "Yourfont" !important
            }

            .mat-expansion-panel:not([class*=mat-elevation-z]) {
                box-shadow: unset
            }

            .mat-bottom-sheet-container-medium {
                margin: auto
            }

            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                color: #2c3544;
                margin-bottom: 8px;
                line-height: 1.5
            }

            h1 {
                font-size: 32px;
                font-weight: 1000
            }

            h2 {
                font-size: 32px;
                font-weight: 900
            }

            h3 {
                font-size: 24px;
                font-weight: 800
            }

            h4 {
                font-size: 20px;
                font-weight: 800
            }

            h5 {
                font-size: 16px;
                font-weight: 600
            }

            h6 {
                font-size: 16px;
                font-weight: 400
            }

            h1~.subtitle,
            h2~.subtitle {
                font-weight: 400;
                font-size: 20px;
                color: #2c3544;
                line-height: 1.5;
                margin-bottom: 32px
            }

            @media (max-width: 1280px) {

                h1,
                h2 {
                    font-size: 24px
                }

                h3 {
                    font-size: 20px
                }

                h4 {
                    font-size: 18px
                }

                h5 {
                    font-size: 16px
                }

                h6 {
                    font-size: 14px
                }

                h1~.subtitle,
                h2~.subtitle {
                    font-size: 18px;
                    margin-bottom: 16px
                }
            }

            @media (max-width: 744px) {

                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                    margin-bottom: unset
                }

                h1,
                h2 {
                    font-size: 18px
                }

                h3 {
                    font-size: 16px
                }

                h3,
                h4,
                h5 {
                    font-size: 14px
                }

                h1~.subtitle,
                h2~.subtitle {
                    font-size: 14px;
                    margin-bottom: 8px
                }
            }

            .heading-w900 {
                font-weight: 900 !important
            }

            .heading-w800 {
                font-weight: 800 !important
            }

            .heading-w500 {
                font-weight: 500 !important
            }

            .heading-w400 {
                font-weight: 400 !important
            }

            .heading-w300 {
                font-weight: 300 !important
            }

            a,
            a:visited {
                color: unset
            }

            .ultra-thin {
                font-weight: 100 !important
            }

            .thin {
                font-weight: 300 !important
            }

            .bold {
                font-weight: 800 !important
            }

            .centered-text {
                text-align: center
            }

            .text-right {
                text-align: right
            }

            .text-left {
                text-align: left
            }

            body,
            html {
                background: white;
                height: 100%;
                margin: 0;
                direction: rtl;
                font-weight: 400
            }

            html {
                scroll-behavior: smooth
            }

            textarea {
                resize: none
            }

            main {
                margin: auto;
                overflow: hidden
            }

            section {
                padding: 64px 0
            }

            #layout>*:nth-child(2)>section {
                padding-top: 128px
            }

            .pt-0 {
                padding-top: 0 !important
            }

            .pb-0 {
                padding-bottom: 0 !important
            }

            .d-none {
                display: none
            }

            .d-block {
                display: block !important
            }

            main>*:first-child {
                padding-top: 150px
            }

            ol,
            ul {
                list-style: none
            }

            .d-flex {
                display: flex
            }

            .cursor-pointer {
                cursor: pointer
            }

            .flex-wrap {
                flex-wrap: wrap
            }

            .align-items-center {
                align-items: center
            }

            .justify-content-center {
                justify-content: center !important
            }

            .m-auto {
                margin: auto
            }

            .full-width {
                width: 100% !important
            }

            .bg-white {
                background-color: #fefefe !important
            }

            .text-center {
                text-align: center
            }

            .container {
                margin: auto;
                max-width: 1200px;
                width: 100%
            }

            .collapsible-selector--arrow:after {
                content: "";
                display: block;
                position: absolute;
                height: 9px;
                width: 16px;
                top: 8px;
                left: -24px;
                background-image: url(data:image/svg+xml;
 base64, PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS4yMDcxIDIuMjgyNTVDMTUuNTk3NiAxLjg5MjAyIDE1LjU5NzYgMS4yNTg4NiAxNS4yMDcxIDAuODY4MzMyQzE0LjgxNjUgMC40Nzc4MDggMTQuMTgzNCAwLjQ3NzgwOCAxMy43OTI5IDAuODY4MzMzTDE1LjIwNzEgMi4yODI1NVpNOC4wNzUyOSA4LjAwMDEyTDcuMzY4MTYgOC43MDcyQzcuNTU1NyA4Ljg5NDc1IDcuODEwMDUgOS4wMDAxMiA4LjA3NTI3IDkuMDAwMTJDOC4zNDA1IDkuMDAwMTIgOC41OTQ4NiA4Ljg5NDc3IDguNzgyNCA4LjcwNzIzTDguMDc1MjkgOC4wMDAxMlpNMi40MjkzIDAuOTM5NDk4QzIuMDM4NzkgMC41NDg5NjEgMS40MDU2MiAwLjU0ODk0MSAxLjAxNTA4IDAuOTM5NDUyQzAuNjI0NTQ3IDEuMzI5OTYgMC42MjQ1MjcgMS45NjMxMyAxLjAxNTA0IDIuMzUzNjdMMi40MjkzIDAuOTM5NDk4Wk0xMy43OTI5IDAuODY4MzMzTDcuMzY4MTggNy4yOTMwMUw4Ljc4MjQgOC43MDcyM0wxNS4yMDcxIDIuMjgyNTVMMTMuNzkyOSAwLjg2ODMzM1pNOC43ODI0MiA3LjI5MzA0TDIuNDI5MyAwLjkzOTQ5OEwxLjAxNTA0IDIuMzUzNjdMNy4zNjgxNiA4LjcwNzJMOC43ODI0MiA3LjI5MzA0WiIgZmlsbD0iIzA2MTk2MiIvPgo8L3N2Zz4K);
                background-repeat: no-repeat;
                background-position: center center;
                cursor: pointer;
                transform: rotate(90deg);
                transition: all .3s ease
            }

            .collapsible-selector--arrow.open:after {
                transform: rotate(0);
                transition: all .3s ease
            }

            .collapsible-content {
                max-height: 0;
                transition: max-height .3s ease-out;
                overflow: hidden
            }

            .bg-dark {
                color: #fff
            }

            .text-white {
                color: #fff !important
            }

            .inline-flex-button {
                display: inline-flex
            }

            .justified {
                text-align: justify
            }

            .w-100 {
                width: 100%
            }

            .mr-auto {
                margin-right: auto
            }

            .ml-auto {
                margin-left: auto
            }

            .d-rtl {
                direction: rtl
            }

            .d-ltr {
                direction: ltr
            }

            .position-relative {
                position: relative
            }

            @media (max-width: 1280px) {
                .container {
                    max-width: 650px
                }

                section {
                    padding: 32px 0
                }
            }

            @media (max-width: 744px) {
                .container {
                    max-width: 92%
                }

                #layout>*:nth-child(2)>section {
                    padding-top: 80px
                }

                section {
                    padding: 16px 0
                }
            }

            .fade-in-white {
                animation: turnWhiteSlowly .5s ease-out;
                -moz-animation: turnWhiteSlowly .5s ease-out;
                -webkit-animation: turnWhiteSlowly .5s ease-out;
                -ms-animation: turnWhiteSlowly .5s ease-out;
                animation-fill-mode: forwards;
                -moz-animation-fill-mode: forwards;
                -webkit-animation-fill-mode: forwards;
                -ms-animation-fill-mode: forwards
            }

            .fade-out-white {
                animation: turnTransparentSlowly 1s ease-in;
                -moz-animation: turnTransparentSlowly 1s ease-in;
                -webkit-animation: turnTransparentSlowly 1s ease-in;
                -ms-animation: turnTransparentSlowly 1s ease-in;
                animation-fill-mode: forwards;
                -moz-animation-fill-mode: forwards;
                -webkit-animation-fill-mode: forwards;
                -ms-animation-fill-mode: forwards
            }

            @keyframes turnWhiteSlowly {
                0% {
                    background-color: #fdfdfd00
                }

                to {
                    background-color: #fdfdfdf6
                }
            }

            @keyframes turnTransparentSlowly {
                0% {
                    background-color: #fdfdfdf6
                }

                to {
                    background-color: #fdfdfd00
                }
            }

            .floating-button.clone {
                position: fixed;
                bottom: -100px;
                right: 2rem;
                display: block;
                z-index: 1;
                transition: all .2s ease-in
            }

            .floating-button.clone.display-floating-button {
                bottom: 2rem;
                transition: all .2s ease-out;
                box-shadow: 0 0 16px #06196280;
                border-radius: 1.5rem;
                padding: 1rem 2.5rem
            }

            .disabled-link {
                pointer-events: none;
                cursor: default;
                filter: grayscale(1) !important;
                opacity: .5 !important
            }

            body {
                margin: 0;
                font-family: "Yourfont", Roboto, Helvetica Neue, sans-serif !important;
                letter-spacing: -.758px !important
            }

            * {
                box-sizing: border-box
            }

            ::-webkit-scrollbar {
                width: 5px;
                height: 5px
            }

            ::-webkit-scrollbar-track {
                background: #F2F5F8;
                border-radius: 4px
            }

            ::-webkit-scrollbar-thumb {
                background: #3C6DFF;
                border-radius: 4px
            }

            .flex-column,
            .flex-l-column {
                flex-direction: column
            }

            .flex-row {
                flex-direction: row
            }

            .flex-center-between {
                align-items: center;
                justify-content: space-between
            }

            b,
            strong {
                font-weight: 700
            }

            #box-chat .left .dc-text,
            #box-chat .box-header,
            .cssload-loader div,
            .avatar span,
            .dc-text:before,
            .pressmic,
            .right .amazingaudioplayer-progress-played,
            .qa_btn {
                background: rgb(35, 0, 255)
            }

            .load-older,
            .emojz div {
                color: rgb(35, 0, 255)
            }

            #box-chat .avatar img,
            .reply-op {
                border-color: rgb(35, 0, 255)
            }

            .reply-op {
                background: rgba(35, 0, 255, 0.15)
            }

            .box-title,
            .clclose,
            .left>.dc-text,
            .qa_btn {
                color: white
            }

            .left .dc-text svg {
                fill: white
            }

            #replybox div svg {
                fill: rgb(35, 0, 255)
            }

            #box-widget-icon {
                float: right
            }

            #box-new-message-content .dc-text {
                float: right;
                margin-right: 50px
            }

            .unread-num {
                right: 50px
            }

            #box-new-message-content .dc-img {
                right: 0
            }

            .sendFormButton {
                background: rgb(35, 0, 255);
                color: white !important
            }

            .focus_field {
                background-image: linear-gradient(rgb(35, 0, 255), rgb(35, 0, 255)), linear-gradient(#D2D2D2, #D2D2D2)
            }

            .widget-icon {
                background: rgb(35, 0, 255)
            }

            @keyframes cssload-shift {
                0% {
                    left: -30px;
                    opacity: 0
                }

                10% {
                    left: 0;
                    opacity: 1
                }

                90% {
                    left: 50px;
                    opacity: 1
                }

                to {
                    left: 80px;
                    opacity: 0
                }
            }

            @-o-keyframes cssload-shift {
                0% {
                    left: -30px;
                    opacity: 0
                }

                10% {
                    left: 0;
                    opacity: 1
                }

                90% {
                    left: 50px;
                    opacity: 1
                }

                to {
                    left: 80px;
                    opacity: 0
                }
            }

            @-ms-keyframes cssload-shift {

                10%,
                90% {
                    opacity: 1
                }

                0%,
                to {
                    opacity: 0
                }

                0% {
                    left: -30px
                }

                10% {
                    left: 0
                }

                90% {
                    left: 50px
                }

                to {
                    left: 80px
                }
            }

            @-webkit-keyframes cssload-shift {
                0% {
                    left: -30px;
                    opacity: 0
                }

                10% {
                    left: 0;
                    opacity: 1
                }

                90% {
                    left: 50px;
                    opacity: 1
                }

                to {
                    left: 80px;
                    opacity: 0
                }
            }

            @-moz-keyframes cssload-shift {
                0% {
                    left: -30px;
                    opacity: 0
                }

                10% {
                    left: 0;
                    opacity: 1
                }

                90% {
                    left: 50px;
                    opacity: 1
                }

                to {
                    left: 80px;
                    opacity: 0
                }
            }

            @keyframes stretchdelay {

                0%,
                40%,
                to {
                    transform: scaleY(.8);
                    transform: scaleX(.8);
                    background-color: #dfe0e0;
                    box-shadow: 0 0 0 rgba(10, 10, 10, .1)
                }

                20% {
                    transform: scaleY(1);
                    transform: scaleX(1);
                    background-color: #555;
                    box-shadow: 0 5px 6px rgba(10, 10, 10, .1)
                }
            }

            @-o-keyframes stretchdelay {

                0%,
                40%,
                to {
                    -o-transform: scaleY(.8);
                    -o-transform: scaleX(.8);
                    background-color: #dfe0e0;
                    box-shadow: 0 0 0 rgba(10, 10, 10, .1)
                }

                20% {
                    -o-transform: scaleY(1);
                    -o-transform: scaleX(1);
                    background-color: #555;
                    box-shadow: 0 5px 6px rgba(10, 10, 10, .1)
                }
            }

            @-ms-keyframes stretchdelay {

                0%,
                40%,
                to {
                    -ms-transform: scaleY(.8);
                    -ms-transform: scaleX(.8);
                    background-color: #dfe0e0;
                    box-shadow: 0 0 0 rgba(10, 10, 10, .1)
                }

                20% {
                    -ms-transform: scaleY(1);
                    -ms-transform: scaleX(1);
                    background-color: #555;
                    box-shadow: 0 5px 6px rgba(10, 10, 10, .1)
                }
            }

            @-webkit-keyframes stretchdelay {

                0%,
                40%,
                to {
                    -webkit-transform: scaleY(.8);
                    -webkit-transform: scaleX(.8);
                    background-color: #dfe0e0;
                    box-shadow: 0 0 0 rgba(10, 10, 10, .1)
                }

                20% {
                    -webkit-transform: scaleY(1);
                    -webkit-transform: scaleX(1);
                    background-color: #555;
                    box-shadow: 0 5px 6px rgba(10, 10, 10, .1)
                }
            }

            @-moz-keyframes stretchdelay {

                0%,
                40%,
                to {
                    -moz-transform: scaleY(.8);
                    -moz-transform: scaleX(.8);
                    background-color: #dfe0e0;
                    box-shadow: 0 0 0 rgba(10, 10, 10, .1)
                }

                20% {
                    -moz-transform: scaleY(1);
                    -moz-transform: scaleX(1);
                    background-color: #555;
                    box-shadow: 0 5px 6px rgba(10, 10, 10, .1)
                }
            }

            @keyframes spin {
                0% {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(360deg)
                }
            }

            @-o-keyframes spin {
                0% {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(360deg)
                }
            }

            @-ms-keyframes spin {
                0% {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(360deg)
                }
            }

            @-webkit-keyframes spin {
                0% {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(360deg)
                }
            }

            @-moz-keyframes spin {
                0% {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(360deg)
                }
            }

            @-webkit-keyframes fadeInUp {
                0% {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 50%, 0);
                    transform: translate3d(0, 50%, 0)
                }

                to {
                    opacity: 1;
                    -webkit-transform: none;
                    transform: none
                }
            }

            @keyframes fadeInUp {
                0% {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 50%, 0);
                    transform: translate3d(0, 50%, 0)
                }

                to {
                    opacity: 1;
                    -webkit-transform: none;
                    transform: none
                }
            }

            @-webkit-keyframes fadeOutDown {
                0% {
                    opacity: 1
                }

                to {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 50%, 0);
                    transform: translate3d(0, 50%, 0)
                }
            }

            @keyframes fadeOutDown {
                0% {
                    opacity: 1
                }

                to {
                    opacity: 0;
                    -webkit-transform: translate3d(0, 50%, 0);
                    transform: translate3d(0, 50%, 0)
                }
            }

            @-webkit-keyframes slideInRight {
                0% {
                    -webkit-transform: translateX(100%);
                    transform: translateX(100%);
                    visibility: visible
                }

                to {
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @keyframes slideInRight {
                0% {
                    -webkit-transform: translateX(100%);
                    transform: translateX(100%);
                    visibility: visible
                }

                to {
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @-webkit-keyframes slideInLeft {
                0% {
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                    visibility: visible
                }

                to {
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @keyframes slideInLeft {
                0% {
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                    visibility: visible
                }

                to {
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }

            @-webkit-keyframes fadeInLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: translate3d(-100%, 0, 0);
                    transform: translate3d(-100%, 0, 0)
                }

                to {
                    opacity: 1;
                    -webkit-transform: none;
                    transform: none
                }
            }

            @keyframes fadeInLeft {
                0% {
                    opacity: 0;
                    -webkit-transform: translate3d(-100%, 0, 0);
                    transform: translate3d(-100%, 0, 0)
                }

                to {
                    opacity: 1;
                    -webkit-transform: none;
                    transform: none
                }
            }

            @-webkit-keyframes fadeOutLeft {
                0% {
                    opacity: 1
                }

                to {
                    opacity: 0;
                    -webkit-transform: translate3d(-100%, 0, 0);
                    transform: translate3d(-100%, 0, 0)
                }
            }

            @keyframes fadeOutLeft {
                0% {
                    opacity: 1
                }

                to {
                    opacity: 0;
                    -webkit-transform: translate3d(-100%, 0, 0);
                    transform: translate3d(-100%, 0, 0)
                }
            }

            @-webkit-keyframes bounceIn {

                0%,
                20%,
                40%,
                60%,
                80%,
                to {
                    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
                }

                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }

                20% {
                    -webkit-transform: scale3d(1.1, 1.1, 1.1);
                    transform: scale3d(1.1, 1.1, 1.1)
                }

                40% {
                    -webkit-transform: scale3d(.9, .9, .9);
                    transform: scale3d(.9, .9, .9)
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale3d(1.03, 1.03, 1.03);
                    transform: scale3d(1.03, 1.03, 1.03)
                }

                80% {
                    -webkit-transform: scale3d(.97, .97, .97);
                    transform: scale3d(.97, .97, .97)
                }

                to {
                    opacity: 1;
                    -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1)
                }
            }

            @keyframes bounceIn {

                0%,
                20%,
                40%,
                60%,
                80%,
                to {
                    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
                }

                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }

                20% {
                    -webkit-transform: scale3d(1.1, 1.1, 1.1);
                    transform: scale3d(1.1, 1.1, 1.1)
                }

                40% {
                    -webkit-transform: scale3d(.9, .9, .9);
                    transform: scale3d(.9, .9, .9)
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale3d(1.03, 1.03, 1.03);
                    transform: scale3d(1.03, 1.03, 1.03)
                }

                80% {
                    -webkit-transform: scale3d(.97, .97, .97);
                    transform: scale3d(.97, .97, .97)
                }

                to {
                    opacity: 1;
                    -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1)
                }
            }

            @-webkit-keyframes mypulse {

                0%,
                to {
                    background: #e00
                }

                50% {
                    background: #fff
                }
            }

            @keyframes goftino_rubberBand {

                0%,
                to {
                    -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1)
                }

                30% {
                    -webkit-transform: scale3d(1.7, .7, 1);
                    transform: scale3d(1.7, .7, 1)
                }

                40% {
                    -webkit-transform: scale3d(.7, 1.7, 1);
                    transform: scale3d(.7, 1.7, 1)
                }

                50% {
                    -webkit-transform: scale3d(1.25, .8, 1);
                    transform: scale3d(1.25, .8, 1)
                }

                65% {
                    -webkit-transform: scale3d(.95, 1.05, 1);
                    transform: scale3d(.95, 1.05, 1)
                }

                75% {
                    -webkit-transform: scale3d(1.05, .95, 1);
                    transform: scale3d(1.05, .95, 1)
                }
            }

            @keyframes goftino_shake {

                0%,
                to {
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0)
                }

                10%,
                30%,
                50%,
                70%,
                90% {
                    -webkit-transform: translate3d(-10px, 0, 0);
                    transform: translate3d(-10px, 0, 0)
                }

                20%,
                40%,
                60%,
                80% {
                    -webkit-transform: translate3d(10px, 0, 0);
                    transform: translate3d(10px, 0, 0)
                }
            }

            @keyframes goftino_tada {

                0%,
                to {
                    -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1)
                }

                10%,
                20% {
                    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -15deg);
                    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -15deg)
                }

                30%,
                50%,
                70%,
                90% {
                    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 15deg);
                    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 15deg)
                }

                40%,
                60%,
                80% {
                    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -15deg);
                    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -15deg)
                }
            }

            @keyframes goftino_wobble {

                0%,
                to {
                    -webkit-transform: none;
                    transform: none
                }

                15% {
                    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -15deg);
                    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -15deg)
                }

                30% {
                    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 10deg);
                    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 10deg)
                }

                45% {
                    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -10deg);
                    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -10deg)
                }

                60% {
                    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 5deg);
                    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 5deg)
                }

                75% {
                    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
                }
            }

            @keyframes goftino_rotateIn {
                0% {
                    -webkit-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -280deg);
                    transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -280deg);
                    opacity: 0
                }

                to {
                    -webkit-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: none;
                    transform: none;
                    opacity: 1
                }
            }

            @keyframes goftino_flip {
                0% {
                    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                    -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out
                }

                40% {
                    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                    -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out
                }

                50% {
                    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in
                }

                80% {
                    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
                    transform: perspective(400px) scale3d(.95, .95, .95);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in
                }

                to {
                    -webkit-transform: perspective(400px);
                    transform: perspective(400px);
                    -webkit-animation-timing-function: ease-in;
                    animation-timing-function: ease-in
                }
            }

            @keyframes goftino_bounceIn {

                0%,
                20%,
                40%,
                60%,
                80%,
                to {
                    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
                    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
                }

                0% {
                    opacity: 0;
                    -webkit-transform: scale3d(.3, .3, .3);
                    transform: scale3d(.3, .3, .3)
                }

                20% {
                    -webkit-transform: scale3d(1.3, 1.3, 1.3);
                    transform: scale3d(1.3, 1.3, 1.3)
                }

                40% {
                    -webkit-transform: scale3d(.9, .9, .9);
                    transform: scale3d(.9, .9, .9)
                }

                60% {
                    opacity: 1;
                    -webkit-transform: scale3d(1.03, 1.03, 1.03);
                    transform: scale3d(1.03, 1.03, 1.03)
                }

                80% {
                    -webkit-transform: scale3d(.97, .97, .97);
                    transform: scale3d(.97, .97, .97)
                }

                to {
                    opacity: 1;
                    -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1)
                }
            }

            @keyframes spinn {
                to {
                    -webkit-transform: rotate(-360deg);
                    transform: rotate(-360deg)
                }
            }

            @keyframes spin2 {
                0% {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(360deg)
                }
            }

            @-webkit-keyframes spin2 {
                0% {
                    transform: rotate(0deg)
                }

                to {
                    transform: rotate(360deg)
                }
            }

            *,
            html {
                -webkit-tap-highlight-color: transparent
            }

            html {
                font-family: sans-serif
            }

            * {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }

            body {
                font-family: fontsans, Tahoma, Arial;
                font-weight: 300;
                line-height: 1.5em;
                background: 0 0;
                color: #3c4858;
                font-size: 14px;
                margin: 0
            }

            img {
                vertical-align: middle;
                border: 0
            }

            .form-control {
                display: block;
                width: 100%;
                color: #555;
                background-image: none;
                border: 1px solid #ccc;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
            }

            button,
            input,
            select,
            textarea {
                font-family: inherit;
                font-size: inherit;
                line-height: inherit
            }

            textarea {
                overflow: auto
            }

            .collapse {
                display: none
            }

            .btn {
                display: inline-block;
                line-height: 1.42857143;
                text-align: center;
                white-space: nowrap;
                vertical-align: middle;
                -ms-touch-action: manipulation;
                touch-action: manipulation;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                background-image: none
            }

            html * {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            .material-datatables .input-sm {
                height: 35px;
                padding: 0
            }

            .collapse.in {
                display: block
            }

            .collapsing {
                position: relative;
                height: 0;
                overflow: hidden;
                -webkit-transition-timing-function: ease;
                -o-transition-timing-function: ease;
                transition-timing-function: ease;
                -webkit-transition-duration: .35s;
                -o-transition-duration: .35s;
                transition-duration: .35s;
                -webkit-transition-property: height, visibility;
                -o-transition-property: height, visibility;
                transition-property: height, visibility
            }

            .btn.btn-simple {
                box-shadow: none
            }

            .btn.btn-simple,
            .btn.btn-simple:hover {
                background-color: transparent;
                color: #999
            }

            .text-warning {
                color: #ff9800
            }

            .text-primary {
                color: #9c27b0
            }

            .text-danger {
                color: #f44336
            }

            .text-success {
                color: #4caf50
            }

            .text-info {
                color: #00bcd4
            }

            .text-rose {
                color: #e91e63
            }

            .text-gray {
                color: #999
            }

            .wrapper {
                position: relative;
                top: 0;
                height: 100vh
            }

            @media (min-width:992px) {
                .hover-collapse {
                    display: block;
                    position: absolute;
                    top: 0;
                    right: 81px;
                    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
                    border-radius: 6px;
                    color: rgba(0, 0, 0, .87);
                    background: #fff
                }
            }

            .btn {
                border: 0;
                border-radius: 3px;
                position: relative;
                padding: 12px 30px;
                margin: 10px 1px;
                font-size: 16px;
                font-weight: 400;
                text-transform: uppercase;
                letter-spacing: 0;
                will-change: box-shadow, transform;
                transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1)
            }

            .btn::-moz-focus-inner {
                border: 0
            }

            .btn,
            .btn.btn-default {
                box-shadow: 0 2px 2px 0 rgba(153, 153, 153, .14), 0 3px 1px -2px rgba(153, 153, 153, .2), 0 1px 5px 0 rgba(153, 153, 153, .12)
            }

            .btn.btn-default.disabled,
            .btn.btn-default.disabled.active,
            .btn.btn-default.disabled.focus,
            .btn.btn-default.disabled:active,
            .btn.btn-default.disabled:focus,
            .btn.btn-default.disabled:hover,
            .btn.btn-default:disabled,
            .btn.btn-default:disabled.active,
            .btn.btn-default:disabled.focus,
            .btn.btn-default:disabled:active,
            .btn.btn-default:disabled:focus,
            .btn.btn-default:disabled:hover,
            .btn.btn-default[disabled],
            .btn.btn-default[disabled].active,
            .btn.btn-default[disabled].focus,
            .btn.btn-default[disabled]:active,
            .btn.btn-default[disabled]:focus,
            .btn.btn-default[disabled]:hover,
            .btn.disabled,
            .btn.disabled.active,
            .btn.disabled.focus,
            .btn.disabled:active,
            .btn.disabled:focus,
            .btn.disabled:hover,
            .btn:disabled,
            .btn:disabled.active,
            .btn:disabled.focus,
            .btn:disabled:active,
            .btn:disabled:focus,
            .btn:disabled:hover,
            .btn[disabled],
            .btn[disabled].active,
            .btn[disabled].focus,
            .btn[disabled]:active,
            .btn[disabled]:focus,
            .btn[disabled]:hover,
            .close,
            fieldset[disabled] .btn,
            fieldset[disabled] .btn.active,
            fieldset[disabled] .btn.btn-default,
            fieldset[disabled] .btn.btn-default.active,
            fieldset[disabled] .btn.btn-default.focus,
            fieldset[disabled] .btn.btn-default:active,
            fieldset[disabled] .btn.btn-default:focus,
            fieldset[disabled] .btn.btn-default:hover,
            fieldset[disabled] .btn.focus,
            fieldset[disabled] .btn:active,
            fieldset[disabled] .btn:focus,
            fieldset[disabled] .btn:hover {
                font-size: inherit;
                color: #fff;
                opacity: .9;
                text-shadow: none
            }

            .close:focus,
            .close:hover {
                opacity: 1;
                color: #fff
            }

            .close i {
                font-size: 11px
            }

            a,
            a:focus,
            a:hover {
                color: #09a1b5;
                text-decoration: none
            }

            :focus {
                outline: 0
            }

            a:active,
            a:focus,
            button::-moz-focus-inner,
            button:active,
            button:focus,
            button:hover,
            input[type=button]::-moz-focus-inner,
            input[type=file]>input[type=button]::-moz-focus-inner,
            input[type=submit]::-moz-focus-inner,
            select::-moz-focus-inner {
                outline: 0 !important
            }

            .form-control {
                background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
                background-size: 0 2px, 100% 1px;
                background-repeat: no-repeat;
                background-position: center bottom, center calc(100% - 1px);
                background-color: transparent;
                transition: background 0s ease-out;
                float: none;
                box-shadow: none;
                border-radius: 0;
                font-weight: 400;
                height: 36px;
                padding: 7px 0;
                font-size: 15px;
                line-height: 1.42857
            }

            .form-control:-ms-input-placeholder {
                font-size: 14px;
                line-height: 1.42857;
                color: #aaa;
                font-weight: 400
            }

            .form-control::-moz-placeholder {
                font-size: 14px;
                line-height: 1.42857;
                color: #aaa;
                font-weight: 400
            }

            .form-control::-webkit-input-placeholder {
                font-size: 14px;
                line-height: 1.42857;
                color: #aaa;
                font-weight: 400
            }

            .btn-file {
                position: relative;
                overflow: hidden;
                vertical-align: middle
            }

            .btn-file>input {
                position: absolute;
                top: 0;
                right: 0;
                width: 100%;
                height: 100%;
                margin: 0;
                font-size: 23px;
                cursor: pointer;
                filter: alpha(opacity=0);
                opacity: 0;
                direction: ltr
            }

            .fileinput {
                display: inline-block;
                margin-bottom: 9px
            }

            .fileinput .form-control {
                display: inline-block;
                padding-top: 7px;
                padding-bottom: 5px;
                margin-bottom: 0;
                vertical-align: middle;
                cursor: text
            }

            .dc-text i,
            .fileinput .btn,
            .fileinput-filename {
                vertical-align: middle
            }

            .fileinput-exists .fileinput-new,
            .fileinput-new .fileinput-exists {
                display: none
            }

            .fileinput-inline .fileinput-controls {
                display: inline
            }

            .fileinput-filename {
                display: inline-block;
                overflow: hidden
            }

            .form-control .fileinput-filename {
                vertical-align: bottom
            }

            .fileinput.input-group {
                display: table
            }

            .fileinput.input-group>* {
                position: relative;
                z-index: 2
            }

            .fileinput.input-group>.btn-file {
                z-index: 1
            }

            .fileinput-new .input-group .btn-file,
            .fileinput-new.input-group .btn-file {
                border-radius: 0 4px 4px 0
            }

            .fileinput-new .input-group .btn-file.btn-sm,
            .fileinput-new .input-group .btn-file.btn-xs,
            .fileinput-new.input-group .btn-file.btn-sm,
            .fileinput-new.input-group .btn-file.btn-xs {
                border-radius: 0 3px 3px 0
            }

            .fileinput-new .input-group .btn-file.btn-lg,
            .fileinput-new.input-group .btn-file.btn-lg {
                border-radius: 0 6px 6px 0
            }

            .form-group.has-warning .fileinput .fileinput-preview {
                color: #ff9800
            }

            .form-group.has-warning .fileinput .thumbnail {
                border-color: #ff9800
            }

            .alert.alert-danger i,
            .form-group.has-error .fileinput .fileinput-preview {
                color: #f44336
            }

            .form-group.has-error .fileinput .thumbnail {
                border-color: #f44336
            }

            .form-group.has-success .fileinput .fileinput-preview {
                color: #4caf50
            }

            .form-group.has-success .fileinput .thumbnail {
                border-color: #4caf50
            }

            .alert,
            .alert.alert-default {
                background-color: #fff;
                border-radius: 3px;
                box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 255, 255, .4)
            }

            .alert {
                border: 0;
                right: 20px !important;
                left: 20px !important;
                position: relative;
                padding: 15px;
                line-height: 20px
            }

            .alert b {
                font-weight: 500;
                font-size: 12px
            }

            .alert.alert-default {
                color: #555
            }

            .alert,
            .alert .alert-link,
            .alert a,
            .alert.alert-default .alert-link,
            .alert.alert-default a {
                color: #555
            }

            .alert.alert-inverse {
                background-color: #2e2e2e;
                color: #fff;
                border-radius: 3px;
                box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(33, 33, 33, .4)
            }

            .alert-danger,
            .alert-info,
            .alert-rose,
            .alert-success,
            .alert-warning,
            .alert.alert-danger .alert-link,
            .alert.alert-danger a,
            .alert.alert-info .alert-link,
            .alert.alert-info a,
            .alert.alert-inverse .alert-link,
            .alert.alert-inverse a,
            .alert.alert-primary .alert-link,
            .alert.alert-primary a,
            .alert.alert-rose .alert-link,
            .alert.alert-rose a,
            .alert.alert-success .alert-link,
            .alert.alert-success a,
            .alert.alert-warning .alert-link,
            .alert.alert-warning a {
                color: #fff
            }

            .alert.alert-primary,
            .alert.alert-success {
                background-color: #af2cc5;
                color: #fff;
                border-radius: 3px;
                box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
            }

            .alert.alert-success {
                background-color: #5cb860;
                box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4)
            }

            .alert.alert-info,
            .alert.alert-warning {
                background-color: #00bcd4;
                color: #fff;
                border-radius: 3px;
                box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4)
            }

            .alert.alert-warning {
                background-color: #ffa21a;
                box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4)
            }

            .alert.alert-danger,
            .alert.alert-rose {
                background-color: #f55a4e;
                color: #fff;
                border-radius: 3px;
                box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4)
            }

            .alert.alert-rose {
                background-color: #eb3573;
                box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4)
            }

            .alert-default .alert-link,
            .alert-default a {
                color: rgba(0, 0, 0, .87)
            }

            .alert span {
                display: block;
                max-width: 89%;
                font-size: 13px
            }

            .alert.alert-warning i {
                color: #ff9800
            }

            .alert.alert-success i {
                color: #4caf50
            }

            .alert.alert-info i {
                color: #00bcd4
            }

            .alert.alert-primary i {
                color: #9c27b0
            }

            .alert.alert-rose i {
                color: #e91e63
            }

            .alert.alert-with-icon {
                margin-top: 43px;
                padding-right: 60px
            }

            .alert.alert-with-icon i[data-notify=icon] {
                display: block;
                right: 10px;
                position: absolute;
                margin-top: -35px;
                font-size: 20px;
                background-color: #fff;
                padding: 7px;
                text-align: center;
                border-radius: 50%;
                width: 40px;
                height: 40px;
                box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .4), 0 4px 20px 0 rgba(0, 0, 0, .2), 0 8px 10px -5px rgba(0, 0, 0, .2)
            }

            .alert .close i {
                color: #fff
            }

            .alert i[data-notify=icon] {
                display: none
            }

            .alert .alert-icon {
                display: block;
                float: left;
                margin-right: 15px
            }

            .alert .alert-icon i {
                margin-top: -7px;
                top: 5px;
                position: relative
            }

            .alert [data-notify=dismiss] {
                margin-left: 5px
            }

            button.close {
                -webkit-appearance: none;
                padding: 0;
                cursor: pointer;
                background: 0 0;
                border: 0
            }

            .tooltip {
                position: absolute;
                z-index: 107000;
                display: block;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 1.42857143;
                text-align: center;
                text-decoration: none;
                text-shadow: none;
                text-transform: none;
                letter-spacing: 0;
                word-break: normal;
                word-spacing: normal;
                word-wrap: normal;
                white-space: normal;
                filter: alpha(opacity=0);
                line-break: auto
            }

            .tooltip.in {
                filter: alpha(opacity=90)
            }

            .tooltip.top {
                padding: 5px 0;
                margin-top: -3px
            }

            .tooltip.right {
                padding: 0 5px;
                margin-left: 3px
            }

            .tooltip.bottom {
                padding: 5px 0;
                margin-top: 3px
            }

            .tooltip.left {
                padding: 0 5px;
                margin-left: -3px
            }

            .tooltip-inner {
                max-width: 200px;
                text-align: center;
                background-color: #000
            }

            .hasmic .tooltip-inner {
                width: 195px;
                font-size: 11px;
                text-align: left
            }

            .tooltip-arrow {
                position: absolute;
                width: 0;
                height: 0;
                border-color: transparent;
                border-style: solid
            }

            .tooltip.top .tooltip-arrow {
                bottom: 0;
                left: 50%;
                margin-left: -5px;
                border-width: 5px 5px 0
            }

            .tooltip.top-left .tooltip-arrow,
            .tooltip.top-right .tooltip-arrow {
                bottom: 0;
                margin-bottom: -5px;
                border-width: 5px 5px 0;
                border-top-color: #000
            }

            .tooltip.top-left .tooltip-arrow {
                right: 5px
            }

            .tooltip.top-right .tooltip-arrow {
                left: 5px
            }

            .tooltip.right .tooltip-arrow {
                top: 50%;
                left: 0;
                margin-top: -5px;
                border-width: 5px 5px 5px 0
            }

            .tooltip.left .tooltip-arrow {
                top: 50%;
                right: 0;
                margin-top: -5px;
                border-width: 5px 0 5px 5px
            }

            .tooltip.bottom .tooltip-arrow {
                top: 0;
                left: 50%;
                margin-left: -5px;
                border-width: 0 5px 5px
            }

            .tooltip.bottom-left .tooltip-arrow {
                top: 0;
                right: 5px;
                margin-top: -5px;
                border-width: 0 5px 5px;
                border-bottom-color: #000
            }

            .tooltip.bottom-right .tooltip-arrow {
                top: 0;
                left: 5px;
                margin-top: -5px;
                border-width: 0 5px 5px;
                border-bottom-color: #000
            }

            .popover,
            .tooltip-inner {
                color: #fff;
                line-height: 1.5em;
                background: #333;
                border: 0;
                border-radius: 3px;
                box-shadow: none
            }

            .popover {
                padding: 0;
                box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
            }

            .popover.bottom>.arrow,
            .popover.left>.arrow,
            .popover.right>.arrow,
            .popover.top>.arrow {
                border: 0
            }

            .popover-title {
                background-color: #fff;
                border: 0;
                padding: 15px 15px 5px;
                font-size: 1.3em
            }

            .popover-content {
                padding: 10px 15px 15px;
                line-height: 1.4
            }

            .tooltip.in {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }

            .tooltip {
                opacity: 0;
                transition: opacity, transform .2s ease;
                -webkit-transform: translate3d(0, 5px, 0);
                -moz-transform: translate3d(0, 5px, 0);
                -o-transform: translate3d(0, 5px, 0);
                -ms-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0)
            }

            .tooltip.left .tooltip-arrow {
                border-left-color: #333
            }

            .tooltip.right .tooltip-arrow {
                border-right-color: #333
            }

            .tooltip.top .tooltip-arrow {
                border-top-color: #333
            }

            .tooltip.bottom .tooltip-arrow {
                border-bottom-color: #333
            }

            .tooltip-inner {
                padding: 5px 10px
            }

            .box-chat-content {
                display: inline-block;
                position: relative;
                width: 100%;
                margin: 0;
                box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
                color: rgba(0, 0, 0, .87)
            }

            .box-chat-content .card-actions .btn {
                padding-left: 12px;
                padding-right: 12px
            }

            @media (max-width:767px) {
                .fileinput {
                    display: block
                }

                .modal-small {
                    width: auto;
                    margin-left: 15px;
                    margin-right: 15px
                }
            }

            .form-control {
                direction: rtl;
                text-align: right
            }

            .container {
                direction: rtl
            }

            .padding {
                padding: 15px
            }

            .tooltip {
                font-family: fontsans, tahoma
            }

            .loading,
            .notify_date div {
                width: 100%;
                position: absolute;
                right: 0;
                text-align: center
            }

            .loading {
                z-index: 10;
                top: 0;
                color: #28b6d5;
                display: none;
                height: calc(100vh - 230px);
                background: #fff
            }

            #close_autopm,
            #close_autopm svg {
                float: left;
                cursor: pointer;
                opacity: .5
            }

            #close_autopm {
                margin-left: -5px
            }

            #close_autopm svg {
                margin: 0 6px 0-2px !important;
                fill: #333
            }

            #close_autopm:hover {
                opacity: .8
            }

            .box-chat-content {
                overflow: hidden;
                height: calc(100vh - 22px);
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: column;
                flex-direction: column
            }

            .box-footer {
                width: 100%;
                margin: 0;
                background: #fff;
                align-self: flex-end;
                -webkit-align-self: flex-end
            }

            #box-new-message-content {
                padding: 0 5px 0 10px
            }

            #box-new-message-content .dc-text {
                cursor: pointer;
                border-radius: 8px
            }

            .box-header.with-border {
                border-bottom: 1px solid #f4f4f4
            }

            .box-header,
            .dc-msg {
                display: block;
                position: relative
            }

            .box-header {
                color: #444;
                padding: 13px 10px
            }

            .box-header>.box-tools {
                position: absolute;
                left: 2px;
                bottom: 2px
            }

            .box-chat-content .box-body {
                position: relative;
                overflow-x: hidden;
                padding: 0;
                height: calc(100vh - 200px);
                background: #f3f3f3
            }

            .dc-msg {
                margin-bottom: 6px;
                width: 100%;
                direction: rtl
            }

            .dc-info {
                display: block;
                margin-bottom: -5px;
                font-size: 11px
            }

            #box-chat .right .dc-img {
                right: 0
            }

            .dc-img {
                border-radius: 50%;
                width: 32px;
                height: 32px;
                object-fit: cover;
                position: absolute;
                z-index: 6;
                bottom: 6px
            }

            .box-chat-content .right>.dc-text {
                background: #fff;
                color: #444
            }

            .right .dc-text svg {
                fill: #555
            }

            .dc-text {
                border-radius: 22px;
                position: relative;
                padding: 11px 15px;
                background: #00bcd4;
                color: #fff;
                border: 0;
                margin: 0 0 5px 8px;
                white-space: pre-wrap;
                word-wrap: break-word;
                display: inline-block;
                float: left;
                max-width: calc(100% - 75px)
            }

            .dc-text svg,
            .modal-body i {
                vertical-align: middle;
                margin-left: 6px
            }

            .right .dc-text {
                margin-right: 42px;
                margin-left: 0;
                float: right;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2)
            }

            #box-chat .left .dc-text {
                background: 0 0
            }

            .dc-text a {
                color: inherit;
                text-decoration: underline
            }

            .box-chat-content .right>.dc-text:after,
            .box-chat-content .right>.dc-text:before {
                border-left-color: #f3f4f7
            }

            .dc-msg:after,
            .dc-msg:before {
                content: " ";
                display: table
            }

            .dc-msg:after {
                clear: both
            }

            .dc-text:before,
            .right .dc-text:before {
                bottom: 0;
                height: 18px;
                -webkit-transform: translate(0, -2px);
                width: 16px
            }

            .dc-text:before {
                content: " ";
                position: absolute;
                z-index: 2;
                left: -4px;
                background: #f3f3f3;
                border-bottom-right-radius: 30px
            }

            .dc-text:after {
                content: " ";
                position: absolute;
                z-index: 3;
                left: 4px;
                border-bottom-right-radius: 10px
            }

            .right .dc-text:before {
                z-index: 3;
                right: -4px;
                left: auto;
                border-radius: 0;
                border-bottom-left-radius: 30px;
                box-shadow: 4px 6px 7px -5px rgba(0, 0, 0, .3);
                background: #fff
            }

            .dc-text:after,
            .right .dc-text:after {
                bottom: -2px;
                width: 16px;
                height: 20px;
                background: #f3f3f3;
                -webkit-transform: translate(-20px, -2px)
            }

            .right .dc-text:after {
                z-index: 4;
                right: -36px;
                left: auto;
                border-radius: 0;
                border-bottom-left-radius: 10px;
                box-shadow: inset 2px 0 3px -3px rgba(0, 0, 0, .45)
            }

            .dc-timestamp {
                direction: ltr;
                color: #666
            }

            .file {
                font-family: arial, tahoma;
                white-space: initial
            }

            .right .file:after,
            .right .file:before {
                border-right: 0
            }

            .file a {
                text-decoration: none
            }

            .file svg {
                width: 36px;
                height: 36px;
                margin: 0
            }

            .file .file-box {
                width: calc(100% - 70px);
                float: left;
                margin: 0 6px 0 10px;
                direction: ltr
            }

            .file .file-box a {
                float: left;
                font-size: 13px;
                text-overflow: ellipsis;
                width: 100%;
                overflow: hidden;
                white-space: nowrap
            }

            .file .file-box span {
                float: left;
                font-size: 11px;
                opacity: .7;
                margin-top: -3px
            }

            #box-send,
            .typing {
                display: inline-block
            }

            .close,
            .file svg {
                float: left
            }

            .modal-body i {
                margin-left: 10px
            }

            .modal-title {
                color: #ff9800
            }

            .hide_ba:after,
            .hide_ba:before {
                display: none
            }

            #box-send {
                border: 0;
                box-shadow: none;
                position: relative;
                padding: 5px;
                background: #fff;
                width: 100%;
                margin: 0;
                border-radius: 0
            }

            .notify_date {
                text-align: center;
                color: #999;
                padding: 20px 0
            }

            .notify_date:before {
                border-top: 1px solid #dcdcdc;
                width: 96%;
                position: absolute;
                top: 19px;
                right: 2%;
                z-index: 0
            }

            .notify_date div {
                top: 10px;
                z-index: 0
            }

            .notify_date div span {
                background: #f3f3f3;
                padding: 0 10px;
                font-size: 12px
            }

            #box-send textarea {
                border: 0;
                background: 0 0 !important;
                overflow: hidden;
                height: auto;
                min-height: 30px;
                resize: none
            }

            .box-footer .input-group .input-group-btn {
                padding: 0
            }

            .fix-content {
                float: left;
                margin: 3px 5px
            }

            .box-footer .btn-simple {
                padding: 5px 4px;
                margin: 0
            }

            .box-footer .btn-simple i {
                font-size: 22px
            }

            .box-footer .form-group {
                margin: 0;
                padding: 5px;
                width: calc(100% - 110px);
                float: right
            }

            .box-footer .panel {
                margin: 0
            }

            .modal-backdrop.in {
                filter: alpha(opacity=70);
                opacity: .7
            }

            .fix-content .btn-file,
            .fix-content i {
                opacity: .6
            }

            .fix-content .fileinput-new i {
                opacity: .6;
                color: #555
            }

            .fix-content .btn-file:hover i,
            .fix-content i:hover {
                opacity: 1
            }

            .dragandrophandler {
                border: 0
            }

            .dragandrophandlerbg {
                position: fixed;
                right: 0;
                top: 40%;
                width: 100%;
                text-align: center;
                font-size: 14px;
                color: #333;
                display: none;
                z-index: 10
            }

            .dragandrophandlerbg i {
                font-size: 8em
            }

            .nimhide {
                border: 0
            }

            .nimhide #chatbox {
                opacity: .15
            }

            .nimhide .dragandrophandlerbg {
                display: inline-block
            }

            .hidden {
                display: none
            }

            .alert {
                direction: rtl
            }

            .load-older {
                display: inherit;
                cursor: pointer;
                text-align: center;
                position: relative;
                min-width: 150px;
                min-height: 30px;
                margin: 0 auto 10px;
                padding: 3px 15px;
                border-radius: 20px;
                color: #333;
                background-color: #fff;
                border: 0;
                font-size: 12px
            }

            .load-older:hover {
                font-weight: 700
            }

            .cssload-loader {
                width: 50px;
                height: 10px;
                margin-top: 0;
                position: absolute;
                left: 50%;
                transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%)
            }

            .cssload-loader>div {
                content: " ";
                width: 10px;
                height: 10px;
                background: #311423;
                border-radius: 100%;
                position: absolute;
                animation: cssload-shift 2.3s linear infinite;
                -o-animation: cssload-shift 2.3s linear infinite;
                -ms-animation: cssload-shift 2.3s linear infinite;
                -webkit-animation: cssload-shift 2.3s linear infinite;
                -moz-animation: cssload-shift 2.3s linear infinite
            }

            .cssload-loader>div:nth-of-type(1) {
                animation-delay: -.46s;
                -o-animation-delay: -.46s;
                -ms-animation-delay: -.46s;
                -webkit-animation-delay: -.46s;
                -moz-animation-delay: -.46s
            }

            .cssload-loader>div:nth-of-type(2) {
                animation-delay: -.92s;
                -o-animation-delay: -.92s;
                -ms-animation-delay: -.92s;
                -webkit-animation-delay: -.92s;
                -moz-animation-delay: -.92s
            }

            .cssload-loader>div:nth-of-type(3) {
                animation-delay: -1.38s;
                -o-animation-delay: -1.38s;
                -ms-animation-delay: -1.38s;
                -webkit-animation-delay: -1.38s;
                -moz-animation-delay: -1.38s
            }

            .cssload-loader>div:nth-of-type(4) {
                animation-delay: -1.84s;
                -o-animation-delay: -1.84s;
                -ms-animation-delay: -1.84s;
                -webkit-animation-delay: -1.84s;
                -moz-animation-delay: -1.84s
            }

            #emoji span,
            .but {
                cursor: pointer
            }

            .box-new-message .dc-text:after,
            .box-new-message .dc-text:before,
            .btn-send {
                display: none
            }

            .activechat {
                background: #e91e63;
                color: #fff
            }

            .chatnotf {
                background: #ff9800;
                color: #fff
            }

            #emoji div {
                max-height: 250px;
                overflow: hidden;
                overflow-y: auto;
                padding: 5px 0;
                text-align: center
            }

            #emoji span {
                padding: 5px 3px;
                line-height: 27px;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                font-size: 24px;
                -webkit-transition: all .2s ease !important;
                -moz-transition: all .2s ease !important;
                -ms-transition: all .2s ease !important;
                -o-transition: all .2s ease !important;
                transition: all .2s ease !important
            }

            #emoji span:hover {
                transition-delay: 0ms;
                -webkit-transform: scale(1.3);
                -ms-transform: scale(1.3);
                transform: scale(1.3)
            }

            #box-chat .form-group textarea {
                height: 30px;
                padding: 5px 0;
                font-size: 14px;
                min-height: auto;
                max-height: 200px
            }

            #box-chat .box-header {
                background: #f5df68;
                box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
                z-index: 5
            }

            #box-chat .box-body {
                padding: 0 12px 0 7px;
                font-size: 13px
            }

            #box-chat .avatar {
                height: 50px;
                position: relative
            }

            .avatar span {
                position: absolute;
                z-index: 6;
                top: 4px;
                right: 0;
                width: 44px;
                height: 44px;
                border-radius: 50%;
                border: 2px solid transparent;
                overflow: hidden
            }

            #box-chat .avatar img {
                width: 40px;
                height: 40px
            }

            #box-chat .avatar span:nth-child(2) img {
                opacity: .9
            }

            #box-chat .avatar span:nth-child(3) img {
                opacity: .8
            }

            #box-chat .avatar span:nth-child(2) {
                z-index: 5;
                right: 22px
            }

            #box-chat .avatar span:nth-child(3) {
                z-index: 4;
                right: 42px
            }

            #box-chat .avatar span:nth-child(4) {
                z-index: 3;
                right: 62px;
                background: rgba(255, 255, 255, .2);
                border: 0;
                color: rgba(0, 0, 0, .5);
                padding-left: 3px;
                text-align: left;
                line-height: 36px;
                font-size: 16px;
                font-weight: 700;
                width: 41px;
                height: 41px;
                top: 12px;
                border-radius: 50px
            }

            #box-chat .title-name {
                font-weight: 700;
                font-size: 14px;
                margin-top: 5px
            }

            #box-chat .title-text {
                opacity: .8;
                font-size: 12px
            }

            #box-chat .box-body,
            #box-chat .chatboxi .box-chat-content {
                height: calc(100vh);
                background: #f3f3f3 url(../img/bgchat.png)
            }

            #box-chat .box-footer .form-group {
                width: calc(100% - 72px)
            }

            #box-chat .fix-content {
                margin: 4px 4px 3px 3px;
                height: 35px
            }

            .clclose i {
                font-size: 14px;
                margin: 3px
            }

            .clclose:hover {
                background: rgba(0, 0, 0, .1);
                border-radius: 50%
            }

            #box-chat .focustype {
                background: #fff;
                box-shadow: 0 0 40px 0 rgba(150, 165, 190, .4)
            }

            #box-chat .box-footer {
                position: relative
            }

            #box-chat #chatbox {
                min-height: calc(100vh - 215px);
                padding-top: 15px;
                position: relative;
                overflow-x: hidden
            }

            #box-chat .dc-img {
                right: 0
            }

            .cssload-piano {
                margin: 7px 6px 6px;
                height: 8px;
                font-size: 12px
            }

            .cssload-piano>div {
                height: 7px;
                float: right;
                width: 8px;
                border-radius: 50%;
                margin-right: 5px;
                animation: stretchdelay 1.38s infinite ease-in-out;
                -o-animation: stretchdelay 1.38s infinite ease-in-out;
                -ms-animation: stretchdelay 1.38s infinite ease-in-out;
                -webkit-animation: stretchdelay 1.38s infinite ease-in-out;
                -moz-animation: stretchdelay 1.38s infinite ease-in-out
            }

            .cssload-piano .cssload-rect2 {
                animation-delay: -1.15s;
                -o-animation-delay: -1.15s;
                -ms-animation-delay: -1.15s;
                -webkit-animation-delay: -1.15s;
                -moz-animation-delay: -1.15s
            }

            .cssload-piano .cssload-rect3 {
                animation-delay: -.92s;
                -o-animation-delay: -.92s;
                -ms-animation-delay: -.92s;
                -webkit-animation-delay: -.92s;
                -moz-animation-delay: -.92s
            }

            .cssload-piano .cssload-rect4 {
                animation-delay: -.69s;
                -o-animation-delay: -.69s;
                -ms-animation-delay: -.69s;
                -webkit-animation-delay: -.69s;
                -moz-animation-delay: -.69s
            }

            .font14 {
                font-size: 14px
            }

            .loaderholder {
                position: absolute;
                z-index: 60;
                top: 0;
                right: 0;
                width: 80px;
                height: 80px;
                background: rgba(0, 0, 0, .5);
                display: none;
                border-radius: 50%;
                padding: 25px
            }

            .loader {
                border: 5px solid #f3f3f3;
                border-top: 5px solid #00bcd4;
                border-radius: 50%;
                width: 30px;
                height: 30px;
                animation: spin 1s linear infinite
            }

            .icond {
                position: relative;
                padding-top: 20px;
                text-align: right;
                width: 60px;
                height: 25px;
                float: right
            }

            .icond img {
                border-radius: 50%;
                width: 60px;
                height: 60px;
                overflow: hidden
            }

            #btn-close-chat div,
            .unread-num {
                border-radius: 50%;
                color: #fff;
                text-align: center
            }

            .unread-num {
                font-size: 12px;
                background: #f44336;
                position: absolute;
                z-index: 10;
                right: 50px;
                top: 5px;
                width: 20px;
                line-height: 22px;
                height: 20px;
                display: none;
                transition: all .2s ease
            }

            .box-new-message {
                min-width: 180px;
                max-width: 300px;
                display: none;
                font-size: 13px;
                overflow: hidden;
                padding-top: 5px
            }

            .box-new-message .dc-text {
                box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
                background: #fff;
                color: #444;
                max-width: 100% !important;
                line-height: 23px
            }

            .box-new-message .dc-img {
                box-shadow: 0 2px 7px rgba(0, 0, 0, .2);
                width: 32px;
                height: 32px;
                margin-top: 5px
            }

            #box-chat {
                overflow: hidden;
                border-radius: 8px;
                height: 100%;
                box-shadow: rgba(0, 0, 0, .25)0 0 15px;
                margin: 15px
            }

            #btn-close-chat {
                position: absolute;
                z-index: 20005;
                width: 50px;
                height: 50px;
                top: 0;
                left: 0;
                padding-top: 10px;
                padding-left: 10px
            }

            #btn-close-chat div {
                background: rgba(0, 0, 0, .1);
                cursor: pointer;
                width: 28px;
                height: 28px;
                padding-top: 5px;
                float: left
            }

            #btn-close-chat div:hover {
                background: rgba(0, 0, 0, .3)
            }

            #box-widget-icon {
                cursor: pointer;
                width: 80px;
                height: 80px;
                float: right;
                text-align: center;
                padding-top: 10px;
                position: relative
            }

            .widget-icon {
                transition: all .2s ease !important;
                border-radius: 50%;
                width: 60px;
                height: 60px;
                box-shadow: 0 1px 6px rgba(0, 0, 0, .2), 0 1px 10px rgba(0, 0, 0, .15);
                margin: 0 auto
            }

            .widget-icon img {
                border-radius: 50%;
                width: 100%;
                height: 100%
            }

            #box-widget-icon:hover .unread-num,
            .widget-icon:hover {
                transform: scale(1.1)
            }

            .pull-right {
                float: right
            }

            #emoji {
                -webkit-box-shadow: 0-5px 20px rgba(0, 0, 0, .13);
                -moz-box-shadow: 0-5px 20px 0 rgba(0, 0, 0, .13);
                box-shadow: 0-5px 20px 0 rgba(0, 0, 0, .13);
                border-bottom: 1px solid #dcdcdc;
                -moz-user-select: -moz-none;
                -khtml-user-select: none;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
                position: absolute;
                z-index: 5;
                bottom: 60px;
                right: 0;
                background: #fff
            }

            .tagha span {
                display: inline-block;
                margin: 2px 3px;
                padding: 3px 10px;
                border-radius: 20px;
                font-size: 11px;
                background: #ddd;
                color: #333
            }

            .tagha span.chkagain {
                background: #337ab7;
                color: #fff
            }

            .emojz div.tooltip .tooltip-inner,
            .picprev:hover span {
                color: #fff !important
            }

            ::-webkit-input-placeholder {
                color: #aaa !important
            }

            ::-moz-placeholder {
                color: #aaa !important
            }

            :-ms-input-placeholder {
                color: #aaa !important
            }

            :-moz-placeholder {
                color: #aaa !important
            }

            .emojz {
                display: inline-block;
                margin-top: 5px;
                margin-bottom: -2px
            }

            .emojz .dc-text,
            .emojz .dc-text:after,
            .emojz .dc-text:before {
                line-height: 45px;
                background: 0 0 !important;
                box-shadow: none !important;
                border: 0;
                font-size: 40px;
                padding: 0
            }

            .left.emojz .dc-text {
                text-align: left
            }

            .fade {
                opacity: 0;
                -webkit-transition: opacity .15s linear;
                -o-transition: opacity .15s linear;
                transition: opacity .15s linear
            }

            .fade.in {
                opacity: 1
            }

            .fadeInUp {
                -webkit-animation-name: fadeInUp;
                animation-name: fadeInUp;
                -webkit-animation-duration: .4s;
                animation-duration: .4s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both
            }

            .fadeInLeft,
            .fadeOutDown,
            .fadeOutLeft,
            .slideInleft,
            .slideInright {
                -webkit-animation-name: fadeOutDown;
                animation-name: fadeOutDown;
                -webkit-animation-duration: .5s;
                animation-duration: .5s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both
            }

            #box-chat {
                direction: rtl;
                display: none
            }

            .fadeInLeft,
            .fadeOutLeft,
            .slideInleft,
            .slideInright {
                -webkit-animation-name: slideInRight;
                animation-name: slideInRight
            }

            .fadeInLeft,
            .fadeOutLeft,
            .slideInleft {
                -webkit-animation-name: slideInLeft;
                animation-name: slideInLeft
            }

            .fadeInLeft,
            .fadeOutLeft {
                -webkit-animation-name: fadeInLeft;
                animation-name: fadeInLeft
            }

            .fadeOutLeft {
                -webkit-animation-name: fadeOutLeft;
                animation-name: fadeOutLeft
            }

            @media (min-width:411px) {

                #box-chat .box-body,
                .box-new-message {
                    font-size: 14px
                }

                #box-chat .form-group textarea,
                #box-chat .title-name {
                    font-size: 15px
                }

                #box-chat .title-text,
                .copyright1 {
                    font-size: 13px
                }

                .unread-num {
                    font-size: 14px;
                    right: 50px;
                    top: 3px;
                    width: 24px;
                    line-height: 26px;
                    height: 24px
                }

                .file span {
                    font-size: 12px
                }

                .dc-img {
                    width: 36px !important;
                    height: 36px !important;
                    bottom: 5px
                }

                .right .dc-text {
                    max-width: calc(100% - 83px);
                    margin-right: 50px
                }
            }

            @media (max-width:409px) {

                #box-chat .box-body,
                .box-new-message {
                    font-size: 13px
                }

                #box-chat .form-group textarea,
                #box-chat .title-name {
                    font-size: 15px
                }

                #box-chat .title-text,
                .copyright1,
                .unread-num {
                    font-size: 13px
                }

                .unread-num {
                    right: 50px;
                    top: 4px;
                    width: 22px;
                    line-height: 24px;
                    height: 22px
                }

                .file span {
                    font-size: 12px
                }

                .dc-img {
                    width: 36px !important;
                    height: 36px !important;
                    bottom: 5px
                }

                .right .dc-text {
                    max-width: calc(100% - 83px);
                    margin-right: 50px
                }
            }

            .after_send_offline {
                text-align: center;
                background: #4caf50;
                color: #fff;
                padding: 10px;
                margin: 25px 0;
                border-radius: 6px;
                font-size: 14px
            }

            .send_area {
                text-align: center
            }

            .goftino_field {
                border: 0;
                width: 100%;
                margin: 8px 0;
                padding-bottom: 5px;
                background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2);
                background-size: 0 2px, 100% 1px;
                background-repeat: no-repeat;
                background-position: center bottom, center calc(100% - 1px);
                background-color: transparent;
                transition: background 0s ease-out
            }

            .goftino_field.focus_field {
                outline: 0;
                background-size: 100% 2px, 100% 1px;
                transition: background .2s ease-out
            }

            .error_field {
                background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2) !important
            }

            .goftino_field:first-of-type {
                margin-top: 15px
            }

            .sendFormButton {
                display: inline-block;
                margin: 10px auto;
                border-radius: 30px;
                padding: 5px 25px;
                font-size: 15px;
                cursor: pointer
            }

            .sendFormButton:hover {
                opacity: .8
            }

            .timeago_l,
            .timeago_r {
                color: #888;
                font-size: 11px;
                direction: rtl;
                width: 100%;
                margin-top: -7px;
                float: right;
                padding-bottom: 10px
            }

            .timeago_l {
                padding-left: 7px;
                text-align: left
            }

            .timeago_r {
                padding-right: 40px;
                text-align: right
            }

            .form_btm {
                height: calc(100vh - 30px)
            }

            .form_offline .dc-text {
                width: 85%
            }

            .box-footer .btn-emoji {
                padding-top: 3px
            }

            #mic:hover svg,
            .btn-emoji:hover svg {
                fill: #888
            }

            .bounceIn {
                -webkit-animation-duration: .75s;
                animation-duration: .75s;
                -webkit-animation-name: bounceIn;
                animation-name: bounceIn
            }

            .goftinoaudioplayer {
                box-sizing: content-box;
                display: block;
                position: relative;
                width: 100%
            }

            .goftinoaudioplayer svg {
                fill: #666
            }

            .goftinoaudioplayer div {
                -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;
                box-sizing: content-box
            }

            .amazingaudioplayer-time,
            .goftinoaudioplayer ul {
                display: none
            }

            .goftinoaudioplayer .amazingaudioplayer-bar-clear {
                clear: both
            }

            .goftinoaudioplayer .amazingaudioplayer-playpause {
                float: left;
                width: 48px;
                margin: 0 15px 0 0
            }

            .amazingaudioplayer-pause,
            .amazingaudioplayer-play {
                position: relative
            }

            .amazingaudioplayer-pause:hover,
            .amazingaudioplayer-play:hover {
                opacity: .8
            }

            .goftinoaudioplayer .amazingaudioplayer-progress {
                position: relative;
                background-color: rgba(0, 0, 0, .4);
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
                display: block;
                margin: 4px 15px 4px 4px
            }

            .goftinoaudioplayer .amazingaudioplayer-progress-loaded {
                background-color: rgba(0, 0, 0, .3)
            }

            .goftinoaudioplayer .amazingaudioplayer-progress-played {
                background-color: #fff
            }

            .amazingaudioplayer-time,
            .amazingaudioplayer-timeall {
                text-align: left;
                direction: ltr;
                font-size: 12px;
                line-height: 26px
            }

            #mic {
                float: right;
                width: 35px;
                cursor: pointer;
                padding: 6px 5px 0 0
            }

            #box-chat .box-footer .hasmic .form-group {
                width: calc(100% - 107px)
            }

            #mictimer,
            .dc-text.audiotype,
            select {
                width: 100%
            }

            .right .amazingaudioplayer-progress {
                background-color: rgba(0, 0, 0, .2)
            }

            .right .amazingaudioplayer-progress-loaded {
                background-color: rgba(255, 255, 255, .5)
            }

            #mictimer {
                display: none;
                min-height: 42px;
                text-align: left
            }

            #boxrecordtime {
                width: calc(100% - 120px);
                float: left;
                text-align: center
            }

            #mictimer span {
                background: #e00;
                width: 11px;
                height: 11px;
                overflow: hidden;
                border-radius: 10px;
                margin: 14px 10px 0;
                display: inline-block;
                -webkit-animation: mypulse 1s linear 0s infinite
            }

            #recordtime {
                margin: 5px;
                color: #888;
                font-size: 15px;
                display: inline-block
            }

            #delete_record {
                float: left;
                padding: 6px 10px 2px;
                cursor: pointer
            }

            #delete_record svg {
                fill: red;
                width: 26px;
                height: 26px
            }

            #mictimer .btn-send {
                display: block;
                float: left;
                margin: 1px 30px 0 0;
                padding: 7px 10px 0
            }

            .picprev img {
                max-width: 220px;
                max-height: 120px;
                object-fit: cover;
                border-radius: 12px;
                min-width: 60px;
                min-height: 40px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
            }

            .picprev span {
                position: absolute;
                z-index: 5;
                left: 6px;
                bottom: 10px;
                font-size: 11px;
                background: rgba(0, 0, 0, .4);
                padding: 2px 7px 0;
                direction: ltr;
                border-radius: 15px;
                color: #fff;
                line-height: 18px
            }

            .dc-text.picprev {
                background: 0 0 !important;
                padding: 5px 0;
                box-shadow: none
            }

            .dc-text.picprev::after,
            .dc-text.picprev::before {
                background: 0 0;
                box-shadow: none
            }

            .mydlsound {
                position: absolute;
                top: 2px;
                left: 90px;
                z-index: 10;
                display: none
            }

            .audiotype:hover .mydlsound {
                display: block
            }

            .dc-text a:hover {
                opacity: .7
            }

            .goftino_rubberBand,
            .goftino_shake,
            .goftino_tada,
            .goftino_wobble {
                animation-name: goftino_rubberBand;
                animation-duration: 1s;
                animation-fill-mode: both
            }

            .goftino_shake,
            .goftino_tada,
            .goftino_wobble {
                animation-name: goftino_shake
            }

            .goftino_tada,
            .goftino_wobble {
                animation-name: goftino_tada
            }

            .goftino_wobble {
                animation-name: goftino_wobble
            }

            .goftino_rotateIn {
                animation-name: goftino_rotateIn
            }

            .goftino_bounceIn,
            .goftino_flip,
            .goftino_rotateIn {
                animation-duration: 1s;
                animation-fill-mode: both
            }

            .goftino_flip {
                backface-visibility: visible;
                animation-name: goftino_flip
            }

            .goftino_bounceIn {
                animation-name: goftino_bounceIn
            }

            .status_pm {
                color: #c1c1c1;
                float: left;
                margin: 8px 5px
            }

            .status_pm svg {
                fill: #c1c1c1
            }

            .doResendPM {
                cursor: pointer
            }

            .doResendPM svg {
                fill: #00bcd4
            }

            .resend-animate {
                animation: spinn 1s linear infinite
            }

            .doResendPM:hover svg {
                fill: #0096aa
            }

            .box-rating {
                text-align: center;
                padding: 12px 12px 8px
            }

            .box-rating span {
                display: inline-block;
                font-size: 29px;
                transition: all .2s ease;
                margin: 8px 4px
            }

            .box-rating span:hover {
                transform: scale(1.2);
                cursor: pointer
            }

            .box-rating div {
                font-size: 12px;
                color: #777;
                display: block;
                height: 20px
            }

            @media print {
                .widget-icon {
                    display: none !important
                }
            }

            select {
                border: 1px solid #d2d2d2;
                border-radius: 6px;
                padding: 4px 5px;
                margin: 10px 0
            }

            #replybox {
                border-bottom: 1px solid #ddd;
                padding: 7px 10px;
                display: none
            }

            #replybox span:first-child {
                float: left;
                padding: 0;
                cursor: pointer
            }

            #replybox span:hover svg {
                fill: red
            }

            #replybox div {
                display: inline-block;
                font-size: 12px;
                max-width: calc(100% - 30px)
            }

            #replybox div svg {
                margin-left: 10px
            }

            #replybox svg {
                vertical-align: middle
            }

            .reply_but {
                float: left;
                margin: 8px 5px;
                cursor: pointer;
                opacity: 0;
                transition: all .2s ease-out
            }

            .reply_but svg {
                fill: #666
            }

            .right .reply_but svg {
                -webkit-transform: scaleX(-1);
                transform: scaleX(-1)
            }

            .dc-msg:hover .reply_but,
            .qa_btn a:hover {
                opacity: 1
            }

            .right .reply_but {
                float: right;
                margin-right: 6px
            }

            .dc-text-reply {
                border-radius: 6px;
                padding: 3px 10px 4px;
                margin: 2px -3px 10px;
                font-size: 11px;
                cursor: pointer
            }

            .reply-op {
                border-right: 3px solid #fff;
                color: rgba(0, 0, 0, .8)
            }

            .left .reply-op {
                border-right: 3px solid #fff !important;
                background: rgba(255, 255, 255, .2);
                color: #fff
            }

            .reply-u {
                border-right: 3px solid rgba(0, 0, 0, .2);
                background: rgba(0, 0, 0, .1)
            }

            .dc-text .emj {
                font-size: 17px
            }

            .emojz .dc-text .emj {
                font-size: inherit
            }

            .dirltr {
                direction: ltr
            }

            #box-new-message-content .dc-text {
                word-break: break-word;
                margin-right: 0;
                min-width: 40%
            }

            .loader_spin {
                border: 3px solid rgba(255, 255, 255, .4);
                border-top: 3px solid rgba(255, 255, 255, .9);
                border-radius: 50%;
                margin: 1px auto;
                width: 20px;
                height: 20px;
                animation: spin2 1s linear infinite;
                -webkit-animation: spin2 1s linear infinite
            }

            .qa_btn {
                border-radius: 6px;
                margin: 5px 1px;
                padding: 4px 12px;
                transition: all .3s ease
            }

            .qa_btn a {
                display: block
            }

            .qa_btn:hover {
                opacity: .8;
                cursor: pointer
            }

            .box-answer {
                margin-top: 10px
            }

            .dc-text #qa_goback {
                display: inline-block;
                font-size: 12px;
                border: 1px solid rgba(255, 255, 255, .4);
                padding: 1px 7px;
                border-radius: 6px;
                margin: 10px 0 0;
                cursor: pointer
            }

            .box-qa #qa_goback {
                margin-top: 0;
                border-color: #ccc
            }

            #qa_goback:hover {
                opacity: .8
            }

            .uploader-box {
                position: relative;
                margin: 1px 0 0 3px;
                width: 34px;
                height: 34px;
                float: left
            }

            .uploader-box:hover {
                opacity: .7;
                cursor: pointer
            }

            .uploader-circle {
                position: absolute;
                z-index: 2;
                top: 0;
                left: 0;
                border-radius: 50%;
                width: 34px;
                height: 34px
            }

            .uploader-circle-wait {
                border: 2px solid #fff
            }

            .uploader-stop {
                padding: 7px;
                z-index: 5;
                cursor: pointer
            }

            .uploader-stop svg {
                margin: 0
            }

            .uploader-file {
                width: calc(100% - 60px);
                float: left;
                margin: 0 8px 0 13px;
                direction: ltr;
                font-family: arial, tahoma
            }

            .uploader-text {
                font-size: 13px;
                text-overflow: ellipsis;
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                float: left
            }

            .uploader-size {
                font-size: 11px;
                opacity: .7;
                margin-top: -3px;
                float: left
            }

            .dc-img,
            .reply_but {
                user-select: none
            }

            #send_form_start {
                min-width: 100px;
                height: 32px;
                overflow: hidden
            }

            .qa_btn a,
            a.sendFormButton {
                text-decoration: none
            }

            #form_auth .dc-text {
                width: 100%
            }

            #back_form_auth {
                margin-top: 9px;
                cursor: pointer;
                border: 1px solid #888;
                border-radius: 30px;
                width: 32px;
                height: 32px;
                position: absolute
            }

            #back_form_auth:hover {
                opacity: .6
            }

            #back_form_auth svg {
                margin: 3px
            }

            #queue_handler {
                position: fixed;
                z-index: 50;
                top: 76px;
                right: 0;
                width: 100%;
                background: #ffc107;
                font-size: 13px;
                color: #444;
                padding: 4px 5px;
                text-align: center
            }

            #queue_handler span {
                font-weight: 700
            }

            .playspeed,
            a.button_style {
                cursor: pointer;
                border-radius: 6px
            }

            .playspeed {
                position: absolute;
                right: 15px;
                top: 2px;
                z-index: 10;
                font-size: 12px;
                background: rgba(0, 0, 0, .1);
                padding: 0 7px 0 5px;
                font-weight: 700;
                display: none
            }

            a.button_style {
                border: 1px solid #999;
                text-decoration: none;
                padding: 3px 6px;
                display: inline-block;
                word-break: break-word;
                margin: 2px 0
            }

            a.button_style.hlink {
                border: 0;
                text-decoration: underline;
                padding: 0;
                margin: 0
            }

            .haslikedislike {
                margin-bottom: 26px
            }

            .haslikedislike .dc-text {
                min-width: 60px
            }

            .like_dislike_box {
                position: absolute;
                z-index: 100;
                bottom: -27px;
                left: 0
            }

            .left.like_dislike_box {
                right: 0;
                left: auto
            }

            .like_dislike_box span {
                display: inline-block;
                padding: 0 2px;
                cursor: pointer
            }

            .like_dislike_box span.sent {
                cursor: default
            }

            .right .like_dislike_box svg {
                width: 18px;
                fill: #999
            }

            .likeButton.sent svg,
            .likeButton:hover svg {
                fill: #4caf50
            }

            .dislikeButton {
                transform: rotate(-180deg)
            }

            .dislikeButton.sent svg,
            .dislikeButton:hover svg {
                fill: #f44336
            }