/** CSS **/
@import url("fonts.css");
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/** 
font-family: "Segoe UI", roboto, sans-serif; 
font-family: "Kanit", sans-serif;
font-family: "Roboto", sans-serif;
**/

.fwrlj-container {
    display: block !important;
    font-family: -apple-system, system-ui, blinkmacsystemfont, "Segoe UI", "Roboto", sans-serif; 
    margin: 0 auto;
    padding: 20px 0 20px;
    width: 100%;
}
.fwrlj-img-responsive {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.fwrlj-container {
    --hue-primary: 216;
    --hsl-primary: var(--hue-primary) 77% 50%;
    --color-primary-50: hsl(var(--hue-primary) 85% 98%);
    --color-primary-100: hsl(var(--hue-primary) 85% 94%);
    --color-primary-200: hsl(var(--hue-primary) 85% 90%);
    --color-primary-300: hsl(var(--hue-primary) 85% 78%);
    --color-primary-400: hsl(var(--hue-primary) 77% 61%);
    --color-primary-500: hsl(var(--hue-primary) 77% 50%);
    --color-primary-600: hsl(var(--hue-primary) 77% 39%);
    --color-primary-700: hsl(var(--hue-primary) 90% 32%);
    --color-primary-800: hsl(var(--hue-primary) 90% 25%);
    --color-primary-900: hsl(var(--hue-primary) 90% 20%);
    --hue-neutral: 216;
    --hsl-neutral: var(--hue-neutral) 15% 59%;
    --color-neutral-50: hsl(var(--hue-neutral) 15% 98.5%);
    --color-neutral-100: hsl(var(--hue-neutral) 15% 97%);
    --color-neutral-200: hsl(var(--hue-neutral) 15% 92%);
    --color-neutral-300: hsl(var(--hue-neutral) 15% 86%);
    --color-neutral-400: hsl(var(--hue-neutral) 15% 66%);
    --color-neutral-500: hsl(var(--hue-neutral) 15% 59%);
    --color-neutral-600: hsl(var(--hue-neutral) 15% 52%);
    --color-neutral-700: hsl(var(--hue-neutral) 15% 33%);
    --color-neutral-800: hsl(var(--hue-neutral) 15% 26%);
    --color-neutral-900: hsl(var(--hue-neutral) 15% 20%);
    --hue-positive: 168;
    --hsl-positive: var(--hue-positive) 72% 42%;
    --color-positive-50: hsl(var(--hue-positive) 90% 97.5%);
    --color-positive-100: hsl(var(--hue-positive) 75% 90%);
    --color-positive-200: hsl(var(--hue-positive) 72% 42%);
    --color-positive-300: hsl(var(--hue-positive) 72% 35%);
    --color-positive-400: hsl(var(--hue-positive) 80% 25%);
    --hue-negative: 5;
    --hsl-negative: var(--hue-negative) 78% 63%;
    --color-negative-50: hsl(var(--hue-negative) 85% 97.5%);
    --color-negative-100: hsl(var(--hue-negative) 85% 94%);
    --color-negative-200: hsl(var(--hue-negative) 78% 63%);
    --color-negative-300: hsl(var(--hue-negative) 78% 54%);
    --color-negative-400: hsl(var(--hue-negative) 80% 40%);
    --hue-info: 197;
    --hsl-info: var(--hue-info) 70% 54%;
    --color-info-50: hsl(var(--hue-info) 80% 97.5%);
    --color-info-100: hsl(var(--hue-info) 80% 90%);
    --color-info-200: hsl(var(--hue-info) 70% 54%);
    --color-info-300: hsl(var(--hue-info) 70% 46%);
    --color-info-400: hsl(var(--hue-info) 90% 32%);
    --hue-warning: 45;
    --hsl-warning: var(--hue-warning) 90% 48%;
    --color-warning-50: hsl(var(--hue-warning) 90% 97.5%);
    --color-warning-100: hsl(var(--hue-warning) 80% 88%);
    --color-warning-200: hsl(var(--hue-warning) 90% 48%);
    --color-warning-300: hsl(var(--hue-warning) 90% 43%);
    --color-warning-400: hsl(var(--hue-warning) 80% 31%);
    --color-text-default-100: rgba(43,50,59,.95);
    --color-text-default-200: rgba(43,50,59,.6);
    --color-text-default-300: rgba(43,50,59,.4);
    --color-text-invert-100: hsla(0,0%,100%,.95);
    --color-text-invert-200: hsla(0,0%,100%,.85);
    --color-text-invert-300: hsla(0,0%,100%,.65);
    --hue-black: 0;
    --hsl-black: var(--hue-black) 0% 0%;
    --color-black-100: #000;
    --color-black-200: hsl(var(--hue-black) 0% 0%/80%);
    --color-black-300: hsl(var(--hue-black) 0% 0%/60%);
    --color-black-400: hsl(var(--hue-black) 0% 0%/40%);
    --color-black-500: hsl(var(--hue-black) 0% 0%/20%);
    --hue-white: 0;
    --hsl-white: var(--hue-white) 0% 100%;
    --color-white-100: #fff;
    --color-white-200: hsl(var(--hue-white) 0% 100%/80%);
    --color-white-300: hsl(var(--hue-white) 0% 100%/60%);
    --color-white-400: hsl(var(--hue-white) 0% 100%/40%);
    --color-white-500: hsl(var(--hue-white) 0% 100%/20%);
    --color-shade-100: rgb(0 0 0/5%);
    --color-shade-200: rgba(0,0,0,.1);
    --color-shade-300: rgba(0,0,0,.15);
    --color-tint-100: hsla(0,0%,100%,.15);
    --color-tint-200: hsla(0,0%,100%,.3);
    --color-tint-300: hsla(0,0%,100%,.45);
    --hsl-fastwork-pro: 216 90% 32%;
    --color-fastwork-pro: hsl(var(--hsl-fastwork-pro)/100%);
    --hsl-fastwork-star: 45 90% 48%;
    --color-fastwork-star: hsl(var(--hsl-fastwork-star)/100%);
    --hsl-fastwork-milestone: 45 90% 45%;
    --color-fastwork-milestone: hsl(var(--hsl-fastwork-milestone)/100%);
    --hsl-fastwork-bundle: 25 90% 43%;
    --color-fastwork-bundle: hsl(var(--hsl-fastwork-bundle)/100%);
    --hsl-facebook: 214 89% 52%;
    --color-facebook: hsl(var(--hsl-facebook)/100%);
    --color-grad-1: linear-gradient(282deg,#27c8f8,#1850c2);
    --color-grad-fastwork-commission-tier-member: linear-gradient(105.12deg,#4580da 0.07%,rgba(69,128,218,0) 53.66%), linear-gradient(0deg,#97bdf7,#97bdf7);
    --color-grad-fastwork-commission-tier-bronze: linear-gradient(105.12deg,#9d3c13 0.07%,rgba(231,123,51,0) 26.81%), linear-gradient(110.66deg,#f9c176 -16.15%,rgba(231,123,51,.98) 38.22%,hsla(34,92%,72%,.991) 69.66%,#9d3c13 101.78%);
    --color-grad-fastwork-commission-tier-silver: linear-gradient(105.12deg,#98a1ac 0.07%,rgba(152,161,172,0) 26.81%), linear-gradient(114.9deg,rgba(56,62,77,0) 67.3%,rgba(24,27,33,.2) 90.73%), linear-gradient(114.98deg,#98a1ac -4.66%,rgba(152,161,172,0) 55.55%), linear-gradient(110.66deg,#e1e7f0 -16.15%,rgba(186,192,201,.98) 38.22%,rgba(224,233,247,.991) 69.66%,#b2bdcd 101.78%);
    --color-grad-fastwork-commission-tier-gold: linear-gradient(114.9deg,rgba(255,215,4,0) 67.3%,rgba(255,215,4,.2) 90.73%), linear-gradient(117.33deg,#b87c0e -5.51%,rgba(193,147,33,0) 28.88%), linear-gradient(110.66deg,#e3ba31 -16.15%,rgba(198,153,69,.98) 38.22%,rgba(239,202,77,.991) 69.66%,#b87c0e 101.78%);
    --color-grad-fastwork-commission-tier-platinum: linear-gradient(114.98deg,rgba(0,13,45,.2) -4.66%,rgba(0,13,45,0) 55.55%), linear-gradient(180deg,rgba(0,13,45,0) -69.91%,rgba(0,13,45,.2) 86.11%), linear-gradient(110.66deg,#c2cbd9 -16.15%,rgba(102,115,134,.98) 38.22%,rgba(151,166,188,.991) 69.66%,#455062 101.78%);
    --color-grad-fastwork-commission-tier-diamond: linear-gradient(114.9deg,rgba(10,28,75,0) 68.76%,rgba(0,13,45,.2) 92.68%), linear-gradient(114.9deg,rgba(0,13,45,.2) -9.39%,rgba(10,28,75,0) 32.21%), linear-gradient(114.98deg,#3074f8 -4.66%,rgba(48,116,248,0) 55.55%), linear-gradient(180deg,rgba(120,125,255,0) -69.91%,rgba(120,125,255,.2) 86.11%), linear-gradient(113.87deg,#3074f8 -17.2%,#b1dbfc 33.34%,#e4dfff 73.14%,#787dff 114.33%);
    --font-family-primary: -apple-system, system-ui, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", sans-serif;
    --font-family-secondary: "Kanit", -apple-system, system-ui, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", sans-serif;
    --font-family-tertiary: "Montserrat", "Kanit", -apple-system, system-ui, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", sans-serif;
    --font-size-1400: 4.5rem;
    --font-size-1300: 3.5rem;
    --font-size-1200: 3rem;
    --font-size-1100: 2.5rem;
    --font-size-1000: 2.25rem;
    --font-size-900: 2rem;
    --font-size-800: 1.75rem;
    --font-size-700: 1.5rem;
    --font-size-600: 1.25rem;
    --font-size-500: 1.125rem;
    --font-size-400: 1rem;
    --font-size-300: 0.875rem;
    --font-size-200: 0.75rem;
    --font-size-100: 0.6875rem;
    --breakpoint-sm: 768px;
    --breakpoint-md: 1024px;
    --breakpoint-lg: 1280px;
    --bsd-hsl: 333deg 0% 50%;
    --bsd-100: 0 1px 1px hsl(var(--bsd-hsl)/5%), 0 2px 2px hsl(var(--bsd-hsl)/5%), 0 4px 4px hsl(var(--bsd-hsl)/5%), 0 8px 8px hsl(var(--bsd-hsl)/5%);
    --bsd-200: 0 1px 1px hsl(var(--bsd-hsl)/7.5%), 0 2px 2px hsl(var(--bsd-hsl)/7.5%), 0 4px 4px hsl(var(--bsd-hsl)/7.5%), 0 8px 8px hsl(var(--bsd-hsl)/7.5%), 0 16px 16px hsl(var(--bsd-hsl)/7.5%);
    --bsd-300: 0 1px 1px hsl(var(--bsd-hsl)/10%), 0 2px 2px hsl(var(--bsd-hsl)/10%), 0 4px 4px hsl(var(--bsd-hsl)/10%), 0 8px 8px hsl(var(--bsd-hsl)/10%), 0 16px 16px hsl(var(--bsd-hsl)/10%), 0 32px 32px hsl(var(--bsd-hsl)/10%);
    --bsd-400: 0 1px 1px hsl(var(--bsd-hsl)/15%), 0 2px 2px hsl(var(--bsd-hsl)/15%), 0 4px 4px hsl(var(--bsd-hsl)/15%), 0 8px 8px hsl(var(--bsd-hsl)/15%), 0 16px 16px hsl(var(--bsd-hsl)/15%), 0 32px 32px hsl(var(--bsd-hsl)/15%), 0 64px 64px hsl(var(--bsd-hsl)/15%);
    --ui-background-1: var(--color-white-100);
    --ui-box-shadow-1: 0 0 1rem var(--color-neutral-200);
    --ui-border-color-1: var(--color-neutral-300);
    --ui-border-color-1-hover: var(--color-neutral-400);
    --ui-border-color-2: var(--color-neutral-200);
    --ui-border-color-2-hover: var(--color-neutral-300);
    --form-element-small-height: 1.75rem;
    --form-element-small-font-size: 0.75rem;
    --form-element-medium-height: 2.5rem;
    --form-element-medium-font-size: 0.875rem;
    --form-element-large-height: 3rem;
    --form-element-large-font-size: 1rem;
    --form-element-border-radius: 0.375rem;
    --form-element-label-font-size: 0.875rem;
    --form-element-label-font-family: var(--font-family-primary);
    --form-element-label-font-weight: 600;
    --select-font-weight: 400;
    --message-font-size: 0.875rem;
    --message-icon-font-size: 1.125rem;
    --button-border-radius: 0.25rem;
    --button-font-weight: 500;
    --button-font-family: var(--font-family-secondary);
    --button-small-height: 1.75rem;
    --button-small-font-size: 0.75rem;
    --button-medium-height: 2.5rem;
    --button-medium-font-size: 0.875rem;
    --button-large-height: 3rem;
    --button-large-font-size: 1rem;
    --radio-button-font-weight: 500;
    --radio-button-font-family: var(--font-family-primary);
    --radio-button-border-radius: 0.25rem;
    --radio-button-medium-height: 2.5rem;
    --radio-button-medium-font-size: 0.875rem;
    --select-button-font-weight: 400;
    --select-button-font-family: var(--font-family-primary);
    --select-button-small-height: 1.75rem;
    --select-button-small-font-size: 0.75rem;
    --select-button-medium-height: 2rem;
    --select-button-medium-font-size: 0.875rem;
    --select-button-large-height: 2.625rem;
    --select-button-large-font-size: 1.125rem;
    --tabs-font-weight: 500;
    --tabs-font-size: 1rem;
    --tabs-font-family: var(--font-family-secondary);
    --tabs-height: 2.5rem;
    --tabs-padding: 0 1.25rem;
    --tabs-border-radius: 0.5rem;
    --tabs-border-width: 0.0625rem;
    --tabs-content-border-radius: 0.5rem;
    --tabs-box-shadow: var(--ui-box-shadow-1);
    --table-border-width: 0.0625rem;
    --table-border-radius: 0.5rem;
    --table-head-font-weight: 500;
    --table-head-font-size: 0.875rem;
    --table-head-font-family: var(--font-family-secondary);
    --table-head-vertical-padding: 0.75rem;
    --table-data-font-size: 0.875rem;
    --table-data-vertical-padding: 1em;
    --table-data-variant-compact-vertical-padding: 0.625em;
    --table-gutter: 1.5rem;
    --table-side-padding: 1em;
    --loader-color: var(--color-neutral-200);
    --skeleton-color: var(--color-neutral-200);

    --bsd-hsl: 333deg 0% 50%;
    --bsd-200: 0 1px 1px hsl(var(--bsd-hsl)/7.5%), 0 2px 2px hsl(var(--bsd-hsl)/7.5%), 0 4px 4px hsl(var(--bsd-hsl)/7.5%), 0 8px 8px hsl(var(--bsd-hsl)/7.5%), 0 16px 16px hsl(var(--bsd-hsl)/7.5%);
}

.fwrlj-container h1, 
.fwrlj-container h2, 
.fwrlj-container h3, 
.fwrlj-container h4, 
.fwrlj-container h5, 
.fwrlj-container h6 {
    margin: 0;
    padding: 0;
    line-height: 1.15;
    font-family: "Segoe UI", "Roboto", sans-serif; 
}

.fwrlj-container a,
.fwrlj-container a:hover,
.fwrlj-container a:focus {
  text-decoration:none;
  /*transition: opacity .2s ease-in-out;*/
  outline: none;
}
.fwrlj-container img {
    border-style: none;
    vertical-align: top;
}

.fwrlj-group {
    margin-bottom: 25px;
    visibility: hidden;
    display: none;
}
.fwrlj-group.actived {
    display: block;
}
.fwrlj-group.actived.setVisible {
    visibility: visible;
}

.fwrlj-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.fwrlj-header-left {
    color: var(--color-primary-700) !important;
    font-size: 1.5rem;
    flex: 1;
    font-weight: 500;
    font-family: "Kanit", sans-serif;
}
.fwrlj-header-left .fwrlj-catName {
    color: var(--color-primary-500) !important;
}
.fwrlj-header-right {
    display: flex;
    align-items: center;
}

.fwrlj-contentControl.owl-theme .owl-nav {
    display: none;
}

.fwrlj-header-nav {
    display: flex;
}
.fwrlj-homeCarouselNav {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
}
.fwrlj-btnNavCarousel {
    width: 25px;
    cursor: pointer;
}
.fwrlj-btnNavCarousel.disabled {
    opacity: .4;
}
.fwrlj-homeCarouselNavLink {
    width: 10px;
    text-align: center;
    font-size: 18px;
}
.fwrlj-header-link {
    margin-left: 10px;
}

.fwrlj-content.owl-carousel {
    position: relative;
}
.fwrlj-content.owl-carousel .owl-stage-outer {
    padding-bottom: 20px;
}
.fwrlj-content .owl-stage {
    display: flex !important;
    align-items: stretch;
}

.fwrlj-jobItem {
    display: flex !important;
    cursor: pointer !important;
    /*max-width: 289px;*/
    height: 100%;
    flex: 1 0 auto;
    padding: 0 3px;
}
.fwrlj-trb-product-card-container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    container-type: inline-size;
    display: flex;
    width: 100%;
}
.fwrlj-trb-product-card {
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border-radius: .5rem;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out;
    border: 1px solid var(--color-neutral-300);
}
.fwrlj-trb-product-card:hover {
    -webkit-box-shadow: var(--bsd-200);
    box-shadow: var(--bsd-200);
}
.fwrlj-cover-image-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    /*border: 1px solid hsl(216 15% 86%);
    border-radius: .5rem;*/
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.fwrlj-cover-image {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    background-color: var(--color-neutral-200);
    aspect-ratio: 3 / 2;
    border: none;
    border-radius: .5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.fwrlj-info-container {
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem;
    background-color: #fff;
}
.fwrlj-container .fwrlj-title {
    overflow: hidden;
    max-height: 36px;
    line-height: 1.25em;
    text-overflow: clip;
    word-break: break-word;
    font-weight: 400;
    font-size: .875rem;
}
.fwrlj-description {
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: .5rem;
    font-size: .75rem;
}
.fwrlj-sell-count {
    color: var(--color-text-default-200);
}
.fwrlj-rating {
    display: flex;
    color: var(--color-text-default-200);
    white-space: nowrap;
}
.fwrlj-description>div:nth-child(2) {
    margin-left: .5rem;
    padding-left: .5rem;
    border-left: 1px solid var(--color-text-default-300);
}
.fwrlj-rating-icon {
    width: 15px;
    color: hsl(45 90% 48%/100%);
    transform: translate(-1px, 1px);
}
.fwrlj-badge-container {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: .25rem;
    margin-top: .625rem;
}
.fwrlj-badge-container img {
    height: 1.125rem !important;
    width: auto !important;
}

.fwrlj-footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .25rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 2.5rem;
    padding: .25rem .5rem .75rem;
    background-color: #fff;
    margin-top: .5rem;
}
.fwrlj-footer-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text-default-200);
    font-size: .75rem;
}
.fwrlj-price {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color-text-default-200);
    font-size: .75rem;
    white-space: nowrap;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin-left: auto;
}
.fwrlj-price-number {
    color: var(--color-primary-500);
    font-size: .75rem;
    text-align: right;
    word-break: break-word;
}

.fwrlj-trb-button {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    min-height: var(--button-medium-height);
    padding: 0 1.125rem;
    border: none;
    border-radius: var(--button-border-radius);
    background: var(--color-primary-500);
    color: var(--color-text-invert-100);
    outline: none;
    font-weight: var(--button-font-weight);
    font-size: var(--button-medium-font-size);
    font-family: var(--button-font-family);
    line-height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out;
    border: 1px solid var(--color-neutral-200);
    /*background: transparent;*/
    background-color: #ffffff;
    color: var(--color-primary-500);
}
.fwrlj-trb-button:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-transition: all .16s ease-in-out;
    transition: all .16s ease-in-out;
}

.fwrlj-trb-button:hover {
    border: 1px solid var(--color-neutral-300);
    color: var(--color-primary-500);
}
.fwrlj-trb-button:hover:before {
    background: var(--color-shade-100);
}

.fwrlj-contentCover {
    position: relative;
}
.fwrlj-fwCarouselNav {
    position: absolute;
    top: calc(50% - 23px);
    width: 100%;
}
.fwrlj-fwBtnNav {
    height: 44px;
    width: 44px;
    background: #fff;
    color: var(--color-text-default-100);
    border-radius: 50%;
    border: 1px solid var(--color-neutral-200);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    box-shadow: var(--bsd-200) !important;
    font-size: 20px;
    visibility: visible;
}
.fwrlj-fwBtnNav.disabled {
    opacity: 0;
    visibility: hidden;
}
.fwrlj-fwBtnNavPrev {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 0;
}
.fwrlj-fwBtnNavNext {
    top: 50%;
    transform: translate(50%, -50%);
    right: 0;
}
.fwrlj-mobile-view-more {
    display: none;
}
.fwrlj-mobile-view-more .fwrlj-trb-button {
    width: 100%;
}

.fwrlj_auto_archive_end_inner {
    padding: 0 15px;
}

.img-carousel-nav {
    width: 9px;
    height: auto;
}

@media (max-width: 768px) {
    .fwrlj-fwBtnNavPrev {
        left: 10px;
    }
    .fwrlj-fwBtnNavNext {
        right: 10px;
    }
}

@media screen and (max-width: 767px), screen and (max-width:900px) and (orientation:landscape) {
    .fwrlj-header {
        margin-bottom: 8px;
    }
    .fwrlj-header-left {
        font-size: 1.2rem;
        line-height: 1.2;
    }
    .fwrlj-header-right {
        display: none;
    }
    .fwrlj-mobile-view-more {
        display: block;
    }

    .fwrlj-fwBtnNav {
        visibility: hidden !important;
    }

    .fwrlj-jobItem {
        margin-bottom: 13px;
    }
    .fwrlj-jobItem.fwrlj-mb-hide {
        display: none !important;
    }

    .fwrlj-group {
        margin-bottom: 35px;
    }

    .fwrlj-trb-product-card {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .fwrlj-cover-image-container {
        width: 48.4%;
    }
    .fwrlj-cover-image {
        width: auto;
        border-top-right-radius: 0;
    }
    .fwrlj-container .fwrlj-title {
        max-height: 32px;
        font-size: .75rem;
        line-height: 1.375em;
    }
    .fwrlj-description {
        margin-top: .25rem;
        font-size: .625rem;
    }
    .fwrlj-badge-container {
        margin-top: .5rem;
    }
    .fwrlj-footer-container {
        width: 100%;
        grid-column: -1 / 1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: unset;
        margin-top: 0;
        padding: .5rem;
        border-top: 1px solid var(--color-neutral-200);
        font-size: .625rem;
    }
    .fwrlj-price { 
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 4px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .fwrlj-price-number {
        font-family: "Segoe UI Semi-Bold", "Roboto", sans-serif;
        font-weight: 500;
    }

    .fwrlj-trb-button {
        padding: 0;
    }

    .fwrlj-contentCover p {
        display: none;
    }

}