.career__content {
  display: flex;
  flex-flow: column;
  gap: 60px;
  align-items: center;
}
.career__head {
  display: flex;
  flex-flow: column;
  gap: 24px;
  align-items: center;
}
.career__title {
  font-family: Poppins;
  font-weight: 500;
  font-size: 36px;
  line-height: 140%;
  letter-spacing: -1%;
  text-align: center;
  color: #0d499c;
}
.career__desc {
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: center;
  color: #898d90;
  max-width: 876px;
}
.career__body {
  display: flex;
  gap: 20px;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
.career__item {
  width: calc((100% - 40px) / 3);
  height: 264px;
  display: flex;
  position: relative;
  max-width: 453px;
  text-decoration: none;
  transition: 0.3s ease;
}
.career__item:hover .career__clip {
  background: #0d499c;
}
.career__item:hover .career__item-title {
  color: #fff;
}
.career__item:hover .career__item-desc {
  color: rgba(255, 255, 255, 0.6980392157);
}
.career__item:hover .career__item-attr {
  color: #33ccff;
}
.career__item:hover .career__rect {
  background: #0d499c;
}
.career__item:hover .career__rect svg path {
  stroke: #33ccff;
}
.career__clip {
  clip-path: polygon(77.263% 34.723%, 77.263% 4.545%, 77.263% 4.545%, 77.228% 3.808%, 77.128% 3.109%, 76.967% 2.457%, 76.752% 1.861%, 76.487% 1.331%, 76.178% 0.877%, 75.831% 0.507%, 75.451% 0.232%, 75.043% 0.059%, 74.614% 0%, 2.649% 0%, 2.649% 0%, 2.219% 0.059%, 1.812% 0.232%, 1.432% 0.507%, 1.085% 0.877%, 0.776% 1.331%, 0.511% 1.861%, 0.296% 2.457%, 0.135% 3.109%, 0.035% 3.808%, 0% 4.545%, 0% 95.455%, 0% 95.455%, 0.035% 96.192%, 0.135% 96.891%, 0.296% 97.543%, 0.511% 98.139%, 0.776% 98.669%, 1.085% 99.123%, 1.432% 99.493%, 1.812% 99.768%, 2.219% 99.941%, 2.649% 100%, 97.351% 100%, 97.351% 100%, 97.781% 99.941%, 98.188% 99.768%, 98.568% 99.493%, 98.915% 99.123%, 99.224% 98.669%, 99.489% 98.139%, 99.704% 97.543%, 99.865% 96.891%, 99.965% 96.192%, 100% 95.455%, 100% 43.814%, 100% 43.814%, 99.965% 43.077%, 99.865% 42.377%, 99.704% 41.725%, 99.489% 41.13%, 99.224% 40.6%, 98.915% 40.146%, 98.568% 39.776%, 98.188% 39.5%, 97.781% 39.328%, 97.351% 39.269%, 79.912% 39.269%, 79.912% 39.269%, 79.482% 39.209%, 79.074% 39.037%, 78.694% 38.761%, 78.347% 38.392%, 78.039% 37.937%, 77.774% 37.408%, 77.558% 36.812%, 77.398% 36.16%, 77.297% 35.46%, 77.263% 34.723%);
  width: 100%;
  height: 100%;
  background: rgba(137, 141, 144, 0.1019607843);
  padding: 32px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  transition: 0.3s ease;
}
.career__clip-head {
  display: flex;
  flex-flow: column;
  gap: 32px;
}
.career__rect {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21%;
  height: 36%;
  position: absolute;
  top: 0;
  right: 0;
  background: #f3f4f4;
  border-radius: 12px;
  transition: 0.3s ease;
}
.career__rect svg path {
  transition: 0.3s ease;
}
.career__item-title {
  font-family: Poppins;
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -1%;
  color: #4d525a;
  max-width: 75%;
  transition: 0.3s ease;
}
.career__item-attr {
  font-family: Poppins;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #0d499c;
  max-width: 75%;
  transition: 0.3s ease;
}
.career__item-desc {
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #898d90;
  max-width: 83%;
  transition: 0.3s ease;
}

@media (max-width: 1024px) {
  .career__body {
    flex-flow: column;
    gap: 20px;
    align-items: center;
  }
  .career__head {
    gap: 16px;
  }
  .career__title {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.01em;
    color: #0D499C;
  }
  .career__desc {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #898D90;
  }
  .career__item {
    width: 100%;
    height: 202px;
  }
  .career__clip {
    padding: 18px;
  }
  .career__item-title {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.01em;
  }
  .career__clip-head {
    gap: 18px;
  }
  .career__item-desc {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #898D90;
    max-width: 100%;
  }
}/*# sourceMappingURL=style.css.map */