html {
  scroll-behavior: smooth; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

.hot-jobs-section {
  margin-top: 100px; }
  @media only screen and (max-width: 450px) {
    .hot-jobs-section {
      margin-top: 30px; } }
  .hot-jobs-section .hot-jobs-title {
    margin: auto;
    text-align: center;
    color: #414141;
    font-family: "assistant";
    font-weight: 700; }
  .hot-jobs-section .jobs-carousel {
    margin: 20px auto;
    position: relative;
    --swiper-navigation-sides-offset: 40px; }
    .hot-jobs-section .jobs-carousel .hot-jobs-carousel {
      width: 92%; }
    .hot-jobs-section .jobs-carousel .job-card-container {
      height: 300px; }
      @media only screen and (max-width: 450px) {
        .hot-jobs-section .jobs-carousel .job-card-container {
          transform: scale(0.9); } }
      .hot-jobs-section .jobs-carousel .job-card-container .main-link {
        text-decoration: none;
        display: block;
        margin: auto;
        width: fit-content; }
      .hot-jobs-section .jobs-carousel .job-card-container .job-card {
        width: 342px;
        border-radius: 16px;
        margin: auto;
        padding: 56px 32px 56px 32px;
        font-family: "assistant";
        background: linear-gradient(181.44deg, rgba(230, 230, 230, 0) 15.2%, rgba(128, 128, 128, 0.4) 166.35%);
        border-bottom: 2px solid #d71323;
        position: relative;
        height: 250px; }
        .hot-jobs-section .jobs-carousel .job-card-container .job-card:hover .location {
          padding-top: 0; }
        .hot-jobs-section .jobs-carousel .job-card-container .job-card:hover h3 {
          padding-top: 0; }
        .hot-jobs-section .jobs-carousel .job-card-container .job-card:hover span {
          opacity: 1; }
        .hot-jobs-section .jobs-carousel .job-card-container .job-card .location {
          font-size: 20px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-align: center;
              align-items: center;
          gap: 5px;
          font-weight: 400;
          text-align: start;
          font-family: "assistant";
          padding-top: 25px;
          transition: all 0.5s; }
        .hot-jobs-section .jobs-carousel .job-card-container .job-card h3 {
          font-size: 30px;
          font-weight: 700;
          text-align: start;
          font-family: "assistant";
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          /* autoprefixer: off */
          overflow: hidden;
          padding-top: 5px;
          transition: all 0.5s; }
        .hot-jobs-section .jobs-carousel .job-card-container .job-card span {
          font-size: 20px;
          font-weight: 400;
          text-align: start;
          font-family: "assistant";
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          /* autoprefixer: off */
          overflow: hidden;
          transition: all .5s;
          opacity: 0; }
        .hot-jobs-section .jobs-carousel .job-card-container .job-card:hover {
          cursor: pointer; }
          .hot-jobs-section .jobs-carousel .job-card-container .job-card:hover .arrow-btn {
            opacity: 1; }
        .hot-jobs-section .jobs-carousel .job-card-container .job-card .arrow-btn {
          position: absolute;
          bottom: 0;
          left: 25px;
          z-index: 1;
          transform: translateY(50%);
          opacity: 0;
          transition: opacity 0.1s ease-in; }
  .hot-jobs-section .btn-link {
    background-color: #D71323;
    color: #ffffff;
    font-family: "assistant";
    font-size: 24px;
    margin: auto;
    display: block;
    width: fit-content;
    padding: 16px 40px;
    border-radius: 46px;
    margin-top: 30px; }
    .hot-jobs-section .btn-link:hover {
      background-color: #990d19; }
    .hot-jobs-section .btn-link:hover, .hot-jobs-section .btn-link:visited {
      text-decoration: none;
      color: #fff; }

@media only screen and (max-width: 450px) and (max-width: 450px) {
  .hot-jobs-section .jobs-carousel .hot-jobs-carousel {
    width: unset; } }

@media only screen and (max-width: 450px) {
  .hot-jobs-section .jobs-carousel .job-card-container .job-card .location {
    padding-top: 0; }
  .hot-jobs-section .jobs-carousel .job-card-container .job-card h3 {
    padding-top: 0; }
  .hot-jobs-section .jobs-carousel .job-card-container .job-card span {
    opacity: 1; } }

.jobs-carousel .swiper-button-next, .jobs-carousel .swiper-button-prev {
  color: #414141 !important; }
  @media only screen and (max-width: 450px) {
    .jobs-carousel .swiper-button-next, .jobs-carousel .swiper-button-prev {
      display: none !important; } }

.hot-jobs-carousel.swiper.swiper-initialized.swiper-horizontal.swiper-rtl::before {
  content: "";
  width: 200px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -2px;
  background: linear-gradient(to right, white 10%, transparent 100%);
  z-index: 2;
  pointer-events: none; }
  @media only screen and (max-width: 450px) {
    .hot-jobs-carousel.swiper.swiper-initialized.swiper-horizontal.swiper-rtl::before {
      display: none; } }