/* v3.8.40 — Oferty pracy: mocniej widoczna powierzchnia głównej części karty */
body.fo-r-ui-v3840{
  --fo-offer-card-bg-1:#fffdf8;
  --fo-offer-card-bg-2:#fbf5e9;
  --fo-offer-card-bg-3:#f3e8cf;
  --fo-offer-card-line:rgba(201,168,94,.34);
  --fo-offer-card-shadow:rgba(6,34,41,.18);
  --fo-offer-card-gold:rgba(235,198,102,.18);
}

body.fo-r-ui-v3840 .fo-r-v3833-offer-card,
body.fo-r-ui-v3840 .fo-r-v50-offer-card.fo-r-v3833-offer-card{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.10))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 46px 96px rgba(6,34,41,.17),
    0 24px 46px rgba(6,34,41,.10),
    0 10px 24px rgba(95,69,27,.08),
    0 0 0 1px rgba(255,255,255,.48),
    inset 0 1px 0 rgba(255,255,255,.78)!important;
}

/* GŁÓWNA POWIERZCHNIA KARTY — to o nią chodzi użytkownikowi */
body.fo-r-ui-v3840 .fo-r-v3833-offer-card::before,
body.fo-r-ui-v3840 .fo-r-v50-offer-card.fo-r-v3833-offer-card::before{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:12px!important;
  bottom:94px!important;
  border-radius:30px!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 14% 6%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.56) 24%,rgba(255,255,255,0) 45%),
    radial-gradient(circle at 88% 10%,rgba(235,198,102,.18) 0%,rgba(235,198,102,0) 34%),
    linear-gradient(160deg,var(--fo-offer-card-bg-1) 0%,var(--fo-offer-card-bg-2) 58%,var(--fo-offer-card-bg-3) 100%)!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:
    0 22px 44px rgba(6,34,41,.08),
    0 10px 22px rgba(95,69,27,.08),
    0 0 0 1px var(--fo-offer-card-line),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -20px 38px rgba(228,199,121,.10)!important;
}

body.fo-r-ui-v3840 .fo-r-v3833-offer-card::after,
body.fo-r-ui-v3840 .fo-r-v50-offer-card.fo-r-v3833-offer-card::after{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:12px!important;
  bottom:94px!important;
  border-radius:30px!important;
  z-index:0!important;
  pointer-events:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 18px 34px rgba(255,255,255,.14),
    inset 0 -18px 34px rgba(235,198,102,.08)!important;
}

body.fo-r-ui-v3840 .fo-r-v3833-offer-card > *,
body.fo-r-ui-v3840 .fo-r-v50-offer-card.fo-r-v3833-offer-card > *{
  position:relative!important;
  z-index:1!important;
}

body.fo-r-ui-v3840 .fo-r-v3833-card-agency,
body.fo-r-ui-v3840 .fo-r-v3833-card-head,
body.fo-r-ui-v3840 .fo-r-v3833-card-main,
body.fo-r-ui-v3840 .fo-r-v3833-facts,
body.fo-r-ui-v3840 .fo-r-v3833-card-foot{
  background:transparent!important;
}

body.fo-r-ui-v3840 .fo-r-v3833-card-main h3{
  color:#0a3340!important;
  text-shadow:0 1px 0 rgba(255,255,255,.7)!important;
}
body.fo-r-ui-v3840 .fo-r-v3833-card-main p,
body.fo-r-ui-v3840 .fo-r-v3833-agency-copy small{
  color:#60757e!important;
}

body.fo-r-ui-v3840 .fo-r-v3833-card-head .fo-r-v50-eyebrow,
body.fo-r-ui-v3840 .fo-r-v3833-card-head>strong{
  box-shadow:0 8px 18px rgba(95,69,27,.06), inset 0 1px 0 rgba(255,255,255,.96)!important;
}

body.fo-r-ui-v3840 .fo-r-v3833-agency-logo{
  background:linear-gradient(145deg,#fffdfa 0%,#fff5df 60%,#f8fbf8 100%)!important;
  box-shadow:
    0 16px 30px rgba(6,34,41,.10),
    0 8px 18px rgba(95,69,27,.08),
    0 0 0 1px rgba(201,168,94,.12),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}

body.fo-r-ui-v3840 .fo-r-v3833-facts{
  background:linear-gradient(155deg,rgba(255,255,255,.82),rgba(255,248,232,.76) 58%,rgba(244,231,196,.68))!important;
  border:1px solid rgba(201,168,94,.14)!important;
  box-shadow:
    0 14px 28px rgba(95,69,27,.06),
    0 6px 16px rgba(6,34,41,.04),
    inset 0 1px 0 rgba(255,255,255,.94)!important;
}

body.fo-r-ui-v3840 .fo-r-v3833-card-foot{
  border-top:1px solid rgba(201,168,94,.16)!important;
}

body.fo-r-ui-v3840 .fo-r-v3833-offer-card:hover,
body.fo-r-ui-v3840 .fo-r-v50-offer-card.fo-r-v3833-offer-card:hover{
  transform:translateY(-4px) translateZ(0)!important;
  box-shadow:
    0 62px 120px rgba(6,34,41,.20),
    0 28px 54px rgba(6,34,41,.12),
    0 14px 28px rgba(95,69,27,.10),
    0 0 0 1px rgba(255,255,255,.56),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
}

@media(max-width:860px){
  body.fo-r-ui-v3840 .fo-r-v3833-offer-card::before,
  body.fo-r-ui-v3840 .fo-r-v3833-offer-card::after,
  body.fo-r-ui-v3840 .fo-r-v50-offer-card.fo-r-v3833-offer-card::before,
  body.fo-r-ui-v3840 .fo-r-v50-offer-card.fo-r-v3833-offer-card::after{
    left:10px!important;right:10px!important;top:10px!important;bottom:88px!important;border-radius:26px!important;
  }
}