.identity-section {
  padding: 100px 0; }
  @media (max-width: 1024px) {
    .identity-section {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (max-width: 767px) {
    .identity-section {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 50px;
      padding-bottom: 50px; } }
  .identity-section .identity-card {
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    position: relative;
    border: 1px solid #d8dde1;
    padding: 10px;
    padding-top: 100px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px; }
    @media (max-width: 1024px) {
      .identity-section .identity-card {
        padding: 15px;
        padding-top: 50px;
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 767px) {
      .identity-section .identity-card {
        padding: 15px;
        padding-top: 50px;
        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .identity-section .identity-card:before, .identity-section .identity-card:after {
      content: "";
      width: 20px;
      height: 70px;
      border-bottom-left-radius: 50px;
      border-bottom-right-radius: 50px;
      position: absolute;
      top: 0; }
    .identity-section .identity-card:before {
      background: #043266;
      left: 82px; }
      @media (max-width: 767px) {
        .identity-section .identity-card:before {
          left: 37px; } }
    .identity-section .identity-card:after {
      background: #c9a961;
      left: 112px; }
      @media (max-width: 767px) {
        .identity-section .identity-card:after {
          left: 70px; } }
    .identity-section .identity-card .identity-header {
      align-items: start;
      background: linear-gradient(0deg, #f4f8ec 0%, rgba(255, 255, 255, 0) 155.15%);
      padding: 40px 20px 30px;
      border-radius: 10px; }
      .identity-section .identity-card .identity-header .identity-intro {
        font-weight: 300;
        font-size: 16px;
        color: #797e88; }
        .identity-section .identity-card .identity-header .identity-intro p {
          font-weight: 300;
          color: #797e88;
          margin-bottom: 10px; }
        .identity-section .identity-card .identity-header .identity-intro strong {
          color: #1e3a5f;
          font-weight: 600; }
    .identity-section .identity-card .identity-content {
      align-items: start;
      background: linear-gradient(0deg, #f4f8ec 0%, rgba(255, 255, 255, 0) 155.15%);
      padding: 40px 20px 30px;
      border-radius: 10px; }
      .identity-section .identity-card .identity-content .identity-text {
        color: #333;
        font-size: clamp(1rem, 2.2vw, 1.125rem);
        line-height: 1.8; }
        .identity-section .identity-card .identity-content .identity-text p {
          font-weight: 300;
          color: #797e88; }
    @media (max-width: 768px) {
      .identity-section .identity-card .identity-header,
      .identity-section .identity-card .identity-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 20px; } }
    @media (max-width: 767px) {
      .identity-section .identity-card .identity-intro,
      .identity-section .identity-card .identity-text {
        text-align: left; } }

/*# sourceMappingURL=identity.css.map */