.cs-approach-section {
  padding: 100px 0;
  background-image: radial-gradient(#ced4da 1px, #0000 0);
  background-size: 20px 20px;
  position: relative; }
  @media (max-width: 1100px) {
    .cs-approach-section {
      padding: 60px 0; } }
  .dark .cs-approach-section {
    background-image: radial-gradient(rgba(206, 212, 218, 0.2) 1px, #0000 0); }
  .cs-approach-section:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(at center, #ffffff00, #fff); }
    .dark .cs-approach-section:before {
      background: radial-gradient(at center, #ffffff00, #03080e); }
  .cs-approach-section .container {
    position: relative;
    z-index: 12; }
  .cs-approach-section .cs-approach-row {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .cs-approach-section .cs-approach-row {
        flex-direction: column;
        gap: 40px; } }
    .cs-approach-section .cs-approach-row .cs-approach-col-left {
      width: 33.33%; }
      @media (max-width: 991px) {
        .cs-approach-section .cs-approach-row .cs-approach-col-left {
          width: 100%; } }
      .cs-approach-section .cs-approach-row .cs-approach-col-left .title-wrap {
        position: sticky;
        top: 120px;
        padding-bottom: 0; }
    .cs-approach-section .cs-approach-row .cs-approach-col-right {
      width: 55%; }
      @media (max-width: 991px) {
        .cs-approach-section .cs-approach-row .cs-approach-col-right {
          width: 100%; } }
  .cs-approach-section.gray-bg-section {
    background-image: radial-gradient(#ced4da 1px, #F2F2F2 0); }
    .dark .cs-approach-section.gray-bg-section {
      background-image: radial-gradient(rgba(206, 212, 218, 0.2) 1px, #101519 0);
      background-size: 20px 20px; }
    .cs-approach-section.gray-bg-section:before {
      background: radial-gradient(at center, #ffffff00, #F2F2F2); }
      .dark .cs-approach-section.gray-bg-section:before {
        background: radial-gradient(at center, #ffffff00, #101519); }
    .cs-approach-section.gray-bg-section .cs-approach-list .cs-approach-item {
      background: #fff; }
      .dark .cs-approach-section.gray-bg-section .cs-approach-list .cs-approach-item {
        background: #03080e; }

.cs-approach-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  counter-reset: my-awesome-counter; }
  .cs-approach-list .cs-approach-list-item {
    counter-increment: my-awesome-counter; }
  .cs-approach-list .cs-approach-item {
    background: #F2F2F2;
    border-radius: 16px;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 72px; }
    @media (max-width: 767px) {
      .cs-approach-list .cs-approach-item {
        gap: 24px; } }
    .dark .cs-approach-list .cs-approach-item {
      background: #101519; }
    .cs-approach-list .cs-approach-item .cs-approach-item-no {
      font-size: 16px;
      font-weight: 600; }
      .cs-approach-list .cs-approach-item .cs-approach-item-no::before {
        content: "0" counter(my-awesome-counter); }
    .cs-approach-list .cs-approach-item .cs-approach-item-content {
      display: grid;
      grid-template-columns: 1fr 55%;
      column-gap: 12px;
      grid-template-rows: auto;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .cs-approach-list .cs-approach-item .cs-approach-item-content {
          width: 100%;
          grid-template-columns: 1fr;
          row-gap: 12px; } }
    .cs-approach-list .cs-approach-item .cs-approach-item-title {
      font-size: 32px;
      line-height: 1.2;
      font-weight: 600;
      padding-right: 24px; }
      @media (max-width: 1024px) {
        .cs-approach-list .cs-approach-item .cs-approach-item-title {
          font-size: 28px; } }
      @media (max-width: 767px) {
        .cs-approach-list .cs-approach-item .cs-approach-item-title {
          font-size: 24px; } }
    .cs-approach-list .cs-approach-item .cs-approach-item-text {
      font-size: 16px; }
      .cs-approach-list .cs-approach-item .cs-approach-item-text p:last-child {
        margin-bottom: 0; }

/*# sourceMappingURL=cs-approach.css.map */