.main-section.jobs-listing-section{
  padding: 88px 0 128px;
  background-color: #111419;
}

@media (max-width: 992px) {
.main-section.jobs-listing-section {
        padding: 40px 0 48px;
    }
}

.jobs-listing-section{
    position: relative;
    overflow: hidden;
}

.jobs-listing-section .container {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: center;
}

.jobs-listing-section .container .section-title {
  max-width: 720px;
  margin: 0 auto;
}

.jobs-listing-section .container .section-title h2 {
  font-size: 52px;
  line-height: 52px;
  letter-spacing: 0;
  font-weight: 500;
}

.jobs-listing-section .container .section-title p {
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0;
  color: #C8D0D9 !important;
}

.jobs-listing__cta{
  display: flex;
  align-items: center;
}

.jobs-listing__cta p{
  max-width: 493px;
  margin: 0 auto;
  text-align: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
  color: #B0BAC6 !important;
}

.jobs-listing__cta p > strong{
  font-weight: 500;
  color: #FFF !important;
}

.jobs-listing__cta::before{
  display: block;
  width:84px;
  height:34px;
  content:'';
  background-image: url('../.././assets/images/left.svg');
  position:relative;
  left:-24px;
}

.jobs-listing__cta::after{
  display: block;
  width:84px;
  height:34px;
  content:'';
  background-image: url('../.././assets/images/right.svg');
  position:relative;
  right: -24px;
}

.job-offers__section{
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  width: 100%;
  max-width: 1200px;
}

.job-offers__title{
  min-width: 248px;
  font-size: 40px;
  line-height: 48px;
}

.job-offers__list{
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.job-offer__item{
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
  min-height: 116px;
  padding: 24px 24px 24px 32px;
  border: 1px solid #20252B;
  border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  -webkit-border-radius: 16px 16px 16px 16px;
}

.job-offer__info{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.job-offer__category{
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #C8D0D9 !important;
}

.job-offer__additional-info{
  display: flex;
  flex-direction: row;
  gap: 40px;
  width: 100%;
  max-width: 390px;
}

.job-offer__title{
  margin: 0;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0;
  font-weight: 500;
}

.job-offer__meta{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.job-offer__model{
  position: relative;
  text-align: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 8px 16px;
  background-color: #181C21;
  border: 1px solid #2C323A;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
}

.job-offer__location{
  position: relative;
  text-align: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 8px 16px 8px 32px;
  background-color: #181C21;
  border: 1px solid #2C323A;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
}

.job-offer__location-icon{
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: url('../.././assets/images/icons/gray-pin.svg');
  left: 8px;
}

.job-offer__link{
  all:unset;
  cursor: pointer;
  width: 64px;
  height: 64px;
  flex: none;
  background: #ffffff;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  position: relative;
  z-index: 1;
  margin-left: auto;
}

.job-offer__link::before{
    content: "";
    width: 56px;
    height: 56px;
    position: absolute;
    top: 4px;
    left: 4px;
    background: #090A0C;
    border: 1px solid #090A0C;
    -moz-box-shadow: 0px 2px 4px rgba(11, 32, 55, 0.45);
    -webkit-box-shadow: 0px 2px 4px rgba(11, 32, 55, 0.45);
    box-shadow: 0px 2px 4px rgba(11, 32, 55, 0.45);
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.job-offer__link::after{
    background: url('data:image/svg+xml,<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 6.99997H9.086L6.793 9.29297C6.69749 9.38522 6.62131 9.49556 6.5689 9.61757C6.51649 9.73957 6.4889 9.87079 6.48775 10.0036C6.4866 10.1363 6.5119 10.268 6.56218 10.3909C6.61246 10.5138 6.68671 10.6255 6.7806 10.7194C6.8745 10.8133 6.98615 10.8875 7.10905 10.9378C7.23194 10.9881 7.36362 11.0134 7.4964 11.0122C7.62918 11.0111 7.7604 10.9835 7.8824 10.9311C8.00441 10.8787 8.11475 10.8025 8.207 10.707L12.207 6.70697C12.3001 6.61408 12.374 6.50373 12.4244 6.38224C12.4748 6.26075 12.5008 6.1305 12.5008 5.99897C12.5008 5.86743 12.4748 5.73719 12.4244 5.6157C12.374 5.49421 12.3001 5.38386 12.207 5.29097L8.207 1.29097C8.01923 1.10346 7.76466 0.998226 7.49929 0.998413C7.23393 0.998601 6.97951 1.1042 6.792 1.29197C6.60449 1.47974 6.49926 1.73431 6.49944 1.99968C6.49963 2.26504 6.60523 2.51946 6.793 2.70697L9.086 4.99997H1.5C1.23478 4.99997 0.98043 5.10533 0.792893 5.29286C0.605357 5.4804 0.5 5.73475 0.5 5.99997C0.5 6.26519 0.605357 6.51954 0.792893 6.70708C0.98043 6.89461 1.23478 6.99997 1.5 6.99997Z" fill="white"/></svg>') center center;
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    z-index: 2;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
}

@media (max-width:1199px){
.job-offer__additional-info{
    width: 100%;
    max-width: 300px;
}
}

@media (max-width:991px){
  .jobs-listing-section .container {
    gap: 48px;
  }

  .jobs-listing-section .container .section-title .tag-line{
    margin-bottom: 24px;
  }

  .jobs-listing-section .container .section-title h2 {
  max-width: 327px;
  margin: 0 auto 16px;
  font-size: 38px;
  line-height: 38px;
  position: relative;
  z-index: 2;
}

.jobs-listing-section .container .section-title p {
  font-size: 16px;
  line-height: 28px;
  position: relative;
  z-index: 2;
}

  .jobs-listing__divider{
    position: absolute;
    height:79px;
    top: 11%;
  }

  .jobs-listing__cta p{
  max-width: 175px;
  font-size: 12px;
  line-height: 18px;
}

.jobs-listing__cta::before {
    left: -16px;
}

.jobs-listing__cta::after {
    right: -16px;
}
  
  .job-offers__section {
    flex-direction: column;
    margin-top: -8px;
    gap: 24px;
  }

  .job-offers__title{
    font-size: 30px;
    line-height: 36px;
  }

  .job-offer__item{
    flex-direction: column;
    gap: 24px;
  }

  .job-offer__info, .job-offer__additional-info{
    width: 100%;
    max-width:none;
  }

 .job-offer__link{
  all:unset;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  width: 36px;
  height: 36px;
  flex: none;
  background: #ffffff;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  z-index: 1;
  margin-left: auto;
}

.job-offer__link::before{
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 4px;
    left: 4px;
    background: #090A0C;
    border: 1px solid #090A0C;
    -moz-box-shadow: 0px 2px 4px rgba(11, 32, 55, 0.45);
    -webkit-box-shadow: 0px 2px 4px rgba(11, 32, 55, 0.45);
    box-shadow: 0px 2px 4px rgba(11, 32, 55, 0.45);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.job-offer__link::after{
    background: url('data:image/svg+xml,<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 6.99997H9.086L6.793 9.29297C6.69749 9.38522 6.62131 9.49556 6.5689 9.61757C6.51649 9.73957 6.4889 9.87079 6.48775 10.0036C6.4866 10.1363 6.5119 10.268 6.56218 10.3909C6.61246 10.5138 6.68671 10.6255 6.7806 10.7194C6.8745 10.8133 6.98615 10.8875 7.10905 10.9378C7.23194 10.9881 7.36362 11.0134 7.4964 11.0122C7.62918 11.0111 7.7604 10.9835 7.8824 10.9311C8.00441 10.8787 8.11475 10.8025 8.207 10.707L12.207 6.70697C12.3001 6.61408 12.374 6.50373 12.4244 6.38224C12.4748 6.26075 12.5008 6.1305 12.5008 5.99897C12.5008 5.86743 12.4748 5.73719 12.4244 5.6157C12.374 5.49421 12.3001 5.38386 12.207 5.29097L8.207 1.29097C8.01923 1.10346 7.76466 0.998226 7.49929 0.998413C7.23393 0.998601 6.97951 1.1042 6.792 1.29197C6.60449 1.47974 6.49926 1.73431 6.49944 1.99968C6.49963 2.26504 6.60523 2.51946 6.793 2.70697L9.086 4.99997H1.5C1.23478 4.99997 0.98043 5.10533 0.792893 5.29286C0.605357 5.4804 0.5 5.73475 0.5 5.99997C0.5 6.26519 0.605357 6.51954 0.792893 6.70708C0.98043 6.89461 1.23478 6.99997 1.5 6.99997Z" fill="white"/></svg>') center center;
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    z-index: 2;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
}

  .job-offer__title{
    font-size: 24px;
    line-height: 30px;
  }

  .job-offer__category{
    font-size: 14px;
    line-height: 20px;
  }

  .job-offer__model, .job-offer__location {
    font-size: 10px;
    line-height: 14px;
  }
}

@media (max-width:767px){
  .job-offer__info{
    max-width:210px;
    margin: 0 auto 0 0;
  }

  .jobs-listing__divider{
    position: absolute;
    height:79px;
    top: 120px;
  }
}