/* @font-face {
  font-family: "Prompt-Regular";
  src: url("../fonts/Prompt-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Prompt-Regular.woff") format("woff"),
    url("../fonts/Prompt-Regular.ttf") format("truetype"),
    url("../fonts/Prompt-Regular.svg#Prompt-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
} */

/* Webfont: DBHeaventRounded */
@font-face {
    font-family: "DB-HeaventRounded";
    src: url("../fonts/DB-HeaventRounded.woff2") format("woff2"),
      /* Modern Browsers */ url("../fonts/DB-HeaventRounded.otf")
        format("opentype"); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
  }
  
  /* Webfont: DBHeaventRounded-Bold */
  @font-face {
    font-family: "DB-HeaventRounded-Bold";
    src: url("../fonts/DB-HeaventRounded-Bold.woff2") format("woff2"),
      /* Modern Browsers */ url("../fonts/DB-HeaventRounded-Bold.otf")
        format("opentype"); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
  }
  
  /* Webfont: DBHeavent-Black */
  @font-face {
    font-family: "DB-Heavent-Black";
    src: url("../fonts/DB-Heavent-Black.woff2") format("woff2"),
      /* Modern Browsers */ url("../fonts/DB-Heavent-Black.otf")
        format("opentype"); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
  }

  /* Webfont: DBHeaventRounded-Med */
@font-face {
  font-family: "DB-HeaventRounded-Med";
  src: url("../fonts/DB HeaventRounded-Med.woff2") format("woff2"),
    /* Modern Browsers */ url("../fonts/DB HeaventRounded-Med.otf")
      format("opentype"); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
  
  .font-DB-HeaventRounded {
    font-family: "DB-HeaventRounded";
  }
  .font-DB-HeaventRounded-Bold {
    font-family: "DB-HeaventRounded-Bold";
  }
  .font-DB-Heavent-Black {
    font-family: "DB-Heavent-Black";
  }

  .font-DB-med {
  font-family: "DB-HeaventRounded-Med";
}
  
  :root {
    --clRed: #d40101;
    --clRedHover: #960202;
    --clWhite: #ffffff;
    --clShineGray: #f6f7f8;
    --clLightGray: #f1f0f0;
    --clWineGray: #c7cacd;
    --clWhitetGray: #ebebeb;
    --clGray: #bfbfbf;
    --clBlackGray: #333333;
    --clBlack: #000000;
    --clOrange: #f47920;
    --clOrangeHover: #b4530d;
    --cllightGreen: #71bb4a;
    --clGreen: #5fad56;
    --clGreenHover: #3b7e33;
    --clSky: #258de7;
    --clSkyHover: #0966b7;
    --clYellow: #b0b307;
    --clYellowHover: #858803;

    --clr-primary: #ff1111;
    --clr-primary-hover: linear-gradient(90deg, #ff284f, transparent) #8f418e;
    --clr-white: #ffffff;
    --clr-link: #318fe8;
    --clr-gray-1: #f1f4f8;
    --clr-gray-2: #eaedf0;
    --clr-gray-3: #dbdfec;
    --clr-gray-4: #c0c2c9;
    --clr-gray-5: #777777;
    --clr-black-1: #333333;
    --clr-black-2: #27231f;
  
    --fontDisplay: clamp(3.8rem, 2.5vw, 5.4rem);
    --fontSuperHead: clamp(3.4rem, 2.5vw, 4rem);
    --fontHead: clamp(3rem, 2.5vw, 3.4rem);
    --fontSubHead: clamp(1.6rem, 2.5vw, 2.4rem);
    --fontText: clamp(2rem, 2.5vw, 2.2rem);
    --fontSubText: clamp(1.8rem, 2.5vw, 2rem);
    --fontMark: clamp(1.4rem, 2.5vw, 1.6rem);
  }
  
  .fontDisplay {
    font-size: clamp(3.8rem, 2.5vw, 5.4rem);
  }
  .fontSuperHead {
    font-size: clamp(3.4rem, 2.5vw, 4rem);
  }
  .fontHead {
    font-size: clamp(3rem, 2.5vw, 3.4rem);
  }
  .fontSubHead {
    font-size: clamp(1.6rem, 2.5vw, 2.4rem);
  }
  .fontText {
    font-size: clamp(2rem, 2.5vw, 2.2rem);
  }
  .fontSubText {
    font-size: clamp(1.8rem, 2.5vw, 2rem);
  }
  .fontMark {
    font-size: clamp(1.4rem, 2.5vw, 1.6rem);
  }
  
  .font-text-48 {
    font-size: clamp(5rem, 2.5vw, 5.4rem);
  }
  .font-text-40 {
    font-size: clamp(4.4rem, 2.5vw, 4.8rem);
  }
  .font-text-36 {
    font-size: clamp(4rem, 2.5vw, 4.4rem);
  }
  .font-text-32 {
    font-size: clamp(3.4rem, 2.5vw, 4rem);
  }
  .font-text-28 {
    font-size: clamp(3rem, 2.5vw, 3.4rem);
  }
  .font-text-24 {
    font-size: clamp(2.6rem, 2.5vw, 3rem);
  }
  .font-text-20 {
    font-size: clamp(2.4rem, 2.5vw, 2.6rem);
  }
  .font-text-18 {
    font-size: clamp(2.2rem, 2.5vw, 2.4rem);
  }
  .font-text-16 {
    font-size: clamp(2rem, 2.5vw, 2.2rem);
  }
  .font-text-14 {
    font-size: clamp(1.8rem, 2.5vw, 2rem);
  }
  .font-text-12 {
    font-size: clamp(1.4rem, 2.5vw, 1.6rem);
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-block: 0;
    word-break: break-word;
  }
  
  body *:is(h1, h2, h3, h4, h5, h6) {
    font-family: "DB-Heavent-Black";
  }
  h1 {
    font-size: var(--fontSuperHead);
  }
  h2 {
    font-size: var(--fontHead);
  }
  h3 {
    font-size: var(--fontSubHead);
  }
  h4 {
    font-size: var(--fontText);
  }
  h5 {
    font-size: var(--fontSubText);
  }
  
  h6 {
    font-size: var(--fontMark);
  }
  
  i {
    font-size: var(--fontMark);
  }

  /* Gap */
  .gap-4{gap: 4px;}
  .gap-8{gap: 8px;}
  .gap-12{gap: 12px;}
  .gap-16{gap: 16px;}
  .gap-24{gap: 24px;}
  .gap-32{gap: 32px;}  
  
  /* Margin */
  .margin-y-1 {
    margin-block: 0.4rem;
  }
  .margin-y-2 {
    margin-block: 0.8rem;
  }
  .margin-y-3 {
    margin-block: 1.2rem;
  }
  .margin-y-4 {
    margin-block: 1.6rem;
  }
  .margin-y-5 {
    margin-block: 2rem;
  }
  .margin-y-6 {
    margin-block: 2.4rem;
  }
  .margin-y-7 {
    margin-block: 3.2rem;
  }
  .margin-y-8 {
    margin-block: 4.8rem;
  }
  .margin-y-9 {
    margin-block: 6.4rem;
  }
  .margin-y-10 {
    margin-block: 9.6rem;
  }
  .margin-y-11 {
    margin-block: 12.8rem;
  }
  
  .margin-x-1 {
    margin-inline: 0.4rem;
  }
  .margin-x-2 {
    margin-inline: 0.8rem;
  }
  .margin-x-3 {
    margin-inline: 1.2rem;
  }
  .margin-x-4 {
    margin-inline: 1.6rem;
  }
  .margin-x-5 {
    margin-inline: 2rem;
  }
  .margin-x-6 {
    margin-inline: 2.4rem;
  }
  .margin-x-7 {
    margin-inline: 3.2rem;
  }
  .margin-x-8 {
    margin-inline: 4.8rem;
  }
  .margin-x-9 {
    margin-inline: 6.4rem;
  }
  .margin-x-10 {
    margin-inline: 9.6rem;
  }
  .margin-x-11 {
    margin-inline: 12.8rem;
  }
  
  .margin-top-1 {
    margin-top: 0.4rem;
  }
  .margin-top-2 {
    margin-top: 0.8rem;
  }
  .margin-top-3 {
    margin-top: 1.2rem;
  }
  .margin-top-4 {
    margin-top: 1.6rem;
  }
  .margin-top-5 {
    margin-top: 2rem;
  }
  .margin-top-6 {
    margin-top: 2.4rem;
  }
  .margin-top-7 {
    margin-top: 3.2rem;
  }
  .margin-top-8 {
    margin-top: 4.8rem;
  }
  .margin-top-9 {
    margin-top: 6.4rem;
  }
  .margin-top-10 {
    margin-top: 9.6rem;
  }
  .margin-top-11 {
    margin-top: 12.8rem;
  }
  
  .margin-bottom-1 {
    margin-bottom: 0.4rem;
  }
  .margin-bottom-2 {
    margin-bottom: 0.8rem;
  }
  .margin-bottom-3 {
    margin-bottom: 1.2rem;
  }
  .margin-bottom-4 {
    margin-bottom: 1.6rem;
  }
  .margin-bottom-5 {
    margin-bottom: 2rem;
  }
  .margin-bottom-6 {
    margin-bottom: 2.4rem;
  }
  .margin-bottom-7 {
    margin-bottom: 3.2rem;
  }
  .margin-bottom-8 {
    margin-bottom: 4.8rem;
  }
  .margin-bottom-9 {
    margin-bottom: 6.4rem;
  }
  .margin-bottom-10 {
    margin-bottom: 9.6rem;
  }
  .margin-bottom-11 {
    margin-bottom: 12.8rem;
  }
  
  .margin-right-1 {
    margin-right: 0.4rem;
  }
  .margin-right-2 {
    margin-right: 0.8rem;
  }
  .margin-right-3 {
    margin-right: 1.2rem;
  }
  .margin-right-4 {
    margin-right: 1.6rem;
  }
  .margin-right-5 {
    margin-right: 2rem;
  }
  .margin-right-6 {
    margin-right: 2.4rem;
  }
  .margin-right-7 {
    margin-right: 3.2rem;
  }
  
  .margin-left-1 {
    margin-left: 0.4rem;
  }
  .margin-left-2 {
    margin-left: 0.8rem;
  }
  .margin-left-3 {
    margin-left: 1.2rem;
  }
  .margin-left-4 {
    margin-left: 1.6rem;
  }
  .margin-left-5 {
    margin-left: 2rem;
  }
  .margin-left-6 {
    margin-left: 2.4rem;
  }
  .margin-left-7 {
    margin-left: 3.2rem;
  }
  
  @media (max-width: 991px) {
    .margin-x-8 {
      margin-inline: clamp(3.2rem, 2.5vw, 4.8rem);
    }
    .margin-x-9 {
      margin-inline: clamp(4.8rem, 2.5vw, 6.4rem);
    }
    .margin-x-10 {
      margin-inline: clamp(6.4rem, 2.5vw, 9.6rem);
    }
    .margin-x-11 {
      margin-inline: clamp(9.6rem, 2.5vw, 12.8rem);
    }
  
    .margin-y-8 {
      margin-block: clamp(3.2rem, 2.5vw, 4.8rem);
    }
    .margin-y-9 {
      margin-block: clamp(4.8rem, 2.5vw, 6.4rem);
    }
    .margin-y-10 {
      margin-block: clamp(6.4rem, 2.5vw, 9.6rem);
    }
    .margin-y-11 {
      margin-block: clamp(9.6rem, 2.5vw, 12.8rem);
    }
  
    .margin-top-8 {
      margin-top: clamp(3.2rem, 2.5vw, 4.8rem);
    }
    .margin-top-9 {
      margin-top: clamp(4.8rem, 2.5vw, 6.4rem);
    }
    .margin-top-10 {
      margin-top: clamp(6.4rem, 2.5vw, 9.6rem);
    }
    .margin-top-11 {
      margin-top: clamp(9.6rem, 2.5vw, 12.8rem);
    }
  
    .margin-bottom-8 {
      margin-bottom: clamp(3.2rem, 2.5vw, 4.8rem);
    }
    .margin-bottom-9 {
      margin-bottom: clamp(4.8rem, 2.5vw, 6.4rem);
    }
    .margin-bottom-10 {
      margin-bottom: clamp(6.4rem, 2.5vw, 9.6rem);
    }
    .margin-bottom-11 {
      margin-bottom: clamp(9.6rem, 2.5vw, 12.8rem);
    }
  }
  /* End Margin */
  
  /* Padding */
  .padding-y-1 {
    padding-block: 0.4rem;
  }
  .padding-y-2 {
    padding-block: 0.8rem;
  }
  .padding-y-3 {
    padding-block: 1.2rem;
  }
  .padding-y-4 {
    padding-block: 1.6rem;
  }
  .padding-y-5 {
    padding-block: 2rem;
  }
  .padding-y-6 {
    padding-block: 2.4rem;
  }
  .padding-y-7 {
    padding-block: 3.2rem;
  }
  .padding-y-8 {
    padding-block: 4.8rem;
  }
  .padding-y-9 {
    padding-block: 6.4rem;
  }
  .padding-y-10 {
    padding-block: 9.6rem;
  }
  .padding-y-11 {
    margin-block: 12.8rem;
  }
  
  .padding-x-1 {
    padding-inline: 0.4rem;
  }
  .padding-x-2 {
    padding-inline: 0.8rem;
  }
  .padding-x-3 {
    padding-inline: 1.2rem;
  }
  .padding-x-4 {
    padding-inline: 1.6rem;
  }
  .padding-x-5 {
    padding-inline: 2rem;
  }
  .padding-x-6 {
    padding-inline: 2.4rem;
  }
  .padding-x-7 {
    padding-inline: 3.2rem;
  }
  .padding-x-8 {
    padding-inline: 4.8rem;
  }
  .padding-x-9 {
    padding-inline: 6.4rem;
  }
  .padding-x-10 {
    padding-inline: 9.6rem;
  }
  .padding-x-11 {
    margin-inline: 12.8rem;
  }
  
  .padding-top-1 {
    padding-top: 0.4rem;
  }
  .padding-top-2 {
    padding-top: 0.8rem;
  }
  .padding-top-3 {
    padding-top: 1.2rem;
  }
  .padding-top-4 {
    padding-top: 1.6rem;
  }
  .padding-top-5 {
    padding-top: 2rem;
  }
  .padding-top-6 {
    padding-top: 2.4rem;
  }
  .padding-top-7 {
    padding-top: 3.2rem;
  }
  .padding-top-8 {
    padding-top: 4.8rem;
  }
  .padding-top-9 {
    padding-top: 6.4rem;
  }
  .padding-top-10 {
    padding-top: 9.6rem;
  }
  .padding-top-11 {
    margin-top: 12.8rem;
  }
  
  .padding-bottom-1 {
    padding-bottom: 0.4rem;
  }
  .padding-bottom-2 {
    padding-bottom: 0.8rem;
  }
  .padding-bottom-3 {
    padding-bottom: 1.2rem;
  }
  .padding-bottom-4 {
    padding-bottom: 1.6rem;
  }
  .padding-bottom-5 {
    padding-bottom: 2rem;
  }
  .padding-bottom-6 {
    padding-bottom: 2.4rem;
  }
  .padding-bottom-7 {
    padding-bottom: 3.2rem;
  }
  .padding-bottom-8 {
    padding-bottom: 4.8rem;
  }
  .padding-bottom-9 {
    padding-bottom: 6.4rem;
  }
  .padding-bottom-10 {
    padding-bottom: 9.6rem;
  }
  .padding-bottom-11 {
    margin-bottom: 12.8rem;
  }
  
  .padding-right-1 {
    padding-right: 0.4rem;
  }
  .padding-right-2 {
    padding-right: 0.8rem;
  }
  .padding-right-3 {
    padding-right: 1.2rem;
  }
  .padding-right-4 {
    padding-right: 1.6rem;
  }
  .padding-right-5 {
    padding-right: 2rem;
  }
  .padding-right-6 {
    padding-right: 2.4rem;
  }
  .padding-right-7 {
    padding-right: 3.2rem;
  }
  
  .padding-left-1 {
    padding-left: 0.4rem;
  }
  .padding-left-2 {
    padding-left: 0.8rem;
  }
  .padding-left-3 {
    padding-left: 1.2rem;
  }
  .padding-left-4 {
    padding-left: 1.6rem;
  }
  .padding-left-5 {
    padding-left: 2rem;
  }
  .padding-left-6 {
    padding-left: 2.4rem;
  }
  .padding-left-7 {
    padding-left: 3.2rem;
  }
  @media (max-width: 991px) {
    .padding-x-8 {
      padding-inline: clamp(3.2rem, 2.5vw, 4.8rem);
    }
    .padding-x-9 {
      padding-inline: clamp(4.8rem, 2.5vw, 6.4rem);
    }
    .padding-x-10 {
      padding-inline: clamp(6.4rem, 2.5vw, 9.6rem);
    }
    .padding-x-11 {
      padding-inline: clamp(9.6rem, 2.5vw, 12.8rem);
    }
  
    .padding-y-8 {
      padding-block: clamp(3.2rem, 2.5vw, 4.8rem);
    }
    .padding-y-9 {
      padding-block: clamp(4.8rem, 2.5vw, 6.4rem);
    }
    .padding-y-10 {
      padding-block: clamp(6.4rem, 2.5vw, 9.6rem);
    }
    .padding-y-11 {
      padding-block: clamp(9.6rem, 2.5vw, 12.8rem);
    }
  
    .padding-top-8 {
      padding-top: clamp(3.2rem, 2.5vw, 4.8rem);
    }
    .padding-top-9 {
      padding-top: clamp(4.8rem, 2.5vw, 6.4rem);
    }
    .padding-top-10 {
      padding-top: clamp(6.4rem, 2.5vw, 9.6rem);
    }
    .padding-top-11 {
      padding-top: clamp(9.6rem, 2.5vw, 12.8rem);
    }
  
    .padding-bottom-8 {
      padding-bottom: clamp(3.2rem, 2.5vw, 4.8rem);
    }
    .padding-bottom-9 {
      padding-bottom: clamp(4.8rem, 2.5vw, 6.4rem);
    }
    .padding-bottom-10 {
      padding-bottom: clamp(6.4rem, 2.5vw, 9.6rem);
    }
    .padding-bottom-11 {
      padding-bottom: clamp(9.6rem, 2.5vw, 12.8rem);
    }
  }
  /* End Padding */
  
  html {
    font-size: 62.5%;
  }
  body {
    font-family: "DB-HeaventRounded";
    font-size: var(--fontText) !important;
    font-weight: normal;
    font-style: normal;
    transition: 0.5s ease-in-out;
    overflow-x: hidden;
    color: var(--clBlackGray);
    line-height: 1.1;
  }
  figure {
    margin: 0;
  }
  img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  
  .calC {
    margin: 0 calc(-50vw + 50%);
    max-width: 100vw;
    width: 100vw;
  }
  
  .clRed {
    background: #d40101;
  }
  .clRedHover {
    background: #b90303;
  }
  .clWhite {
    background: #ffffff;
  }
  .clWhitetGray {
    background: #ebebeb;
  }
  .clLightGray {
    background: #f1f0f0;
  }
  .clShineGray {
    background: #f6f7f8;
  }
  .clWineGray {
    background: #c7cacd;
  }
  .clGray {
    background: #bfbfbf;
  }
  .clBlackGray {
    background: #333333;
  }
  .clBlack {
    background: #000000;
  }
  .clOrange {
    background: #f47920;
  }
  .clOrangeHover {
    background: #b4530d;
  }
  .cllightGreen {
    background: #71bb4a;
  }
  .clGreen {
    background: #5fad56;
  }
  .clGreenHover {
    background: #3b7e33;
  }
  .clSky {
    background: #258de7;
  }
  .clSkyHover {
    background: #0966b7;
  }
  .clYellow {
    background: #b0b307;
  }
  .clYellowHover {
    background: #858803;
  }
  
  .textRed {
    color: #d40101;
  }
  .textRedHover {
    color: #b90303;
  }
  .textRedGradient{
    background-image: linear-gradient(to right, #ff4141, #b50c0c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .textWhite {
    color: #ffffff;
  }
  .textWhitetGray {
    color: #ebebeb;
  }
  .textLightGray {
    color: #f1f0f0;
  }
  .textShineGray {
    color: #f6f7f8;
  }
  .textWineGray {
    color: #c7cacd;
  }
  .textGray {
    color: #bfbfbf;
  }
  .textBlackGray {
    color: #333333;
  }
  .textBlack {
    color: #000000;
  }
  .textOrange {
    color: #f47920;
  }
  .textOrangeHover {
    color: #b4530d;
  }
  .textlightGreen {
    color: #71bb4a;
  }
  .textGreen {
    color: #5fad56;
  }
  .textGreenHover {
    color: #3b7e33;
  }
  .textSky {
    color: #258de7;
  }
  .textSkyHover {
    color: #0966b7;
  }
  .textYellow {
    color: #b0b307;
  }
  .textYellowHover {
    color: #858803;
  }
  
  a {
    display: block;
    outline: 0;
    height: auto;
    text-decoration: none !important;
  }
  a,
  button {
    transition: 0.5s ease-in-out;
    cursor: pointer;
    user-select: none;
  }
  a:focus,
  button:focus {
    outline: none;
  }
  
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  label {
    cursor: pointer;
    display: block;
    margin-bottom: 0;
  }
  
  .form-control {
    font-size: var(--fontText);
  }
  .dropdown-menu {
    font-size: var(--fontText);
  }
  .btn {
    font-size: var(--fontText);
  }
  /* .dropdown-menu{ min-width: 15rem;} */
  .tooltip {
    font-size: var(--fontMark);
  }
  
  .lineSolid {
    border-bottom: 1px solid var(--clBlackGray);
    height: 2px;
    margin: 30px 0;
    width: 100%;
  }
  .lineDash {
    border-bottom: 1px dashed var(--clBlackGray) !important;
    height: 2px;
    margin: 30px 0 !important;
    width: 100%;
  }
  .lineDashUrgent {
    border-bottom: 1px dashed var(--clBlackGray);
    height: 2px;
    width: 100%;
    margin: 15px 0;
  }
  .lineSolidUrgent {
    border-bottom: 1px solid var(--clBlackGray);
    height: 2px;
    width: 100%;
    margin: 15px 0;
  }
  .lineDash.white,
  .lineSolid.white {
    border-bottom: 1px dashed var(--clWhite);
  }
  
  .flexPagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .flexPagination a {
    color: var(--clBlackGray);
  }
  .flexPagination a:hover,
  .flexPagination a.active {
    background: var(--clRed);
    color: var(--clWhite);
  }
  
  .borderStyle {
    border: 1px solid var(--clGray);
  }
  .borderRadiusStyle {
    border-radius: 10px;
  }
  .borderRadius50 {
    border-radius: 50%;
  }
  .breadcrumbJobbkk {
    background: transparent;
    padding: 0;
  }
  .breadcrumbJobbkk a {
    color: var(--clBlackGray);
  }
  .breadcrumbJobbkk a:hover,
  .breadcrumbJobbkk li.active {
    color: var(--clRed);
  }
  
  @media (max-width: 991px) {
    .userMenuShow,
    .businessMenuShow {
      display: none;
    }
  }
  
  /*backTOtop*/
  
  .cd-top.cd-is-visible,
  .cd-top.cd-fade-out,
  .no-touch .cd-top:hover {
    transition: opacity 0.3s 0s, visibility 0s 0s;
  }
  .cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
  }
  .cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: 1;
  }
  .no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
  }
  
  /* sweert alert */
  .swal2-popup {
    font-size: var(--fontText) !important;
  }
  .swal2-title {
    font-size: var(--fontHead) !important;
  }
  /* .swal2-close {
    color: var(--clBlackGray) !important;
    font-weight: bold;
  } */
  .swal2-styled.swal2-confirm {
    background: var(--clRed) !important;
  }
  .swal2-styled.swal2-cancel {
    background: var(--clWhite) !important;
    color: var(--clBlackGray) !important;
    border: 1px solid var(--clBlackGray) !important;
  }
  .swal2-styled.swal2-confirm:hover,
  .swal2-styled.swal2-cancel:hover {
    background: var(--clRedHover) !important;
    border: 1px solid var(--clRedHover) !important;
    color: var(--clWhite) !important;
  }
  
  #work-online-jobbkk {
    margin: 0 calc(-50vw + 50%);
    max-width: 100vw;
    width: 100vw;
    padding-block: 6.4rem;
    margin-top: 6.4rem;
    border-top: 0.5rem solid #ebebeb;
  }
  #work-online-jobbkk a {
    display: inline-block;
    text-decoration: underline !important;
  }
  #work-online-jobbkk li {
    display: grid;
    grid-template-columns: 1rem 1fr;
    grid-gap: 1.2rem;
    margin-bottom: 1.6rem;
  }