.gili-celebrate-diversity {
  background: #FF671D;
  overflow: visible; }
  .gili-celebrate-diversity .container-full {
    max-width: 1920px;
    margin: auto;
    position: relative;
    overflow: hidden; }
    .gili-celebrate-diversity .container-full .shape {
      position: absolute;
      left: -556px;
      width: 1707.32px;
      height: 210.68px;
      transform: matrix(0.3, -0.91, 0.82, 0.52, 0, 0);
      background: linear-gradient(180deg, #FFC56D -16.48%, #F88D2A 136.57%); }
    .gili-celebrate-diversity .container-full .shape-top, .gili-celebrate-diversity .container-full .shape-bottom {
      position: absolute;
      overflow: hidden;
      display: flex;
      align-items: center;
      clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); }
    .gili-celebrate-diversity .container-full .shape-top {
      width: 650px;
      height: 520px;
      top: -200px;
      right: 0; }
      .gili-celebrate-diversity .container-full .shape-top .shape {
        left: -475px; }
    .gili-celebrate-diversity .container-full .shape-bottom {
      width: 577px;
      height: 470px;
      bottom: 0;
      left: 0; }
    .gili-celebrate-diversity .container-full .container {
      padding-top: 90px;
      padding-bottom: 90px; }
      .gili-celebrate-diversity .container-full .container .main-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        overflow: hidden; }
        .gili-celebrate-diversity .container-full .container .main-content .list-image {
          display: flex;
          column-gap: 22.35px;
          row-gap: 21.84px;
          flex-wrap: wrap;
          width: calc(442.75px + 209.5px + 22.35px);
          height: calc(389.08px * 2 + 21.84px); }
          .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container {
            opacity: 0; }
            .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-1, .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-4 {
              width: 442.75px;
              height: 389.08px; }
            .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-2, .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-3 {
              width: 209.5px;
              height: 327.65px; }
            .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-1 {
              transform: translateY(-150px);
              align-self: end; }
            .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-2 {
              transform: translateX(150px);
              align-self: end; }
            .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-3 {
              transform: translateX(-150px);
              align-self: start; }
            .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-4 {
              transform: translateY(150px);
              align-self: start; }
            .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 8px; }
        .gili-celebrate-diversity .container-full .container .main-content .content {
          width: 800px;
          height: max-content;
          align-items: center;
          opacity: 0; }
          .gili-celebrate-diversity .container-full .container .main-content .content .title {
            width: 676px;
            height: 160px;
            font-family: var(--wp--preset--font-family--heading);
            font-style: normal;
            font-weight: 600;
            font-size: 64px;
            line-height: 125%;
            letter-spacing: -0.02em;
            color: #FFFFFF;
            margin: 0; }
          .gili-celebrate-diversity .container-full .container .main-content .content .description {
            margin-top: 24px;
            font-family: var(--wp--preset--font-family--paragraph);
            font-style: normal;
            font-weight: 400;
            font-size: 20px;
            line-height: 175%;
            letter-spacing: 0.02em;
            color: #FFFFFF; }
          .gili-celebrate-diversity .container-full .container .main-content .content .btn-cta {
            margin-top: 48px;
            display: flex;
            flex-direction: row;
            gap: 20px; }
            .gili-celebrate-diversity .container-full .container .main-content .content .btn-cta button {
              padding: 16px 24px;
              width: max-content;
              height: 48px;
              font-family: var(--wp--preset--font-family--paragraph);
              font-style: normal;
              font-weight: 500;
              font-size: 16px;
              line-height: 100%;
              letter-spacing: 0.04em;
              border: 1px solid #FFFFFF;
              border-radius: 8px;
              display: flex;
              flex-direction: row;
              gap: 12px;
              justify-content: center;
              align-items: center; }
              .gili-celebrate-diversity .container-full .container .main-content .content .btn-cta button i {
                font-size: 12px; }
            .gili-celebrate-diversity .container-full .container .main-content .content .btn-cta .btn-cta-people {
              background: #FFFFFF;
              color: #FF671D; }
            .gili-celebrate-diversity .container-full .container .main-content .content .btn-cta .btn-cta-carrer {
              background: #FF671D;
              color: #FFFFFF; }
  .gili-celebrate-diversity.active .container-full .shape-top, .gili-celebrate-diversity.active .container-full .shape-bottom {
    animation: gili-celebrate-diversity-shape 0.7s linear forwards; }
  .gili-celebrate-diversity.active .container-full .container .main-content .list-image .image-container {
    animation: gili-celebrate-diversity-image-fade-in 0.5s linear forwards 0.5s; }
  .gili-celebrate-diversity.active .container-full .container .main-content .content {
    animation: gili-celebrate-diversity-content-fade-in 0.7s linear forwards; }

@media (max-width: 992px) {
  .gili-celebrate-diversity {
    overflow: hidden; }
    .gili-celebrate-diversity .container-full .shape {
      position: absolute;
      left: -140px;
      top: 170px;
      width: 545.79px;
      height: 78.27px;
      transform: matrix(0.3, -0.91, 0.82, 0.52, 0, 0);
      background: linear-gradient(180deg, #FFC56D -16.48%, #F88D2A 136.57%); }
    .gili-celebrate-diversity .container-full .shape-top, .gili-celebrate-diversity .container-full .shape-bottom {
      width: 288px;
      height: 339px; }
    .gili-celebrate-diversity .container-full .shape-top {
      top: 65px;
      left: -147px;
      right: unset; }
      .gili-celebrate-diversity .container-full .shape-top .shape {
        left: -140px; }
    .gili-celebrate-diversity .container-full .shape-bottom {
      bottom: 82px;
      right: -152px;
      left: unset; }
    .gili-celebrate-diversity .container-full .container {
      padding-top: 65px;
      padding-bottom: 72px; }
      .gili-celebrate-diversity .container-full .container .main-content {
        flex-direction: column;
        row-gap: 50px; }
        .gili-celebrate-diversity .container-full .container .main-content .list-image {
          column-gap: calc(calc(100vw - var(--bs-gutter-x, 1.1rem) * 2) * 0.03);
          row-gap: calc(calc(100vw - var(--bs-gutter-x, 1.1rem) * 2) * 0.03);
          width: calc(100vw - var(--bs-gutter-x, 1.1rem) * 2);
          height: max-content; }
          .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-1, .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-4 {
            width: calc(calc(100vw - var(--bs-gutter-x, 1.1rem) * 2) * 0.66);
            height: calc(calc(100vw - var(--bs-gutter-x, 1.1rem) * 2) * 0.58); }
          .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-2, .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-3 {
            width: calc(calc(100vw - var(--bs-gutter-x, 1.1rem) * 2) * 0.31);
            height: calc(calc(100vw - var(--bs-gutter-x, 1.1rem) * 2) * 0.49); }
          .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-1 {
            transform: translateY(-150px);
            align-self: end; }
          .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-2 {
            transform: translateX(150px);
            align-self: end; }
          .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-3 {
            transform: translateX(-150px);
            align-self: start; }
          .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container.image-4 {
            transform: translateY(150px);
            align-self: start; }
          .gili-celebrate-diversity .container-full .container .main-content .list-image .image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .gili-celebrate-diversity .container-full .container .main-content .content {
          width: 100%; }
          .gili-celebrate-diversity .container-full .container .main-content .content .title {
            width: unset;
            height: unset;
            font-size: 36px; }
          .gili-celebrate-diversity .container-full .container .main-content .content .description {
            margin-top: 10px;
            font-size: 16px;
            letter-spacing: 0.04em; }
          .gili-celebrate-diversity .container-full .container .main-content .content .btn-cta {
            margin-top: 40px;
            gap: 10px;
            flex-wrap: wrap; } }

@-webkit-keyframes gili-celebrate-diversity-shape {
  0% {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); }
  100% {
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); } }

@-webkit-keyframes gili-celebrate-diversity-image-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }

@-webkit-keyframes gili-celebrate-diversity-content-fade-in {
  0% {
    opacity: 0;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(-10px); } }

@media (max-width: 1440px) {
  .gili-celebrate-diversity .container-full .shape {
    left: -603px; }
  .gili-celebrate-diversity .container-full .shape-top {
    top: -254px;
    right: -88px; } }

@media (max-width: 992px) {
  .work-for-us-page-template .gili-celebrate-diversity .container-full .container .main-content .content .btn-cta .btn-cta-people {
    background: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.04em;
    color: #E0592A; }
  .work-for-us-page-template .gili-celebrate-diversity .container-full .container .main-content .content .btn-cta .btn-cta-carrer {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.04em;
    background: transparent; } }