.form-check {
            padding-left: 0 !important;
            padding-right: 1.5em !important;
        }
.material-icons {
            font-weight: normal;
            font-style: normal;
            font-size: 24px;
            line-height: 1;
            letter-spacing: normal;
            text-transform: none;
            display: inline-block;
            white-space: nowrap;
            word-wrap: normal;
            direction: ltr;
        }
 .header-wrapper[_ngcontent-ng-c1706212018] {
            position: sticky;
            top: 0;
            z-index: 15
        }

        .modal-open[_ngcontent-ng-c1706212018] {
            overflow-y: hidden;
            max-height: 100vh
        }
.banner__image[_ngcontent-ng-c3860400358] {
            object-fit: fill
        }
.footer[_ngcontent-ng-c624768768] {
            background-color: #e8e8e8
        }

        .footer[_ngcontent-ng-c624768768] li[_ngcontent-ng-c624768768] {
            margin-bottom: 8px;
            min-width: 150px;
            line-height: 24px
        }

        .footer[_ngcontent-ng-c624768768] li[_ngcontent-ng-c624768768]:hover {
            padding-left: 5px;
            transition: all .5s ease;
            color: #254077;
            font-weight: 500
        }

        .footer[_ngcontent-ng-c624768768] li[_ngcontent-ng-c624768768] a[_ngcontent-ng-c624768768] {
            color: inherit;
            text-decoration: none
        }

        .footer__content[_ngcontent-ng-c624768768] {
            max-width: 1140px;
            margin: 0 auto
        }

        .footer__info[_ngcontent-ng-c624768768] {
            border-bottom: 1px solid rgba(187, 187, 187, .7333333333)
        }

        .footer__enamad[_ngcontent-ng-c624768768] {
            width: 65px;
            height: 65px;
            border-radius: 5px
        }

        .footer__enamad[_ngcontent-ng-c624768768] img[_ngcontent-ng-c624768768] {
            width: 100%;
            border-radius: 5px
        }

        .footer__social[_ngcontent-ng-c624768768] img[_ngcontent-ng-c624768768]:hover {
            filter: brightness(1.2)
        }

        .footer[_ngcontent-ng-c624768768] .social-logo[_ngcontent-ng-c624768768] a[_ngcontent-ng-c624768768] {
            text-decoration: none;
            color: #aaa
        }

        .footer[_ngcontent-ng-c624768768] .hover-blue-color[_ngcontent-ng-c624768768]:hover {
            color: #254077
        }

        @media screen and (max-width: 767px) {
            .hide-in-mobile[_ngcontent-ng-c624768768] {
                display: none !important
            }

            .hidden.show-in-mobile-flex[_ngcontent-ng-c624768768] {
                display: flex !important
            }

            .show-in-mobile[_ngcontent-ng-c624768768] {
                display: inline-block !important
            }

            .footer[_ngcontent-ng-c624768768] .footer-logo-img[_ngcontent-ng-c624768768] {
                margin-top: 32px
            }

            .footer[_ngcontent-ng-c624768768] ul[_ngcontent-ng-c624768768] {
                margin-bottom: 16px;
                transition: height .5s ease-in-out;
                height: 116px
            }

            .footer[_ngcontent-ng-c624768768] ul.products[_ngcontent-ng-c624768768] {
                height: 142px
            }

            .footer[_ngcontent-ng-c624768768] ul.irantalent[_ngcontent-ng-c624768768] {
                height: 175px
            }

            .footer[_ngcontent-ng-c624768768] ul.h-0[_ngcontent-ng-c624768768] {
                overflow: hidden;
                height: 0 !important
            }

            .footer[_ngcontent-ng-c624768768] .arrow[_ngcontent-ng-c624768768] {
                display: block
            }

            .footer[_ngcontent-ng-c624768768] .arrow.rotate[_ngcontent-ng-c624768768] {
                transition: all .5s ease-in-out;
                transform: rotate(180deg)
            }

            .footer__content[_ngcontent-ng-c624768768] {
                padding: 30px 16px 34px !important
            }

            .footer__col[_ngcontent-ng-c624768768] {
                transition: all .5s ease-in-out;
                overflow: hidden
            }

            .footer__info[_ngcontent-ng-c624768768] {
                flex-direction: column;
                border-bottom: 0
            }

            .footer__social[_ngcontent-ng-c624768768] {
                flex-direction: column;
                align-items: start !important;
                padding: 16px 0 !important
            }

            .footer[_ngcontent-ng-c624768768] .social-logo[_ngcontent-ng-c624768768],
            .footer[_ngcontent-ng-c624768768] .terms[_ngcontent-ng-c624768768] {
                margin-bottom: 16px !important
            }

            .footer[_ngcontent-ng-c624768768] .terms__content[_ngcontent-ng-c624768768] {
                display: block
            }
        }

        html[dir=rtl][_nghost-ng-c624768768] .footer[_ngcontent-ng-c624768768] li[_ngcontent-ng-c624768768],
        html[dir=rtl] [_nghost-ng-c624768768] .footer[_ngcontent-ng-c624768768] li[_ngcontent-ng-c624768768] {
            min-width: 200px !important
        }

        html[dir=rtl][_nghost-ng-c624768768] .footer__col[_ngcontent-ng-c624768768] .list-unstyled[_ngcontent-ng-c624768768],
        html[dir=rtl] [_nghost-ng-c624768768] .footer__col[_ngcontent-ng-c624768768] .list-unstyled[_ngcontent-ng-c624768768] {
            padding-right: 0
        }

        html[dir=rtl][_nghost-ng-c624768768] .footer__info[_ngcontent-ng-c624768768] li[_ngcontent-ng-c624768768]:hover,
        html[dir=rtl] [_nghost-ng-c624768768] .footer__info[_ngcontent-ng-c624768768] li[_ngcontent-ng-c624768768]:hover {
            padding-left: unset;
            padding-right: 5px
        }

        html[dir=rtl][_nghost-ng-c624768768] .footer__title[_ngcontent-ng-c624768768],
        html[dir=rtl] [_nghost-ng-c624768768] .footer__title[_ngcontent-ng-c624768768] {
            font-size: 18px !important;
            font-weight: 500
        }

        html[dir=rtl][_nghost-ng-c624768768] .footer__enamad[_ngcontent-ng-c624768768],
        html[dir=rtl] [_nghost-ng-c624768768] .footer__enamad[_ngcontent-ng-c624768768] {
            margin-left: 24px !important;
            margin-right: 0 !important
        }
 .anchor[_ngcontent-ng-c185413076] {
            text-decoration: unset;
            font-size: 14px;
            border-radius: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #254077;
            font-weight: 400
        }

        .anchor.top[_ngcontent-ng-c185413076] span[_ngcontent-ng-c185413076] {
            padding-top: 1px
        }

        .bold-on-hover[_ngcontent-ng-c185413076] {
            min-width: 32px
        }

        .bold-on-hover[_ngcontent-ng-c185413076]:hover {
            font-weight: 500
        }

        html[dir=rtl][_nghost-ng-c185413076] .bold-on-hover[_ngcontent-ng-c185413076],
        html[dir=rtl] [_nghost-ng-c185413076] .bold-on-hover[_ngcontent-ng-c185413076] {
            min-width: 48px
        }

        @media screen and (max-width: 767px) {
            .anchor[_ngcontent-ng-c185413076] {
                font-size: 14px;
                font-weight: 500;
                min-width: unset
            }
        }
ngx-guided-tour .guided-tour-user-input-mask {
            position: fixed;
            top: 0;
            left: 0;
            display: block;
            height: 100%;
            width: 100%;
            max-height: 100vh;
            text-align: center;
            opacity: 0
        }

        ngx-guided-tour .guided-tour-spotlight-overlay {
            position: fixed;
            box-shadow: 0 0 0 9999px #000000b3, 0 0 1.5rem #00000080
        }

        ngx-guided-tour .tour-orb {
            position: fixed;
            width: 20px;
            height: 20px;
            border-radius: 50%
        }

        ngx-guided-tour .tour-orb .tour-orb-ring {
            width: 35px;
            height: 35px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            animation: pulse 2s linear infinite
        }

        ngx-guided-tour .tour-orb .tour-orb-ring:after {
            content: "";
            display: inline-block;
            height: 100%;
            width: 100%;
            border-radius: 50%
        }

        @keyframes pulse {
            0% {
                transform: translate(-50%, -50%) scale(.45);
                opacity: 1
            }

            to {
                transform: translate(-50%, -50%) scale(1);
                opacity: 0
            }
        }

        ngx-guided-tour .tour-step {
            position: fixed
        }

        ngx-guided-tour .tour-step.page-tour-step {
            max-width: 400px;
            width: 50%;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)
        }

        ngx-guided-tour .tour-step.tour-bottom .tour-arrow:before,
        ngx-guided-tour .tour-step.tour-bottom-right .tour-arrow:before,
        ngx-guided-tour .tour-step.tour-bottom-left .tour-arrow:before {
            position: absolute
        }

        ngx-guided-tour .tour-step.tour-bottom .tour-block,
        ngx-guided-tour .tour-step.tour-bottom-right .tour-block,
        ngx-guided-tour .tour-step.tour-bottom-left .tour-block {
            margin-top: 10px
        }

        ngx-guided-tour .tour-step.tour-top,
        ngx-guided-tour .tour-step.tour-top-right,
        ngx-guided-tour .tour-step.tour-top-left {
            margin-bottom: 10px
        }

        ngx-guided-tour .tour-step.tour-top .tour-arrow:before,
        ngx-guided-tour .tour-step.tour-top-right .tour-arrow:before,
        ngx-guided-tour .tour-step.tour-top-left .tour-arrow:before {
            position: absolute;
            bottom: 0
        }

        ngx-guided-tour .tour-step.tour-top .tour-block,
        ngx-guided-tour .tour-step.tour-top-right .tour-block,
        ngx-guided-tour .tour-step.tour-top-left .tour-block {
            margin-bottom: 10px
        }

        ngx-guided-tour .tour-step.tour-bottom .tour-arrow:before,
        ngx-guided-tour .tour-step.tour-top .tour-arrow:before {
            transform: translate(-50%);
            left: 50%
        }

        ngx-guided-tour .tour-step.tour-bottom-right .tour-arrow:before,
        ngx-guided-tour .tour-step.tour-top-right .tour-arrow:before {
            transform: translate(-100%);
            left: calc(100% - 5px)
        }

        ngx-guided-tour .tour-step.tour-bottom-left .tour-arrow:before,
        ngx-guided-tour .tour-step.tour-top-left .tour-arrow:before {
            left: 5px
        }

        ngx-guided-tour .tour-step.tour-left .tour-arrow:before {
            position: absolute;
            left: 100%;
            transform: translate(-100%);
            top: 5px
        }

        ngx-guided-tour .tour-step.tour-left .tour-block {
            margin-right: 10px
        }

        ngx-guided-tour .tour-step.tour-right .tour-arrow:before {
            position: absolute;
            left: 0;
            top: 5px
        }

        ngx-guided-tour .tour-step.tour-right .tour-block {
            margin-left: 10px
        }

        ngx-guided-tour .tour-step .tour-block {
            padding: 15px 25px
        }

        ngx-guided-tour .tour-step .tour-progress-indicator {
            padding-bottom: 15px
        }

        ngx-guided-tour .tour-step .tour-title {
            font-weight: 700 !important;
            padding-bottom: 20px
        }

        ngx-guided-tour .tour-step h3.tour-title {
            font-size: 20px
        }

        ngx-guided-tour .tour-step h2.tour-title {
            font-size: 30px
        }

        ngx-guided-tour .tour-step .tour-content {
            min-height: 80px;
            padding-bottom: 30px;
            font-size: 15px
        }

        ngx-guided-tour .tour-step .tour-buttons {
            overflow: hidden
        }

        ngx-guided-tour .tour-step .tour-buttons button.link-button {
            font-size: 15px;
            font-weight: 700;
            max-width: none !important;
            cursor: pointer;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            border: 1px solid transparent;
            line-height: 1.5;
            background-color: transparent;
            position: relative;
            outline: none;
            padding: 0 15px;
            -webkit-appearance: button
        }

        ngx-guided-tour .tour-step .tour-buttons button.skip-button.link-button {
            padding-left: 0;
            border-left: 0
        }

        ngx-guided-tour .tour-step .tour-buttons .back-button {
            float: right
        }

        ngx-guided-tour .tour-step .tour-buttons .next-button {
            cursor: pointer;
            border-radius: 1px;
            float: right;
            font-size: 14px;
            border: none;
            outline: none;
            padding-left: 10px;
            padding-right: 10px
        }
a[_ngcontent-ng-c1661077299] {
            text-decoration: none
        }

        .transition[_ngcontent-ng-c1661077299] {
            transition: .5s
        }

        .nav-item[_ngcontent-ng-c1661077299] a[_ngcontent-ng-c1661077299] {
            color: inherit;
            text-decoration: none
        }

        .nav-item[_ngcontent-ng-c1661077299]:hover {
            background-color: #f5f5f5b2;
            color: #254077
        }

        .nav-item.active-link[_ngcontent-ng-c1661077299] {
            background-color: #f5f5f5;
            color: #254077;
            font-weight: 500
        }

        .box-shadow[_ngcontent-ng-c1661077299] {
            box-shadow: 0 2px 4px #2b2b2b59
        }

        .header-row[_ngcontent-ng-c1661077299] {
            padding: 0 48px;
            height: 56px
        }

        .header-row[_ngcontent-ng-c1661077299] li[_ngcontent-ng-c1661077299] {
            padding: 0 12px
        }

        .header-row[_ngcontent-ng-c1661077299] li[_ngcontent-ng-c1661077299]:focus {
            outline: none
        }

        .logo-img[_ngcontent-ng-c1661077299] {
            cursor: pointer;
            width: 147px;
            height: 24px;
            object-fit: contain;
            margin-bottom: 4px
        }

        .candidate-menu[_ngcontent-ng-c1661077299] {
            list-style: none;
            max-width: 50%
        }

        .for-companies[_ngcontent-ng-c1661077299] {
            letter-spacing: .3px;
            font-weight: 500;
            font-size: 14px !important;
            color: #254077
        }

        .vertical-divider[_ngcontent-ng-c1661077299] {
            height: 80%;
            align-self: center;
            border-left: 1px solid #DCDCDC
        }

        .matMenu-list[_ngcontent-ng-c1661077299] .menu-item[_ngcontent-ng-c1661077299] {
            line-height: 40px !important;
            height: 40px !important
        }

        .matMenu-list[_ngcontent-ng-c1661077299] .menu-item[_ngcontent-ng-c1661077299] a[_ngcontent-ng-c1661077299]:focus {
            outline: 0
        }

        .matMenu-list[_ngcontent-ng-c1661077299] .menu-item[_ngcontent-ng-c1661077299]:focus {
            outline: 0;
            color: #2b2b2b
        }

        .hoverable-mat-menu .mat-mdc-menu-content:not(:empty) {
            padding: 0
        }

        .features-icon[_ngcontent-ng-c1661077299] {
            position: relative
        }

        .features-icon[_ngcontent-ng-c1661077299] i[_ngcontent-ng-c1661077299] {
            vertical-align: middle;
            color: #929292
        }

        .features-icon[_ngcontent-ng-c1661077299] .black-on-hover[_ngcontent-ng-c1661077299]:hover {
            transition: .5s;
            color: #2b2b2b
        }

        .it-icon-menu[_ngcontent-ng-c1661077299] {
            color: #929292
        }

        .underline-on-hover[_ngcontent-ng-c1661077299]:hover {
            text-decoration: underline;
            text-underline-offset: 2px;
            line-height: 30px
        }

        .mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-item__primary-text {
            width: 100% !important;
            height: 100% !important;
            display: flex;
            align-items: center
        }

        .mat-mdc-menu-item {
            height: 100% !important
        }

        .height-100[_ngcontent-ng-c1661077299] {
            height: 100% !important
        }

        @media screen and (max-width: 767px),
        (pointer: none),
        (pointer: coarse) {
            .divider[_ngcontent-ng-c1661077299] {
                height: 12px
            }

            .hide-in-mobile[_ngcontent-ng-c1661077299],
            .hide-in-mobile-bg[_ngcontent-ng-c1661077299] {
                display: none !important
            }

            .hidden.show-in-mobile-flex[_ngcontent-ng-c1661077299] {
                display: flex !important
            }

            .header-row[_ngcontent-ng-c1661077299] .header-col[_ngcontent-ng-c1661077299] {
                flex-basis: 33.3333333%
            }

            .header-row[_ngcontent-ng-c1661077299] .header-col[_ngcontent-ng-c1661077299]:nth-of-type(1) {
                justify-content: flex-start
            }

            .header-row[_ngcontent-ng-c1661077299] .header-col[_ngcontent-ng-c1661077299]:nth-of-type(2) {
                justify-content: center;
                flex-grow: 1
            }

            .header-row[_ngcontent-ng-c1661077299] .header-col[_ngcontent-ng-c1661077299]:nth-of-type(3) {
                justify-content: flex-end
            }

            .show-in-mobile[_ngcontent-ng-c1661077299] {
                display: inline
            }

            .logo-img[_ngcontent-ng-c1661077299] {
                width: 37.25px;
                height: auto
            }

            .mobile-hamburger-menu[_ngcontent-ng-c1661077299] {
                position: fixed;
                inset: 0;
                z-index: 12
            }

            .mobile-hamburger-menu[_ngcontent-ng-c1661077299] .menu-content[_ngcontent-ng-c1661077299] {
                background: #fff;
                width: 100vw;
                height: 100vh;
                overflow: auto
            }

            .mobile-hamburger-menu[_ngcontent-ng-c1661077299] .menu-content[_ngcontent-ng-c1661077299] .menu-items-wrapper[_ngcontent-ng-c1661077299]>li[_ngcontent-ng-c1661077299] {
                border-bottom: 1px solid #ECECEC
            }

            .mobile-hamburger-menu[_ngcontent-ng-c1661077299] .menu-content[_ngcontent-ng-c1661077299] .menu-items-wrapper[_ngcontent-ng-c1661077299]>li[_ngcontent-ng-c1661077299]>a[_ngcontent-ng-c1661077299] {
                color: inherit
            }

            .mobile-hamburger-menu[_ngcontent-ng-c1661077299] .menu-content[_ngcontent-ng-c1661077299] .menu-items-wrapper[_ngcontent-ng-c1661077299]>li[_ngcontent-ng-c1661077299]>a[_ngcontent-ng-c1661077299]>.it-pointer[_ngcontent-ng-c1661077299] {
                color: #ccc
            }

            .mobile-hamburger-menu[_ngcontent-ng-c1661077299] .menu-content[_ngcontent-ng-c1661077299] .menu-items-wrapper[_ngcontent-ng-c1661077299]>li[_ngcontent-ng-c1661077299]>a.color-blue-dark[_ngcontent-ng-c1661077299] {
                color: #254077;
                font-weight: 500
            }

            .mobile-hamburger-menu[_ngcontent-ng-c1661077299] .menu-content[_ngcontent-ng-c1661077299]>div[_ngcontent-ng-c1661077299] {
                position: relative
            }

            .mobile-hamburger-menu[_ngcontent-ng-c1661077299] .menu-content[_ngcontent-ng-c1661077299] .header[_ngcontent-ng-c1661077299] {
                padding: 16px 24px
            }

            .mobile-hamburger-menu[_ngcontent-ng-c1661077299] .menu-content__title[_ngcontent-ng-c1661077299] {
                margin-right: auto
            }

            .mobile-hamburger-menu[_ngcontent-ng-c1661077299] li[_ngcontent-ng-c1661077299] {
                padding: 0 24px
            }
        }

        @media screen and (max-width: 360px) {
            .icon-custom-login[_ngcontent-ng-c1661077299] {
                display: none
            }
        }

        .new-feature[_ngcontent-ng-c1661077299] {
            position: relative
        }

        html[dir=rtl][_nghost-ng-c1661077299] .menu-content__title[_ngcontent-ng-c1661077299],
        html[dir=rtl] [_nghost-ng-c1661077299] .menu-content__title[_ngcontent-ng-c1661077299] {
            margin-right: unset;
            margin-left: auto
        }

        .it-icon-search[_ngcontent-ng-c1661077299],
        .icon-custom-search[_ngcontent-ng-c1661077299] {
            color: #2b2b2b
        }

        .box-hover[_ngcontent-ng-c1661077299] {
            background-color: #f5f5f580
        }

        @media screen and (max-width: 1366px) {
            .header-row[_ngcontent-ng-c1661077299] {
                padding: 0 24px
            }
        }

        @media screen and (max-width: 1023px) and (min-width: 768px) {
            .user-icon[_ngcontent-ng-c1661077299] {
                font-size: 16px !important
            }

            .header-col[_ngcontent-ng-c1661077299]:nth-of-type(2) {
                max-width: 40%
            }

            .header-col[_ngcontent-ng-c1661077299]:nth-of-type(3) {
                max-width: 60%
            }

            .candidate-menu[_ngcontent-ng-c1661077299] {
                overflow-x: scroll
            }
        }
        
        .features[_ngcontent-ng-c2261856212] {
            list-style: none;
            position: absolute;
            border-radius: 4px;
            box-shadow: 0 2px 4px #2b2b2b59;
            border: 1px solid #c4c4c4;
            right: 0;
            top: 100%;
            width: 304px;
            z-index: 2
        }

        .features.fixStyle[_ngcontent-ng-c2261856212] {
            position: relative;
            box-shadow: none;
            border: none
        }

        .features__header[_ngcontent-ng-c2261856212] {
            line-height: 26px;
            border-bottom: 1px solid gainsboro;
            padding-bottom: 8px
        }

        .features__content[_ngcontent-ng-c2261856212] div[_ngcontent-ng-c2261856212] {
            width: 80px;
            margin: 8px;
            text-align: center
        }

        .features__title[_ngcontent-ng-c2261856212] {
            line-height: 20px
        }

        .features__icon[_ngcontent-ng-c2261856212] {
            width: 45px;
            height: 45px;
            object-fit: contain
        }

        @media screen and (max-width: 767px) {
            .features[_ngcontent-ng-c2261856212] {
                margin: 0 auto
            }

            .features.employer[_ngcontent-ng-c2261856212] {
                right: -58px
            }

            .features.candidate[_ngcontent-ng-c2261856212] {
                right: -30px
            }
        }

        html[dir=rtl][_nghost-ng-c2261856212] .features[_ngcontent-ng-c2261856212],
        html[dir=rtl] [_nghost-ng-c2261856212] .features[_ngcontent-ng-c2261856212] {
            left: 0;
            right: unset
        }

        @media screen and (max-width: 767px) {

            html[dir=rtl][_nghost-ng-c2261856212] .features.public[_ngcontent-ng-c2261856212],
            html[dir=rtl] [_nghost-ng-c2261856212] .features.public[_ngcontent-ng-c2261856212] {
                margin: 0 auto
            }

            html[dir=rtl][_nghost-ng-c2261856212] .features.employer[_ngcontent-ng-c2261856212],
            html[dir=rtl] [_nghost-ng-c2261856212] .features.employer[_ngcontent-ng-c2261856212] {
                left: -57px
            }

            html[dir=rtl][_nghost-ng-c2261856212] .features.candidate[_ngcontent-ng-c2261856212],
            html[dir=rtl] [_nghost-ng-c2261856212] .features.candidate[_ngcontent-ng-c2261856212] {
                left: -30px
            }
        }
        
        mat-menu {
            display: none
        }

        .mat-mdc-menu-content {
            margin: 0;
            padding: 8px 0;
            list-style-type: none
        }

        .mat-mdc-menu-content:focus {
            outline: none
        }

        .mat-mdc-menu-content,
        .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
          
            flex: 1;
            white-space: normal;
            line-height: var(--mat-menu-item-label-text-line-height);
         
            letter-spacing: var(--mat-menu-item-label-text-tracking);
      
        }

        .mat-mdc-menu-panel {
            min-width: 112px;
            max-width: 280px;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            box-sizing: border-box;
            outline: 0;
            border-radius: var(--mat-menu-container-shape);
            background-color: var(--mat-menu-container-color);
            will-change: transform, opacity
        }

        .mat-mdc-menu-panel.ng-animating {
            pointer-events: none
        }

        .cdk-high-contrast-active .mat-mdc-menu-panel {
            outline: solid 1px
        }

        .mat-divider {
            color: var(--mat-menu-divider-color);
            margin-bottom: var(--mat-menu-divider-bottom-spacing);
            margin-top: var(--mat-menu-divider-top-spacing)
        }

        .mat-mdc-menu-item {
            display: flex;
            position: relative;
            align-items: center;
            justify-content: flex-start;
            overflow: hidden;
            padding: 0;
            padding-left: var(--mat-menu-item-leading-spacing);
            padding-right: var(--mat-menu-item-trailing-spacing);
            -webkit-user-select: none;
            user-select: none;
            cursor: pointer;
            outline: none;
            border: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            cursor: pointer;
            width: 100%;
            text-align: left;
            box-sizing: border-box;
            color: inherit;
            font-size: inherit;
            background: none;
            text-decoration: none;
            margin: 0;
            align-items: center;
            min-height: 48px
        }

        .mat-mdc-menu-item:focus {
            outline: none
        }

        [dir=rtl] .mat-mdc-menu-item,
        .mat-mdc-menu-item[dir=rtl] {
            padding-left: var(--mat-menu-item-trailing-spacing);
            padding-right: var(--mat-menu-item-leading-spacing)
        }

        .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) {
            padding-left: var(--mat-menu-item-with-icon-leading-spacing);
            padding-right: var(--mat-menu-item-with-icon-trailing-spacing)
        }

        [dir=rtl] .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]),
        .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon])[dir=rtl] {
            padding-left: var(--mat-menu-item-with-icon-trailing-spacing);
            padding-right: var(--mat-menu-item-with-icon-leading-spacing)
        }

        .mat-mdc-menu-item::-moz-focus-inner {
            border: 0
        }

        .mat-mdc-menu-item,
        .mat-mdc-menu-item:visited,
        .mat-mdc-menu-item:link {
            color: var(--mat-menu-item-label-text-color)
        }

        .mat-mdc-menu-item .mat-icon-no-color,
        .mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
            color: var(--mat-menu-item-icon-color)
        }

        .mat-mdc-menu-item[disabled] {
            cursor: default;
            opacity: .38
        }

        .mat-mdc-menu-item[disabled]::after {
            display: block;
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            bottom: 0;
            right: 0
        }

        .mat-mdc-menu-item .mat-icon {
            flex-shrink: 0;
            margin-right: var(--mat-menu-item-spacing);
            height: var(--mat-menu-item-icon-size);
            width: var(--mat-menu-item-icon-size)
        }

        [dir=rtl] .mat-mdc-menu-item {
            text-align: right
        }

        [dir=rtl] .mat-mdc-menu-item .mat-icon {
            margin-right: 0;
            margin-left: var(--mat-menu-item-spacing)
        }

        .mat-mdc-menu-item:not([disabled]):hover {
            background-color: var(--mat-menu-item-hover-state-layer-color)
        }

        .mat-mdc-menu-item:not([disabled]).cdk-program-focused,
        .mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused,
        .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
            background-color: var(--mat-menu-item-focus-state-layer-color)
        }

        .cdk-high-contrast-active .mat-mdc-menu-item {
            margin-top: 1px
        }

        .mat-mdc-menu-submenu-icon {
            width: var(--mat-menu-item-icon-size);
            height: 10px;
            fill: currentColor;
            padding-left: var(--mat-menu-item-spacing)
        }

        [dir=rtl] .mat-mdc-menu-submenu-icon {
            padding-right: var(--mat-menu-item-spacing);
            padding-left: 0
        }

        [dir=rtl] .mat-mdc-menu-submenu-icon polygon {
            transform: scaleX(-1)
        }

        .cdk-high-contrast-active .mat-mdc-menu-submenu-icon {
            fill: CanvasText
        }

        .mat-mdc-menu-item .mat-mdc-menu-ripple {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            position: absolute;
            pointer-events: none
        }
        
        .qJTHM {
            -webkit-user-select: none;
            color: #202124;
            direction: ltr;
            -webkit-touch-callout: none;
            font-weight: 400;
            margin: 0;
            overflow: hidden;
            -webkit-text-size-adjust: 100%
        }

        .ynRLnc {
            left: -9999px;
            position: absolute;
            top: -9999px
        }

        .L6cTce {
            display: none
        }

        .bltWBb {
            word-break: break-all
        }

        .hSRGPd {
            color: #1a73e8;
            cursor: pointer;
            font-weight: 500;
            text-decoration: none
        }

        .Bz112c-W3lGp {
            height: 16px;
            width: 16px
        }

        .Bz112c-E3DyYd {
            height: 20px;
            width: 20px
        }

        .Bz112c-r9oPif {
            height: 24px;
            width: 24px
        }

        .Bz112c-uaxL4e {
            -webkit-border-radius: 10px;
            border-radius: 10px
        }

        .LgbsSe-Bz112c {
            display: block
        }

        .S9gUrf-YoZ4jf,
        .S9gUrf-YoZ4jf * {
            border: none;
            margin: 0;
            padding: 0
        }

        .fFW7wc-ibnC6b>.aZ2wEe>div {
            border-color: #4285f4
        }

        .P1ekSe-ZMv3u>div:nth-child(1) {
            background-color: #1a73e8 !important
        }

        .P1ekSe-ZMv3u>div:nth-child(2),
        .P1ekSe-ZMv3u>div:nth-child(3) {
            background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #1a73e8, #1a73e8) !important
        }

        .haAclf {
            display: inline-block
        }

        .nsm7Bb-HzV7m-LgbsSe {
            -webkit-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: background-color .218s, border-color .218s;
            transition: background-color .218s, border-color .218s;
            -webkit-user-select: none;
            -webkit-appearance: none;
            background-color: #fff;
            background-image: none;
            border: 1px solid #dadce0;
            color: #3c4043;
            cursor: pointer;
            font-size: 14px;
            height: 40px;
            letter-spacing: 0.25px;
            outline: none;
            overflow: hidden;
            padding: 0 12px;
            position: relative;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
            width: auto
        }

        @media screen and (-ms-high-contrast:active) {
            .nsm7Bb-HzV7m-LgbsSe {
                border: 2px solid windowText;
                color: windowText
            }
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
            font-size: 14px;
            height: 32px;
            letter-spacing: 0.25px;
            padding: 0 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
            font-size: 11px;
            height: 20px;
            letter-spacing: 0.3px;
            padding: 0 8px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
            padding: 0;
            width: 40px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
            width: 32px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
            width: 20px
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
            -webkit-border-radius: 20px;
            border-radius: 20px
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
            -webkit-border-radius: 16px;
            border-radius: 16px
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
            -webkit-border-radius: 10px;
            border-radius: 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
            border: none;
            color: #fff
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
            background-color: #1a73e8
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
            background-color: #202124;
            color: #e8eaed
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            height: 18px;
            margin-right: 8px;
            min-width: 18px;
            width: 18px
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            height: 14px;
            min-width: 14px;
            width: 14px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            height: 10px;
            min-width: 10px;
            width: 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            margin-left: 8px;
            margin-right: -4px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            margin: 0;
            padding: 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            padding: 8px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            padding: 4px
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-top-left-radius: 3px;
            border-top-left-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            border-bottom-left-radius: 3px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            background-color: #fff;
            height: 36px;
            margin-left: -10px;
            margin-right: 12px;
            min-width: 36px;
            width: 36px
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,
        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            margin: 0;
            padding: 0
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            height: 28px;
            margin-left: -8px;
            margin-right: 10px;
            min-width: 28px;
            width: 28px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            height: 16px;
            margin-left: -6px;
            margin-right: 8px;
            min-width: 16px;
            width: 16px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-radius: 3px;
            border-radius: 3px;
            margin-left: 2px;
            margin-right: 0;
            padding: 0
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-radius: 18px;
            border-radius: 18px
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-radius: 14px;
            border-radius: 14px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-radius: 8px;
            border-radius: 8px
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-flex-direction: row;
            flex-direction: row;
            justify-content: space-between;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
            height: 100%;
            position: relative;
            width: 100%
        }

        .nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
            justify-content: center
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            -webkit-flex-grow: 1;
            flex-grow: 1;
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: top
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            font-weight: 300
        }

        .nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            -webkit-flex-grow: 0;
            flex-grow: 0
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            -webkit-transition: background-color .218s;
            transition: background-color .218s;
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .nsm7Bb-HzV7m-LgbsSe:hover,
        .nsm7Bb-HzV7m-LgbsSe:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: #d2e3fc;
            outline: none
        }

        .nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
        .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(66, 133, 244, .04)
        }

        .nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(66, 133, 244, .1)
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(255, 255, 255, .24)
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(255, 255, 255, .32)
        }

        .nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
            -webkit-border-radius: 50%;
            border-radius: 50%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            height: 20px;
            margin-left: -4px;
            margin-right: 8px;
            min-width: 20px;
            width: 20px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            font-size: 12px;
            text-align: left
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,
        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
            overflow: hidden;
            text-overflow: ellipsis
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            color: #5f6368;
            fill: #5f6368;
            font-size: 11px;
            font-weight: 400
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
            color: #e8eaed;
            fill: #e8eaed
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
            height: 18px;
            margin: -3px -3px -3px 2px;
            min-width: 18px;
            width: 18px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-top-left-radius: 0;
            border-top-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
            -webkit-border-top-right-radius: 3px;
            border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            border-bottom-right-radius: 3px;
            margin-left: 12px;
            margin-right: -10px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-radius: 18px;
            border-radius: 18px
        }

        .L5Fo6c-sM5MNb {
            border: 0;
            display: block;
            left: 0;
            position: relative;
            top: 0
        }

        .L5Fo6c-bF1uUb {
            -webkit-border-radius: 4px;
            border-radius: 4px;
            bottom: 0;
            cursor: pointer;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .L5Fo6c-bF1uUb:focus {
            border: none;
            outline: none
        }

        sentinel {}
        
        .filters-container[_ngcontent-ng-c3340778102] {
            width: 100%;
            z-index: 5;
            transition: transform .3s ease
        }

        .dropped-out[_ngcontent-ng-c3340778102] {
            transform: translateY(-100%)
        }

        .dropped-in[_ngcontent-ng-c3340778102] {
            transform: translateY(0)
        }

        .side-bar[_ngcontent-ng-c3340778102] {
            width: calc(100% - 653px)
        }

        .side-bar[_ngcontent-ng-c3340778102] .custom-scroll[_ngcontent-ng-c3340778102] {
            overflow-x: auto
        }

        .position-fixed[_ngcontent-ng-c3340778102] {
            position: fixed
        }

        .visibility-hide[_ngcontent-ng-c3340778102] {
            visibility: hidden;
            display: none
        }

        .visibility-visible[_ngcontent-ng-c3340778102] {
            visibility: visible
        }

        .faq-container[_ngcontent-ng-c3340778102] {
            padding: 24px 132px !important
        }

        .faq-container[_ngcontent-ng-c3340778102] .faq-item[_ngcontent-ng-c3340778102] {
            background-color: #f5f5f5
        }

        .faq-container[_ngcontent-ng-c3340778102] .mat-expansion-panel-header span {
            max-height: 48px;
            padding: 6px 0
        }

        .faq-container[_ngcontent-ng-c3340778102] .mat-expansion-panel-header.mat-expanded span {
            max-height: inherit;
            padding: 6px 0
        }

        .all-filter[_ngcontent-ng-c3340778102] {
            border-left: 2px solid #DCDCDC
        }

        .filters[_ngcontent-ng-c3340778102] {
            overflow-x: auto
        }

        .filters__label[_ngcontent-ng-c3340778102] {
            color: #2b2b2b;
            -webkit-user-select: none;
            user-select: none
        }

        .filters__label__element[_ngcontent-ng-c3340778102] {
            font-weight: 500;
            padding: 0 10px
        }

        .filters__clear[_ngcontent-ng-c3340778102] {
            transition: all .3s ease-out
        }

        .badge-width[_ngcontent-ng-c3340778102] {
            max-width: 190px
        }

        .mat-drawer-container[_ngcontent-ng-c3340778102] {
            z-index: 4
        }

        .job-preview[_ngcontent-ng-c3340778102] {
            max-width: 70%;
            width: 65%
        }

        .side-bar[_ngcontent-ng-c3340778102] {
            width: 35%
        }

        .card-wrapper[_ngcontent-ng-c3340778102] {
            border-radius: 4px;
            overflow: hidden;
            border: solid 1px transparent;
            margin-bottom: 6px !important
        }

        .card-wrapper[_ngcontent-ng-c3340778102]:hover {
            filter: drop-shadow(0px 1px 3px #6FB5F9);
            border: 1px solid #254077
        }

        .mat-expansion-panel-header {
            background-color: #f5f5f5 !important
        }

        .mat-expansion-panel-body {
            padding-top: 16px !important
        }

        .content-detail h2 {
            font-size: 18px;
            font-weight: 600;
            margin-top: 16px
        }

        .content-detail h3 {
            font-size: 16px;
            font-weight: 600;
            margin-top: 16px
        }

        .content-detail p,
        .content-detail a {
            font-size: 14px;
            font-weight: 500;
            margin-top: 8px;
            color: #777
        }

        .collapsible-action span,
        .collapsible-action i {
            color: #254077 !important
        }

        .badge-new[_ngcontent-ng-c3340778102] {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 1px 8px;
            gap: 10px;
            position: absolute;
            width: 45px;
            height: 18px;
            background: #d7202e;
            border-radius: 20px;
            left: calc(100% - 45px);
            color: #fff !important;
            bottom: calc(100% - 9px)
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] {
            position: relative
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .height-36[_ngcontent-ng-c3340778102] {
            height: 36px
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .form-control[_ngcontent-ng-c3340778102] {
            transition: all .5s;
            background-color: #ececec;
            color: #2b2b2b;
            border: 0;
            border-radius: 20px !important;
            outline: none;
            box-shadow: none;
            cursor: pointer;
            font-size: 14px;
            padding: 6px 30px
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .form-control[_ngcontent-ng-c3340778102]::placeholder {
            color: #2b2b2b;
            opacity: 1
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .form-control[_ngcontent-ng-c3340778102]:-ms-input-placeholder {
            color: #2b2b2b
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .form-control[_ngcontent-ng-c3340778102]::-ms-input-placeholder {
            color: #2b2b2b
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .search-btn[_ngcontent-ng-c3340778102] {
            position: absolute;
            right: 0;
            background-color: unset;
            border: unset;
            padding: 8px 24px
        }

        .loading-spinner[_ngcontent-ng-c3340778102] {
            height: 100%
        }

        .content-detail table {
            margin-top: 16px;
            margin-bottom: 16px
        }

        .content-detail table,
        .content-detail th,
        .content-detail td {
            border: 1px solid #ECECEC
        }

        .content-detail th,
        .content-detail td {
            padding: 4px 8px;
            text-align: center
        }

        .content-detail th {
            background-color: #f4f4f4;
            font-weight: 700;
            color: #333
        }

        @media screen and (max-width: 767px) {
            .card-ribbon[_ngcontent-ng-c3340778102] {
                position: fixed;
                bottom: 56px;
                width: 100%;
                background: #0c3964;
                z-index: 1
            }

            .card-ribbon.turn-on[_ngcontent-ng-c3340778102] {
                background: #fff !important
            }

            .card-ribbon.turn-on[_ngcontent-ng-c3340778102] p[_ngcontent-ng-c3340778102] {
                color: #2b2b2b
            }

            .card-ribbon[_ngcontent-ng-c3340778102] p[_ngcontent-ng-c3340778102] {
                color: #fff
            }

            .card-ribbon[_ngcontent-ng-c3340778102] img[_ngcontent-ng-c3340778102] {
                width: 20px;
                height: fit-content
            }

            [_ngcontent-ng-c3340778102]::-webkit-scrollbar {
                -webkit-appearance: none
            }

            .search-box[_ngcontent-ng-c3340778102] {
                width: 90%;
                margin: auto
            }

            .faq-container[_ngcontent-ng-c3340778102] {
                padding: 24px !important
            }

            .mobile-filter[_ngcontent-ng-c3340778102] {
                flex-basis: 0%;
                -ms-overflow-style: none;
                scrollbar-width: none
            }

            .border-left[_ngcontent-ng-c3340778102] {
                border-left: 1px solid #DCDCDC;
                height: 30px
            }

            .multi-select[_ngcontent-ng-c3340778102] {
                margin-bottom: -8px
            }

            .action-btn-flat[_ngcontent-ng-c3340778102] {
                color: #2b2b2b;
                text-transform: none;
                position: relative
            }

            .action-btn-flat[_ngcontent-ng-c3340778102] .counter[_ngcontent-ng-c3340778102] {
                position: absolute;
                width: 12px;
                height: 12px;
                background: #254077;
                border-radius: 30px;
                color: #fff;
                line-height: 14.1px;
                font-size: 9px;
                font-weight: 500;
                left: 35%;
                bottom: 62%
            }

            .border-bottom[_ngcontent-ng-c3340778102] {
                box-shadow: 0 1px 2px #2b2b2b59
            }
        }

        .cdk-global-scrollblock {
            top: 0 !important
        }

        html[dir=rtl][_nghost-ng-c3340778102] .all-filter[_ngcontent-ng-c3340778102],
        html[dir=rtl] [_nghost-ng-c3340778102] .all-filter[_ngcontent-ng-c3340778102] {
            border-right: 2px solid #DCDCDC;
            border-left: unset
        }

        html[dir=rtl][_nghost-ng-c3340778102] .badge-new[_ngcontent-ng-c3340778102],
        html[dir=rtl] [_nghost-ng-c3340778102] .badge-new[_ngcontent-ng-c3340778102] {
            right: calc(100% - 45px) !important
        }

        html[dir=rtl][_nghost-ng-c3340778102] .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .search-btn[_ngcontent-ng-c3340778102],
        html[dir=rtl] [_nghost-ng-c3340778102] .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .search-btn[_ngcontent-ng-c3340778102] {
            right: unset !important;
            left: 0 !important
        }

        html[dir=rtl][_nghost-ng-c3340778102] .search-input[_ngcontent-ng-c3340778102] .search-button[_ngcontent-ng-c3340778102],
        html[dir=rtl] [_nghost-ng-c3340778102] .search-input[_ngcontent-ng-c3340778102] .search-button[_ngcontent-ng-c3340778102] {
            top: 0;
            right: unset;
            left: 0
        }

        .search-input[_ngcontent-ng-c3340778102] .search-button[_ngcontent-ng-c3340778102] {
            top: 0;
            right: 0;
            background: transparent;
            border: unset;
            height: 40px;
            width: 40px
        }

        @media screen and (max-width: 767px) {
            .no-result-mobile[_ngcontent-ng-c3340778102] {
                height: calc(100vh - 279px);
                padding: 0 24px
            }

            .container[_ngcontent-ng-c3340778102] {
                width: 100%;
                padding: 0;
                height: 100%;
                margin: 0 !important
            }

            .it-card[_ngcontent-ng-c3340778102] {
                padding: 0
            }

            .side-bar[_ngcontent-ng-c3340778102] {
                padding: 0 !important
            }

            .results-container[_ngcontent-ng-c3340778102] {
                overflow-x: auto
            }

            .mobile-filter[_ngcontent-ng-c3340778102] {
                position: sticky;
                width: 100%;
                z-index: 1;
                top: 134px
            }

            .mobile-margin-top[_ngcontent-ng-c3340778102] {
                margin-top: 200px
            }
        }
        
        .search-input-placeholder[_ngcontent-ng-c180508332] {
            position: relative
        }

        .search-input-placeholder[_ngcontent-ng-c180508332] .form-control[_ngcontent-ng-c180508332] {
            transition: all .5s;
            background-color: #ececec;
            color: #2b2b2b;
            border: 0;
            border-radius: 20px !important;
            outline: none;
            margin: 0 15px;
            box-shadow: none;
            cursor: pointer;
            font-size: 14px
        }

        .search-input-placeholder[_ngcontent-ng-c180508332] .form-control[_ngcontent-ng-c180508332]::placeholder {
            color: #2b2b2b;
            opacity: 1
        }

        .search-input-placeholder[_ngcontent-ng-c180508332] .form-control[_ngcontent-ng-c180508332]:focus {
            -webkit-appearance: none;
            box-shadow: none
        }

        .search-input-placeholder[_ngcontent-ng-c180508332] .height-36[_ngcontent-ng-c180508332] {
            height: 36px !important
        }

        .search-input-placeholder[_ngcontent-ng-c180508332] .it-icon-search[_ngcontent-ng-c180508332],
        .search-input-placeholder[_ngcontent-ng-c180508332] .icon-custom-search[_ngcontent-ng-c180508332] {
            color: #2b2b2b
        }

        .search-input-placeholder[_ngcontent-ng-c180508332] .show-in-mobile[_ngcontent-ng-c180508332] {
            display: none
        }

        .search-input-placeholder[_ngcontent-ng-c180508332] .search-btn[_ngcontent-ng-c180508332] {
            position: absolute;
            right: 0;
            background-color: unset;
            border: unset;
            padding: 8px 24px
        }

        .search-input-placeholder[_ngcontent-ng-c180508332] .search-btn[_ngcontent-ng-c180508332] span[_ngcontent-ng-c180508332] {
            color: #fff;
            text-transform: none;
            letter-spacing: 1.43px
        }

        .search-input-placeholder[_ngcontent-ng-c180508332] .search-btn[_ngcontent-ng-c180508332] span[_ngcontent-ng-c180508332] i[_ngcontent-ng-c180508332] {
            vertical-align: bottom
        }

        .search-input-placeholder[_ngcontent-ng-c180508332]:hover .form-control[_ngcontent-ng-c180508332] {
            background-color: #e3e3e3
        }

        .search-box[_ngcontent-ng-c180508332] {
            animation: _ngcontent-ng-c180508332_slideDown .25s ease-in both;
            left: 0;
            top: 0;
            min-height: 340px;
            z-index: 10;
            box-shadow: 0 2px 4px #2b2b2b59;
            padding: 0 20%
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332] {
            overflow-y: scroll;
            max-height: 240px
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332]>.recent-search-result[_ngcontent-ng-c180508332] {
            font-size: 16px
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332]::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 6px
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332]::-webkit-scrollbar-thumb {
            border-radius: 14px;
            background-color: #dcdcdc
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332] a[_ngcontent-ng-c180508332] {
            color: inherit;
            text-decoration: none
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332] .keyword[_ngcontent-ng-c180508332] {
            border-radius: 4px;
            background-color: #ececec;
            transition: .5s
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332] .keyword[_ngcontent-ng-c180508332]:hover {
            background-color: #ddd
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332] .keyword[_ngcontent-ng-c180508332] i[_ngcontent-ng-c180508332] {
            color: #929292
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332] .search-item[_ngcontent-ng-c180508332] {
            border-radius: 4px
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332] .search-item[_ngcontent-ng-c180508332]:hover {
            background-color: #f5f5f5
        }

        .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332] .search-item[_ngcontent-ng-c180508332] i[_ngcontent-ng-c180508332] {
            color: #929292
        }

        .vertical-divider[_ngcontent-ng-c180508332] {
            height: 24px;
            align-self: center;
            border-left: 1px solid #DCDCDC
        }

        .search-input[_ngcontent-ng-c180508332] {
            border-bottom: 1px solid #CCCCCC;
            margin-top: 40px
        }

        .search-input[_ngcontent-ng-c180508332] span[_ngcontent-ng-c180508332]>.icon[_ngcontent-ng-c180508332] {
            font-size: 32px
        }

        .search-input[_ngcontent-ng-c180508332] .form-control[_ngcontent-ng-c180508332] {
            border: 0;
            border-color: inherit;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 18px;
            color: #2b2b2b
        }

        .search-input[_ngcontent-ng-c180508332] .form-control[_ngcontent-ng-c180508332]::placeholder {
            color: #2b2b2b;
            opacity: 1
        }

        .search-input[_ngcontent-ng-c180508332] .form-control[_ngcontent-ng-c180508332]:-ms-input-placeholder {
            color: #2b2b2b
        }

        .search-input[_ngcontent-ng-c180508332] .form-control[_ngcontent-ng-c180508332]::-ms-input-placeholder {
            color: #2b2b2b
        }

        .visibility[_ngcontent-ng-c180508332] {
            visibility: hidden !important
        }

        @media screen and (min-width: 1440px) {
            .form-control[_ngcontent-ng-c180508332] {
                width: 350px
            }
        }

        @media screen and (min-width: 1365px) {
            .form-control[_ngcontent-ng-c180508332] {
                width: 250px
            }
        }

        @media screen and (max-width: 1365px) {
            .search-btn[_ngcontent-ng-c180508332] span[_ngcontent-ng-c180508332] {
                background-color: #ececec;
                border-radius: 50%;
                width: 36px;
                height: 36px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0;
                transition: .5s
            }

            .search-btn[_ngcontent-ng-c180508332] span[_ngcontent-ng-c180508332]:hover {
                background-color: #e3e3e3
            }

            .search-input-placeholder[_ngcontent-ng-c180508332] .form-control[_ngcontent-ng-c180508332] {
                display: none
            }
        }

        @media screen and (max-width: 768px) {
            .hide-in-mobile[_ngcontent-ng-c180508332] {
                display: none !important
            }

            .hidden.show-in-mobile-flex[_ngcontent-ng-c180508332] {
                display: flex !important
            }

            .search-box[_ngcontent-ng-c180508332] {
                min-height: 100%;
                height: 100vh;
                padding: 0
            }

            .search-box[_ngcontent-ng-c180508332] .search-input[_ngcontent-ng-c180508332] {
                margin-top: 0;
                padding: 18px;
                font-size: 14px;
                flex-direction: row-reverse;
                max-height: 56px
            }

            .search-box[_ngcontent-ng-c180508332] .search-input[_ngcontent-ng-c180508332] .it-pointer[_ngcontent-ng-c180508332] {
                margin-top: 2px
            }

            .search-box[_ngcontent-ng-c180508332] .search-input[_ngcontent-ng-c180508332] span[_ngcontent-ng-c180508332]>.icon[_ngcontent-ng-c180508332] {
                font-size: 24px;
                margin-top: 4px
            }

            .search-box[_ngcontent-ng-c180508332] .search-input[_ngcontent-ng-c180508332] span.back-btn[_ngcontent-ng-c180508332] {
                transform: rotate(270deg)
            }

            .search-box[_ngcontent-ng-c180508332] .search-input[_ngcontent-ng-c180508332] .form-control[_ngcontent-ng-c180508332] {
                font-size: 14px;
                padding: 0 4px !important;
                height: fit-content !important
            }

            .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332] {
                padding: 0 20px;
                max-height: 85%;
                height: 85%
            }

            .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332]>.recent-search-result[_ngcontent-ng-c180508332] {
                flex-direction: column;
                align-items: unset !important;
                font-size: 14px
            }

            .search-box[_ngcontent-ng-c180508332] .search-results[_ngcontent-ng-c180508332]>.recent-search-result[_ngcontent-ng-c180508332]>.keyword[_ngcontent-ng-c180508332] {
                margin: 8px 0 !important;
                width: fit-content
            }

            .search-input-placeholder[_ngcontent-ng-c180508332] .search-btn[_ngcontent-ng-c180508332] {
                position: unset;
                padding: 0
            }

            .search-input-placeholder[_ngcontent-ng-c180508332] .search-btn[_ngcontent-ng-c180508332] span[_ngcontent-ng-c180508332] {
                width: unset;
                height: unset;
                background-color: transparent
            }
        }

        html[dir=rtl][_nghost-ng-c180508332] .search-btn[_ngcontent-ng-c180508332],
        html[dir=rtl] [_nghost-ng-c180508332] .search-btn[_ngcontent-ng-c180508332] {
            left: 0;
            right: unset
        }

        @media screen and (max-width: 768px) {

            html[dir=rtl][_nghost-ng-c180508332] .search-box[_ngcontent-ng-c180508332] .search-input[_ngcontent-ng-c180508332] span.back-btn[_ngcontent-ng-c180508332],
            html[dir=rtl] [_nghost-ng-c180508332] .search-box[_ngcontent-ng-c180508332] .search-input[_ngcontent-ng-c180508332] span.back-btn[_ngcontent-ng-c180508332] {
                transform: rotate(90deg)
            }
        }

        @media screen and (min-width: 1366px) {

            html[dir=rtl][_nghost-ng-c180508332] .form-control[_ngcontent-ng-c180508332],
            html[dir=rtl] [_nghost-ng-c180508332] .form-control[_ngcontent-ng-c180508332] {
                width: 270px
            }
        }

        @keyframes _ngcontent-ng-c180508332_slideDown {
            0% {
                top: -340px
            }

            to {
                top: 0
            }
        }

        @-webkit-keyframes _ngcontent-ng-c180508332_rotating {
            0% {
                -webkit-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0)
            }

            to {
                -webkit-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        @keyframes _ngcontent-ng-c180508332_rotating {
            0% {
                -ms-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0)
            }

            to {
                -ms-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -webkit-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        .rotating[_ngcontent-ng-c180508332] {
            -webkit-animation: _ngcontent-ng-c180508332_rotating 2s linear infinite;
            -moz-animation: rotating 2s linear infinite;
            -ms-animation: rotating 2s linear infinite;
            -o-animation: rotating 2s linear infinite;
            animation: _ngcontent-ng-c180508332_rotating 2s linear infinite
        }

.pagination[_ngcontent-ng-c712893625] {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 16px 0;
            flex-wrap: wrap
        }

        .pagination-wrapper[_ngcontent-ng-c712893625] {
            overflow-x: auto;
            overflow-y: hidden
        }

        .action-previous-page[_ngcontent-ng-c712893625] .advance[_ngcontent-ng-c712893625] {
            width: 20px;
            height: 20px
        }

        .action-previous-page[_ngcontent-ng-c712893625] .advance[_ngcontent-ng-c712893625] i[_ngcontent-ng-c712893625] {
            margin: 0
        }

        .action-next-page[_ngcontent-ng-c712893625] .advance[_ngcontent-ng-c712893625] {
            min-width: 20px;
            height: 20px
        }

        .action-next-page[_ngcontent-ng-c712893625] .advance[_ngcontent-ng-c712893625] i[_ngcontent-ng-c712893625] {
            margin: 0
        }

        .action-next-page[_ngcontent-ng-c712893625],
        .action-previous-page[_ngcontent-ng-c712893625] {
            margin: 0 !important
        }

        .pagination[_ngcontent-ng-c712893625] .page[_ngcontent-ng-c712893625],
        .pagination[_ngcontent-ng-c712893625] .page-margin[_ngcontent-ng-c712893625] {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 4px;
            border-radius: 50%;
            color: #2b2b2b;
            min-width: 24px;
            height: 24px;
            cursor: pointer;
            font-size: 18px;
            background: transparent;
            border: none;
            outline: none;
            z-index: 0;
            line-height: 30px;
            margin: 0 4px
        }

        .pagination[_ngcontent-ng-c712893625] .page[_ngcontent-ng-c712893625] i[_ngcontent-ng-c712893625] {
            width: 24px;
            height: 24px;
            margin: 0;
            display: inline-block;
            line-height: 24px;
            text-align: center;
            color: #2b2b2b
        }

        .pagination[_ngcontent-ng-c712893625] .page-margin[_ngcontent-ng-c712893625] {
            cursor: default
        }

        .pagination[_ngcontent-ng-c712893625] .page[_ngcontent-ng-c712893625]:hover {
            background: #ededed
        }

        .pagination[_ngcontent-ng-c712893625] .page[_ngcontent-ng-c712893625]:hover,
        .pagination[_ngcontent-ng-c712893625] .page[_ngcontent-ng-c712893625]:focus,
        .pagination[_ngcontent-ng-c712893625] .page[_ngcontent-ng-c712893625]:active {
            border: none;
            outline: none
        }

        .pagination[_ngcontent-ng-c712893625] .page.active[_ngcontent-ng-c712893625] {
            color: #2b2b2b;
            background-color: #dcdcdc;
            font-size: 14px
        }

        .pagination[_ngcontent-ng-c712893625] .page.advance-active[_ngcontent-ng-c712893625] {
            margin: 0 4px !important
        }

        .details[_ngcontent-ng-c712893625] {
            display: block;
            text-align: right;
            padding: 0 8px;
            color: #777
        }

        .details[_ngcontent-ng-c712893625] p[_ngcontent-ng-c712893625] {
            color: #777
        }

        button[disabled][_ngcontent-ng-c712893625] {
            opacity: .3;
            cursor: default
        }

        button[disabled][_ngcontent-ng-c712893625]:hover {
            background: transparent !important
        }

        .flipArrowKeys[_ngcontent-ng-c712893625] {
            transform: scaleX(-1)
        }

        @media screen and (max-width: 767px) {
            .details[_ngcontent-ng-c712893625] {
                top: 32px
            }

            .pagination[_ngcontent-ng-c712893625] {
                margin: 0
            }
        }
        
        .filter-item[_ngcontent-ng-c4082817802] {
            cursor: pointer;
            border-radius: 5px;
            border: solid 1px #2ecc71;
            background-color: #fff;
            padding: 4px 8px;
            margin: 6px;
            max-width: 140px;
            min-width: 0
        }

        .filter-item[_ngcontent-ng-c4082817802] h1[_ngcontent-ng-c4082817802] small[_ngcontent-ng-c4082817802] {
            font-size: .75rem
        }

        .filters[_ngcontent-ng-c4082817802] {
            max-height: 68px;
            overflow: hidden
        }

        .filters.expand[_ngcontent-ng-c4082817802] {
            height: 100%;
            max-height: 100%;
            overflow: visible
        }

        .seprator[_ngcontent-ng-c4082817802] {
            height: 20px;
            width: 2px;
            background: #d8d8d8;
            display: inline-block
        }

        .alert[_ngcontent-ng-c4082817802] {
            background-color: #fcf3cf
        }

        .prevent-click[_ngcontent-ng-c4082817802] {
            pointer-events: none
        }

        .box-radius[_ngcontent-ng-c4082817802] {
            border-radius: 4px
        }

        .firstSearch[_ngcontent-ng-c4082817802] {
            flex-basis: 50% !important
        }

        .pmd-switch[_ngcontent-ng-c4082817802] label[_ngcontent-ng-c4082817802] .pmd-switch-label[_ngcontent-ng-c4082817802],
        .pmd-switch[_ngcontent-ng-c4082817802] label[_ngcontent-ng-c4082817802] input[type="checkbox][disabled"][_ngcontent-ng-c4082817802]+.pmd-switch-label[_ngcontent-ng-c4082817802] {
            background-color: #fff !important
        }

        .pmd-switch[_ngcontent-ng-c4082817802] label[_ngcontent-ng-c4082817802] .pmd-switch-label[_ngcontent-ng-c4082817802],
        .pmd-switch[_ngcontent-ng-c4082817802] label[_ngcontent-ng-c4082817802] input[type="checkbox][disabled"][_ngcontent-ng-c4082817802]+.pmd-switch-label[_ngcontent-ng-c4082817802]:after {
            background-color: #aaa !important
        }

        .pmd-switch[_ngcontent-ng-c4082817802] label[_ngcontent-ng-c4082817802] input[type=checkbox][_ngcontent-ng-c4082817802]:checked+.pmd-switch-label[_ngcontent-ng-c4082817802]:after {
            background-color: #fff !important
        }

        .pmd-switch[_ngcontent-ng-c4082817802] label[_ngcontent-ng-c4082817802] input[type=checkbox][_ngcontent-ng-c4082817802]:checked+.pmd-switch-label[_ngcontent-ng-c4082817802] {
            background-color: #254077 !important
        }

        @media screen and (max-width: 767px) {

            html[dir=rtl][_nghost-ng-c4082817802] .action-btn-flat[_ngcontent-ng-c4082817802] .counter[_ngcontent-ng-c4082817802],
            html[dir=rtl] [_nghost-ng-c4082817802] .action-btn-flat[_ngcontent-ng-c4082817802] .counter[_ngcontent-ng-c4082817802] {
                left: 0 !important;
                right: 22% !important
            }
        }


  .action-button[_ngcontent-ng-c3128927090] {
            padding: 4px 8px;
            border-radius: 20px;
            border: 1px solid #aaaaaa;
            background-color: #fff;
            line-height: 1.1
        }

        .action-button[_ngcontent-ng-c3128927090]:disabled {
            background: #ececec;
            border: 1px solid rgba(170, 170, 170, .3);
            color: #aaaaaa4d
        }

        .action-button[_ngcontent-ng-c3128927090] .counter[_ngcontent-ng-c3128927090] {
            background: #fff;
            border-radius: 50%;
            width: 20px;
            height: 20px
        }

        .dropdown-menu[_ngcontent-ng-c3128927090] {
            z-index: 5
        }

        .options-list[_ngcontent-ng-c3128927090] {
            height: 200px;
            max-height: 200px;
            width: 240px;
            overflow-y: scroll
        }

        .options-list[_ngcontent-ng-c3128927090] li[_ngcontent-ng-c3128927090] {
            padding: 5px 0
        }

        html[dir=rtl][_nghost-ng-c3128927090] .dropdown-menu[_ngcontent-ng-c3128927090],
        html[dir=rtl] [_nghost-ng-c3128927090] .dropdown-menu[_ngcontent-ng-c3128927090] {
            left: unset;
            right: 0
        }
 .action-button[_ngcontent-ng-c2645699411] {
            padding: 4px 8px;
            border-radius: 20px;
            border: 1px solid #aaaaaa;
            background-color: #fff;
            line-height: 1.1
        }

        .action-button[_ngcontent-ng-c2645699411]:disabled {
            background: #ececec;
            border: 1px solid rgba(170, 170, 170, .3);
            color: #aaaaaa4d
        }

        .action-button[_ngcontent-ng-c2645699411] .counter[_ngcontent-ng-c2645699411] {
            background: #fff;
            border-radius: 50%;
            width: 20px;
            height: 20px
        }

        .scroll-filter[_ngcontent-ng-c2645699411] {
            z-index: 5;
            min-width: 350px;
            overflow: auto;
            height: 50vh;
            width: 100%
        }

        .options-list[_ngcontent-ng-c2645699411] li[_ngcontent-ng-c2645699411] {
            padding: 5px 0
        }

        .fa[_ngcontent-ng-c2645699411] {
            transform: rotate(0)
        }

        .collapsed[_ngcontent-ng-c2645699411] .fa[_ngcontent-ng-c2645699411] {
            transform: rotate(180deg)
        }

        .counter[_ngcontent-ng-c2645699411] {
            width: 20px;
            height: 20px;
            background: #254077;
            border-radius: 30px;
            color: #fff;
            line-height: 25px
        }

        .action-ribbon[_ngcontent-ng-c2645699411] {
            box-shadow: 0 -4px 8px #2b2b2b1a
        }

        .action-btn-flat-bluedropdown-menu[_ngcontent-ng-c2645699411] {
            max-width: 380px !important
        }

        .action-btn-flat-blue[_ngcontent-ng-c2645699411] {
            text-transform: none !important
        }

        html[dir=rtl][_nghost-ng-c2645699411] .dropdown-menu[_ngcontent-ng-c2645699411],
        html[dir=rtl] [_nghost-ng-c2645699411] .dropdown-menu[_ngcontent-ng-c2645699411] {
            left: unset;
            right: 0
        }
         img[_ngcontent-ng-c704413448] {
            width: 48px;
            height: 48px;
            /*border: 1px solid #DCDCDC;*/
            max-width: 48px;
            max-height: 48px;
            object-fit: contain
        }

        .circle[_ngcontent-ng-c704413448] {
            margin: 0 6px;
            width: 5px;
            height: 5px;
            background: #777;
            border-radius: 5px;
            display: inline-block
        }

        .static[_ngcontent-ng-c704413448] {
            border-radius: 8px;
            border: 1px solid #DCDCDC;
            background: #fff;
            width: 320px
        }

        .static[_ngcontent-ng-c704413448] .position-info[_ngcontent-ng-c704413448] {
            height: 150px
        }

        .static.showBadges[_ngcontent-ng-c704413448],
        .static.maxWidth[_ngcontent-ng-c704413448] {
            width: 100% !important
        }

        .badges[_ngcontent-ng-c704413448] {
            gap: 8px 6px
        }

        .badges[_ngcontent-ng-c704413448]>div[_ngcontent-ng-c704413448] {
            flex-shrink: 1;
            flex-basis: auto;
            font-size: 12px;
            padding: 2px 4px;
            border-radius: 4px
        }

        .badges[_ngcontent-ng-c704413448]>div[_ngcontent-ng-c704413448] span[_ngcontent-ng-c704413448] {
            height: 17px;
            line-height: 19px
        }

        .badges[_ngcontent-ng-c704413448]>div.fair[_ngcontent-ng-c704413448] {
            color: #b2386b;
            background-color: #ffefed
        }

        .badges[_ngcontent-ng-c704413448]>div.salary[_ngcontent-ng-c704413448] {
            color: #2b2b2b;
            background-color: #f5f5f5
        }

        .badges[_ngcontent-ng-c704413448]>div.salary[_ngcontent-ng-c704413448] i[_ngcontent-ng-c704413448] {
            color: #777
        }

        .badges[_ngcontent-ng-c704413448]>div.salary.badge-max-width[_ngcontent-ng-c704413448] span[_ngcontent-ng-c704413448] {
            max-width: 120px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .badges[_ngcontent-ng-c704413448]>div.autoApplied[_ngcontent-ng-c704413448] {
            color: #2b2b2b;
            background-color: #f5f5f5
        }

        .badges[_ngcontent-ng-c704413448]>div.autoApplied[_ngcontent-ng-c704413448] i[_ngcontent-ng-c704413448] {
            color: #777
        }

        .badges[_ngcontent-ng-c704413448]>div.precept[_ngcontent-ng-c704413448] {
            color: #2b2b2b;
            background-color: #f5f5f5
        }

        .badges[_ngcontent-ng-c704413448]>div.precept[_ngcontent-ng-c704413448] i[_ngcontent-ng-c704413448] {
            color: #777
        }

        .badges[_ngcontent-ng-c704413448]>div.responsive[_ngcontent-ng-c704413448] {
            color: #3a49a2;
            background-color: #f1f3ff
        }

        .badges[_ngcontent-ng-c704413448]>div.boosted[_ngcontent-ng-c704413448] {
            color: #40a86c;
            background-color: #edf3f8
        }

        .badges[_ngcontent-ng-c704413448]>div.fastHiring[_ngcontent-ng-c704413448] {
            color: #2a84db;
            background-color: #eef3f9
        }

        .brand-data[_ngcontent-ng-c704413448] {
            max-width: calc(100% - 60px)
        }

        .applied[_ngcontent-ng-c704413448] {
            font-size: 12px;
            padding: 2px 8px;
            border-radius: 4px;
            color: #40a86c;
            background-color: #edf3f8
        }

        .bottom-bar[_ngcontent-ng-c704413448] {
            height: 48px
        }

        .selectedCard[_ngcontent-ng-c704413448] {
            border-right: 6px solid #254077
        }

        .checkbox-label[_ngcontent-ng-c704413448] .checkmark.small[_ngcontent-ng-c704413448] {
            width: 16px;
            height: 16px;
            top: -5px;
            left: -5px
        }

        .checkbox-label[_ngcontent-ng-c704413448] .checkmark.small[_ngcontent-ng-c704413448]:after {
            left: 3px;
            top: -1px;
            width: 5px;
            height: 10px
        }

        .checkbox-label[_ngcontent-ng-c704413448] {
            position: absolute;
            left: 16px !important;
            left: unset
        }

        .job-info[_ngcontent-ng-c704413448] .location[_ngcontent-ng-c704413448] {
            max-width: 110px
        }

        html[dir=rtl][_nghost-ng-c704413448] .checkbox-label[_ngcontent-ng-c704413448],
        html[dir=rtl] [_nghost-ng-c704413448] .checkbox-label[_ngcontent-ng-c704413448] {
            right: 16px !important;
            left: unset
        }

        html[dir=rtl][_nghost-ng-c704413448] .selectedCard[_ngcontent-ng-c704413448],
        html[dir=rtl] [_nghost-ng-c704413448] .selectedCard[_ngcontent-ng-c704413448] {
            border-right: 6px solid #254077;
            border-left: none
        }

        html[dir=rtl][_nghost-ng-c704413448] .checkbox-label[_ngcontent-ng-c704413448] .checkmark.small[_ngcontent-ng-c704413448],
        html[dir=rtl] [_nghost-ng-c704413448] .checkbox-label[_ngcontent-ng-c704413448] .checkmark.small[_ngcontent-ng-c704413448] {
            right: -5px;
            left: unset
        }

        html[dir=rtl][_nghost-ng-c704413448] .checkbox-label[_ngcontent-ng-c704413448] .checkmark.small[_ngcontent-ng-c704413448]:after,
        html[dir=rtl] [_nghost-ng-c704413448] .checkbox-label[_ngcontent-ng-c704413448] .checkmark.small[_ngcontent-ng-c704413448]:after {
            right: 3px;
            left: unset
        }

        html[dir=rtl][_nghost-ng-c704413448] .salary.badge-max-width[_ngcontent-ng-c704413448] span[_ngcontent-ng-c704413448],
        html[dir=rtl] [_nghost-ng-c704413448] .salary.badge-max-width[_ngcontent-ng-c704413448] span[_ngcontent-ng-c704413448] {
            max-width: 107px
        }
  .app-job-preview[_ngcontent-ng-c291815567] {
            position: sticky
        }

        .text-color[_ngcontent-ng-c291815567] {
            color: #2b2b2b
        }

        .relativePos[_ngcontent-ng-c291815567] {
            position: relative
        }

        .position-title[_ngcontent-ng-c291815567] {
            width: 500px
        }

        .alert[_ngcontent-ng-c291815567] {
            background-color: #f5f5f5
        }

        .preview-header[_ngcontent-ng-c291815567] {
            border-radius: 0 0 4px 4px;
            top: 0;
            z-index: 3
        }

        .noData[_ngcontent-ng-c291815567] {
            color: #929292
        }

        .header-ribbon[_ngcontent-ng-c291815567] {
            background: url(/assets/css/images/company-background.jpg);
            background-size: cover;
            min-height: 20px
        }

        .company-logo[_ngcontent-ng-c291815567] {
            height: 72px;
            width: 72px;
            min-width: 90px;
            /*border: solid 1px #dcdcdc;*/
            background-color: #fff;
            position: relative;
            top: -16px
        }

        .company-logo[_ngcontent-ng-c291815567] img[_ngcontent-ng-c291815567] {
            height: 70px;
            width: 70px;
            object-fit: contain
        }

        .hide-details[_ngcontent-ng-c291815567] {
            height: 143px;
            overflow: hidden;
            transition: height 1s
        }

        .preview-body[_ngcontent-ng-c291815567] {
            min-height: calc(100% - 126px)
        }

        #Candidate_All_Apply2.action-btn-fill[_ngcontent-ng-c291815567],
        #Candidate_All_Apply3.action-btn-fill-dark-yellow-2[_ngcontent-ng-c291815567] {
            padding: 4px 24px
        }

        #Candidate_All_Apply2.action-btn-fill[_ngcontent-ng-c291815567] span[_ngcontent-ng-c291815567],
        #Candidate_All_Apply3.action-btn-fill-dark-yellow-2[_ngcontent-ng-c291815567] span[_ngcontent-ng-c291815567] {
            font-size: 1rem
        }

        .padding-x1[_ngcontent-ng-c291815567] {
            padding: 0 1px
        }

        .card-body[_ngcontent-ng-c291815567] .has-border[_ngcontent-ng-c291815567] {
            border-bottom: 2px solid #ececec
        }

        .card-body[_ngcontent-ng-c291815567] .vip-title[_ngcontent-ng-c291815567] img[_ngcontent-ng-c291815567] {
            width: 17px;
            vertical-align: text-bottom
        }

        .upgrade[_ngcontent-ng-c291815567] {
            background-color: #f5f5f5;
            border-radius: 10px;
            background-image: url(/assets/css/images/candidate-premium/premium-svg-bg-1.svg), url(/assets/css/images/candidate-premium/premium-svg-bg-2.svg), url(/assets/css/images/candidate-premium/premium-svg-bg-3.svg);
            background-position: 10% 0%, 50% 100%, 100% 100%;
            background-repeat: no-repeat
        }

        .upgrade[_ngcontent-ng-c291815567] a[_ngcontent-ng-c291815567] {
            display: inline-block;
            text-decoration: unset;
            color: #fff;
            background-color: #eda823;
            height: 38px;
            width: 165px;
            line-height: 2rem;
            padding: 0 16px;
            font-weight: 700
        }

        .position__salary[_ngcontent-ng-c291815567] {
            width: 20px
        }

        #job-list-detail-body-share[_ngcontent-ng-c291815567] {
            position: relative
        }

        #job-list-detail-body-share[_ngcontent-ng-c291815567]:hover .arrow_box[_ngcontent-ng-c291815567] {
            display: flex;
            position: absolute;
            right: 0;
            z-index: 2
        }

        #job-list-detail-body-share[_ngcontent-ng-c291815567]:hover .arrow_box[_ngcontent-ng-c291815567] a[_ngcontent-ng-c291815567]:hover {
            filter: invert(70%) sepia(41%) saturate(925%) hue-rotate(185deg) brightness(75%) contrast(97%)
        }

        #job-list-detail-body-share[_ngcontent-ng-c291815567] .arrow_box[_ngcontent-ng-c291815567] {
            display: none
        }

        .dot[_ngcontent-ng-c291815567] {
            width: 4px;
            height: 4px
        }

        .details-badge[_ngcontent-ng-c291815567] {
            background: #f5f5f5;
            border-radius: 4px;
            padding: 4px 8px;
            border: 1px solid #F5F5F5
        }

        .details-badge[_ngcontent-ng-c291815567] img[_ngcontent-ng-c291815567] {
            width: 16px;
            height: 16px
        }

        .letter-spacing[_ngcontent-ng-c291815567] {
            letter-spacing: initial
        }

        .mat-mdc-tab-header {
            border-bottom: 1px solid rgba(0, 0, 0, .12)
        }

        .job-tabs[_ngcontent-ng-c291815567] .mat-mdc-tab {
            flex-grow: 0 !important
        }

        .job-tabs[_ngcontent-ng-c291815567] .mat-mdc-tab .mdc-tab__text-label {
            letter-spacing: 0
        }

        .job-tabs[_ngcontent-ng-c291815567] .mat-mdc-tab .mat-mdc-tab-label {
            padding: 0;
            min-width: 100px;
            opacity: 1
        }

        .job-tabs[_ngcontent-ng-c291815567] .mat-mdc-tab .mat-mdc-tab-label .textTab {
            color: gray;
            opacity: .6
        }

        .job-tabs[_ngcontent-ng-c291815567] .mat-mdc-tab .mat-mdc-tab-label:last-child {
            min-width: 155px
        }

        .job-tabs[_ngcontent-ng-c291815567] .mat-mdc-tab .mdc-tab-indicator {
            width: 100% !important
        }

        .job-tabs[_ngcontent-ng-c291815567] .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
            color: #254077 !important
        }

        .job-tabs[_ngcontent-ng-c291815567] .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab-indicator {
            width: 78px;
            bottom: 0;
            top: auto;
            height: 2px
        }

        .job-tabs[_ngcontent-ng-c291815567] .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab-indicator span {
            border-color: #254077 !important
        }

        html[dir=rtl][_nghost-ng-c291815567] .arrow_box[_ngcontent-ng-c291815567],
        html[dir=rtl] [_nghost-ng-c291815567] .arrow_box[_ngcontent-ng-c291815567] {
            right: unset !important;
            left: 0
        }

        html[dir=rtl][_nghost-ng-c291815567] #salaryNew[_ngcontent-ng-c291815567],
        html[dir=rtl] [_nghost-ng-c291815567] #salaryNew[_ngcontent-ng-c291815567] {
            right: 22px
        }

        html[dir=rtl][_nghost-ng-c291815567] #insightsNew[_ngcontent-ng-c291815567],
        html[dir=rtl] [_nghost-ng-c291815567] #insightsNew[_ngcontent-ng-c291815567] {
            right: 93px
        }

        html[dir=rtl][_nghost-ng-c291815567] .viewCompanyProfile[_ngcontent-ng-c291815567],
        html[dir=rtl] [_nghost-ng-c291815567] .viewCompanyProfile[_ngcontent-ng-c291815567] {
            position: relative;
            bottom: 12px
        }

        .boosting-tags[_ngcontent-ng-c291815567] {
            border-radius: 5px;
            padding: 4px;
            font-size: 11px;
            background: #edf3f8;
            min-width: fit-content;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .boosting-tags[_ngcontent-ng-c291815567] i[_ngcontent-ng-c291815567] {
            font-size: 14px
        }

       .mdc-tab {
            min-width: 90px;
            padding-right: 24px;
            padding-left: 24px;
            display: flex;
            flex: 1 0 auto;
            justify-content: center;
            box-sizing: border-box;
            margin: 0;
            padding-top: 0;
            padding-bottom: 0;
            border: none;
            outline: none;
            text-align: center;
            white-space: nowrap;
            cursor: pointer;
            -webkit-appearance: none;
            z-index: 1
        }

        .mdc-tab::-moz-focus-inner {
            padding: 0;
            border: 0
        }

        .mdc-tab[hidden] {
            display: none
        }

        .mdc-tab--min-width {
            flex: 0 1 auto
        }

        .mdc-tab__content {
            display: flex;
            align-items: center;
            justify-content: center;
            height: inherit;
            pointer-events: none
        }

        .mdc-tab__text-label {
            transition: 150ms color linear;
            display: inline-block;
            line-height: 1;
            z-index: 2
        }

        .mdc-tab__icon {
            transition: 150ms color linear;
            z-index: 2
        }

        .mdc-tab--stacked .mdc-tab__content {
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .mdc-tab--stacked .mdc-tab__text-label {
            padding-top: 6px;
            padding-bottom: 4px
        }

        .mdc-tab--active .mdc-tab__text-label,
        .mdc-tab--active .mdc-tab__icon {
            transition-delay: 100ms
        }

        .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
            padding-left: 8px;
            padding-right: 0
        }

        [dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,
        .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl] {
            padding-left: 0;
            padding-right: 8px
        }

        .mdc-tab-indicator {
            display: flex;
            position: absolute;
            top: 0;
            left: 0;
            justify-content: center;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1
        }

        .mdc-tab-indicator__content {
            transform-origin: left;
            opacity: 0
        }

        .mdc-tab-indicator__content--underline {
            align-self: flex-end;
            box-sizing: border-box;
            width: 100%;
            border-top-style: solid
        }

        .mdc-tab-indicator__content--icon {
            align-self: center;
            margin: 0 auto
        }

        .mdc-tab-indicator--active .mdc-tab-indicator__content {
            opacity: 1
        }

        .mdc-tab-indicator .mdc-tab-indicator__content {
            transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1)
        }

        .mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
            transition: none
        }

        .mdc-tab-indicator--fade .mdc-tab-indicator__content {
            transition: 150ms opacity linear
        }

        .mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
            transition-delay: 100ms
        }

        .mat-mdc-tab-ripple {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            pointer-events: none
        }

        .mat-mdc-tab {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          
            text-decoration: none;
            background: none;
            letter-spacing: var(--mat-tab-header-label-text-tracking);
            line-height: var(--mat-tab-header-label-text-line-height);
        }

        .mat-mdc-tab .mdc-tab-indicator__content--underline {
            border-color: var(--mdc-tab-indicator-active-indicator-color)
        }

        .mat-mdc-tab .mdc-tab-indicator__content--underline {
            border-top-width: var(--mdc-tab-indicator-active-indicator-height)
        }

        .mat-mdc-tab .mdc-tab-indicator__content--underline {
            border-radius: var(--mdc-tab-indicator-active-indicator-shape)
        }

        .mat-mdc-tab:not(.mdc-tab--stacked) {
            height: var(--mdc-secondary-navigation-tab-container-height)
        }

        .mat-mdc-tab:not(:disabled).mdc-tab--active .mdc-tab__icon {
            fill: currentColor
        }

        .mat-mdc-tab:not(:disabled):hover.mdc-tab--active .mdc-tab__icon {
            fill: currentColor
        }

        .mat-mdc-tab:not(:disabled):focus.mdc-tab--active .mdc-tab__icon {
            fill: currentColor
        }

        .mat-mdc-tab:not(:disabled):active.mdc-tab--active .mdc-tab__icon {
            fill: currentColor
        }

        .mat-mdc-tab:disabled.mdc-tab--active .mdc-tab__icon {
            fill: currentColor
        }

        .mat-mdc-tab:not(:disabled):not(.mdc-tab--active) .mdc-tab__icon {
            fill: currentColor
        }

        .mat-mdc-tab:not(:disabled):hover:not(.mdc-tab--active) .mdc-tab__icon {
            fill: currentColor
        }

        .mat-mdc-tab:not(:disabled):focus:not(.mdc-tab--active) .mdc-tab__icon {
            fill: currentColor
        }

        .mat-mdc-tab:not(:disabled):active:not(.mdc-tab--active) .mdc-tab__icon {
            fill: currentColor
        }

        .mat-mdc-tab:disabled:not(.mdc-tab--active) .mdc-tab__icon {
            fill: currentColor
        }

        .mat-mdc-tab.mdc-tab {
            flex-grow: 0
        }

        .mat-mdc-tab:hover .mdc-tab__text-label {
            color: var(--mat-tab-header-inactive-hover-label-text-color)
        }

        .mat-mdc-tab:focus .mdc-tab__text-label {
            color: var(--mat-tab-header-inactive-focus-label-text-color)
        }

        .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
            color: var(--mat-tab-header-active-label-text-color)
        }

        .mat-mdc-tab.mdc-tab--active .mdc-tab__ripple::before,
        .mat-mdc-tab.mdc-tab--active .mat-ripple-element {
            background-color: var(--mat-tab-header-active-ripple-color)
        }

        .mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label {
            color: var(--mat-tab-header-active-hover-label-text-color)
        }

        .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline {
            border-color: var(--mat-tab-header-active-hover-indicator-color)
        }

        .mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
            color: var(--mat-tab-header-active-focus-label-text-color)
        }

        .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
            border-color: var(--mat-tab-header-active-focus-indicator-color)
        }

        .mat-mdc-tab.mat-mdc-tab-disabled {
            opacity: .4;
            pointer-events: none
        }

        .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__content {
            pointer-events: none
        }

        .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before,
        .mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element {
            background-color: var(--mat-tab-header-disabled-ripple-color)
        }

        .mat-mdc-tab .mdc-tab__ripple::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            pointer-events: none;
            background-color: var(--mat-tab-header-inactive-ripple-color)
        }

        .mat-mdc-tab .mdc-tab__text-label {
            color: var(--mat-tab-header-inactive-label-text-color);
            display: inline-flex;
            align-items: center
        }

        .mat-mdc-tab .mdc-tab__content {
            position: relative;
            pointer-events: auto
        }

        .mat-mdc-tab:hover .mdc-tab__ripple::before {
            opacity: .04
        }

        .mat-mdc-tab.cdk-program-focused .mdc-tab__ripple::before,
        .mat-mdc-tab.cdk-keyboard-focused .mdc-tab__ripple::before {
            opacity: .12
        }

        .mat-mdc-tab .mat-ripple-element {
            opacity: .12;
            background-color: var(--mat-tab-header-inactive-ripple-color)
        }

        .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab {
            flex-grow: 1
        }

        .mat-mdc-tab-group {
            display: flex;
            flex-direction: column;
            max-width: 100%
        }

        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header,
        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination {
            background-color: var(--mat-tab-header-with-background-background-color)
        }

        .mat-mdc-tab-group.mat-tabs-with-background.mat-primary>.mat-mdc-tab-header .mat-mdc-tab .mdc-tab__text-label {
            color: var(--mat-tab-header-with-background-foreground-color)
        }

        .mat-mdc-tab-group.mat-tabs-with-background.mat-primary>.mat-mdc-tab-header .mdc-tab-indicator__content--underline {
            border-color: var(--mat-tab-header-with-background-foreground-color)
        }

        .mat-mdc-tab-group.mat-tabs-with-background:not(.mat-primary)>.mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label {
            color: var(--mat-tab-header-with-background-foreground-color)
        }

        .mat-mdc-tab-group.mat-tabs-with-background:not(.mat-primary)>.mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab-indicator__content--underline {
            border-color: var(--mat-tab-header-with-background-foreground-color)
        }

        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-mdc-focus-indicator::before,
        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-mdc-focus-indicator::before {
            border-color: var(--mat-tab-header-with-background-foreground-color)
        }

        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-ripple-element,
        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mdc-tab__ripple::before,
        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-ripple-element,
        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mdc-tab__ripple::before {
            background-color: var(--mat-tab-header-with-background-foreground-color)
        }

        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
        .mat-mdc-tab-group.mat-tabs-with-background>.mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron {
            color: var(--mat-tab-header-with-background-foreground-color)
        }

        .mat-mdc-tab-group.mat-mdc-tab-group-inverted-header {
            flex-direction: column-reverse
        }

        .mat-mdc-tab-group.mat-mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline {
            align-self: flex-start
        }

        .mat-mdc-tab-body-wrapper {
            position: relative;
            overflow: hidden;
            display: flex;
            transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1)
        }

        .mat-mdc-tab-body-wrapper._mat-animation-noopable {
            transition: none !important;
            animation: none !important
        }
        
         .mat-mdc-tab-header {
            display: flex;
            overflow: hidden;
            position: relative;
            flex-shrink: 0
        }

        .mdc-tab-indicator .mdc-tab-indicator__content {
            transition-duration: var(--mat-tab-animation-duration, 250ms)
        }

        .mat-mdc-tab-header-pagination {
            -webkit-user-select: none;
            user-select: none;
            position: relative;
            display: none;
            justify-content: center;
            align-items: center;
            min-width: 32px;
            cursor: pointer;
            z-index: 2;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            touch-action: none;
            box-sizing: content-box;
            background: none;
            border: none;
            outline: 0;
            padding: 0
        }

        .mat-mdc-tab-header-pagination::-moz-focus-inner {
            border: 0
        }

        .mat-mdc-tab-header-pagination .mat-ripple-element {
            opacity: .12;
            background-color: var(--mat-tab-header-inactive-ripple-color)
        }

        .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination {
            display: flex
        }

        .mat-mdc-tab-header-pagination-before,
        .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-after {
            padding-left: 4px
        }

        .mat-mdc-tab-header-pagination-before .mat-mdc-tab-header-pagination-chevron,
        .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-after .mat-mdc-tab-header-pagination-chevron {
            transform: rotate(-135deg)
        }

        .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-before,
        .mat-mdc-tab-header-pagination-after {
            padding-right: 4px
        }

        .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-before .mat-mdc-tab-header-pagination-chevron,
        .mat-mdc-tab-header-pagination-after .mat-mdc-tab-header-pagination-chevron {
            transform: rotate(45deg)
        }

        .mat-mdc-tab-header-pagination-chevron {
            border-style: solid;
            border-width: 2px 2px 0 0;
            height: 8px;
            width: 8px;
            border-color: var(--mat-tab-header-pagination-icon-color)
        }

        .mat-mdc-tab-header-pagination-disabled {
            box-shadow: none;
            cursor: default;
            pointer-events: none
        }

        .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
            opacity: .4
        }

        .mat-mdc-tab-list {
            flex-grow: 1;
            position: relative;
            transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1)
        }

        ._mat-animation-noopable .mat-mdc-tab-list {
            transition: none
        }

        ._mat-animation-noopable span.mdc-tab-indicator__content,
        ._mat-animation-noopable span.mdc-tab__text-label {
            transition: none
        }

        .mat-mdc-tab-label-container {
            display: flex;
            flex-grow: 1;
            overflow: hidden;
            z-index: 1;
            border-bottom-style: solid;
            border-bottom-width: var(--mat-tab-header-divider-height);
            border-bottom-color: var(--mat-tab-header-divider-color)
        }

        .mat-mdc-tab-group-inverted-header .mat-mdc-tab-label-container {
            border-bottom: none;
            border-top-style: solid;
            border-top-width: var(--mat-tab-header-divider-height);
            border-top-color: var(--mat-tab-header-divider-color)
        }

        .mat-mdc-tab-labels {
            display: flex;
            flex: 1 0 auto
        }

        [mat-align-tabs=center]>.mat-mdc-tab-header .mat-mdc-tab-labels {
            justify-content: center
        }

        [mat-align-tabs=end]>.mat-mdc-tab-header .mat-mdc-tab-labels {
            justify-content: flex-end
        }

        .mat-mdc-tab::before {
            margin: 5px
        }

        .cdk-high-contrast-active .mat-mdc-tab[aria-disabled=true] {
            color: GrayText
        }
        
        .gallery-container[_ngcontent-ng-c1775152939] {
            overflow: auto
        }
.image-container[_ngcontent-ng-c3892102343] {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 8px;
            margin-right: 8px;
            height: 88px
        }

        .image-container[_ngcontent-ng-c3892102343]>div[_ngcontent-ng-c3892102343] {
            position: relative
        }

        .image[_ngcontent-ng-c3892102343] {
            height: 70px;
            width: 110px;
            object-fit: cover
        }

        video[_ngcontent-ng-c3892102343] {
            height: 70px !important;
            width: 110px !important;
            object-fit: cover
        }

        .cover-image[_ngcontent-ng-c3892102343] {
            width: 290px !important
        }

        .zoomin-icon[_ngcontent-ng-c3892102343] {
            height: 20px;
            width: 20px;
            object-fit: contain;
            position: absolute
        }

        .play-icon[_ngcontent-ng-c3892102343] {
            font-size: 24px;
            color: #fff;
            opacity: .5;
            position: absolute
        }

        .remove-icon[_ngcontent-ng-c3892102343] {
            font-size: 18px;
            position: absolute;
            color: #777;
            top: -8px;
            right: -8px
        }

        .remove-icon[_ngcontent-ng-c3892102343]:hover {
            cursor: pointer
        }
 .mat-mdc-tab-body {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            position: absolute;
            display: block;
            overflow: hidden;
            outline: 0;
            flex-basis: 100%
        }

        .mat-mdc-tab-body.mat-mdc-tab-body-active {
            position: relative;
            overflow-x: hidden;
            overflow-y: auto;
            z-index: 1;
            flex-grow: 1
        }

        .mat-mdc-tab-group.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body.mat-mdc-tab-body-active {
            overflow-y: hidden
        }

        .mat-mdc-tab-body-content {
            height: 100%;
            overflow: auto
        }

        .mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content {
            overflow: hidden
        }

        .mat-mdc-tab-body-content[style*="visibility: hidden"] {
            display: none
        }
        
         .filters-container[_ngcontent-ng-c3340778102] {
            width: 100%;
            z-index: 5;
            transition: transform .3s ease
        }

        .dropped-out[_ngcontent-ng-c3340778102] {
            transform: translateY(-100%)
        }

        .dropped-in[_ngcontent-ng-c3340778102] {
            transform: translateY(0)
        }

        .side-bar[_ngcontent-ng-c3340778102] {
            width: calc(100% - 653px)
        }

        .side-bar[_ngcontent-ng-c3340778102] .custom-scroll[_ngcontent-ng-c3340778102] {
            overflow-x: auto
        }

        .position-fixed[_ngcontent-ng-c3340778102] {
            position: fixed
        }

        .visibility-hide[_ngcontent-ng-c3340778102] {
            visibility: hidden;
            display: none
        }

        .visibility-visible[_ngcontent-ng-c3340778102] {
            visibility: visible
        }

        .faq-container[_ngcontent-ng-c3340778102] {
            padding: 24px 132px !important
        }

        .faq-container[_ngcontent-ng-c3340778102] .faq-item[_ngcontent-ng-c3340778102] {
            background-color: #f5f5f5
        }

        .faq-container[_ngcontent-ng-c3340778102] .mat-expansion-panel-header span {
            max-height: 48px;
            padding: 6px 0
        }

        .faq-container[_ngcontent-ng-c3340778102] .mat-expansion-panel-header.mat-expanded span {
            max-height: inherit;
            padding: 6px 0
        }

        .all-filter[_ngcontent-ng-c3340778102] {
            border-left: 2px solid #DCDCDC
        }

        .filters[_ngcontent-ng-c3340778102] {
            overflow-x: auto
        }

        .filters__label[_ngcontent-ng-c3340778102] {
            color: #2b2b2b;
            -webkit-user-select: none;
            user-select: none
        }

        .filters__label__element[_ngcontent-ng-c3340778102] {
            font-weight: 500;
            padding: 0 10px
        }

        .filters__clear[_ngcontent-ng-c3340778102] {
            transition: all .3s ease-out
        }

        .badge-width[_ngcontent-ng-c3340778102] {
            max-width: 190px
        }

        .mat-drawer-container[_ngcontent-ng-c3340778102] {
            z-index: 4
        }

        .job-preview[_ngcontent-ng-c3340778102] {
            max-width: 70%;
            width: 65%
        }

        .side-bar[_ngcontent-ng-c3340778102] {
            width: 100%
        }

        .card-wrapper[_ngcontent-ng-c3340778102] {
            border-radius: 4px;
            overflow: hidden;
            border: solid 1px transparent;
            margin-bottom: 6px !important
        }

        .card-wrapper[_ngcontent-ng-c3340778102]:hover {
            filter: drop-shadow(0px 1px 3px #6FB5F9);
            border: 1px solid #4ea0cd
        }

        .mat-expansion-panel-header {
            background-color: #f5f5f5 !important
        }

        .mat-expansion-panel-body {
            padding-top: 16px !important
        }

        .content-detail h2 {
            font-size: 18px;
            font-weight: 600;
            margin-top: 16px
        }

        .content-detail h3 {
            font-size: 16px;
            font-weight: 600;
            margin-top: 16px
        }

        .content-detail p,
        .content-detail a {
            font-size: 14px;
            font-weight: 500;
            margin-top: 8px;
            color: #777
        }

        .collapsible-action span,
        .collapsible-action i {
            color: #145fa8 !important
        }

        .badge-new[_ngcontent-ng-c3340778102] {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 1px 8px;
            gap: 10px;
            position: absolute;
            width: 45px;
            height: 18px;
            background: #d7202e;
            border-radius: 20px;
            left: calc(100% - 45px);
            color: #fff !important;
            bottom: calc(100% - 9px)
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] {
            position: relative
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .height-36[_ngcontent-ng-c3340778102] {
            height: 36px
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .form-control[_ngcontent-ng-c3340778102] {
            transition: all .5s;
            background-color: #ececec;
            color: #2b2b2b;
            border: 0;
            border-radius: 20px !important;
            outline: none;
            box-shadow: none;
            cursor: pointer;
            font-size: 14px;
            padding: 6px 30px
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .form-control[_ngcontent-ng-c3340778102]::placeholder {
            color: #2b2b2b;
            opacity: 1
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .form-control[_ngcontent-ng-c3340778102]:-ms-input-placeholder {
            color: #2b2b2b
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .form-control[_ngcontent-ng-c3340778102]::-ms-input-placeholder {
            color: #2b2b2b
        }

        .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .search-btn[_ngcontent-ng-c3340778102] {
            position: absolute;
            right: 0;
            background-color: unset;
            border: unset;
            padding: 8px 24px
        }

        .loading-spinner[_ngcontent-ng-c3340778102] {
            height: 100%
        }

        .content-detail table {
            margin-top: 16px;
            margin-bottom: 16px
        }

        .content-detail table,
        .content-detail th,
        .content-detail td {
            border: 1px solid #ECECEC
        }

        .content-detail th,
        .content-detail td {
            padding: 4px 8px;
            text-align: center
        }

        .content-detail th {
            background-color: #f4f4f4;
            font-weight: 700;
            color: #333
        }

        @media screen and (max-width: 767px) {
            .card-ribbon[_ngcontent-ng-c3340778102] {
                position: fixed;
                bottom: 56px;
                width: 100%;
                background: #0c3964;
                z-index: 1
            }

            .card-ribbon.turn-on[_ngcontent-ng-c3340778102] {
                background: #fff !important
            }

            .card-ribbon.turn-on[_ngcontent-ng-c3340778102] p[_ngcontent-ng-c3340778102] {
                color: #2b2b2b
            }

            .card-ribbon[_ngcontent-ng-c3340778102] p[_ngcontent-ng-c3340778102] {
                color: #fff
            }

            .card-ribbon[_ngcontent-ng-c3340778102] img[_ngcontent-ng-c3340778102] {
                width: 20px;
                height: fit-content
            }

            [_ngcontent-ng-c3340778102]::-webkit-scrollbar {
                -webkit-appearance: none
            }

            .search-box[_ngcontent-ng-c3340778102] {
                width: 90%;
                margin: auto
            }

            .faq-container[_ngcontent-ng-c3340778102] {
                padding: 24px !important
            }

            .mobile-filter[_ngcontent-ng-c3340778102] {
                flex-basis: 0%;
                -ms-overflow-style: none;
                scrollbar-width: none
            }

            .border-left[_ngcontent-ng-c3340778102] {
                border-left: 1px solid #DCDCDC;
                height: 30px
            }

            .multi-select[_ngcontent-ng-c3340778102] {
                margin-bottom: -8px
            }

            .action-btn-flat[_ngcontent-ng-c3340778102] {
                color: #2b2b2b;
                text-transform: none;
                position: relative
            }

            .action-btn-flat[_ngcontent-ng-c3340778102] .counter[_ngcontent-ng-c3340778102] {
                position: absolute;
                width: 12px;
                height: 12px;
                background: #145fa8;
                border-radius: 30px;
                color: #fff;
                line-height: 14.1px;
                font-size: 9px;
                font-weight: 500;
                left: 35%;
                bottom: 62%
            }

            .border-bottom[_ngcontent-ng-c3340778102] {
                box-shadow: 0 1px 2px #2b2b2b59
            }
        }

        .cdk-global-scrollblock {
            top: 0 !important
        }

        html[dir=rtl][_nghost-ng-c3340778102] .all-filter[_ngcontent-ng-c3340778102],
        html[dir=rtl] [_nghost-ng-c3340778102] .all-filter[_ngcontent-ng-c3340778102] {
            border-right: 2px solid #DCDCDC;
            border-left: unset
        }

        html[dir=rtl][_nghost-ng-c3340778102] .badge-new[_ngcontent-ng-c3340778102],
        html[dir=rtl] [_nghost-ng-c3340778102] .badge-new[_ngcontent-ng-c3340778102] {
            right: calc(100% - 45px) !important
        }

        html[dir=rtl][_nghost-ng-c3340778102] .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .search-btn[_ngcontent-ng-c3340778102],
        html[dir=rtl] [_nghost-ng-c3340778102] .search-box[_ngcontent-ng-c3340778102] .search-input-placeholder[_ngcontent-ng-c3340778102] .search-btn[_ngcontent-ng-c3340778102] {
            right: unset !important;
            left: 0 !important
        }

        html[dir=rtl][_nghost-ng-c3340778102] .search-input[_ngcontent-ng-c3340778102] .search-button[_ngcontent-ng-c3340778102],
        html[dir=rtl] [_nghost-ng-c3340778102] .search-input[_ngcontent-ng-c3340778102] .search-button[_ngcontent-ng-c3340778102] {
            top: 0;
            right: unset;
            left: 0
        }

        .search-input[_ngcontent-ng-c3340778102] .search-button[_ngcontent-ng-c3340778102] {
            top: 0;
            right: 0;
            background: transparent;
            border: unset;
            height: 40px;
            width: 40px
        }

        @media screen and (max-width: 767px) {
            .no-result-mobile[_ngcontent-ng-c3340778102] {
                height: calc(100vh - 279px);
                padding: 0 24px
            }

            .container[_ngcontent-ng-c3340778102] {
                width: 100%;
                padding: 0;
                height: 100%;
                margin: 0 !important
            }

            .it-card[_ngcontent-ng-c3340778102] {
                padding: 0
            }

            .side-bar[_ngcontent-ng-c3340778102] {
                padding: 0 !important
            }

            .results-container[_ngcontent-ng-c3340778102] {
                overflow-x: auto
            }

            .mobile-filter[_ngcontent-ng-c3340778102] {
                position: sticky;
                width: 100%;
                z-index: 1;
                top: 134px
            }

            .mobile-margin-top[_ngcontent-ng-c3340778102] {
                margin-top: 200px
            }
        }

 body, div, h1, h2, h3, h4, h5, h6, p, a, span{
                font-family: var(--body-font-family);
        }
        
         #webklipper-publisher-widget-container,
            #webklipper-publisher-widget-container * {
                overflow: visible;
                -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;
                box-sizing: content-box;
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%;
                font: inherit;
                vertical-align: baseline;
            }