/*-------------- Circular Model Area Start ----------*/
.circular-model-area {
  padding: 7.5rem 0;
  background-color: #ffffff; }
  @media (min-width: 48rem) and (max-width: 61.9375rem) {
    .circular-model-area {
      padding: 5rem 0; } }
  @media only screen and (max-width: 47.9375rem) {
    .circular-model-area {
      padding: 3.75rem 0; } }

  /* Tighten the .area__title default 50px bottom margin for this block */
  .circular-model-area .area__title {
    margin-bottom: 1.25rem; }

  .circular-model-area .content__box {
    max-width: 48rem;
    margin: 0 auto 3.75rem; }
    @media only screen and (max-width: 47.9375rem) {
      .circular-model-area .content__box {
        margin-bottom: 2.5rem; } }

  /* Outer bordered container for the 4-step row */
  .circular-model-area .circular-model__steps {
    --bs-gutter-x: 0;
    margin: 0;
    border: 0.125rem solid #e3f0f7;
    border-radius: 0.5rem;
    overflow: hidden; }

  .circular-model-area .circular-model__step-col {
    padding: 0; }

  .circular-model-area .circular-model__step {
    padding: 3.125rem 2rem;
    height: 100%;
    position: relative;
    font-family: "Gantari", sans-serif; }
    @media only screen and (max-width: 47.9375rem) {
      .circular-model-area .circular-model__step {
        padding: 2.25rem 1.5rem; } }

  /* Desktop (>= lg, 4 across): vertical dividers between columns */
  @media (min-width: 62rem) {
    .circular-model-area .circular-model__step-col:not(:last-child) .circular-model__step {
      border-right: 0.125rem solid #e3f0f7; } }

  /* Tablet (md, 2x2 grid): vertical divider between columns in each row, horizontal divider between rows */
  @media (min-width: 48rem) and (max-width: 61.9375rem) {
    .circular-model-area .circular-model__step-col:nth-child(odd) .circular-model__step {
      border-right: 0.125rem solid #e3f0f7; }
    .circular-model-area .circular-model__step-col:nth-child(1) .circular-model__step,
    .circular-model-area .circular-model__step-col:nth-child(2) .circular-model__step {
      border-bottom: 0.125rem solid #e3f0f7; } }

  /* Mobile (stacked): horizontal divider between steps except the last */
  @media only screen and (max-width: 47.9375rem) {
    .circular-model-area .circular-model__step-col:not(:last-child) .circular-model__step {
      border-bottom: 0.125rem solid #e3f0f7; } }

  .circular-model-area .circular-model__step-number {
    display: block;
    font-family: "Gantari", sans-serif;
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -0.05rem;
    color: rgba(28, 25, 26, 0.12);
    margin-bottom: 1.25rem; }
    @media (min-width: 75rem) and (max-width: 87.4375rem) {
      .circular-model-area .circular-model__step-number {
        font-size: 3.75rem; } }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .circular-model-area .circular-model__step-number {
        font-size: 3.25rem; } }
    @media only screen and (max-width: 47.9375rem) {
      .circular-model-area .circular-model__step-number {
        font-size: 3rem;
        margin-bottom: 0.75rem; } }

  .circular-model-area .circular-model__step-title {
    font-family: "Gantari", sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02rem;
    color: #1C191A;
    margin-bottom: 0.875rem; }
    @media (min-width: 75rem) and (max-width: 87.4375rem) {
      .circular-model-area .circular-model__step-title {
        font-size: 1.5rem; } }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .circular-model-area .circular-model__step-title {
        font-size: 1.375rem; } }
    @media only screen and (max-width: 47.9375rem) {
      .circular-model-area .circular-model__step-title {
        font-size: 1.375rem; } }

  .circular-model-area .circular-model__step-description {
    font-family: "Gantari", sans-serif; }
    .circular-model-area .circular-model__step-description p {
      color: #3D393B;
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 1.6;
      margin: 0; }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .circular-model-area .circular-model__step-description p {
          font-size: 0.9375rem; } }
/*-------------- Circular Model Area End ----------*/