/*link styles*/
a {
    color: var(--link-color);
    text-decoration: underline;
}
a:hover {
    color: var(--link-hover-color);
}
a:focus,
a:active {
    outline: var(--accessibility-outline-color) var(--accessibility-outline-width) var(--accessibility-outline-style);
    outline-offset: 1px;
}
.phw-g-dropdown-style-1,
.phw-g-dropdown-large,
.phw-g-dropdown-small {
    appearance: var(--input-appearance);
    -webkit-appearance: var(--input-appearance);
    -moz-appearance: var(--input-appearance);
}
/* job card styles */
.jw-job-tag {
    color: var(--brand-color-primary);
    font-weight: 600;
    font-size: var(--paragraph-font-size-3);
}
.jw-job-match {
    font-size: var(--paragraph-font-size-3);
}

.strong-match,
.job-match-sty3 {
    background-color: var(--job-tag-bg-color-style-3);
    border-radius: calc(var(--border-radius-base) * 2);
}
.strong-match svg,
.job-match-sty3 svg {
    color: var(--job-tag-color-style3);
}
.potential-match,
.job-match-sty1 {
    background-color: var(--job-tag-bg-color-style-1);
    border-radius: calc(var(--border-radius-base) * 2);
}
.potential-match svg,
.job-match-sty1 svg {
    color: var(--job-tag-color-style1);
}
.job-match-sty2 {
    background-color: var(--job-tag-bg-color-style-2);
    border-radius: calc(var(--border-radius-base) * 2);
}
.job-match-sty2 svg {
    color: var(--job-tag-color-style2);
}

/* typography */
h1 {
    font-weight: 600;
    font-size: var(--phw-g-hero-title-font-size);
    line-height: var(--line-height-1);
    color: var(--white);
}
.phw-g-h1-hero-title-primary {
    color: var(--brand-color-primary);
}
/*job details sticky title*/
.phw-g-h1-sticky-job-title {
    font-weight: 600;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: 1.5;
    color: var(--text-dark);
}
.phw-g-h1-hero-title-dark {
    color: var(--text-dark);
}
/* 404 */
.phw-g-h1-404-primary {
    font-size: var(--phw-g-404-text-font-size);
    line-height: 1.2;
    color: var(--brand-color-primary);
}
/*job details title*/
.phw-g-h1-widget-title-dark {
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-2);
    color: var(--text-dark);
}

h2 {
    font-weight: 600;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-2);
    color: var(--text-dark);
}
/* h2 tag assigned h1 */
.phw-g-h2-card-title-dark-large {
    font-weight: var(--phw-g-widget-title-font-weight);
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-1);
    color: var(--text-dark);
}
/* h2 tag assigned h3 */
.phw-g-h2-card-title-dark-default {
    font-weight: 600;
    font-size: var(--phw-g-cards-title-font-size);
    line-height: var(--line-height-3);
    color: var(--text-dark);
}
/* h2 tag assigned h4 */
.phw-g-h2-card-sub-title-dark-small {
    font-weight: 600;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-g-h2-card-title-primary-small {
    font-weight: 600;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--brand-color-primary);
}
.phw-g-h2-card-title-dark-small {
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: 1.58;
    font-weight: 400;
}
.phw-g-h2-card-title-light-small {
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: 1.58;
    color: var(--white);
}
.phw-g-h2-card-title-secondary-small {
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: 1.58;
    font-weight: 400;
    color: var(--secondary-text);
}
.phw-g-h2-card-light {
    color: var(--white);
}

h3 {
    font-weight: 600;
    font-size: var(--phw-g-cards-title-font-size);
    line-height: var(--line-height-3);
    color: var(--text-dark);
}

.phw-g-h3-card-primary {
    color: var(--brand-color-primary);
}
.phw-g-h3-card-light {
    color: var(--white);
}
/* h3 tag h5 assign */
.phw-g-h3-card-large-dark {
    font-weight: 600;
    font-size: var(--phw-g-large-text-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
/* featured blogs */
.phw-g-h3-card-xlarge-dark {
    font-weight: 600;
    font-size: var(--phw-g-hero-title-font-size);
    line-height: var(--line-height-1);
    color: var(--text-dark);
}
/* Our Workforce by Numbers heading */
.phw-g-h3-card-number-primary {
    font-weight: 600;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: 1.2;
    color: var(--brand-color-primary);
}
.phw-g-h3-card-number-dark {
    font-size: var(--phw-g-numbers-font-size);
    line-height: var(--number-heading-line-height);
    color: var(--text-dark);
}
.phw-g-h3-card-font-weight-regular {
    font-weight: 400;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
h4 {
    font-weight: 600;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}

.phw-g-h4-primary-small {
    font-weight: 400;
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--brand-color-primary);
}

h5 {
    font-weight: 600;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}

h6 {
    font-weight: 600;
    font-size: var(--phw-g-small-text-font-size);
    line-height: var(--line-height-6);
    color: var(--text-dark);
}

/* paragraph */
p,
.phw-para-p {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--text-dark);
}
.phw-g-p-small-light {
    color: var(--white);
}
.phw-g-p-small-secondary {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--secondary-text);
}
.phw-g-p-default-dark {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--text-dark);
}
.phw-g-p-small-dark {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--text-dark);
}
.phw-g-p-default-secondary {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--secondary-text);
}
.phw-g-p-default-primary {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--brand-color-primary);
}
.phw-g-p-default-light {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--white);
}
.phw-g-p-large-secondary {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--secondary-text);
}
.phw-g-p-large-dark {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--text-dark);
}
.phw-g-p-semibold-dark {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    font-weight: 600;
    color: var(--text-dark);
}
.phw-g-p-large-semibold-dark {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    font-weight: 600;
    color: var(--text-dark);
}
.phw-g-p-large-light {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--white);
}
.phw-g-list-text-style-1 {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--secondary-text);
}
.phw-g-p-italic {
    font-style: italic;
}
.phw-g-p-xx-large-light {
    font-weight: 600;
    font-size: var(--phw-g-cards-title-font-size);
    line-height: var(--line-height-3);
    color: var(--white);
}
/* Widget subheading */
.phw-g-p-widget-subheading-style-1 {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--secondary-text);
    margin-top: calc(var(--mu-space) * 3);
}

/* other text styles */
.phw-g-text-glassdoor-rating {
    font-size: var(--phw-g-numbers-font-size);
    line-height: 1.25;
    color: var(--brand-color-primary);
}
.phw-g-text-glassdoor-rating-style-1 {
    font-size: var(--phw-g-widget-title-huge-font-size);
    line-height: 1.16;
    color: var(--text-dark);
}
.phw-g-h3-glassdoor-small-dark {
    font-weight: 400;
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--text-dark);
}
.phw-g-text-glassdoor-review-count {
    font-size: var(--phw-g-widget-title-font-size);
    line-height: 1.375;
    font-weight: 600;
    color: var(--brand-color-primary);
}
.phw-g-gd-review-count {
    font-size: var(--phw-g-input-label-text-font-size);
}
.phw-g-text-xx-large-primary {
    font-weight: 600;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-2);
    color: var(--brand-color-primary);
}
.phw-g-text-xx-large-dark {
    font-weight: 600;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-2);
    color: var(--text-dark);
}
.phw-g-text-x-large-dark {
    font-weight: 600;
    font-size: var(--phw-g-cards-title-font-size);
    line-height: var(--line-height-3);
    color: var(--text-dark);
}
.phw-g-text-large-secondary {
    font-weight: 600;
    font-size: var(--phw-g-large-text-font-size);
    line-height: var(--line-height-4);
    color: var(--secondary-text);
}
.phw-g-text-large-dark {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--text-dark);
}
.phw-g-text-large-semibold-dark {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    font-weight: 600;
    color: var(--text-dark);
}
.phw-g-text-large-light {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--white);
}
.phw-g-text-default-dark {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--text-dark);
}
.phw-g-text-default-light {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--white);
}
.phw-g-text-default-secondary {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--secondary-text);
}
.phw-g-text-default-primary {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--brand-color-primary);
}
.phw-g-text-default-semibold-primary {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    font-weight: 600;
    color: var(--brand-color-primary);
}
.phw-g-text-default-semibold-dark {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    font-weight: 600;
    color: var(--text-dark);
}
.phw-g-text-small-secondary {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--secondary-text);
}

.phw-g-text-small-primary {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--brand-color-primary);
}
.phw-g-text-small-dark {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--text-dark);
}
.phw-g-text-small-light {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--white);
}
.phw-g-text-fyf-skills {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--secondary-text);
}
/*icon color*/
.phw-g-icon-ctr-style-1 {
    border: 1px solid var(--white);
    border-radius: 100%;
}
.phw-g-icon-dark {
    color: var(--icon-dark);
}
.phw-g-icon-light {
    color: var(--icon-light);
}
.phw-g-icon-white {
    color: var(--white);
}
.phw-g-icon-success {
    color: var(--alert-success);
}
.phw-g-icon-failure {
    color: var(--alert-error);
}
.phw-g-icon-primary {
    color: var(--brand-color-primary);
}
.phw-g-icon-light-secondary-text {
    color: var(--secondary-text);
}
.phw-g-icon-bg-primary-light {
    color: var(--icon-bg-primary-color-light);
}
.phw-g-icon-bg-light {
    background-color: var(--icon-light);
}
.phw-g-icon-bg-dark {
    background-color: var(--icon-dark);
}

.phw-g-play-button {
    background-color: transparent;
    border: none;
    width: calc(var(--su-space) * 13);
    height: calc(var(--su-space) * 13);
    margin: auto;
}

.phw-g-menu-list-link {
    color: var(--text-dark);
    display: inline-flex;
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    text-decoration: none;
    border: none;
}
.phw-g-footer-bottom-menu-list-link {
    color: var(--white);
    display: inline-flex;
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    text-decoration: none;
}
.phw-g-menu-sub-list {
    color: var(--text-dark);
    width: 100%;
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    text-transform: capitalize;
}
/* footer links privacy */
.phw-g-a-style-1 {
    color: var(--white);
}
.phw-g-a-style-1:hover {
    color: var(--white);
}
/* widget bg color */
.phw-g-widget-bg-dark-1 {
    background-color: var(--widget-bg-dark-color);
}
.phw-g-widget-bg-gray-1 {
    background-color: var(--widget-bg-gray-color);
}
.phw-g-widget-bg-white {
    background-color: var(--widget-bg-white-color);
}
.phw-g-widget-bg-primary {
    background-color: var(--widget-bg-primary-color);
}
.phw-g-widget-bg-gradient {
    background-image: var(--widget-bg-gradient-color);
}

.phw-g-widget-bg-secondary {
    background-color: var(--brand-color-secondary);
}
.phw-g-widget-image-bg-style-1 {
    background: url('https://assets-qa.phenompro.com/CareerConnectResources/qa1/GLOBAL/images/join-talent-community-1625659637128.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.phw-g-widget-hero-block-background {
    background-image: url('https://assets-qa.phenompro.com/CareerConnectResources/qa1/GLOBAL/images/join-talent-community-1625659637128.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.phw-g-banner-background {
    background-image: url('https://assets-qa.phenompro.com/CareerConnectResources/qa1/DEMOCANUS/images/benefits-banner-1695731766225.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/* card bg color */
.phw-g-card-bg-white {
    background-color: var(--widget-bg-white-color);
    color: var(--text-dark);
}
.phw-g-card-bg-darker {
    background-color: var(--widget-bg-dark-color);
    color: var(--white);
}
.phw-g-card-bg-primary {
    background-color: var(--widget-bg-primary-color);
    color: var(--white);
}
.phw-g-card-bg-secondary {
    background-color: var(--brand-color-secondary);
    transition: all 0.2s;
}
.phw-g-card-bg-light {
    background: var(--widget-bg-gray-color);
}
.phw-g-card-jtc-bg {
    background: var(--widget-bg-gray-color);
    padding: calc(var(--pu-space) * 6) calc(var(--pu-space) * 24);
}
.phw-g-card-shadow-style-1 {
    background: var(--widget-bg-white-color);
    box-shadow: var(--box-shadow-style-1);
}
.phw-g-card-shadow-style-2 {
    background: var(--widget-bg-white-color);
    box-shadow: var(--box-shadow-style-2);
}
.phw-g-card-shadow-style-3 {
    background: var(--widget-bg-white-color);
    box-shadow: var(--box-shadow-style-3);
}
/*tags styles*/
.phw-g-tags-bg-gray-1 {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    background-color: var(--widget-bg-gray-color);
    color: var(--text-dark);
    display: inline-flex;
    border-radius: var(--chips-border-radius);
}
/* button */
.ph-jtc-box .primary-button,
.ph-apply-box .primary-button,
.ph-jtc-box .btn-primary,
.ph-apply-box .btn-primary,
.phw-g-btn-primary,
.phw-g-btn-large-primary,
.phw-g-btn-small-primary {
    border-color: var(--brand-color-primary);
    color: var(--white);
    background-color: var(--brand-color-primary);
    font-weight: var(--btn-font-weight);
}

.ph-jtc-box .primary-button:focus-visible,
.ph-jtc-box .btn-primary:focus-visible,
.ph-apply-box .primary-button:focus-visible,
.ph-apply-box .btn-primary:focus-visible,
.phw-g-btn-primary:focus-visible,
.phw-g-btn-large-primary:focus-visible,
.phw-g-btn-small-primary:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.ph-jtc-box .primary-button:hover,
.ph-apply-box .primary-button:hover,
.ph-jtc-box .primary-button:focus,
.ph-apply-box .primary-button:focus,
.ph-jtc-box .btn-primary:hover,
.ph-apply-box .btn-primary:hover,
.ph-jtc-box .btn-primary:focus,
.ph-apply-box .btn-primary:focus,
.phw-g-btn-primary:hover,
.phw-g-btn-large-primary:hover,
.phw-g-btn-small-primary:hover,
.phw-g-btn-primary:focus,
.phw-g-btn-large-primary:focus,
.phw-g-btn-small-primary:focus {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--brand-color-primary);
}
.ph-jtc-box .primary-button:active,
.ph-apply-box .primary-button:active,
.ph-jtc-box .btn-primary:active,
.ph-apply-box .btn-primary:active,
.phw-g-btn-primary:active,
.phw-g-btn-large-primary:active,
.phw-g-btn-small-primary:active {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--brand-color-primary);
}
.ph-jtc-box .primary-button:disabled,
.ph-apply-box .primary-button:disabled,
.ph-jtc-box .btn-primary:disabled,
.ph-apply-box .btn-primary:disabled,
.phw-g-btn-primary:disabled,
.phw-g-btn-large-primary:disabled,
.phw-g-btn-small-primary:disabled {
    color: var(--btn-dark);
    background-color: var(--disabled-color);
    border-color: var(--disabled-color);
    height: auto;
}
.phw-g-btn-large-primary {
    min-height: var(--btn-height-lg);
}
.phw-g-btn-small-primary {
    min-height: var(--btn-height-sm);
}
.ph-jtc-box .secondary-button,
.ph-jtc-box .btn-success,
.ph-apply-box .secondary-button,
.ph-apply-box .btn-success,
.phw-g-btn-secondary {
    border-color: var(--brand-color-primary);
    color: var(--brand-color-primary);
    background-color: var(--brand-color-secondary);
    font-weight: var(--btn-font-weight);
}
.ph-jtc-box .secondary-button:focus-visible,
.ph-jtc-box .btn-success:focus-visible,
.ph-apply-box .secondary-button:focus-visible,
.ph-apply-box .btn-success:focus-visible,
.phw-g-btn-secondary:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.ph-jtc-box .secondary-button:hover,
.ph-jtc-box .secondary-button:active,
.ph-jtc-box .secondary-button:focus,
.ph-jtc-box .btn-success:hover,
.ph-jtc-box .btn-success:active,
.ph-jtc-box .btn-success:focus,
.ph-apply-box .secondary-button:hover,
.ph-apply-box .secondary-button:active,
.ph-apply-box .secondary-button:focus,
.ph-apply-box .btn-success:hover,
.ph-apply-box .btn-success:active,
.ph-apply-box .btn-success:focus,
.phw-g-btn-secondary:hover,
.phw-g-btn-secondary:active,
.phw-g-btn-secondary:focus {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--brand-color-primary);
}
.ph-jtc-box .secondary-button:disabled,
.ph-jtc-box .btn-success:disabled,
.ph-apply-box .secondary-button:disabled,
.ph-apply-box .btn-success:disabled,
.phw-g-btn-secondary:disabled {
    color: var(--btn-dark);
    background-color: var(--disabled-color);
    border-color: var(--disabled-color);
}
.ph-jtc-box .plain-button,
.ph-jtc-box .btn-info,
.ph-apply-box .plain-button,
.ph-apply-box .btn-info,
.phw-g-btn-plain {
    border-color: transparent;
    color: var(--brand-color-primary);
    background-color: transparent;
    font-weight: var(--btn-font-weight);
}
.ph-jtc-box .plain-button:focus-visible,
.ph-jtc-box .btn-info:focus-visible,
.ph-apply-box .plain-button:focus-visible,
.ph-apply-box .btn-info:focus-visible,
.phw-g-btn-plain:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.ph-jtc-box .plain-button:hover,
.ph-jtc-box .btn-info:hover,
.ph-apply-box .plain-button:hover,
.ph-apply-box .btn-info:hover,
.phw-g-btn-plain:hover {
    color: var(--brand-color-primary);
    background-color: var(--brand-color-secondary);
    border-color: transparent;
}
.ph-jtc-box .plain-button:active,
.ph-jtc-box .btn-info:active,
.ph-apply-box .plain-button:active,
.ph-apply-box .btn-info:active,
.phw-g-btn-plain:active {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--white);
}
.ph-jtc-box .plain-button:focus,
.ph-jtc-box .btn-info:focus,
.ph-apply-box .plain-button:focus,
.ph-apply-box .btn-info:focus,
.phw-g-btn-plain:focus {
    color: var(--brand-color-primary);
    background-color: transparent;
    border-color: transparent;
}
.ph-jtc-box .plain-button:disabled,
.ph-jtc-box .btn-info:disabled,
.ph-apply-box .plain-button:disabled,
.ph-apply-box .btn-info:disabled,
.phw-g-btn-plain:disabled {
    color: var(--btn-dark);
    background-color: var(--disabled-color);
    border-color: var(--disabled-color);
}
.ph-jtc-box .default-button,
.ph-jtc-box .btn-default,
.ph-apply-box .default-button,
.ph-apply-box .btn-default,
.phw-g-btn-default {
    border-color: transparent;
    color: var(--brand-color-primary);
    background-color: transparent;
    font-weight: var(--btn-font-weight);
}
.ph-jtc-box .default-button:focus-visible,
.ph-jtc-box .btn-default:focus-visible,
.ph-apply-box .default-button:focus-visible,
.ph-apply-box .btn-default:focus-visible,
.phw-g-btn-default:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.ph-jtc-box .default-button:hover,
.ph-jtc-box .btn-default:hover,
.ph-apply-box .default-button:hover,
.ph-apply-box .btn-default:hover,
.phw-g-btn-default:hover {
    color: var(--brand-color-primary);
    background-color: var(--brand-color-secondary);
    border-color: transparent;
}
.ph-jtc-box .default-button:active,
.ph-jtc-box .btn-default:active,
.ph-apply-box .default-button:active,
.ph-apply-box .btn-default:active,
.phw-g-btn-default:active {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--white);
    box-shadow: none;
}
.ph-jtc-box .default-button:focus,
.ph-jtc-box .btn-default:focus,
.ph-apply-box .default-button:focus,
.ph-apply-box .btn-default:focus,
.phw-g-btn-default:focus {
    color: var(--brand-color-primary);
    background-color: transparent;
    border-color: transparent;
}
.ph-jtc-box .default-button:disabled,
.ph-jtc-box .btn-default:disabled,
.ph-apply-box .default-button:disabled,
.ph-apply-box .btn-default:disabled,
.phw-g-btn-default:disabled {
    color: var(--btn-dark);
    background-color: var(--disabled-color);
    border-color: var(--disabled-color);
}
.phw-g-btn-buttonlink {
    color: var(--link-color);
    background-color: transparent;
    border-color: transparent;
}
.phw-g-btn-buttonlink:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
    outline-offset: var(--accessibility-outline-offset);
}
.phw-g-btn-buttonlink:hover {
    color: var(--link-hover-color);
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-buttonlink:active {
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-buttonlink:disabled {
    color: var(--btn-disabled-color);
    background-color: transparent;
    border-color: var(--disabled-color);
}

.phw-g-btn-link {
    color: var(--link-color);
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    border-width: 0;
}
.phw-g-btn-link:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
    outline-offset: var(--accessibility-outline-offset);
}
.phw-g-btn-link:hover {
    color: var(--link-hover-color);
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-link:active {
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-link:disabled {
    color: var(--btn-dark);
    border-color: transparent;
}
.phw-g-btn-link-style-1 {
    color: var(--secondary-text);
    background-color: transparent;
    border-color: transparent;
    min-height: auto;
    box-shadow: none;
}
.phw-g-btn-link-style-1:focus-visible {
    outline-offset: var(--accessibility-outline-offset);
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.phw-g-btn-link-style-1:disabled {
    color: var(--btn-dark);
    border-color: transparent;
}

.phw-g-btn-link-style-2 {
    color: var(--link-color);
    font-weight: 600;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    border-width: 0;
}
.phw-g-btn-link-style-2:hover {
    color: var(--link-hover-color);
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-link-style-2:active {
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-link-style-2:disabled {
    color: var(--btn-dark);
    border-color: transparent;
}

.phw-g-header-link {
    font-weight: 400;
    text-decoration: none;
    height: var(--btn-height);
    color: var(--link-color);
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    border-width: 0;
}
.phw-g-header-link:hover {
    text-decoration: none;
    color: var(--link-hover-color);
    border-color: transparent;
}
.phw-g-btn-link-candidate-login {
    font-size: var(--phw-g-regular-text-font-size);
    line-height: 1.2;
    font-weight: 600;
    color: var(--secondary-text);
    text-decoration: none;
}
.phw-g-btn-link-facet-button-link {
    font-size: var(--phw-g-regular-text-font-size);
    line-height: 1.2;
    font-weight: 600;
    color: var(--text-dark);
    text-decoration: none;
}
.phw-g-btn-link-facet-button-link:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
    outline-offset: var(--accessibility-outline-offset);
}
.phw-g-btn-link-candidate-login:hover {
    text-decoration: none;
    color: var(--secondary-text);
}
.phw-g-btn-link-candidate-login:active {
    text-decoration: none;
}
.phw-g-btn-jobcard-info-link {
    color: var(--text-dark);
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    border-width: 0;
    font-weight: 400;
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
}
.phw-g-btn-jobcard-info-link:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
    outline-offset: var(--accessibility-outline-offset);
}
.phw-g-btn-jobcard-info-link:hover {
    color: var(--text-dark);
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-jobcard-info-link:active {
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-jobcard-info-link:disabled {
    color: var(--btn-dark);
    border-color: transparent;
}

.phw-g-job-title-link:visited {
    color: var(--visited-color);
}

.phw-g-header-link {
    font-weight: 400;
    text-decoration: none;
}
.phw-g-header-link:hover {
    text-decoration: none;
}

.phw-g-text-field-style-1,
.phw-g-dropdown-style-1 {
    font-family: var(--input-font-family);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);

    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border: var(--input-border-width) solid var(--input-stroke);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size) * var(--input-line-height));
}
.phw-g-text-field-large {
    font-family: var(--input-font-family);
    font-size: var(--input-font-size-lg);
    line-height: var(--input-line-height);
    height: var(--input-height-lg);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-left: var(--input-v-padding-lg);
    padding-right: var(--input-v-padding-lg);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border: var(--input-border-width) solid var(--input-stroke);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size-lg) * var(--input-line-height));
}
.phw-g-text-field-small {
    font-family: var(--input-font-family);
    font-size: var(--input-font-size-sm);
    line-height: var(--input-line-height-sm);
    height: var(--input-height-sm);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-left: var(--input-v-padding-sm);
    padding-right: var(--input-v-padding-sm);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border: var(--input-border-width) solid var(--input-stroke);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size-sm) * var(--input-line-height));
}
.phw-g-dropdown-large {
    font-family: var(--input-font-family);
    font-size: var(--input-font-size-lg);
    line-height: var(--input-line-height);
    height: var(--input-height-lg);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-left: var(--input-v-padding-lg);
    padding-right: var(--input-v-padding-lg);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border: var(--input-border-width) solid var(--input-stroke);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size-lg) * var(--input-line-height));
}
.phw-g-dropdown-small {
    font-family: var(--input-font-family);
    font-size: var(--input-font-size-sm);
    line-height: var(--input-line-height-sm);
    height: var(--input-height-sm);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-left: var(--input-v-padding-sm);
    padding-right: var(--input-v-padding-sm);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border: var(--input-border-width) solid var(--input-stroke);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size-sm) * var(--input-line-height));
}
.phw-g-text-field-style-1:focus,
.phw-g-text-field-large:focus,
.phw-g-text-field-small:focus,
.phw-g-dropdown-style-1:focus,
.phw-g-dropdown-large:focus,
.phw-g-dropdown-small:focus {
    border-color: var(--input-stroke-focus);
    box-shadow: var(--input-box-shadow-focus);
}
.phw-g-text-field-style-1:disabled,
.phw-g-text-field-large:disabled,
.phw-g-text-field-small:disabled,
.phw-g-dropdown-style-1:disabled,
.phw-g-dropdown-large:disabled,
.phw-g-dropdown-small:disabled {
    background-color: var(--input-disabled-bg);
    opacity: 1;
    pointer-events: none;
}
input.f-error {
    border-color: var(--input-stroke-error);
}
.phw-g-dropdown-style-1,
.phw-g-dropdown-large,
.phw-g-dropdown-small {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    appearance: var(--input-appearance);
    -webkit-appearance: var(--input-appearance);
    -moz-appearance: var(--input-appearance);
}
.phw-g-footer-address-style-1 {
    font-size: var(--footer-menu-list-font-size-style-1);
    line-height: var(--footer-menu-list-line-height-style-1);
    color: var(--white);
}
.phw-g-footer-menu-list-link {
    display: inline-block;
    color: var(--white);
    font-size: var(--footer-menu-list-font-size-style-1);
    line-height: var(--footer-menu-list-line-height-style-1);
}
.phw-g-footer-menu-list-heading {
    color: var(--white);
    font-weight: 400;
    font-size: var(--footer-menu-list-font-size);
    line-height: var(--footer-menu-list-line-height);
}
.phw-g-footer-menu-list-heading-style1 {
    color: var(--text-dark);
    font-weight: 400;
    font-size: var(--footer-menu-list-font-size);
    line-height: var(--footer-menu-list-line-height);
}
.phw-g-circle-image-large {
    aspect-ratio: 1/1;
    width: 496px;
    height: 100%;
    border-radius: 50%;
}
.phw-g-img-circle-120x120 {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
.phw-g-img-circle-80x80 {
    height: 60px;
    width: 60px;
    border-radius: 50%;
}
.phw-g-img-overlay-light {
    position: relative;
}
.phw-g-img-overlay-light::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
}
.phw-g-avatar-initials {
    font-size: var(--phw-g-widget-title-font-size);
    font-weight: 600;
    line-height: 1.25;
}
.phw-g-user-name-prefix {
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: 1.25;
}
.phw-g-organiser--circle {
    font-size: var(--phw-g-cards-title-font-size);
}
.phw-g-each-tag {
    background-color: rgba(35, 93, 255, 0.1);
    color: var(--text-dark);
    font-size: var(--phw-g-small-text-font-size);
    line-height: 1.57;
}
.phw-g-facets-title-btn {
    font-size: var(--phw-g-small-text-font-size);
    line-height: 1.25;
    font-weight: 400;
}
.phw-g-dropdown-list {
    font-size: var(--phw-g-small-text-font-size);
    font-weight: 400;
    line-height: 1.6;
    color: var(--secondary-text);
}
.phw-g-label-text {
    font-weight: 400;
    font-size: var(--phw-g-small-text-font-size);
    line-height: 1.6;
}
.phw-g-back-to-top {
    font-size: var(--phw-g-input-label-text-font-size);
    line-height: 1;
}
.phw-g-fyf-heading-block {
    font-size: var(--phw-g-cards-title-font-size);
}
.phw-g-category-title {
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: 1.25;
    font-weight: 600;
}
@media only screen and (min-width: 1920px) {
    .phw-g-img-circle-120x120 {
        height: 120px;
        width: 120px;
    }
    .phw-g-img-circle-80x80 {
        height: 80px;
        width: 80px;
    }
    .phw-g-card-jtc-bg {
        padding: calc(var(--pu-space) * 8) calc(var(--pu-space) * 36);
    }
}
@media only screen and (max-width: 1919.98px) {
    .jw-job-tag,
    .jw-job-match,
    .phw-g-p-large-secondary,
    .phw-g-p-large-dark,
    .phw-g-p-large-semibold-dark,
    .phw-g-p-large-light,
    .phw-g-h3-glassdoor-small-dark,
    .phw-g-text-large-dark,
    .phw-g-text-large-semibold-dark,
    .phw-g-text-large-light {
        font-size: var(--phw-g-input-label-text-font-size);
    }
    p,
    .phw-g-p-small-secondary,
    .phw-g-p-small-dark,
    .phw-g-list-text-style-1,
    .phw-g-p-widget-subheading-style-1,
    .phw-g-text-small-secondary,
    .phw-g-text-small-primary,
    .phw-g-text-small-dark,
    .phw-g-text-small-light,
    .phw-g-text-fyf-skills,
    .phw-g-footer-bottom-menu-list-link,
    .phw-g-menu-sub-list,
    .phw-g-tags-bg-gray-1 {
        font-size: var(--font-size-15);
    }
    .phw-g-h4-primary-small,
    .phw-g-p-default-dark,
    .phw-g-p-default-secondary,
    .phw-g-p-default-primary,
    .phw-g-p-default-light,
    .phw-g-p-semibold-dark,
    .phw-g-text-default-dark,
    .phw-g-text-default-light,
    .phw-g-text-default-secondary,
    .phw-g-text-default-primary,
    .phw-g-text-default-semibold-primary,
    .phw-g-text-default-semibold-dark,
    .phw-g-menu-list-link,
    .phw-g-btn-jobcard-info-link {
        font-size: var(--phw-g-small-text-font-size);
    }

    h1,
    .phw-g-h3-card-xlarge-dark {
        font-size: var(--font-size-11);
    }
    .phw-g-h1-widget-title-dark,
    h2,
    .phw-g-h2-card-title-dark-large,
    .phw-g-h3-card-number-primary,
    .phw-g-text-glassdoor-review-count,
    .phw-g-text-xx-large-primary,
    .phw-g-text-xx-large-dark,
    .phw-g-avatar-initials {
        font-size: var(--font-size-12);
    }
    .phw-g-h2-card-title-dark-default,
    h3,
    .phw-g-p-xx-large-light,
    .phw-g-text-x-large-dark,
    .phw-g-organiser--circle,
    .phw-g-fyf-heading-block {
        font-size: var(--font-size-13);
    }
    .phw-g-h1-sticky-job-title,
    .phw-g-h2-card-sub-title-dark-small,
    .phw-g-h2-card-title-primary-small,
    .phw-g-h2-card-title-dark-small,
    .phw-g-h2-card-title-light-small,
    .phw-g-h2-card-title-secondary-small,
    .phw-g-h3-card-large-dark,.phw-g-h3-card-font-weight-regular,h4,h5,.phw-g-text-large-secondary,.phw-g-user-name-prefix,.phw-g-category-title {
    font-size: var(--phw-g-regular-text-font-size);
    }
    .phw-g-h3-card-number-dark{
        font-size: var(--phw-g-widget-title-huge-font-size);
    }

}
@media only screen and (max-width: 1279.98px) {
    .phw-g-h1-sticky-job-title {
        line-height: 1.25;
    }
    .phw-g-h2-card-title-dark-small {
        font-size: var(--phw-g-input-label-text-font-size);
        line-height: 1.61;
    }
    .phw-g-card-jtc-bg {
        padding: calc(var(--pu-space) * 5) calc(var(--pu-space) * 11);
    }
    .phw-g-text-glassdoor-rating {
        line-height: 1.25;
    }
    .phw-g-circle-image-large {
        width: 296px;
    }
    .phw-g-text-glassdoor-rating-style-1{
        font-size: var(--phw-g-widget-title-font-size);
        line-height: 1.363;
    }
    .phw-g-h1-404-primary{
        font-size: var(--font-size-14);
    }
}
@media only screen and (max-width: 1024.98px) {
    .phw-g-facets-title-btn {
        font-weight: 600;
    }
}
@media only screen and (max-width: 767.98px) {
    h1,
    .phw-g-h3-card-xlarge-dark {
        font-size: var(--phw-g-cards-title-font-size);
    }
    .phw-g-h1-widget-title-dark,
    h2,
    .phw-g-h2-card-title-dark-large,
    .phw-g-h3-card-number-primary,
    .phw-g-text-glassdoor-review-count,
    .phw-g-text-xx-large-primary,
    .phw-g-text-xx-large-dark,
    .phw-g-avatar-initials {
        font-size: var(--phw-g-large-text-font-size);
    }
    .phw-g-h2-card-title-dark-default,
    h3,
    .phw-g-p-xx-large-light,
    .phw-g-text-x-large-dark,
    .phw-g-organiser--circle,
    .phw-g-fyf-heading-block {
        font-size: var(--phw-g-input-label-text-font-size);
    }
    .phw-g-h1-sticky-job-title,
    .phw-g-h2-card-sub-title-dark-small,
    .phw-g-h2-card-title-primary-small,
    .phw-g-h2-card-title-dark-small,
    .phw-g-h2-card-title-light-small,
    .phw-g-h2-card-title-secondary-small,
    .phw-g-h3-card-large-dark,.phw-g-h3-card-font-weight-regular,h4,h5,.phw-g-text-large-secondary,.phw-g-user-name-prefix,.phw-g-category-title {
    font-size: var(--phw-g-small-text-font-size);
    }
    .phw-g-gd-review-count,.phw-g-back-to-top{
        font-size: var(--phw-g-small-text-font-size);
    }
    .phw-g-text-glassdoor-rating-style-1{
        font-size: var(--font-size-16)
    }
    .phw-g-h1-404-primary{
        font-size: var(--font-size-17);
    }
    .phw-g-img-circle-120x120 {
        height: 60px;
        width: 60px;
    }
    .phw-g-card-jtc-bg {
        padding: calc(var(--pu-space) * 5) calc(var(--pu-space) * 2);
    }
    .phw-g-text-fyf-skills {
        font-size: var(--paragraph-font-size-2);
        line-height: 1.625;
        color: var(--brand-color-primary);
    }
    .phw-g-circle-image-large {
        width: 256px;
    }
}
/* 1920+ */
:root {
    --phw-g-primary-font-family: 'Source Sans Pro', sans-serif;
    --phw-g-secondary-font-family: var(--phw-g-primary-font-family);

    /* Brand colors */
    --brand-color-primary: #5335a8; /*global brand color*/
    --brand-color-secondary: #ffffff; /*global brand color*/

    /* brand color primary with opacity */
    --brand-color-primary-60: color-mix(in oklch, transparent, var(--brand-color-primary) 60%);
    --brand-color-primary-40: color-mix(in oklch, transparent, var(--brand-color-primary) 40%);

    /* Standrad colors */
    --black: #272727; /*global brand color*/
    --white: #ffffff; /*global brand color*/

    /* Text colors */
    --text-dark: #4e4e4e; /*global brand color*/
    --secondary-text: #777777; /*global brand color*/
    --light-text: #bdbdbd; /*global brand color*/
    --placeholder-text-color-1: #a0a0a0; /*global brand color*/

    /* Font Size */
    --font-size-1: 56px; /*global variable*/
    --font-size-2: 44px; /*global variable*/
    --font-size-3: 28px; /*global variable*/
    --font-size-4: 24px; /*global variable*/
    --font-size-5: 20px; /*global variable*/
    --font-size-6: 16px; /*global variable*/
    --font-size-7: 18px; /*global variable*/
    --font-size-8: 60px; /*global variable*/
    --font-size-9: 80px; /*global variable*/
    --phw-g-404-text-font-size: 280px; /*global variable*/
    --font-size-11: 42px; /*heading font size tablet*/
    --font-size-12: 36px; /*widget heading font size tab*/
    --font-size-13: 22px; /*card title tab*/
    --font-size-14: 168px; /*404 font size tab*/
    --font-size-15: 14px; /*paragraph font size tab*/
    --font-size-16: 48px; /*font size mobile*/
    --font-size-17: 88px; /*font-size mobile*/

    /* line height */
    --line-height-1: 1.25;
    --line-height-2: 1.25;
    --line-height-3: 1.25;
    --line-height-4: 1.25;
    --line-height-5: 1.6;
    --line-height-6: 1.25;

    /* Body styles */
    --body-font-family: var(--phw-g-primary-font-family); /*global variable*/
    --body-font-size: var(--phw-g-small-text-font-size); /*global variable*/
    --body-font-weight: 400;
    --body-line-height: 1.5; /*global variable*/
    --body-color: #4e4e4e; /*global variable*/
    --body-bg: #fff; /*global variable*/

    /* Container */
    --grid-container: 88%;
    --grid-container-max: 1688px;
    --container-top-space: 128px;
    --container-bottom-space: 128px;
    --grid-gutter-space: calc(var(--mu-space) * 5);
    --widget-header-content-block-between-space: calc(var(--pu-space) * 8);
    --widget-content-footer-block-between-space: calc(var(--pu-space) * 8);
    /* Paragraph Font Size*/
    --paragraph-font-size-1: var(--phw-g-small-text-font-size); /*global variable*/
    --paragraph-font-size-2: var(--phw-g-regular-text-font-size); /*global variable*/
    --paragraph-font-size-3: var(--phw-g-cards-subtitle-font-size); /*global variable*/

    /* Paragraph line height */
    --paragraph-line-height-1: 1.25;
    --paragraph-line-height-2: 1.6;
    --paragraph-line-height-3: 1.6;

    /* Number */
    --number-heading-font-size: var(--phw-g-numbers-font-size); /*global variable*/
    --number-heading-line-height: 1.25; /*global variable*/

    /* widget sub heading font size*/
    --widget-subheading-style1: var(--phw-g-widget-subheading-font-size); /*global variable*/
    --widget-subheading-line-height-1: 1; /*global variable*/

    /* Menu-list and footer */
    --menu-list-font-size: var(--phw-g-cards-subtitle-font-size); /*global variable*/
    --menu-list-line-height: 1.25; /*global variable*/
    --footer-menu-list-font-size: var(--phw-g-cards-subtitle-font-size); /*global variable*/
    --footer-menu-list-line-height: 1.25; /*global variable*/
    --footer-menu-list-font-size-style-1: var(--phw-g-regular-text-font-size); /*global variable*/
    --footer-menu-list-line-height-style-1: 1.3; /*global variable*/

    /* Icon colors */
    --icon-dark: var(--text-dark); /*global brand color*/
    --icon-light: var(--placeholder-text-color-1); /*global brand color*/

    /* Link colors */
    --link-color: var(--brand-color-primary); /*global brand color*/
    --link-hover-color: var(--brand-color-primary); /*global brand color*/
    --link-hover-decoration: underline; /*global brand color*/
    --visited-color: #681da8; /*global brand color*/

    /* Slider colors */
    --slider-pagination-bg-color: #a0a0a0; /*global brand color*/
    --slider-pagination-bg-active-color: var(--brand-color-primary); /*global brand color*/

    /* Background colors */
    --widget-bg-dark-color: #130606;
    --widget-bg-gray-color: #f2f2f2;
    --widget-bg-white-color: #fff;
    --icon-bg-primary-color-light: #5335a826;
    --widget-bg-primary-color: var(--brand-color-primary);
    --widget-bg-gradient-color: linear-gradient(116deg, #131051 3.08%, #5c41a6 95.75%);
    --modal-bg: var(--white);

    /* Stroke */
    --stroke-dark: #bdbdbd; /*global variable*/

    /* loader color */
    --loader-color: var(--brand-color-primary);

    /* Border radius */
    --border-radius-base: 8px; /*global variable*/
    --card-border-radius: 0; /*global variable*/
    --modal-border-radius: 0; /*global variable*/
    --image-border-radius: 0; /*global variable*/
    --chips-border-radius: 8px; /*global variable*/

    /* Spacings */
    --mu-space: 8px;
    --pu-space: 8px;
    --su-space: 8px;

    /* Notification colors */
    --alert-success: #3ba169;
    --alert-error: #c31313;
    --alert-focus: #005b78;
    --warning-background: #fde9c5;
    --disabled-color: #b8b8b8;

    /* Box-shadow */
    --box-shadow-style-1: 0px 4px 6px rgba(69, 69, 69, 0.1);
    --box-shadow-style-2: 0px 4px 10px rgba(69, 69, 69, 0.12);
    --box-shadow-style-3: 0px 4px 12px rgba(69, 69, 69, 0.2);

    /* Social brand colors */
    --glassdoor-brand-color: #008000; /*global variable*/
    --twitter-brand-color: #1ea0f2; /*global variable*/
    --facebook-brand-color: #3b5998; /*global variable*/
    --linkedin-brand-color: #0077b5; /*global variable*/
    --googleplus-brand-color: #dd4b39; /*global variable*/
    --instagram-brand-color: #e4405f; /*global variable*/
    --pinterest-brand-color: #bd081c; /*global variable*/
    --vk-brand-color: #4a76a8; /*global variable*/
    --weibo-brand-color: #df2029; /*global variable*/
    --xing-brand-color: #026466; /*global variable*/
    --telegram-brand-color: #0088cc; /*global variable*/
    --whatsapp-brand-color: #25d366; /*global variable*/

    /* Job tags  */
    --job-tag-bg-color-style-1: #fef5eb;
    --job-tag-color-style1: #ffc90a;
    --job-tag-bg-color-style-2: #fceced;
    --job-tag-color-style2: #f19b9e;
    --job-tag-bg-color-style-3: #eefae5;
    --job-tag-color-style3: #57d300;

    /* Accessability */
    --accessibility-outline-color: #000; /*global variable*/
    --accessibility-outline-width: 2px; /*global variable*/
    --accessibility-outline-style: solid; /*global variable*/
    --accessibility-outline-offset: 4px;
    /* Button */
    --btn-dark: var(--text-dark);
    --btn-padding-x: 40px;
    --btn-padding-y: 0;
    --btn-font-weight: 600;
    --btn-line-height: 1.2;
    --btn-border-width: 1px;
    --btn-border-color: var(--stroke-dark);
    --btn-border-radius: 0;
    --btn-height: 48px;
    --btn-height-lg: 64px;
    --btn-height-sm: 40px;
    --btn-bg: transparent;
    --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --btn-disabled-color: var(--disabled-color);
    --btn-disabled-opacity: 0.65;
    --btn-hover-decoration: none;
    --btn-active-decoration: none;
    --btn-font-size-1: var(--paragraph-font-size-2);
    --btn-line-height-1: 1.2;
    --btn-focus-bg: transparent;
    --btn-focus-border-color: var(--brand-color-primary);
    --btn-outline-color: var(--accessibility-outline-color);
    --btn-outline-width: var(--accessibility-outline-width);
    --btn-outline-style: var(--accessibility-outline-style);
    --btn-focus-color: var(--brand-color-primary);
    --btn-hover-bg: transparent;
    --btn-hover-border-color: transparent;
    --btn-active-color: var(--brand-color-primary);
    --btn-active-bg: transparent;
    --btn-active-border-color: var(--brand-color-primary);

    /* Form elements */
    /* Input*/
    --input-bg: var(--white);
    --input-disabled-bg: var(--disabled-color);
    --input-disabled-stroke: var(--disabled-color);
    --input-stroke: #b8b8b8;
    --input-stroke-focus: #0083ac;
    --input-stroke-error: var(--alert-error);
    --input-text-color: #5f6871;
    --input-place-holder-color: var(--placeholder-text-color-1);
    --input-box-shadow: 0 6px 20px 5px rgba(52, 58, 64, 0.04);
    --input-box-shadow-focus: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    --form-checkbox-stroke: #757575;
    --input-checkbox-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMzMyMDMxIDUuNzU3Mkw1LjA5Mzk0IDEwLjU1NTdMMTMuNjY1NCAxLjkxODQzTDEyLjMyMjUgMC41NTU2NjRMNS4wOTM5NCA3LjgzOTczTDEuNjc0ODkgNC40MDQwM0wwLjMzMjAzMSA1Ljc1NzJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
    --input-radio-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    --input-height: 48px;
    --input-font-weight: 400;
    --input-font-family: var(--body-font-family);
    --input-font-size: var(--paragraph-font-size-2); /*global variable*/
    --input-line-height: 1.2; /*global variable*/
    --input-border-width: 1px;
    --input-border-radius: 0px;
    --input-v-padding: 16px; /*global variable*/
    --input-h-padding: 16px; /*global variable*/
    --input-appearance: none;
    --input-label-font-size: var(--phw-g-input-label-text-font-size); /*global variable*/
    --input-label-line-height: 1.2;
    /* Input small */
    --input-height-sm: 40px; /*global variable*/
    --input-v-padding-sm: 8px; /*global variable*/
    --input-font-size-sm: var(--phw-g-small-text-font-size); /*global variable*/
    --input-line-height-sm: 1.5; /*global variable*/
    /* Input large */
    --input-height-lg: 64px; /*global variable*/
    --input-v-padding-lg: 32px; /*global variable*/
    --input-font-size-lg: var(--paragraph-font-size-2); /*global variable*/
    --input-line-height-lg: 1.4; /*global variable*/
    /* Checkbox and radio */
    --form-checkbox-width: 24px;
    --form-checkbox-space: 12px;
    --form-checkbox-height: 24px;
    --form-checkbox-border-radius: var(--input-border-radius);
    /* Animations */
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}
/* subsets */
:root {
    /* hero title*/
    --phw-g-hero-title-font-family: var(--phw-g-primary-font-family);
    --phw-g-hero-title-font-weight: 600;
    --phw-g-hero-title-font-size: var(--font-size-1);

    /* widget title*/
    --phw-g-widget-title-font-family: var(--phw-g-primary-font-family);
    --phw-g-widget-title-font-weight: 600;
    --phw-g-widget-title-font-size: var(--font-size-2);

    /*widget title large*/
    --phw-g-widget-title-huge-font-family: var(--phw-g-primary-font-family);
    --phw-g-widget-title-huge-font-weight: 600;
    --phw-g-widget-title-huge-font-size: var(--font-size-8);

    /*widget subheading*/
    --phw-g-widget-subheading-font-family: var(--phw-g-primary-font-family);
    --phw-g-widget-subheading-font-weight: 400;
    --phw-g-widget-subheading-font-size: var(--font-size-4);

    /*cards title*/
    --phw-g-cards-title-font-family: var(--phw-g-primary-font-family);
    --phw-g-cards-title-font-weight: 600;
    --phw-g-cards-title-font-size: var(--font-size-3);

    /*cards subtitle*/
    --phw-g-cards-subtitle-font-family: var(--phw-g-primary-font-family);
    --phw-g-cards-subtitle-font-weight: 600;
    --phw-g-cards-subtitle-font-size: var(--font-size-4);

    /* Numbers */
    --phw-g-numbers-font-family: var(--phw-g-primary-font-family);
    --phw-g-numbers-font-weight: 600;
    --phw-g-numbers-font-size: var(--font-size-9);

    /* Large text */
    --phw-g-large-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-large-text-font-weight: 400;
    --phw-g-large-text-font-size: var(--font-size-4);

    /* Regular text */
    --phw-g-regular-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-regular-text-font-weight: 400;
    --phw-g-regular-text-font-size: var(--font-size-5);

    /* Small text */
    --phw-g-small-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-small-text-font-weight: 400;
    --phw-g-small-text-font-size: var(--font-size-6);

    /* input label */
    --phw-g-input-label-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-input-label-text-font-weight: 500;
    --phw-g-input-label-text-font-size: var(--font-size-7);

    /* Placeholder */
    --phw-g-placeholder-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-placeholder-text-font-weight: 400;
    --phw-g-placeholder-text-font-size: var(--font-size-5);

    /* button */
    --phw-g-button-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-button-text-font-weight: 600;
    --phw-g-button-text-font-size: var(--font-size-5);

    /* 404 */
    --phw-g-404-text-font-family: var(--phw-g-primary-font-family);
    --phw-g-404-text-font-weight: 600;
    --phw-g-404-text-font-size: var(--font-size-10);

    /*brand colors */
    --phw-g-brand-color-primary: var(--brand-color-primary);
    --phw-g-brand-color-secondary: var(--brand-color-secondary);

    /*widgets bg*/
    --phw-g-widget-dark-bg: var(--widget-bg-dark-color);
    --phw-g-widget-light-bg: var(--widget-bg-gray-color);
    --phw-g-widget-white-bg: var(--widget-bg-white-color);

    /*Stroke*/
    --phw-g-stroke: var(--stroke-dark);

    /*text colors*/
    --phw-g-dark-text: var(--text-dark);
    --phw-g-secondary-text: var(--secondary-text);
    --phw-g-light-text: #ffffff;
    --phw-g-placeholder-text: var(--placeholder-text-color-1);

    /* Notification */
    --phw-g-alert-success: var(--alert-success);
    --phw-g-alert-error: var(--alert-error);
    --phw-g-alert-focus: var(--alert-focus);
    --phw-g-warning-bg: var(--warning-background);
    --phw-g-disabled-bg: var(--disabled-color);
    /*Box-shadow*/
    --phw-g-box-shadow-style-1: 0px 4px 6px rgba(69, 69, 69, 0.1);
    --phw-g-box-shadow-style-2: 0px 4px 10px rgba(69, 69, 69, 0.12);
    --phw-g-box-shadow-style-3: 0px 4px 12px rgba(69, 69, 69, 0.2);
}
/* 1280 - 1919 */
@media only screen and (max-width: 1919.98px) {
    :root {
        /* Container */
        --grid-container: 88.545%;
        --grid-gutter-space: calc(var(--mu-space) * 4);
        --container-top-space: 100px;
        --container-bottom-space: 100px;
        --widget-header-content-block-between-space: calc(var(--pu-space) * 6);
        --widget-content-footer-block-between-space: calc(var(--pu-space) * 6);
        /* Font Size and line height */

        /* button text font size */
        --btn-font-size-1: var(--phw-g-small-text-font-size);
        --btn-padding-x: 32px;
        --btn-padding-y: 0;
        --input-height: 51px;
        /*input small*/
        --input-height-sm: 40px;
        --input-v-padding-sm: 8px;
        --input-font-size-sm: var(--phw-g-small-text-font-size);
        --input-line-height-sm: 1.5;
        /*input large*/
        --input-height-lg: 64px;
        --input-v-padding-lg: 32px;
        --input-font-size-lg: var(--phw-g-regular-text-font-size);
        --input-line-height-lg: 1.4;

        /* footer menu heading style  */
        --footer-menu-list-font-size: var(--phw-g-input-label-text-font-size);
        --footer-menu-list-line-height: 1.5;

        /*footer menu style 1 for address and sub menu items */
        --footer-menu-list-font-size-style-1: var(--phw-g-small-text-font-size);
        --footer-menu-list-line-height-style-1: 1;

        --number-heading-font-size: var(--phw-g-widget-title-huge-font-size);
        --number-heading-line-height: 1.25;
    }
}
/* 768 - 1279 */
@media only screen and (max-width: 1279.98px) {
    :root {
        /* Container */
        --grid-container: calc(100% - 88px);
        --grid-gutter-space: calc(var(--mu-space) * 3);
        --container-top-space: 64px;
        --container-bottom-space: 64px;
        --widget-header-content-block-between-space: calc(var(--pu-space) * 6);
        --widget-content-footer-block-between-space: calc(var(--pu-space) * 6);
        /*input*/
        --input-height: 42px;
        --input-font-size: var(--phw-g-small-text-font-size);
        --input-line-height: 1.25;
        --input-label-font-size: var(--phw-g-small-text-font-size);
        --input-label-line-height: 1.25;
        /*input small*/
        --input-height-sm: 32px;
        --input-font-size-sm: var(--font-size-15);
        --input-line-height-sm: 1.42;
        /*input large*/
        --input-height-lg: 58px;
        --input-font-size-lg: var(--phw-g-input-label-text-font-size);
        --input-line-height-lg: 1.4;
    }
}
/* 320 - 767 */
@media only screen and (max-width: 767.98px) {
    :root {
        /* Container */
        --grid-container: calc(100% - 32px);
        --grid-gutter-space: calc(var(--mu-space) * 2);
        --container-top-space: 40px;
        --container-bottom-space: 40px;
        --widget-header-content-block-between-space: calc(var(--pu-space) * 4);
        --widget-content-footer-block-between-space: calc(var(--pu-space) * 4);
        /*line height */
        --line-height-5: 1.25;
        --line-height-6: 1.6;

    }
}


/* Merged with uploaded CSS */

/*link styles*/
@supports (-webkit-touch-callout: none) {
    a {
        /* Safari/iOS-specific fixes */
        opacity: 1 !important;
        -webkit-tap-highlight-color: transparent;
    }
}

/* =================== START: Classes updated for EX theme ================================== */
a {
    color: var(--link-color);
    text-decoration: none;
}
a:hover {
    color: var(--link-hover-color);
}
a:focus,
a:active {
    outline: var(--accessibility-outline-color) var(--accessibility-outline-width) var(--accessibility-outline-style);
    outline-offset: 1px;
}

/* START - typography */
h1 {
    font-weight: 800;
    font-size: var(--phw-g-hero-title-font-size);
    line-height: var(--line-height-1);
    color: var(--white);
}
h2 {
    font-weight: 400;
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    color: var(--text-dark);
}
h3 {
    font-weight: 500;
    font-size: var(--font-size-4);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
h4 {
    font-weight: 400;
    font-size: var(--font-size-5);
    line-height: var(--line-height-5);
    color: var(--brand-color-primary);
}
h5 {
    font-weight: 400;
    font-size: var(--font-size-6);
    line-height: var(--line-height-6);
    color: var(--brand-color-primary);
}
h6 {
    font-weight: 300;
    font-size: var(--font-size-7);
    line-height: var(--line-height-7);
    color: var(--white);
}

ul {
    list-style-type: none;
    padding: 0;
}

.list-style-inside {
    list-style: inside;
}

.list-style-inherit {
    list-style: inherit;
}

.phw-g-h1-hero-title-primary {
    color: var(--brand-color-primary);
}
/*job details sticky title*/
.phw-g-h1-sticky-job-title {
    font-weight: 800;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: 1.5;
    color: var(--text-dark);
}
.phw-g-h1-hero-title-dark {
    color: var(--text-dark);
}
/* 404 */
.phw-g-h1-404-primary {
    font-size: var(--phw-g-404-text-font-size);
    line-height: 1.2;
    color: var(--brand-color-primary);
}
/*job details title*/
.phw-g-h1-widget-title-dark {
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}

.phw-g-sticky-job-title {
    font-weight: 800;
    font-size: var(--font-size-4);
    line-height: 1.5;
    color: var(--text-dark);
}

/* h2 tag assigned h1 */
.phw-g-h2-card-title-dark-large {
    font-weight: var(--phw-g-widget-title-font-weight);
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
/* h2 tag assigned h3 */
.phw-g-h2-card-title-dark-default {
    font-weight: 600;
    font-size: var(--phw-g-cards-title-font-size);
    line-height: var(--line-height-5);
    color: var(--text-dark);
}
/* h2 tag assigned h3 */
.phw-g-h2-card-title-primary-default {
    font-weight: 600;
    font-size: var(--phw-g-cards-title-font-size);
    line-height: var(--line-height-5);
    color: var(--brand-color-primary);
}
/* h2 tag assigned h4 */
.phw-g-h2-card-sub-title-dark-small {
    font-weight: 600;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-6);
    color: var(--text-dark);
}
.phw-g-h2-card-title-primary-small {
    font-weight: 600;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-6);
    color: var(--brand-color-primary);
}
.phw-g-h2-card-title-dark-small {
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: 1.58;
    font-weight: 400;
}
.phw-g-h2-card-title-light-small {
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: 1.58;
    color: var(--white);
}
.phw-g-h2-card-title-secondary-small {
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: 1.58;
    font-weight: 400;
    color: var(--secondary-text);
}
.phw-g-h2-card-light {
    color: var(--white);
}

.phw-g-h3-card-primary {
    color: var(--brand-color-primary);
}
.phw-g-h3-card-light {
    color: var(--white);
}
/* h3 tag h5 assign */
.phw-g-h3-card-large-dark {
    font-weight: 600;
    font-size: var(--phw-g-large-text-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
/* featured blogs */
.phw-g-h3-card-xlarge-dark {
    font-weight: 600;
    font-size: var(--phw-g-hero-title-font-size);
    line-height: var(--line-height-1);
    color: var(--text-dark);
}
/* Our Workforce by Numbers heading */
.phw-g-h3-card-number-primary {
    font-weight: 600;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: 1.2;
    color: var(--brand-color-primary);
}
/* not in use in EX */
.phw-g-h3-card-number-dark {
    font-size: var(--phw-g-numbers-font-size);
    line-height: var(--number-heading-line-height);
    color: var(--text-dark);
}
.phw-g-h3-card-font-weight-regular {
    font-weight: 400;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-g-h4-primary-small {
    font-weight: 400;
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--brand-color-primary);
}

/* paragraph */
.phw-para-p {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--text-dark);
}
.phw-g-p-small-primary {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--brand-color-primary);
}
.phw-g-p-small-light {
    color: var(--white);
}
.phw-g-p-small-secondary {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--secondary-text);
}
.phw-g-p-default-dark {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--text-dark);
}
.phw-g-p-small-dark {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--text-dark);
}
.phw-g-p-default-secondary {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--secondary-text);
}
.phw-g-p-default-primary {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--brand-color-primary);
}
.phw-g-p-default-light {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--white);
}
.phw-g-p-large-secondary {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--secondary-text);
}
.phw-g-p-large-dark {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--text-dark);
}
.phw-g-p-semibold-dark {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    font-weight: 500;
    color: var(--text-dark);
}
.phw-g-p-large-semibold-dark {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    font-weight: 500;
    color: var(--text-dark);
}
.phw-g-p-large-semibold-primary {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    font-weight: 500;
    color: var(--brand-color-primary);
}
.phw-g-p-large-light {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--white);
}
.phw-g-list-text-style-1 {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--secondary-text);
}
.phw-g-p-italic {
    font-style: italic;
}
.phw-g-p-xx-large-light {
    font-weight: 600;
    font-size: var(--phw-g-cards-title-font-size);
    line-height: var(--line-height-3);
    color: var(--white);
}
/* Widget subheading */
.phw-g-p-widget-subheading-style-1 {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--secondary-text);
    margin-top: calc(var(--mu-space) * 3);
}

.phw-g-text-xx-large-primary {
    font-weight: 500;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-4);
    color: var(--brand-color-primary);
}
.phw-g-text-xx-large-dark {
    font-weight: 500;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-g-text-x-large-dark {
    font-weight: 600;
    font-size: var(--phw-g-cards-title-font-size);
    line-height: var(--line-height-5);
    color: var(--text-dark);
}
.phw-g-text-large-secondary {
    font-weight: 600;
    font-size: var(--phw-g-large-text-font-size);
    line-height: var(--line-height-5);
    color: var(--secondary-text);
}
.phw-g-text-large-dark {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--text-dark);
}
.phw-g-text-large-semibold-dark {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    font-weight: 600;
    color: var(--text-dark);
}
.phw-g-text-large-light {
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--white);
}
.phw-g-text-default-dark {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--text-dark);
}
.phw-g-text-default-light {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--white);
}
.phw-g-text-default-secondary {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--secondary-text);
}
.phw-g-text-default-primary {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    color: var(--brand-color-primary);
}
.phw-g-text-default-semibold-primary {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    font-weight: 500;
    color: var(--brand-color-primary);
}
.phw-g-text-default-semibold-dark {
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
    font-weight: 500;
    color: var(--text-dark);
}
.phw-g-text-small-secondary {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--secondary-text);
}

.phw-g-text-small-primary {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--brand-color-primary);
}
.phw-g-text-small-dark {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--text-dark);
}
.phw-g-text-small-light {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--white);
}
.phw-g-text-fyf-skills {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    color: var(--secondary-text);
}
.phw-g-font-size-2 {
    font-size: var(--font-size-2);
}
.phw-g-font-size-3 {
    font-size: var(--font-size-3);
}
.phw-g-font-size-4 {
    font-size: var(--font-size-4);
}
.phw-g-font-size-5 {
    font-size: var(--font-size-5);
}
.phw-g-font-size-6 {
    font-size: var(--font-size-6);
}
.phw-g-font-size-7 {
    font-size: var(--font-size-7);
}
.phw-g-font-size-8 {
    font-size: var(--font-size-8);
}

.phw-g-im-gray-color {
    color: var(--light-text);
}
.phw-g-im-light-gray-color {
    color: var(--placeholder-text-color-1);
}

.phw-viewport-height-100{
    height: 100vh;
}
/* END - typography */

.phw-g-border-radius-base-2 {
    border-radius: var(--border-radius-base-2);
}

.phw-g-border-radius-base {
    border-radius: var(--border-radius-base);
}

.phw-g-play-button {
    background-color: transparent;
    border: none;
    width: calc(var(--su-space) * 6);
    height: calc(var(--su-space) * 6);
    margin: auto;
}

/* START - menu list styles */
.phw-g-menu-list-link {
    color: var(--text-dark);
    display: inline-flex;
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    text-decoration: none;
    border: none;
}
.phw-g-side-bar-menu-list-link {
    color: var(--brand-color-primary);
    display: inline-flex;
    font-weight: 600;
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    text-decoration: none;
    border: none;
}
.phw-g-side-bar-menu-list-link-white {
    color: var(--white);
    display: inline-flex;
    font-weight: 600;
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    text-decoration: none;
    border: none;
    background: transparent;
}
.phw-g-footer-bottom-menu-list-link {
    color: var(--white);
    display: inline-flex;
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    text-decoration: none;
}
.phw-g-menu-sub-list {
    color: var(--text-dark);
    width: 100%;
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    text-transform: none;
}
/* END - menu list styles */

/* footer links privacy */
.phw-g-a-style-1 {
    color: var(--white);
}
.phw-g-a-style-1:hover {
    color: var(--white);
}

/* START - widget bg color */
.phw-g-widget-bg-dark-1 {
    background-color: var(--widget-bg-dark-color);
}
.phw-g-widget-bg-gray-1 {
    background-color: var(--widget-bg-gray-color);
}
.phw-g-widget-jd-bg-gray-1 {
    background-color: var(--widget-bg-gray-color);
}
.phw-g-widget-bg-white {
    background-color: var(--widget-bg-white-color);
}
.phw-g-widget-bg-primary {
    background-color: var(--widget-bg-primary-color);
}
.phw-g-widget-bg-gradient {
    background-image: var(--widget-bg-gradient-color);
}

.phw-g-widget-bg-secondary {
    background-color: var(--brand-color-secondary);
}
.phw-g-widget-event-details-bg {
    background-color: var(--brand-color-secondary);
}
/* END - widget bg color */

/* START - card bg color */
.phw-g-card-bg-white {
    background-color: var(--widget-bg-white-color);
    color: var(--text-dark);
}
.phw-g-card-bg-darker {
    background-color: var(--widget-bg-dark-color);
    color: var(--white);
}
.phw-g-card-bg-primary {
    background-color: var(--widget-bg-primary-color);
    color: var(--white);
}
.phw-g-card-bg-secondary {
    background-color: var(--brand-color-secondary);
    transition: all 0.2s;
}
.phw-g-card-bg-light {
    background: var(--widget-bg-gray-color);
}
.phw-g-card-jtc-bg {
    background: var(--widget-bg-gray-color);
    padding: calc(var(--pu-space) * 6) calc(var(--pu-space) * 24);
}
/* END - card bg color */
/* Card shadow */
.phw-g-card-shadow-style-1 {
    background: var(--widget-bg-white-color);
    box-shadow: var(--box-shadow-style-1);
}
.phw-g-card-shadow-style-2 {
    background: var(--widget-bg-white-color);
    box-shadow: var(--box-shadow-style-2);
}
.phw-g-card-shadow-style-3 {
    background: var(--widget-bg-white-color);
    box-shadow: var(--box-shadow-style-3);
}
.phw-g-card-shadow-style-4 {
    background: var(--widget-bg-white-color);
    box-shadow: var(--box-shadow-style-5);
}
.phw-g-card-shadow-style-5 {
    background: var(--widget-bg-white-color);
    box-shadow: var(--box-shadow-style-6);
}
/*tags styles*/
.phw-g-tags-bg-gray-1 {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    background-color: var(--gray-light);
    color: var(--secondary-text);
    display: inline-flex;
    border-radius: var(--chips-border-radius);
}

.phw-g-tags-bg-gray-2 {
    font-size: var(--paragraph-font-size-1);
    line-height: var(--paragraph-line-height-1);
    background-color: var(--gray-lighter);
    color: var(--secondary-text);
    display: inline-flex;
    border-radius: var(--chips-border-radius);
    width: fit-content;
}

/* START - button styles */
/* primary button */
.phw-container > .ph-jtc-box .primary-button,
.phw-container > .ph-apply-box .primary-button,
.ph-event-box .primary-button,
.ph-event-box .btn-primary,
.phw-container > .ph-jtc-box .btn-primary,
.phw-container > .ph-apply-box .btn-primary,
.phw-g-btn-primary,
.phw-g-btn-large-primary,
.phw-g-btn-small-primary {
    border-color: var(--brand-color-primary);
    color: var(--white);
    background-color: var(--brand-color-primary);
    font-weight: var(--btn-font-weight);
}
.phw-container > .ph-jtc-box .primary-button:focus-visible,
.phw-container > .ph-jtc-box .btn-primary:focus-visible,
.phw-container > .ph-apply-box .primary-button:focus-visible,
.phw-container > .ph-apply-box .btn-primary:focus-visible,
.ph-event-box .primary-button:focus-visible,
.ph-event-box .btn-primary:focus-visible,
.phw-g-btn-primary:focus-visible,
.phw-g-btn-large-primary:focus-visible,
.phw-g-btn-small-primary:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.phw-container > .ph-jtc-box .primary-button:hover,
.phw-container > .ph-apply-box .primary-button:hover,
.phw-container > .ph-jtc-box .primary-button:focus,
.phw-container > .ph-apply-box .primary-button:focus,
.phw-container > .ph-jtc-box .btn-primary:hover,
.phw-container > .ph-apply-box .btn-primary:hover,
.phw-container > .ph-jtc-box .btn-primary:focus,
.phw-container > .ph-apply-box .btn-primary:focus,
.ph-event-box .primary-button:focus,
.ph-event-box .btn-primary:focus,
.phw-g-btn-primary:hover,
.phw-g-btn-large-primary:hover,
.phw-g-btn-small-primary:hover,
.phw-g-btn-primary:focus,
.phw-g-btn-large-primary:focus,
.phw-g-btn-small-primary:focus {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--brand-color-primary);
}
.phw-container > .ph-jtc-box .primary-button:active,
.phw-container > .ph-apply-box .primary-button:active,
.phw-container > .ph-jtc-box .btn-primary:active,
.phw-container > .ph-apply-box .btn-primary:active,
.ph-event-box .primary-button:active,
.ph-event-box .btn-primary:active,
.phw-g-btn-primary:active,
.phw-g-btn-large-primary:active,
.phw-g-btn-small-primary:active {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--brand-color-primary);
}
.phw-container > .ph-jtc-box .primary-button:disabled,
.phw-container > .ph-apply-box .primary-button:disabled,
.phw-container > .ph-jtc-box .btn-primary:disabled,
.phw-container > .ph-apply-box .btn-primary:disabled,
.ph-event-box .primary-button:disabled,
.ph-event-box .btn-primary:disabled,
.phw-g-btn-primary:disabled,
.phw-g-btn-large-primary:disabled,
.phw-g-btn-small-primary:disabled {
    color: var(--white);
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
}
.phw-g-btn-large-primary {
    min-height: var(--btn-height-lg);
}
.phw-g-btn-small-primary {
    min-height: var(--btn-height-sm);
}

/*apw tab button styles*/
.phw-g-btn-tab-link,
.phw-g-btn-tab-link-active {
    background-color: transparent;
    color: var(--text-dark);
    margin-inline-end: calc(var(--mu-space) * 2.5);
    margin-bottom: calc(var(--mu-space) * 2);
    padding-top: 0;
    padding-bottom: calc(var(--pu-space) * 0.4);
    padding-inline-start: 0;
    padding-inline-end: 0;
    border: none;
    border-bottom: 2px solid transparent;
    min-height: var(--btn-height-sm);
}
.phw-g-btn-tab-link:disabled {
    color: var(--btn-dark);
    border-color: var(--btn-disabled-color);
}
.phw-g-btn-tab-link:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}

.phw-g-btn-tab-link-active {
    color: var(--brand-color-primary);
    border-bottom: 2px solid var(--brand-color-primary);
}
.phw-g-btn-tab-link-active:disabled {
    color: var(--btn-dark);
    border-color: var(--btn-disabled-color);
}
.phw-g-btn-tab-link-active:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}

/* secondary button */
.phw-container > .ph-jtc-box .secondary-button,
.phw-container > .ph-jtc-box .btn-success,
.phw-container > .ph-apply-box .secondary-button,
.phw-container > .ph-apply-box .btn-success,
.phw-g-btn-secondary {
    border-color: var(--brand-color-primary);
    color: var(--brand-color-primary);
    background-color: var(--btn-bg);
    font-weight: var(--btn-font-weight);
}
.phw-container > .ph-jtc-box .secondary-button:focus-visible,
.phw-container > .ph-jtc-box .btn-success:focus-visible,
.phw-container > .ph-apply-box .secondary-button:focus-visible,
.phw-container > .ph-apply-box .btn-success:focus-visible,
.phw-g-btn-secondary:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.phw-container > .ph-jtc-box .secondary-button:hover,
.phw-container > .ph-jtc-box .secondary-button:active,
.phw-container > .ph-jtc-box .secondary-button:focus,
.phw-container > .ph-jtc-box .btn-success:hover,
.phw-container > .ph-jtc-box .btn-success:active,
.phw-container > .ph-jtc-box .btn-success:focus,
.phw-container > .ph-apply-box .secondary-button:hover,
.phw-container > .ph-apply-box .secondary-button:active,
.phw-container > .ph-apply-box .secondary-button:focus,
.phw-container > .ph-apply-box .btn-success:hover,
.phw-container > .ph-apply-box .btn-success:active,
.phw-container > .ph-apply-box .btn-success:focus,
.phw-g-btn-secondary:hover,
.phw-g-btn-secondary:active,
.phw-g-btn-secondary:focus {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--brand-color-primary);
}
.phw-container > .ph-jtc-box .secondary-button:disabled,
.phw-container > .ph-jtc-box .btn-success:disabled,
.phw-container > .ph-apply-box .secondary-button:disabled,
.phw-container > .ph-apply-box .btn-success:disabled,
.phw-g-btn-secondary:disabled {
    color: var(--btn-dark);
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
}

/* audio description button video transcript */
.phw-g-btn-audio-description,
.phw-g-btn-video-transcript {
    border-color: var(--brand-color-primary);
    color: var(--brand-color-primary);
    background-color: var(--brand-color-secondary);
    font-weight: var(--btn-font-weight);
}
.phw-g-btn-audio-description:focus-visible,
.phw-g-btn-video-transcript:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.phw-g-btn-audio-description:hover,
.phw-g-btn-audio-description:active,
.phw-g-btn-audio-description:focus,
.phw-g-btn-video-transcript:hover,
.phw-g-btn-video-transcript:active,
.phw-g-btn-video-transcript:focus {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--brand-color-primary);
}
.phw-g-btn-audio-description:disabled,
.phw-g-btn-video-transcript:disabled {
    color: var(--btn-dark);
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
}

/* plain button */
.phw-container > .ph-jtc-box .plain-button,
.phw-container > .ph-jtc-box .btn-info,
.phw-container > .ph-apply-box .plain-button,
.phw-container > .ph-apply-box .btn-info,
.phw-g-btn-plain {
    border-color: transparent;
    color: var(--brand-color-primary);
    background-color: transparent;
    font-weight: var(--btn-font-weight);
    transition: none;
}
.phw-container > .ph-jtc-box .plain-button:focus-visible,
.phw-container > .ph-jtc-box .btn-info:focus-visible,
.phw-container > .ph-apply-box .plain-button:focus-visible,
.phw-container > .ph-apply-box .btn-info:focus-visible,
.phw-g-btn-plain:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
    border: none;
}
.phw-container > .ph-jtc-box .plain-button:hover,
.phw-container > .ph-jtc-box .btn-info:hover,
.phw-container > .ph-apply-box .plain-button:hover,
.phw-container > .ph-apply-box .btn-info:hover,
.phw-g-btn-plain:hover {
    color: var(--brand-color-primary);
    background-color: transparent;
    border-color: transparent;
}
.phw-container > .ph-jtc-box .plain-button:active,
.phw-container > .ph-jtc-box .btn-info:active,
.phw-container > .ph-apply-box .plain-button:active,
.phw-container > .ph-apply-box .btn-info:active,
.phw-g-btn-plain:active {
    color: var(--white);
    background-color: transparent;
    border-color: transparent;
}
.phw-container > .ph-jtc-box .plain-button:focus,
.phw-container > .ph-jtc-box .btn-info:focus,
.phw-container > .ph-apply-box .plain-button:focus,
.phw-container > .ph-apply-box .btn-info:focus,
.phw-g-btn-plain:focus {
    color: var(--brand-color-primary);
    background-color: transparent;
    border-color: transparent;
}
.phw-container > .ph-jtc-box .plain-button:disabled,
.phw-container > .ph-jtc-box .btn-info:disabled,
.phw-container > .ph-apply-box .plain-button:disabled,
.phw-container > .ph-apply-box .btn-info:disabled,
.phw-g-btn-plain:disabled {
    color: var(--btn-dark);
    background-color: transparent;
    border-color: transparent;
}

.phw-g-btn-plain-dark {
    border-color: transparent;
    color: var(--text-dark);
    background-color: transparent;
    font-weight: var(--btn-font-weight);
}

/* default button */
.phw-container > .ph-jtc-box .default-button,
.phw-container > .ph-jtc-box .btn-default,
.phw-container > .ph-apply-box .default-button,
.phw-container > .ph-apply-box .btn-default,
.phw-g-btn-default {
    border-color: transparent;
    color: var(--brand-color-primary);
    background-color: transparent;
    font-weight: var(--btn-font-weight);
}
.phw-container > .ph-jtc-box .default-button:focus-visible,
.phw-container > .ph-jtc-box .btn-default:focus-visible,
.phw-container > .ph-apply-box .default-button:focus-visible,
.phw-container > .ph-apply-box .btn-default:focus-visible,
.phw-g-btn-default:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.phw-container > .ph-jtc-box .default-button:hover,
.phw-container > .ph-jtc-box .btn-default:hover,
.phw-container > .ph-apply-box .default-button:hover,
.phw-container > .ph-apply-box .btn-default:hover,
.phw-g-btn-default:hover {
    color: var(--brand-color-primary);
    background-color: transparent;
    border-color: transparent;
}
.phw-container > .ph-jtc-box .default-button:active,
.phw-container > .ph-jtc-box .btn-default:active,
.phw-container > .ph-apply-box .default-button:active,
.phw-container > .ph-apply-box .btn-default:active,
.phw-g-btn-default:active {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--stroke-white);
    box-shadow: none;
}
.phw-container > .ph-jtc-box .default-button:focus,
.phw-container > .ph-jtc-box .btn-default:focus,
.phw-container > .ph-apply-box .default-button:focus,
.phw-container > .ph-apply-box .btn-default:focus,
.phw-g-btn-default:focus {
    color: var(--brand-color-primary);
    background-color: transparent;
    border-color: transparent;
}
.phw-container > .ph-jtc-box .default-button:disabled,
.phw-container > .ph-jtc-box .btn-default:disabled,
.phw-container > .ph-apply-box .default-button:disabled,
.phw-container > .ph-apply-box .btn-default:disabled,
.phw-g-btn-default:disabled {
    color: var(--btn-dark);
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
}

/* button with link */
.phw-g-btn-buttonlink {
    color: var(--link-color);
    background-color: transparent;
    border-color: transparent;
}
.phw-g-btn-buttonlink:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
    outline-offset: var(--accessibility-outline-offset);
}
.phw-g-btn-buttonlink:hover {
    color: var(--link-hover-color);
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-buttonlink:active {
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-buttonlink:disabled {
    color: var(--btn-disabled-color);
    background-color: transparent;
    border-color: var(--btn-disabled-color);
}
.phw-g-btn-link {
    color: var(--link-color);
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    border-width: 0;
}
.phw-g-btn-link:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
    outline-offset: var(--accessibility-outline-offset);
}
.phw-g-btn-link:hover {
    color: var(--link-hover-color);
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-link:active {
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-link:disabled {
    color: var(--btn-dark);
    border-color: transparent;
}
.phw-g-btn-link-style-1 {
    color: var(--secondary-text);
    background-color: transparent;
    border-color: transparent;
    min-height: auto;
    box-shadow: none;
}
.phw-g-btn-link-style-1:focus-visible {
    outline-offset: var(--accessibility-outline-offset);
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.phw-g-btn-link-style-1:disabled {
    color: var(--btn-dark);
    border-color: transparent;
}

.phw-g-btn-link-style-2 {
    color: var(--link-color);
    font-weight: 600;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    border-width: 0;
}
.phw-g-btn-link-style-2:hover {
    color: var(--link-hover-color);
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-link-style-2:active {
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-link-style-2:disabled {
    color: var(--btn-dark);
    border-color: transparent;
}

/* job alert signup banner */
.phw-g-btn-link-style-3,
.phw-g-btn-link-style-3:hover {
    color: var(--white);
    font-weight: 500;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    border-width: 0;
    text-decoration: underline;
}
.phw-g-btn-link-style-3:focus-visible {
    outline-offset: var(--accessibility-outline-offset);
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}

/* copy button */
.phw-g-btn-copy-button {
    border-radius: calc(var(--border-radius-base) * 4);
    border: none;
    min-height: 20px;
    padding: var(--pu-space) calc(var(--pu-space) * 2);
}
.phw-g-btn-copy-button:hover,
.phw-g-btn-copy-button:active {
    background-color: var(--button-bg-light-color);
}
.phw-g-btn-copy-button:focus-visible {
    background-color: var(--button-bg-light-color);
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}

/*Search results pagination styles*/
.phw-g-pagination-block-link {
    color: var(--secondary-text);
    line-height: 30px;
    min-width: 30px;
    background-color: transparent;
    border-radius: var(--btn-border-radius);
}
.phw-g-pagination-block-link.active {
    color: var(--white);
    background-color: var(--brand-color-primary);
}
.phw-g-next-previous-button {
    color: var(--text-dark);
    border: none;
    min-width: 30px;
    line-height: 30px;
    border-radius: var(--btn-border-radius);
    background-color: transparent;
}
.phw-g-next-previous-button:hover {
    color: var(--text-dark);
}
.phw-g-next-previous-button:active {
    color: var(--text-dark);
}
.phw-g-next-previous-button:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
    outline-offset: var(--accessibility-outline-offset);
}
/* job navigation link styles */
.phw-g-btn-jobnavigation-link {
    color: var(--link-color);
    font-weight: 500;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    border-width: 0;
}
.phw-g-btn-jobnavigation-link:hover {
    color: var(--link-hover-color);
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-jobnavigation-link:active {
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-jobnavigation-link:disabled {
    color: var(--btn-dark);
    border-color: transparent;
}
.phw-g-header-link {
    font-weight: 400;
    text-decoration: none;
    height: var(--btn-height);
    color: var(--link-color);
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    border-width: 0;
}
.phw-g-header-link:hover {
    text-decoration: none;
    color: var(--link-hover-color);
    border-color: transparent;
}
.phw-g-btn-link-candidate-login {
    font-size: var(--phw-g-regular-text-font-size);
    line-height: 1.2;
    font-weight: 600;
    color: var(--secondary-text);
    text-decoration: none;
}
.phw-g-btn-link-facet-button-link {
    font-size: var(--phw-g-regular-text-font-size);
    line-height: 1.2;
    font-weight: 600;
    color: var(--text-dark);
    text-decoration: none;
}
.phw-g-btn-link-facet-button-link:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
    outline-offset: var(--accessibility-outline-offset);
}
.phw-g-btn-link-candidate-login:hover {
    text-decoration: none;
    color: var(--secondary-text);
}
.phw-g-btn-link-candidate-login:active {
    text-decoration: none;
}
.phw-g-btn-jobcard-info-link {
    color: var(--text-dark);
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
    border-width: 0;
    font-weight: 400;
    font-size: var(--paragraph-font-size-2);
    line-height: var(--paragraph-line-height-2);
}
.phw-g-btn-jobcard-info-link:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
    outline-offset: var(--accessibility-outline-offset);
}
.phw-g-btn-jobcard-info-link:hover {
    color: var(--text-dark);
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-jobcard-info-link:active {
    border-color: transparent;
    text-decoration: var(--link-hover-decoration);
}
.phw-g-btn-jobcard-info-link:disabled {
    color: var(--btn-dark);
    border-color: transparent;
}

.phw-visited-link:visited {
    color: var(--visited-color);
}

.phw-g-btn-icon-primary {
    color: var(--brand-color-primary);
    background-color: var(--white);
    border-radius: 50%;
    padding: var(--pu-space);
    border: none;
    box-shadow: var(--box-shadow-style-1);
    width: 40px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
/* END - button styles */

/* START - icon color*/
.phw-g-icon-ctr-style-1 {
    border: 1px solid var(--stroke-white);
    border-radius: 100%;
}
.phw-g-icon-dark {
    color: var(--icon-dark);
}
.phw-g-icon-light {
    color: var(--icon-light);
}
.phw-g-icon-white {
    color: var(--white);
}
.phw-g-icon-success {
    color: var(--alert-success);
}
.phw-g-icon-failure {
    color: var(--alert-error);
}
.phw-g-icon-primary {
    color: var(--brand-color-primary);
}
.phw-g-icon-light-secondary-text {
    color: var(--secondary-text);
}
.phw-g-icon-bg-primary-light {
    color: var(--icon-bg-primary-color-light);
}
.phw-g-icon-bg-light {
    background-color: var(--icon-light);
}
.phw-g-icon-bg-dark {
    background-color: var(--icon-dark);
}
/* END - icon color*/

/* Form components */
.phw-g-text-field-style-1,
.phw-g-dropdown-style-2,
.phw-g-dropdown-style-1 {
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    height: var(--input-height);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border: var(--input-border-width) solid var(--input-stroke);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size) * var(--input-line-height));
    padding-inline-start: var(--input-v-padding);
    padding-inline-end: var(--input-v-padding);
}
.phw-g-text-field-style-2 {
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    height: var(--input-height);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border: var(--input-border-width) solid var(--input-stroke);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size) * var(--input-line-height));
    padding-inline-start: calc(var(--pu-space) * 5.625);
    padding-inline-end: var(--input-v-padding);
}
.phw-g-text-field-style-3 {
    font-size: var(--font-size-7);
    line-height: var(--input-line-height);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    height: var(--input-height);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border: var(--input-border-width) solid var(--input-stroke1);
    border-radius: calc(var(--border-radius-base) * 1);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--font-size-7) * var(--input-line-height));
    padding-inline-start: var(--input-v-padding);
    padding-inline-end: var(--input-v-padding);
}
.phw-g-text-field-style-3:hover,
.phw-g-text-field-style-3:focus {
    border-color: var(--input-stroke-focus1);
}
.phw-g-form-check-label,
.phw-g-label-style {
    font-size: var(--input-font-size-sm);
    line-height: var(--input-line-height);
    color: var(--text-dark);
}
.phw-g-form-check-input {
    border-radius: calc(var(--border-radius-base-2) / 2);
    border-color: var(--input-stroke);
}
.phw-g-radio-group {
    display: grid;
    place-items: center;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gutter-space);
}
.phw-g-radio-group-span {
    border-radius: 8px;
    border: 1px solid var(--brand-color-primary);
    overflow: hidden;
}
.phw-g-radio-group-label1 {
    font-size: var(--font-size-4);
}
.phw-g-radio-group-label2 {
    font-size: var(--font-size-7);
}
.phw-g-text-field-large {
    font-size: var(--input-font-size-lg);
    line-height: var(--input-line-height);
    height: var(--input-height-lg);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-inline-start: var(--input-v-padding-lg);
    padding-inline-end: var(--input-v-padding-lg);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border: var(--input-border-width) solid var(--input-stroke);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size-lg) * var(--input-line-height));
    padding-inline-start: var(--input-v-padding);
    padding-inline-end: var(--input-v-padding);
}
.phw-g-text-field-small {
    font-size: var(--input-font-size-sm);
    line-height: var(--input-line-height-sm);
    height: var(--input-height-sm);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-inline-start: var(--input-v-padding-sm);
    padding-inline-end: var(--input-v-padding-sm);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border: var(--input-border-width) solid var(--input-stroke);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size-sm) * var(--input-line-height));
    padding-inline-start: var(--input-v-padding);
    padding-inline-end: var(--input-v-padding);
}
.phw-g-dropdown-large {
    font-size: var(--input-font-size-lg);
    line-height: var(--input-line-height);
    height: var(--input-height-lg);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-inline-start: var(--input-v-padding-lg);
    padding-inline-end: var(--input-v-padding-lg);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size-lg) * var(--input-line-height));
    padding-inline-start: var(--input-v-padding);
    padding-inline-end: var(--input-v-padding);
}
.phw-g-dropdown-small {
    font-size: var(--input-font-size-sm);
    line-height: var(--input-line-height-sm);
    height: var(--input-height-sm);
    padding-top: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-bottom: calc((var(--line-height-calc) - (var(--input-border-width) * 2)) / 2);
    padding-inline-start: var(--input-v-padding-sm);
    padding-inline-end: var(--input-v-padding-sm);
    background-color: var(--input-bg);
    font-weight: var(--input-font-weight);
    border-radius: var(--input-border-radius);
    outline: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --line-height-calc: calc(var(--input-font-size-sm) * var(--input-line-height));
    padding-inline-start: var(--input-v-padding);
    padding-inline-end: var(--input-v-padding);
}
.phw-g-text-field-style-1:focus,
.phw-g-text-field-large:focus,
.phw-g-text-field-small:focus,
.phw-g-dropdown-style-1:focus,
.phw-g-dropdown-style-2:focus,
.phw-g-text-field-style-2:focus,
.phw-g-dropdown-large:focus,
.phw-g-dropdown-small:focus {
    border-color: var(--input-stroke-focus);
    box-shadow: var(--input-box-shadow-focus);
}
.phw-g-text-field-style-1:disabled,
.phw-g-text-field-large:disabled,
.phw-g-text-field-small:disabled,
.phw-g-dropdown-style-1:disabled,
.phw-g-dropdown-style-2:disabled,
.phw-g-text-field-style-2:disabled,
.phw-g-dropdown-large:disabled,
.phw-g-dropdown-small:disabled {
    background-color: var(--input-disabled-bg);
    opacity: 1;
    pointer-events: none;
}
input.f-error {
    border-color: var(--input-stroke-error);
}
.phw-g-dropdown-style-1,
.phw-g-dropdown-large,
.phw-g-dropdown-small {
    background-image: unset;
    background-repeat: unset;
    background-position: unset;
    background-size: unset;
    appearance: var(--input-appearance);
    -webkit-appearance: var(--input-appearance);
    -moz-appearance: var(--input-appearance);
}
.phw-g-dropdown-style-2 {
    background-image: unset;
    background-repeat: unset;
    background-position: unset;
    background-size: unset;
    appearance: var(--input-appearance);
    -webkit-appearance: var(--input-appearance);
    -moz-appearance: var(--input-appearance);
    padding-inline-end: 32px;
    border-radius: calc(var(--border-radius-base) * 1);
}

.phw-g-circle-image-large {
    aspect-ratio: 1/1;
    width: 496px;
    height: 100%;
    border-radius: 50%;
}
.phw-g-img-circle-120x120 {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
.phw-g-img-circle-80x80 {
    height: 60px;
    width: 60px;
    border-radius: 50%;
}
.phw-g-img-overlay-light {
    position: relative;
}
.phw-g-img-overlay-light::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
}
.phw-g-avatar-initials {
    font-size: var(--phw-g-widget-title-font-size);
    font-weight: 600;
    line-height: 1.25;
}
.phw-g-user-name-prefix {
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: 1.25;
}
.phw-g-organiser--circle {
    font-size: var(--phw-g-cards-title-font-size);
}
.phw-g-each-tag {
    background-color: rgba(35, 93, 255, 0.1);
    color: var(--text-dark);
    font-size: var(--phw-g-small-text-font-size);
    line-height: 1.57;
}
.phw-g-facets-title-btn {
    font-size: var(--phw-g-regular-text-font-size);
    line-height: 1.5;
    font-weight: 500;
}
.phw-g-facet-close-link {
    color: var(--white);
    background: none;
    border: none;
}
.phw-g-modal-close-button {
    background: transparent;
    color: var(--black);
}
.phw-g-dropdown-list {
    font-size: var(--phw-g-regular-text-font-size);
    font-weight: 400;
    line-height: 1.5;
    position: absolute;
    color: var(--text-dark);
    background-color: var(--widget-bg-white-color);
    border-radius: var(--border-radius-base-2);
    padding: calc(var(--pu-space) * 0.75);
    box-shadow: var(--box-shadow-style-4);
    width: 100%;
    z-index: 100;
}
.phw-g-dropdown-list-item {
    padding: var(--pu-space);
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-base-2);
    gap: var(--pu-space);
}
.phw-g-dropdown-list-item.active {
    color: var(--brand-color-primary);
}
.phw-g-dropdown-list-item:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94)), var(--brand-color-primary);
}
.phw-g-label-text {
    font-weight: 400;
    font-size: var(--phw-g-small-text-font-size);
    line-height: 1.6;
}
.phw-g-back-to-top {
    font-size: var(--phw-g-input-label-text-font-size);
    line-height: 1;
}
.phw-g-fyf-heading-block {
    font-size: var(--phw-g-cards-title-font-size);
}
.phw-g-category-title {
    font-size: var(--phw-g-hero-title-font-size);
    line-height: 1.55;
    font-weight: 800;
}
.phw-g-panel-block {
    border-radius: var(--border-radius-base);
    background-color: var(--widget-bg-white-color);
    border: 1px solid var(--black-1);
}
.phw-g-panel-buttons {
    background-color: var(--widget-bg-white-color);
    border-bottom: 2px solid transparent;
    padding: calc(var(--pu-space) * 2) calc(var(--pu-space) * 3);
    border-right: 1px solid var(--black-1);
}
.phw-g-tabs-button-prev {
    background-color: var(--widget-bg-white-color);
    border: 1px solid var(--stroke-dark);
    width: var(--input-height);
    border-top-left-radius: var(--border-radius-base);
    border-bottom-left-radius: var(--border-radius-base);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
.phw-g-tabs-button-next {
    background-color: var(--widget-bg-white-color);
    border: 1px solid var(--stroke-dark);
    width: var(--input-height);
    border-top-right-radius: var(--border-radius-base);
    border-bottom-right-radius: var(--border-radius-base);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.phw-g-panel-block-content {
    border-radius: var(--border-radius-base);
    border: 1px solid var(--black-1);
    box-shadow: var(--box-shadow-style-1);
    margin-bottom: calc(var(--mu-space) * 3);
}

.phw-g-panel-icon {
    width: 200px;
    height: 200px;
}

.phw-g-panel-block-content:last-child {
    margin-bottom: 0;
}
.phw-g-panel-block-content input:disabled {
    background-color: var(--widget-bg-gray-color);
}
.phw-g-panel-block-content hr {
    border: none;
    border-bottom: 1px solid var(--black-1);
    margin: calc(var(--pu-space) * 2.5) 0;
}
.phw-g-panel-block-content .delete-link {
    color: var(--alert-error);
}
.phw-g-panel-block-title {
    font-size: var(--font-size-7);
    font-weight: 600;
}

/* stroke */
.phw-stroke-light {
    border: 1px solid var(--stroke-light);
}
.phw-stroke-neutral {
    border: 1px solid var(--stroke-neutral);
}
.phw-stroke-bottom-primary {
    border-bottom: 1px solid var(--stroke-primary);
}
.phw-stroke-bottom-light {
    border-bottom: 1px solid var(--stroke-light);
}

.hiring-progress-bar-wrapper .splide .splide__arrow {
    color: var(--brand-color-primary);
    background-color: var(--white);
    border-radius: 50%;
    border: none;
    box-shadow: var(--box-shadow-style-1);
    width: 24px;
    height: 24px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    top: auto;
    bottom: 3px;
}
.hiring-progress-bar-wrapper.splide .splide__arrow svg {
    height: 16px;
    width: 16px;
}

.phw-g-error-text {
    color: var(--alert-error);
}

/* =================== END: Classes updated for EX theme ================================== */

.phw-g-dropdown-style-1,
phw-g-dropdown-style-2,
.phw-g-dropdown-large,
.phw-g-dropdown-small {
    appearance: var(--input-appearance);
    -webkit-appearance: var(--input-appearance);
    -moz-appearance: var(--input-appearance);
}
/* job card styles */
.jw-job-tag {
    color: var(--brand-color-primary);
    font-weight: 600;
    font-size: var(--paragraph-font-size-3);
}
.jw-job-match {
    font-size: var(--paragraph-font-size-3);
}

.strong-match,
.job-match-sty3 {
    background-color: var(--job-tag-bg-color-style-3);
    border-radius: calc(var(--border-radius-base) * 2);
}
.strong-match svg,
.job-match-sty3 svg {
    color: var(--job-tag-color-style3);
}
.potential-match,
.job-match-sty1 {
    background-color: var(--job-tag-bg-color-style-1);
    border-radius: calc(var(--border-radius-base) * 2);
}
.potential-match svg,
.job-match-sty1 svg {
    color: var(--job-tag-color-style1);
}
.job-match-sty2 {
    background-color: var(--job-tag-bg-color-style-2);
    border-radius: calc(var(--border-radius-base) * 2);
}
.job-match-sty2 svg {
    color: var(--job-tag-color-style2);
}
/* other text styles */
.phw-g-text-glassdoor-rating {
    font-size: var(--phw-g-numbers-font-size);
    line-height: 1.25;
    color: var(--brand-color-primary);
}
.phw-g-text-glassdoor-rating-style-1 {
    font-size: var(--phw-g-widget-title-huge-font-size);
    line-height: 1.16;
    color: var(--text-dark);
}
.phw-g-h3-glassdoor-small-dark {
    font-weight: 400;
    font-size: var(--paragraph-font-size-3);
    line-height: var(--paragraph-line-height-3);
    color: var(--text-dark);
}
.phw-g-text-glassdoor-review-count {
    font-size: var(--phw-g-widget-title-font-size);
    line-height: 1.375;
    font-weight: 600;
    color: var(--brand-color-primary);
}
.phw-g-gd-review-count {
    font-size: var(--phw-g-input-label-text-font-size);
}
.phw-g-widget-image-bg-style-1 {
    background: url('https://assets-qa.phenompro.com/CareerConnectResources/qa1/GLOBAL/images/join-talent-community-1625659637128.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.phw-g-widget-hero-block-background {
    background-image: url('https://assets-qa.phenompro.com/CareerConnectResources/qa1/GLOBAL/images/join-talent-community-1625659637128.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.phw-g-banner-background {
    background-image: url('https://assets-qa.phenompro.com/CareerConnectResources/qa1/DEMOCANUS/images/benefits-banner-1695731766225.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.phw-g-footer-address-style-1 {
    font-size: var(--footer-menu-list-font-size-style-1);
    line-height: var(--footer-menu-list-line-height-style-1);
    color: var(--white);
}
.phw-g-footer-menu-list-link {
    display: inline-block;
    color: var(--white);
    font-size: var(--footer-menu-list-font-size-style-1);
    line-height: var(--footer-menu-list-line-height-style-1);
}
.phw-g-footer-menu-list-heading {
    color: var(--white);
    font-weight: 400;
    font-size: var(--footer-menu-list-font-size);
    line-height: var(--footer-menu-list-line-height);
}
.phw-g-footer-menu-list-heading-style1 {
    color: var(--text-dark);
    font-weight: 400;
    font-size: var(--footer-menu-list-font-size);
    line-height: var(--footer-menu-list-line-height);
}

.phw-job-description {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-job-description p {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-job-description span {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-job-description pre {
    white-space: normal;
}
.phw-blog-description pre {
    white-space: normal;
}
.phw-event-description pre {
    white-space: normal;
}
.phw-job-description li {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-job-description h1 {
    font-weight: 800;
    font-size: var(--phw-g-hero-title-font-size);
    line-height: var(--line-height-1);
    color: var(--white);
}
.phw-job-description h2 {
    font-weight: 800;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-2);
    color: var(--text-dark);
}
.phw-job-description h3 {
    font-weight: 800;
    font-size: var(--font-size-13);
    line-height: var(--line-height-3);
    color: var(--text-dark);
}
.phw-job-description h4 {
    font-weight: 500;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-job-description h5 {
    font-weight: 500;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-job-description h6 {
    font-weight: 500;
    font-size: var(--phw-g-small-text-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-job-description table {
    width: auto;
    max-width: 100%;
}
.phw-job-description tr {
    width: auto;
    max-width: 100%;
}
.phw-job-description td {
    width: auto;
    max-width: 100%;
}
.phw-job-description th {
    width: auto;
    max-width: 100%;
}

.phw-gigs-description {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-gigs-description p {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-gigs-description span {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-gigs-description pre {
    white-space: normal;
}

.phw-gigs-description ul {
    list-style: inside;
}

.phw-gigs-description li {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-gigs-description h1 {
    font-weight: 800;
    font-size: var(--phw-g-hero-title-font-size);
    line-height: var(--line-height-1);
    color: var(--white);
}
.phw-gigs-description h2 {
    font-weight: 800;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-2);
    color: var(--text-dark);
}
.phw-gigs-description h3 {
    font-weight: 800;
    font-size: var(--font-size-13);
    line-height: var(--line-height-3);
    color: var(--text-dark);
}
.phw-gigs-description h4 {
    font-weight: 500;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-gigs-description h5 {
    font-weight: 500;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-gigs-description h6 {
    font-weight: 500;
    font-size: var(--phw-g-small-text-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-gigs-description table {
    width: auto;
    max-width: 100%;
}
.phw-gigs-description tr {
    width: auto;
    max-width: 100%;
}
.phw-gigs-description td {
    width: auto;
    max-width: 100%;
}
.phw-gigs-description th {
    width: auto;
    max-width: 100%;
}


.phw-roles-description {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-roles-description p {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-roles-description span {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-roles-description pre {
    white-space: normal;
}

.phw-roles-description ul {
    list-style: inside;
}

.phw-roles-description li {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-roles-description h1 {
    font-weight: 800;
    font-size: var(--phw-g-hero-title-font-size);
    line-height: var(--line-height-1);
    color: var(--white);
}
.phw-roles-description h2 {
    font-weight: 800;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-2);
    color: var(--text-dark);
}
.phw-roles-description h3 {
    font-weight: 800;
    font-size: var(--font-size-13);
    line-height: var(--line-height-3);
    color: var(--text-dark);
}
.phw-roles-description h4 {
    font-weight: 500;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-roles-description h5 {
    font-weight: 500;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-roles-description h6 {
    font-weight: 500;
    font-size: var(--phw-g-small-text-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-roles-description table {
    width: auto;
    max-width: 100%;
}
.phw-roles-description tr {
    width: auto;
    max-width: 100%;
}
.phw-roles-description td {
    width: auto;
    max-width: 100%;
}
.phw-roles-description th {
    width: auto;
    max-width: 100%;
}



.phw-event-description {
    font-size: var(--font-size-5);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-event-description p {
    font-size: var(--font-size-5);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-event-description span {
    font-size: var(--font-size-6);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-event-description li {
    font-size: var(--font-size-5);
    color: var(--text-dark);
    font-weight: 400;
}
.phw-event-description h1 {
    font-weight: 800;
    font-size: var(--phw-g-hero-title-font-size);
    line-height: var(--line-height-1);
    color: var(--white);
}
.phw-event-description h2 {
    font-weight: 800;
    font-size: var(--phw-g-widget-title-font-size);
    line-height: var(--line-height-2);
    color: var(--text-dark);
}
.phw-event-description h3 {
    font-weight: 500;
    font-size: var(--phw-g-cards-title-font-size);
    line-height: var(--line-height-3);
    color: var(--text-dark);
}
.phw-event-description h4 {
    font-weight: 500;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-event-description h5 {
    font-weight: 500;
    font-size: var(--phw-g-cards-subtitle-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}
.phw-event-description h6 {
    font-weight: 500;
    font-size: var(--phw-g-small-text-font-size);
    line-height: var(--line-height-4);
    color: var(--text-dark);
}

.phw-g-toast-alert-msg {
    background-color: var(--toast-msg-bg);
    color: var(--white);
    padding: var(--pu-space);
    border-radius: var(--border-radius-base);
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    width: 473px;
    height: auto;
    z-index: 1000;
}

.phw-g-toast-alert-msg-1 {
    background-color: var(--toast-msg-bg);
    color: var(--white);
    position: fixed;
    bottom: 48px;
    left: 48px;
    width: auto;
    height: auto;
    z-index: 1000;
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: calc(var(--pu-space) * 2) calc(var(--pu-space) * 2.5);
    min-width: 250px;
    max-width: 300px;
    border-radius: var(--border-radius-base);
    box-shadow: 0px 6px 32px 0px var(--black-1);
}

.phw-toast-error-message {
    box-shadow: 4px 0px 0px 0px var(--alert-error) inset;
}

.phw-toast-success-message {
    box-shadow: 4px 0px 0px 0px var(--alert-success) inset;
}

.phw-g-toast-alert-msg-text {
    white-space: normal;
}

.phw-g-tooltip-msg {
    position: absolute;
    z-index: 10;
    width: 100%;
    color: var(--text-dark);
    font-size: 12px;
    background-color: var(--white);
    border-radius: var(--chips-border-radius);
    padding: calc(var(--pu-space) * 2);
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 16px;
    box-shadow: var(--box-shadow-style-1);
    border: 1px solid var(--stroke-light);
}

.phw-g-tooltip-msg::before {
    content: '';
    position: absolute;
    transform: rotate(45deg);
    background-color: var(--white);
    padding: var(--pu-space);
    bottom: -8px;
    left: 50%;
    z-index: 10;
    border-right: 1px solid var(--stroke-light);
    border-bottom: 1px solid var(--stroke-light);
}

.phw-hero-image-container img {
    height: 250px;
    object-fit: cover;
}

.phw-text-gray-dark {
    color: var(--gray-dark);
}

.phw-text-gray {
    color: var(--gray-color);
}

.phw-text-gray-light {
    color: var(--gray-light);
}

.phw-text-gray-lighter {
    color: var(--gray-lighter);
}

/* slider styles started */
.splide .splide__arrow {
    background: var(--widget-bg-white-color);
    box-shadow: var(--box-shadow-style-1);
    border-radius: 50%;
    color: var(--brand-color-primary);
    fill: var(--brand-color-primary);
}

/* slider styles end */

/* date picker styles started */
.date-picker-wrapper .pika-single {
    top: 44px !important;
    left: auto !important;
    z-index: 9;
    position: absolute !important;
    background-color: var(--widget-bg-white-color);
    &.is-hidden {
        display: none;
    }
}
.date-picker-wrapper .pika-single.is-hidden {
    display: none;
}
.date-picker-wrapper .pika-single .pika-lendar {
    border: 1px solid var(--stroke-light);
    padding: calc(var(--pu-space) * 3);
    box-shadow: var(--box-shadow-style-4);
    border-radius: var(--border-radius-base);
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title {
    color: var(--text-dark);
    font-size: var(--font-size-7);
    line-height: var(--paragraph-line-height-2);
    margin-bottom: calc(var(--mu-space) * 1);
    min-width: 160px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title .pika-label {
    position: relative;
    font-size: 0;
    line-height: 1;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title .pika-label::before {
    top: 50%;
    right: 0;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%231e1e1e'%3E%3Cpath fill-rule='nonzero' d='M256.243852 351.731792 L477.817974 118.797996 C485.186047 111.067335 497.178528 111.067335 504.546601 118.797996 C511.962405 126.578738 511.820446 139.090162 504.110724 146.702809 L269.172998 393.202004 C265.640684 396.908146 260.656332 399 255.808685 399 C250.685364 399 246.081773 397.018405 242.444371 393.202004 L7.50664561 146.702809 C0.164451464 138.9993 0.164451464 126.501505 7.50664561 118.797996 C14.8747179 111.067335 26.8671996 111.067335 34.2352719 118.797996 L256.243852 351.731792 Z'/%3E%3C/svg%3E")
        no-repeat center;
    background-size: contain;
    transform: translate(0, -50%);
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title .pika-label .pika-select {
    color: var(--text-dark);
    border: none;
    z-index: 1;
    position: relative;
    font-size: var(--font-size-8);
    font-family: inherit;
    line-height: var(--paragraph-line-height-1);
    padding-right: calc(var(--pu-space) * 2);
    background-color: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title .pika-label .pika-select::-ms-expand {
    display: none;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title .pika-label .pika-select:focus {
    outline: var(--accessibility-outline-color) var(--accessibility-outline-width) var(--accessibility-outline-style);
    outline-offset: 0;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title button {
    border: none;
    padding: 0;
    position: relative;
    font-size: 0;
    min-width: 20px;
    min-height: 16px;
    background-color: transparent;
}

.date-picker-wrapper .pika-single .pika-lendar .pika-title button.pika-next {
    float: right;
}

.date-picker-wrapper .pika-single .pika-lendar .pika-title button::before {
    color: var(--text-dark);
    position: absolute;
    font-size: 20px;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title button:focus {
    outline: var(--accessibility-outline-color) var(--accessibility-outline-width) var(--accessibility-outline-style);
    outline-offset: 0;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table {
    background-color: var(--widget-bg-white-color);
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table thead tr th {
    color: var(--text-dark);
    font-size: var(--font-size-8);
    text-align: center;
    line-height: var(--paragraph-line-height-1);
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table thead tr th abbr[title],
.date-picker-wrapper .pika-single .pika-lendar .pika-table thead tr th abbr[data-original-title] {
    cursor: initial;
    word-break: normal;
    border-bottom: none;
    text-decoration: none;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table tbody .pika-row td {
    text-align: center;
    white-space: nowrap;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table tbody .pika-row td:first-of-type {
    padding-left: 0;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table tbody .pika-row td:last-of-type {
    padding-right: 0;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table tbody .pika-row td.is-selected {
    background-color: var(--brand-color-primary);
    border-radius: 50%;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table tbody .pika-row td.is-selected .pika-button {
    color: var(--white);
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table tbody .pika-row td.is-today {
    background-color: var(--widget-bg-gray-color);
    border-radius: 50%;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table tbody .pika-row td.is-today .pika-button {
    color: var(--brand-color-primary);
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table tbody .pika-row td .pika-button {
    color: var(--text-dark);
    border: none;
    padding: calc(var(--pu-space) * 1);
    font-size: var(--font-size-8);
    line-height: var(--paragraph-line-height-1);
    background-color: transparent;
    word-break: normal;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table tbody .pika-row td .pika-button:focus {
    outline: var(--accessibility-outline-color) var(--accessibility-outline-width) var(--accessibility-outline-style);
    outline-offset: 0;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-table tbody .pika-row td.is-disabled .pika-button {
    color: var(--disabled-color);
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title button.pika-prev {
    position: relative;
    color: transparent;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title button.pika-prev::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231e1e1e'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E")
        no-repeat center;
    background-size: 16px 16px;
}
.date-picker-wrapper .pika-single .pika-lendar .pika-title button.pika-next {
    position: relative;
    color: transparent; /* hides text */
}

.date-picker-wrapper .pika-single .pika-lendar .pika-title button.pika-next::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231e1e1e'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E")
        no-repeat center;
    background-size: 16px 16px;
}
/* date picker styles end */

/* background color opacity classes started */
.bg-color-primary-5 {
    background-color: var(--brand-color-primary-5);
}
.bg-color-primary-10 {
    background-color: var(--brand-color-primary-10);
}
.bg-color-primary-20 {
    background-color: var(--brand-color-primary-20);
}
.bg-color-primary-50 {
    background-color: var(--brand-color-primary-50);
}
.bg-color-primary-60 {
    background-color: var(--brand-color-primary-60);
}
.bg-color-primary-40 {
    background-color: var(--brand-color-primary-40);
}
/* background color opacity classes ended */

/* font size override classes started */
.phw-g-font-size-1 {
    font-size: var(--font-size-1);
}
.phw-g-font-size-2 {
    font-size: var(--font-size-2);
}
.phw-g-font-size-3 {
    font-size: var(--font-size-3);
}
.phw-g-font-size-4 {
    font-size: var(--font-size-4);
}
.phw-g-font-size-5 {
    font-size: var(--font-size-5);
}
.phw-g-font-size-6 {
    font-size: var(--font-size-6);
}
.phw-g-font-size-7 {
    font-size: var(--font-size-7);
}
.phw-g-font-size-8 {
    font-size: var(--font-size-8);
}
.phw-g-font-size-9 {
    font-size: var(--font-size-9);
}
.phw-g-im-gray-color {
    color: var(--light-text);
}
.phw-g-im-light-gray-color {
    color: var(--placeholder-text-color-1);
}
/* font size override classes ended */

/* custom icon size 14px x 14px */
.phw-i-sz-1-75 {
    width: calc(var(--su-space) * 1.75);
    height: calc(var(--su-space) * 1.75);
}

.phw-transform-translate-y-50 {  
    top: 50%;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.phw-transform-none {
    transform: none;
}
.phw-icon-ctr {
    display: block;
}
.phw-visibility-hidden {
    visibility: hidden;
}
.phw-posn-fixed {
    position: fixed;
}

@media only screen and (min-width: 1920px) {
    .phw-g-img-circle-120x120 {
        height: 120px;
        width: 120px;
    }
    .phw-g-img-circle-80x80 {
        height: 80px;
        width: 80px;
    }
    .phw-g-card-jtc-bg {
        padding: calc(var(--pu-space) * 8) calc(var(--pu-space) * 36);
    }
    .phw-g-toast-alert-msg {
        width: 30%;
        height: auto;
    }
}
@media only screen and (max-width: 1919.98px) {
    .jw-job-tag,
    .jw-job-match,
    .phw-g-p-large-secondary,
    .phw-g-p-large-dark,
    .phw-g-p-large-semibold-dark,
    .phw-g-p-large-light,
    .phw-g-h3-glassdoor-small-dark,
    .phw-g-text-large-dark,
    .phw-g-text-large-semibold-dark,
    .phw-g-text-large-light {
        font-size: var(--paragraph-font-size-3);
    }
    .phw-g-p-small-secondary,
    .phw-g-p-small-dark,
    .phw-g-list-text-style-1,
    .phw-g-p-widget-subheading-style-1,
    .phw-g-text-small-secondary,
    .phw-g-text-small-primary,
    .phw-g-text-small-dark,
    .phw-g-text-small-light,
    .phw-g-text-fyf-skills,
    .phw-g-footer-bottom-menu-list-link,
    .phw-g-menu-sub-list,
    .phw-g-tags-bg-gray-1 {
        font-size: var(--font-size-7);
    }
    .phw-g-footer-bottom-menu-list-link {
        line-height: 1.72;
    }

    h1,
    .phw-g-h3-card-xlarge-dark {
        font-size: var(--font-size-1);
    }
    h2,
    .phw-g-h2-card-title-dark-large,
    .phw-g-h3-card-number-primary,
    .phw-g-text-glassdoor-review-count,
    .phw-g-text-xx-large-primary,
    .phw-g-text-xx-large-dark,
    .phw-g-avatar-initials {
        font-size: var(--font-size-2);
    }
    .phw-g-h2-card-title-dark-default,
    .phw-g-h2-card-title-primary-default,
    .phw-g-p-xx-large-light,
    .phw-g-text-x-large-dark,
    .phw-g-organiser--circle,
    .phw-g-fyf-heading-block {
        font-size: var(--font-size-5);
    }
    .phw-g-h1-sticky-job-title,
    .phw-g-sticky-job-title .phw-g-h2-card-sub-title-dark-small,
    .phw-g-h2-card-title-primary-small,
    .phw-g-h2-card-title-dark-small,
    .phw-g-h2-card-title-light-small,
    .phw-g-h2-card-title-secondary-small,
    .phw-g-h3-card-large-dark,
    .phw-g-h3-card-font-weight-regular,
    h4,
    h5,
    .phw-g-text-large-secondary,
    .phw-g-user-name-prefix {
        font-size: var(--phw-g-regular-text-font-size);
    }
    .phw-g-h3-card-number-dark {
        font-size: var(--phw-g-widget-title-huge-font-size);
    }
    .phw-job-description {
        font-size: var(--font-size-6);
    }
    .phw-job-description p {
        font-size: var(--font-size-6);
    }
    .phw-job-description span {
        font-size: var(--font-size-6);
    }
    .phw-job-description li {
        font-size: var(--font-size-6);
    }
    .phw-job-description h1 {
        font-size: var(--phw-g-hero-title-font-size);
    }
    .phw-job-description h2 {
        font-size: var(--phw-g-widget-title-font-size);
        color: var(--text-dark);
    }
    .phw-job-description h3 {
        font-size: var(--font-size-13);
    }
    .phw-job-description h4 {
        font-size: var(--phw-g-cards-subtitle-font-size);
    }
    .phw-job-description h5 {
        font-size: var(--phw-g-cards-subtitle-font-size);
    }
    .phw-job-description h6 {
        font-size: var(--phw-g-small-text-font-size);
    }
    .phw-event-description {
        font-size: var(--phw-g-cards-subtitle-font-size);
    }
    .phw-event-description p {
        font-size: var(--phw-g-small-text-font-size);
    }
    .phw-event-description span {
        font-size: var(--phw-g-small-text-font-size);
    }
    .phw-event-description li {
        font-size: var(--phw-g-small-text-font-size);
    }
    .phw-event-description h1 {
        font-size: var(--font-size-11);
    }
    .phw-event-description h2 {
        font-size: var(--phw-g-widget-title-font-size);
        color: var(--text-dark);
    }
    .phw-event-description h3 {
        font-size: var(--phw-g-cards-title-font-size);
    }
    .phw-event-description h4 {
        font-size: var(--phw-g-regular-text-font-size);
    }
    .phw-event-description h5 {
        font-size: var(--phw-g-regular-text-font-size);
    }
    .phw-event-description h6 {
        font-size: var(--phw-g-small-text-font-size);
    }

    .phw-roles-description {
        font-size: var(--font-size-6);
    }
    .phw-roles-description p {
        font-size: var(--font-size-6);
    }
    .phw-roles-description span {
        font-size: var(--font-size-6);
    }
    .phw-roles-description li {
        font-size: var(--font-size-6);
    }
    .phw-roles-description h1 {
        font-size: var(--phw-g-hero-title-font-size);
    }
    .phw-roles-description h2 {
        font-size: var(--phw-g-widget-title-font-size);
        color: var(--text-dark);
    }
    .phw-roles-description h3 {
        font-size: var(--font-size-13);
    }
    .phw-roles-description h4 {
        font-size: var(--phw-g-cards-subtitle-font-size);
    }
    .phw-roles-description h5 {
        font-size: var(--phw-g-cards-subtitle-font-size);
    }
    .phw-roles-description h6 {
        font-size: var(--phw-g-small-text-font-size);
    }



    .phw-g-menu-list-link,
    .phw-g-btn-jobcard-info-link {
        font-size: var(--paragraph-font-size-2);
    }
    .phw-btn {
        --btn-height: 40px;
    }
}
@media only screen and (max-width: 1199.98px) {
    .phw-g-h1-sticky-job-title,
    .phw-g-sticky-job-title {
        line-height: 1.25;
    }
    .phw-g-h2-card-title-dark-small {
        font-size: var(--phw-g-input-label-text-font-size);
        line-height: 1.61;
    }
    .phw-g-card-jtc-bg {
        padding: calc(var(--pu-space) * 5) calc(var(--pu-space) * 11);
    }
    .phw-g-text-glassdoor-rating {
        line-height: 1.25;
    }
    .phw-g-circle-image-large {
        width: 296px;
    }
    .phw-g-text-glassdoor-rating-style-1 {
        font-size: var(--phw-g-widget-title-font-size);
        line-height: 1.363;
    }
    .phw-g-h1-404-primary {
        font-size: var(--font-size-1);
    }
}
@media only screen and (max-width: 1024.98px) {
    .phw-g-facets-title-btn {
        font-weight: 500;
    }
    .phw-g-toast-alert-msg {
        width: 40%;
    }

    .phw-g-tooltip-msg {
        width: 75%;
        left: 12.5%;
    }

    .phw-g-radio-group {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
    .phw-g-font-size-md-1 {
        font-size: var(--font-size-1);
    }
    .phw-g-font-size-md-2 {
        font-size: var(--font-size-2);
    }
    .phw-g-font-size-md-3 {
        font-size: var(--font-size-3);
    }
    .phw-g-font-size-md-4 {
        font-size: var(--font-size-4);
    }
    .phw-g-font-size-md-5 {
        font-size: var(--font-size-5);
    }
    .phw-g-font-size-md-6 {
        font-size: var(--font-size-6);
    }
    .phw-g-font-size-md-7 {
        font-size: var(--font-size-7);
    }
    .phw-g-font-size-md-8 {
        font-size: var(--font-size-8);
    }
    .phw-g-font-size-md-9 {
        font-size: var(--font-size-9);
    }
    .phw-transform-md-none {
        transform: none;
    }
}
@media only screen and (max-width: 767.98px) {
    .phw-g-h3-card-xlarge-dark {
        font-size: var(--phw-g-cards-title-font-size);
    }
    .phw-g-h1-widget-title-dark,
    h2,
    .phw-g-h2-card-title-dark-large,
    .phw-g-h3-card-number-primary,
    .phw-g-text-glassdoor-review-count,
    .phw-g-text-xx-large-primary,
    .phw-g-text-xx-large-dark,
    .phw-g-avatar-initials {
        font-size: var(--phw-g-large-text-font-size);
    }
    .phw-g-h2-card-title-dark-default,
    .phw-g-h2-card-title-primary-default,
    .phw-g-p-xx-large-light,
    .phw-g-text-x-large-dark,
    .phw-g-organiser--circle,
    .phw-g-fyf-heading-block {
        font-size: var(--font-size-4);
    }
    .phw-g-h1-sticky-job-title,
    .phw-g-sticky-job-title .phw-g-h2-card-sub-title-dark-small,
    .phw-g-h2-card-title-primary-small,
    .phw-g-h2-card-title-dark-small,
    .phw-g-h2-card-title-light-small,
    .phw-g-h2-card-title-secondary-small,
    .phw-g-h3-card-large-dark,
    .phw-g-h3-card-font-weight-regular,
    h4,
    h5,
    .phw-g-text-large-secondary,
    .phw-g-user-name-prefix,
    .phw-g-category-title {
        font-size: var(--phw-g-small-text-font-size);
    }
    .phw-g-gd-review-count,
    .phw-g-back-to-top {
        font-size: var(--phw-g-small-text-font-size);
    }
    .phw-g-text-glassdoor-rating-style-1 {
        font-size: var(--font-size-2);
    }
    .phw-g-h1-404-primary {
        font-size: var(--font-size-1);
    }
    .phw-g-img-circle-120x120 {
        height: 60px;
        width: 60px;
    }
    .phw-g-card-jtc-bg {
        padding: calc(var(--pu-space) * 5) calc(var(--pu-space) * 2);
    }
    .phw-g-text-fyf-skills {
        font-size: var(--paragraph-font-size-2);
        line-height: 1.625;
        color: var(--brand-color-primary);
    }
    .phw-g-circle-image-large {
        width: 256px;
    }
    .phw-g-toast-alert-msg {
        width: 80%;
        bottom: 15px;
    }
    .phw-g-tooltip-msg {
        width: 100%;
        left: 0;
    }
    .phw-g-modal-footer button {
        display: block;
        width: 100%;
    }
    .phw-default-dialog {
        height: 100%;
    }

    .phw-g-modal-footer button:first-child {
        margin: none;
        margin-bottom: calc(var(--mu-space) * 2);
    }
    .phw-g-font-size-sm-1 {
        font-size: var(--font-size-1);
    }
    .phw-g-font-size-sm-2 {
        font-size: var(--font-size-2);
    }
    .phw-g-font-size-sm-3 {
        font-size: var(--font-size-3);
    }
    .phw-g-font-size-sm-4 {
        font-size: var(--font-size-4);
    }
    .phw-g-font-size-sm-5 {
        font-size: var(--font-size-5);
    }
    .phw-g-font-size-sm-6 {
        font-size: var(--font-size-6);
    }
    .phw-g-font-size-sm-7 {
        font-size: var(--font-size-7);
    }
    .phw-g-font-size-sm-8 {
        font-size: var(--font-size-8);
    }
    .phw-g-font-size-sm-9 {
        font-size: var(--font-size-9);
    }
    .phw-transform-sm-none {
        transform: none;
    }
    /* slider styles start */
    /* .splide__arrow--prev {
        display: none !important;
    }
    .splide__arrow--next {
        display: none !important;
    } */
    /* slider styles end */

    /* stroke styles start */
    .phw-stroke-sm-light {
        border: 1px solid var(--stroke-light);
    }
    .phw-stroke-bottom-sm-light {
        border-bottom: 1px solid var(--stroke-light);
    }
    .phw-stroke-sm-none {
        border: none;
    }
}

/* 1920+ */
:root {
    --phw-g-primary-font-family: 'Avenir', sans-serif;
    --phw-g-secondary-font-family: var(--phw-g-primary-font-family);

    /* Brand colors */
    --brand-color-primary: #2245d9; /*global brand color*/
    --brand-color-secondary: #00a8b6; /*global brand color*/

    /* brand color primary with opacity */
    --brand-color-primary-5: color-mix(in oklch, transparent, var(--brand-color-primary) 5%);
    --brand-color-primary-10: color-mix(in oklch, transparent, var(--brand-color-primary) 10%);
    --brand-color-primary-20: color-mix(in oklch, transparent, var(--brand-color-primary) 20%);
    --brand-color-primary-50: color-mix(in oklch, transparent, var(--brand-color-primary) 50%);
    --brand-color-primary-60: color-mix(in oklch, transparent, var(--brand-color-primary) 60%);
    --brand-color-primary-40: color-mix(in oklch, transparent, var(--brand-color-primary) 40%);

    /* Standrad colors */
    --black: #000000; /*global brand color*/
    --white: #ffffff; /*global brand color*/
    --black-1: rgba(0, 0, 0, 0.15);

    /* Text colors */
    --text-dark: #1e1e1e; /*global brand color*/
    --secondary-text: #313131; /*global brand color*/
    --light-text: #454545; /*global brand color*/
    --placeholder-text-color-1: #636363; /*global brand color*/

    --gray-dark: #767676;
    --gray-color: #d0d0d0;
    --gray-light: #e0e0e0;
    --gray-lighter: #efefef;

    /* Font Size */
    --font-size-1: 32px; /*global variable*/
    --font-size-2: 24px; /*global variable*/
    --font-size-3: 22px; /*global variable*/
    --font-size-4: 20px; /*global variable*/
    --font-size-5: 18px; /*global variable*/
    --font-size-6: 16px; /*global variable*/
    --font-size-7: 14px; /*global variable*/
    --font-size-8: 12px; /*global variable*/
    --font-size-9: 10px; /*global variable*/

    /* line height */
    --line-height-1: 48px;
    --line-height-2: 36px;
    --line-height-3: 33px;
    --line-height-4: 30px;
    --line-height-5: 28px;
    --line-height-6: 24px;
    --line-height-7: 20px;

    /* Body styles */
    --body-font-family: var(--phw-g-primary-font-family); /*global variable*/
    --body-font-size: var(--phw-g-small-text-font-size); /*global variable*/
    --body-font-weight: 400;
    --body-line-height: 1.5; /*global variable*/
    --body-color: #4e4e4e; /*global variable*/
    --body-bg: #efefef; /*global variable*/
    --header-bg: var(--white); /*header fixed default bg*/

    /* Container */
    --grid-container: 96%;
    --grid-container-max: 1264px;
    --container-top-space: 128px;
    --container-bottom-space: 128px;
    --grid-gutter-space: calc(var(--mu-space) * 5);
    --widget-header-content-block-between-space: calc(var(--pu-space) * 8);
    --widget-content-footer-block-between-space: calc(var(--pu-space) * 8);

    /* widget sub heading font size*/
    --widget-subheading-style1: var(--phw-g-widget-subheading-font-size); /*global variable*/
    --widget-subheading-line-height-1: 1; /*global variable*/

    /* Link colors */
    --link-color: var(--brand-color-primary); /*global brand color*/
    --link-hover-color: var(--brand-color-primary); /*global brand color*/
    --link-hover-decoration: none; /*global brand color*/
    --visited-color: var(--brand-color-primary); /*global brand color*/

    /* Stroke */
    --stroke-white: #ffffff; /*global variable*/
    --stroke-dark: #767676; /*global variable*/
    --stroke-light: #e0e0e0; /*global variable*/
    --stroke-primary: var(--brand-color-primary);
    --stroke-neutral: #d0d0d0;

    /* loader color */
    --loader-color: var(--brand-color-primary);

    /* Border radius */
    --border-radius-base: 16px; /*global variable*/
    --border-radius-base-2: 8px; /*global variable*/
    --card-border-radius: 16px; /*global variable*/
    --modal-border-radius: 16px; /*global variable*/
    --image-border-radius: 0; /*global variable*/
    --chips-border-radius: 10px; /*global variable*/

    /* Spacings */
    --mu-space: 8px;
    --pu-space: 8px;
    --su-space: 8px;

    /* Notification colors */
    --alert-success: #65ce00;
    --alert-error: #ee0000;
    --alert-focus: #005b78;
    --warning-background: #fde9c5;
    --warning-background-2: #fbedd5;
    --disabled-color: #b8b8b8;

    /* Form builder rating colors */
    --form-builder-rating-poor-color: #F44336;
    --form-builder-rating-fair-color: #FB8C00;
    --form-builder-rating-good-color: #FFEB3B;
    --form-builder-rating-very-good-color: #8BC34A;
    --form-builder-rating-excellent-color: #4CAF50;

    /* Box-shadow */
    --box-shadow-style-1: 0px 4px 14px 2px rgba(0, 0, 0, 0.08);
    --box-shadow-style-2: 0px 4px 10px rgba(69, 69, 69, 0.12);
    --box-shadow-style-3: 0px 4px 12px rgba(69, 69, 69, 0.2);
    --box-shadow-style-4: 0px 2px 8px rgba(0, 0, 0, 0.15);
    --box-shadow-style-5: 0px 4px 6px 0px rgb(69 69 69 / 10%);
    --box-shadow-style-6: 0 -3px 18px -7px rgba(0, 0, 0, 0.2);

    /* Accessability */
    --accessibility-outline-color: #000; /*global variable*/
    --accessibility-outline-width: 2px; /*global variable*/
    --accessibility-outline-style: dotted; /*global variable*/
    --accessibility-outline-offset: 2px;

    /* Button */
    --btn-dark: var(--text-dark);
    --btn-padding-x: 40px;
    --btn-padding-y: 0;
    --btn-font-weight: 500;
    --btn-line-height: 1.2;
    --btn-border-width: 1px;
    --btn-border-color: var(--stroke-dark);
    --btn-border-radius: 6px;
    --btn-height: 40px;
    --btn-height-lg: 48px;
    --btn-height-sm: 32px;
    --btn-bg: transparent;
    --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --btn-disabled-color: var(--disabled-color);
    --btn-disabled-opacity: 0.65;
    --btn-hover-decoration: none;
    --btn-active-decoration: none;
    --btn-font-size-1: var(--font-size-6);
    --btn-line-height-1: 1.5;
    --btn-focus-bg: transparent;
    --btn-focus-border-color: var(--brand-color-primary);
    --btn-outline-color: var(--accessibility-outline-color);
    --btn-outline-width: var(--accessibility-outline-width);
    --btn-outline-style: var(--accessibility-outline-style);
    --btn-focus-color: var(--brand-color-primary);
    --btn-hover-bg: var(--brand-color-primary);
    --btn-hover-border-color: transparent;
    --btn-active-color: var(--brand-color-primary);
    --btn-active-bg: transparent;
    --btn-active-border-color: var(--brand-color-primary);
    --btn-disable-color: #2245d91a; /* rgba(34, 69, 217, 0.1) */

    /* Form elements */
    /* Input*/
    --input-bg: var(--white);
    --input-disabled-bg: var(--disabled-color);
    --input-disabled-stroke: var(--disabled-color);
    --input-stroke: #767676;
    --input-stroke-focus: #0083ac;
    --input-stroke-error: var(--alert-error);
    --input-stroke1: #efefef;
    --input-stroke-focus1: #4543d9;
    --input-stroke-error1: var(--alert-error);
    --input-text-color: var(--text-dark);
    --input-place-holder-color: var(--placeholder-text-color-1);
    --input-box-shadow: 0 6px 20px 5px rgba(52, 58, 64, 0.04);
    --input-box-shadow-focus: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    --form-checkbox-stroke: #767676;
    --input-checkbox-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMzMyMDMxIDUuNzU3Mkw1LjA5Mzk0IDEwLjU1NTdMMTMuNjY1NCAxLjkxODQzTDEyLjMyMjUgMC41NTU2NjRMNS4wOTM5NCA3LjgzOTczTDEuNjc0ODkgNC40MDQwM0wwLjMzMjAzMSA1Ljc1NzJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
    --input-radio-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InBody1yYWRpby1jaGVja2VkIj4KPHJlY3QgeD0iMi41IiB5PSIyLjUiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgcng9IjkuNSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iaW5oZXJpdCIvPgo8cmVjdCB4PSI1IiB5PSI1IiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHJ4PSI3IiBzdHJva2U9Im5vbmUiLz4KPC9zdmc+');
    --input-height: 48px;
    --input-font-weight: 400;
    --input-font-family: var(--body-font-family);
    --input-font-size: var(--paragraph-font-size-2); /*global variable*/
    --input-line-height: 1.5; /*global variable*/
    --input-border-width: 1px;
    --input-border-radius: 8px;
    --input-v-padding: 12px; /*global variable*/
    --input-h-padding: 12px; /*global variable*/
    --input-appearance: none;
    --input-label-font-size: var(--phw-g-input-label-text-font-size); /*global variable*/
    --input-label-line-height: 1.2;
    /* Input small */
    --input-height-sm: 40px; /*global variable*/
    --input-v-padding-sm: 10px; /*global variable*/
    --input-font-size-sm: var(--phw-g-small-text-font-size); /*global variable*/
    --input-line-height-sm: 1.5; /*global variable*/
    /* Input large */
    --input-height-lg: 64px; /*global variable*/
    --input-v-padding-lg: 32px; /*global variable*/
    --input-font-size-lg: var(--paragraph-font-size-2); /*global variable*/
    --input-line-height-lg: 1.4; /*global variable*/
    /* Checkbox and radio */
    --form-checkbox-width: 16px;
    --form-checkbox-space: 12px;
    --form-checkbox-height: 16px;
    --form-checkbox-border-radius: 3px;
    /* Animations */
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;

    /* toast msg background */
    --toast-msg-bg: rgba(0, 0, 0, 0.78);

    /* ====================== NOT used in EX / NOT customized for EX  ================================== */

    --font-size-10: 280px; /*global variable*/
    --font-size-11: 42px; /*heading font size tablet*/
    --font-size-12: 36px; /*widget heading font size tab*/
    --font-size-13: 22px; /*card title tab*/
    --font-size-14: 168px; /*404 font size tab*/
    --font-size-15: 14px; /*paragraph font size tab*/
    --font-size-16: 48px; /*font size mobile*/
    --font-size-17: 88px; /*font-size mobile*/

    /* Paragraph Font Size*/
    --paragraph-font-size-1: var(--phw-g-small-text-font-size); /*global variable*/
    --paragraph-font-size-2: var(--phw-g-regular-text-font-size); /*global variable*/
    --paragraph-font-size-3: var(--phw-g-large-text-font-size); /*global variable*/

    /* Paragraph line height */
    --paragraph-line-height-1: 1.5;
    --paragraph-line-height-2: 1.5;
    --paragraph-line-height-3: 1.5;

    /* Number */
    --number-heading-font-size: var(--phw-g-numbers-font-size); /*global variable*/
    --number-heading-line-height: 1.25; /*global variable*/

    /* Menu-list and footer */
    --menu-list-font-size: var(--phw-g-cards-subtitle-font-size); /*global variable*/
    --menu-list-line-height: 1.25; /*global variable*/
    --footer-menu-list-font-size: var(--phw-g-cards-subtitle-font-size); /*global variable*/
    --footer-menu-list-line-height: 1.25; /*global variable*/
    --footer-menu-list-font-size-style-1: var(--phw-g-regular-text-font-size); /*global variable*/
    --footer-menu-list-line-height-style-1: 1.3; /*global variable*/

    /* Icon colors */
    --icon-dark: var(--text-dark); /*global brand color*/
    --icon-light: var(--placeholder-text-color-1); /*global brand color*/

    /* Slider colors */
    --slider-pagination-bg-color: #a0a0a0; /*global brand color*/
    --slider-pagination-bg-active-color: var(--brand-color-primary); /*global brand color*/

    /* Slider pagination opacity */
    --slider-pagination-opacity: 0.7;
    --slider-pagination-opacity-active: 1;
    --slider-pagination-opacity-hover: 0.9;

    /* Background colors */
    --widget-bg-dark-color: #130606;
    --widget-bg-gray-color: #efefef;
    --widget-bg-white-color: #ffffff;
    --button-bg-light-color: #f2f2f2;
    --icon-bg-primary-color-light: #5335a826;
    --widget-bg-primary-color: var(--brand-color-primary);
    --widget-bg-gradient-color: linear-gradient(116deg, #131051 3.08%, #5c41a6 95.75%);
    --modal-bg: var(--widget-bg-white-color);
    --modal-width: 800px;
    --modal-width-sm: 640px;
    --modal-width-md: 824px;
    --modal-width-lg: 90%;
    /*video modal*/
    --video-modal-bg: var(--widget-bg-white-color);
    --video-modal-width: 824px;
    --video-modal-width-sm: 640px;
    --video-modal-width-md: 824px;
    --video-modal-width-lg: 90%;

    /* Social brand colors */
    --glassdoor-brand-color: #008000; /*global variable*/
    --twitter-brand-color: #000000; /*global variable*/
    --facebook-brand-color: #3b5998; /*global variable*/
    --linkedin-brand-color: #0077b5; /*global variable*/
    --googleplus-brand-color: #dd4b39; /*global variable*/
    --instagram-brand-color: #e4405f; /*global variable*/
    --pinterest-brand-color: #bd081c; /*global variable*/
    --vk-brand-color: #4a76a8; /*global variable*/
    --weibo-brand-color: #df2029; /*global variable*/
    --xing-brand-color: #026466; /*global variable*/
    --telegram-brand-color: #0088cc; /*global variable*/
    --whatsapp-brand-color: #25d366; /*global variable*/

    /* Job tags  */
    --job-tag-bg-color-style-1: #fef5eb;
    --job-tag-color-style1: #ffc90a;
    --job-tag-bg-color-style-2: #fceced;
    --job-tag-color-style2: #f19b9e;
    --job-tag-bg-color-style-3: #eefae5;
    --job-tag-color-style3: #57d300;

    /* Scrollbar colors */
    --scrollbar-track-bg: rgba(255, 255, 255, 0.8); /*global brand color*/
    --scrollbar-thumb-bg: linear-gradient(
        135deg,
        var(--brand-color-primary),
        color-mix(in oklch, var(--brand-color-primary), #ffffff 20%)
    ); /*global brand color*/
    --scrollbar-thumb-hover-bg: linear-gradient(
        135deg,
        color-mix(in oklch, var(--brand-color-primary), #ffffff 15%),
        color-mix(in oklch, var(--brand-color-primary), #ffffff 35%)
    ); /*global brand color*/
}
/* subsets */
:root {
    /* hero title*/
    --phw-g-hero-title-font-family: var(--phw-g-primary-font-family);
    --phw-g-hero-title-font-weight: 800;
    --phw-g-hero-title-font-size: var(--font-size-1);

    /* widget title*/
    --phw-g-widget-title-font-family: var(--phw-g-primary-font-family);
    --phw-g-widget-title-font-weight: 800;
    --phw-g-widget-title-font-size: var(--font-size-4);

    /*widget title large --- NOTE: using for large card titles in EX*/
    --phw-g-widget-title-huge-font-family: var(--phw-g-primary-font-family);
    --phw-g-widget-title-huge-font-weight: 500;
    --phw-g-widget-title-huge-font-size: var(--font-size-4);

    /*widget subheading --- ex-generalised widget subheading*/
    --phw-g-widget-subheading-font-family: var(--phw-g-primary-font-family);
    --phw-g-widget-subheading-font-weight: 400;
    --phw-g-widget-subheading-font-size: var(--font-size-5);

    /*cards title*/
    --phw-g-cards-title-font-family: var(--phw-g-primary-font-family);
    --phw-g-cards-title-font-weight: 800;
    --phw-g-cards-title-font-size: var(--font-size-5);

    /*cards subtitle  --- ex- employee designation*/
    --phw-g-cards-subtitle-font-family: var(--phw-g-primary-font-family);
    --phw-g-cards-subtitle-font-weight: 500;
    --phw-g-cards-subtitle-font-size: var(--font-size-6);

    /* Numbers --- not in use */
    --phw-g-numbers-font-family: var(--phw-g-primary-font-family);
    --phw-g-numbers-font-weight: 600;
    --phw-g-numbers-font-size: var(--font-size-9);

    /* Large text */
    --phw-g-large-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-large-text-font-weight: 400;
    --phw-g-large-text-font-size: var(--font-size-5);

    /* Regular text */
    --phw-g-regular-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-regular-text-font-weight: 400;
    --phw-g-regular-text-font-size: var(--font-size-6);

    /* Small text */
    --phw-g-small-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-small-text-font-weight: 400;
    --phw-g-small-text-font-size: var(--font-size-7);

    /* input label */
    --phw-g-input-label-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-input-label-text-font-weight: 400;
    --phw-g-input-label-text-font-size: var(--font-size-7);

    /* Placeholder */
    --phw-g-placeholder-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-placeholder-text-font-weight: 400;
    --phw-g-placeholder-text-font-size: var(--font-size-7);

    /* button */
    --phw-g-button-text-font-family: var(--phw-g-secondary-font-family);
    --phw-g-button-text-font-weight: 500;
    --phw-g-button-text-font-size: var(--font-size-7);

    /* 404 */
    --phw-g-404-text-font-family: var(--phw-g-primary-font-family);
    --phw-g-404-text-font-weight: 600;
    --phw-g-404-text-font-size: var(--font-size-1);

    /*brand colors */
    --phw-g-brand-color-primary: var(--brand-color-primary);
    --phw-g-brand-color-secondary: var(--brand-color-secondary);

    /*widgets bg*/
    --phw-g-widget-dark-bg: var(--widget-bg-dark-color);
    --phw-g-widget-light-bg: var(--widget-bg-gray-color);
    --phw-g-widget-white-bg: var(--widget-bg-white-color);

    /*Stroke*/
    --phw-g-stroke: var(--stroke-dark);

    /*text colors*/
    --phw-g-dark-text: var(--text-dark);
    --phw-g-secondary-text: var(--secondary-text);
    --phw-g-light-text: #ffffff;
    --phw-g-placeholder-text: var(--placeholder-text-color-1);

    /* Notification */
    --phw-g-alert-success: var(--alert-success);
    --phw-g-alert-error: var(--alert-error);
    --phw-g-alert-focus: var(--alert-focus);
    --phw-g-warning-bg: var(--warning-background);
    --phw-g-disabled-bg: var(--disabled-color);
    /*Box-shadow*/
    --phw-g-box-shadow-style-1: 0px 4px 6px rgba(69, 69, 69, 0.1);
    --phw-g-box-shadow-style-2: 0px 4px 10px rgba(69, 69, 69, 0.12);
    --phw-g-box-shadow-style-3: 0px 4px 12px rgba(69, 69, 69, 0.2);
    /* for alret and failure popup*/
    --phw-g-box-shadow-style-4: 4px 0px 0px 0px var(--alert-success) inset;
    --phw-g-box-shadow-style-5: 4px 0px 0px 0px var(--alert-error) inset;
    /*tab & mobile min font*/
    --tab-font-size: 18px;
    --mobile-font-size: 18px;
}
/* 1200 - 1919 */
@media only screen and (max-width: 1919.98px) {
    :root {
        /* Container */
        --grid-container: 88.545%;
        --grid-gutter-space: calc(var(--mu-space) * 4);
        --container-top-space: 100px;
        --container-bottom-space: 100px;
        --widget-header-content-block-between-space: calc(var(--pu-space) * 6);
        --widget-content-footer-block-between-space: calc(var(--pu-space) * 6);
        /* Font Size and line height */

        /* button text font size */
        --btn-font-size-1: var(--phw-g-small-text-font-size);
        --btn-padding-x: 32px;
        --btn-padding-y: 0;
        --input-height: 51px;
        /*input small*/
        --input-height-sm: 40px;
        --input-v-padding-sm: 8px;
        --input-font-size-sm: var(--phw-g-small-text-font-size);
        --input-line-height-sm: 1.5;
        /*input large*/
        --input-height-lg: 64px;
        --input-v-padding-lg: 32px;
        --input-font-size-lg: var(--phw-g-regular-text-font-size);
        --input-line-height-lg: 1.4;

        /* footer menu heading style  */
        --footer-menu-list-font-size: var(--phw-g-input-label-text-font-size);
        --footer-menu-list-line-height: 1.5;

        /*footer menu style 1 for address and sub menu items */
        --footer-menu-list-font-size-style-1: var(--phw-g-small-text-font-size);
        --footer-menu-list-line-height-style-1: 1;

        --number-heading-font-size: var(--phw-g-widget-title-huge-font-size);
        --number-heading-line-height: 1.25;
        --modal-width: 824px;
        --modal-width-sm: 640px;
        --modal-width-md: 824px;
        --modal-width-lg: 90%;
        --video-modal-width: 824px;
        --video-modal-width-sm: 640px;
        --video-modal-width-md: 824px;
        --video-modal-width-lg: 90%;
    }
}
/* 768 - 1199.98 */
@media only screen and (max-width: 1199.98px) {
    :root {
        /* Container */
        --grid-container: calc(100% - 88px);
        --grid-gutter-space: calc(var(--mu-space) * 3);
        --container-top-space: 64px;
        --container-bottom-space: 64px;
        --widget-header-content-block-between-space: calc(var(--pu-space) * 6);
        --widget-content-footer-block-between-space: calc(var(--pu-space) * 6);
        /*input*/
        --input-height: 42px;
        --input-font-size: var(--phw-g-small-text-font-size);
        --input-line-height: 1.25;
        --input-label-font-size: var(--phw-g-small-text-font-size);
        --input-label-line-height: 1.25;
        /*input small*/
        --input-height-sm: 40px;
        --input-font-size-sm: var(--font-size-15);
        --input-line-height-sm: 1.42;
        /*input large*/
        --input-height-lg: 58px;
        --input-font-size-lg: var(--phw-g-input-label-text-font-size);
        --input-line-height-lg: 1.4;
        --modal-width: 736px;
        --modal-width-sm: 600px;
        --modal-width-md: 736px;
        --modal-width-lg: 736px;
        --video-modal-width: 736px;
        --video-modal-width-sm: 600px;
        --video-modal-width-md: 736px;
        --video-modal-width-lg: 736px;
    }
}
/* 320 - 767 */
@media only screen and (max-width: 767.98px) {
    :root {
        /* Container */
        --grid-container: calc(100% - 32px);
        --grid-gutter-space: calc(var(--mu-space) * 2);
        --container-top-space: 40px;
        --container-bottom-space: 40px;
        --widget-header-content-block-between-space: calc(var(--pu-space) * 4);
        --widget-content-footer-block-between-space: calc(var(--pu-space) * 4);
        /*line height */
        --line-height-5: 1.25;
        --line-height-6: 1.6;
        --modal-width: 100%;
        --modal-width-sm: 100%;
        --modal-width-md: 100%;
        --modal-width-lg: 100%;
        --modal-border-radius: 0;
        --video-modal-width: 96%;
        --video-modal-width-sm: 96%;
        --video-modal-width-md: 96%;
        --video-modal-width-lg: 96%;
    }
}

/* ============================================================
 * Classes from master-theme not present in ex-master-theme
 * ============================================================ */

/* Icon container style 2 */
.phw-g-icon-ctr-style-2 {
    border: 1px solid var(--stroke-dark);
    border-radius: 100%;
}

/* Job detail white background */
.phw-g-widget-jd-bg-white {
    background-color: var(--widget-bg-white-color);
}

/* Warning background */
.phw-g-bg-warning {
    background-color: var(--warning-background-2);
}

/* Warning border radius */
.phw-g-border-radius-warning {
    border-radius: calc(var(--border-radius-base) * 1);
    margin-bottom: calc(var(--pu-space) * 3);
}

/* Apply form button — Primary */
.ph_apply_form_btn.primary-button {
    border-color: var(--brand-color-primary);
    color: var(--white);
    background-color: var(--brand-color-primary);
    font-weight: var(--btn-font-weight);
}
.ph_apply_form_btn.primary-button:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.ph_apply_form_btn.primary-button:hover {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--brand-color-primary);
}
.ph_apply_form_btn.primary-button:active {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--brand-color-primary);
}
.ph_apply_form_btn.primary-button:disabled {
    color: var(--white);
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
}

/* Apply form button — Secondary */
.ph_apply_form_btn.secondary-button {
    border-color: var(--brand-color-primary);
    color: var(--brand-color-primary);
    background-color: var(--btn-bg);
    font-weight: var(--btn-font-weight);
}
.ph_apply_form_btn.secondary-button:focus-visible {
    outline: var(--accessibility-outline-width) var(--accessibility-outline-style) var(--accessibility-outline-color);
}
.ph_apply_form_btn.secondary-button:hover,
.ph_apply_form_btn.secondary-button:active,
.ph_apply_form_btn.secondary-button:focus {
    color: var(--white);
    background-color: var(--brand-color-primary);
    border-color: var(--brand-color-primary);
}
.ph_apply_form_btn.secondary-button:disabled {
    color: var(--btn-dark);
    background-color: var(--btn-disabled-color);
    border-color: var(--btn-disabled-color);
}