/*-------------- Vision Area Start  ---- --------*/
.vision-area {
  padding: 7.5rem 0;
  background-color: #F9FAFF; }
  @media (max-width: 61.9375rem) {
    .vision-area {
      padding: 4.375rem 0; } }
  .vision-area .vision__title {
    position: relative; }
    .vision-area .vision__title .circle_shp_2 {
      position: absolute;
      top: -4.375rem;
      left: -2.5rem;
      width: 2.8125rem; }
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .vision-area .vision__title .circle_shp_2 {
          left: -0.625rem;
          width: 1.5625rem; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .vision-area .vision__title .circle_shp_2 {
          left: -0.625rem;
          width: 1.5625rem; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .vision-area .vision__title .circle_shp_2 {
          left: 0rem;
          width: 1.5625rem; } }
      @media only screen and (max-width: 47.9375rem) {
        .vision-area .vision__title .circle_shp_2 {
          top: -2.5rem;
          left: 0;
          width: 0.9375rem; } }
    .vision-area .vision__title h3 {
      color: #1C191A;
      font-size: 2.75rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0;
       }
      .vision-area .vision__title h3 span {
        color: #0351A3; }
      @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
        .vision-area .vision__title h3 {
          font-size: 2.5rem; } }
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .vision-area .vision__title h3 {
          font-size: 2.25rem; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .vision-area .vision__title h3 {
          font-size: 2rem; } }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .vision-area .vision__title h3 {
          font-size: 1.875rem; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .vision-area .vision__title h3 {
          font-size: 1.875rem; } }
      @media only screen and (max-width: 47.9375rem) {
        .vision-area .vision__title h3 {
          font-size: 1.75rem; } }
    @media only screen and (max-width: 47.9375rem) {
      .vision-area .vision__title {
        margin-bottom: 3.125rem; } }
  @media (min-width: 48rem) and (max-width: 61.9375rem) {
    .vision-area .vision__description {
      margin-top: 3.125rem; } }
  .vision-area .vision__description h4 {
    color: #151112;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 118.182%;
    letter-spacing: 0;
    
    margin-bottom: 1.25rem; }
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .vision-area .vision__description h4 {
        font-size: 1.25rem; } }
  .vision-area .vision__description p {
    color: #1C191A;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 140%;
    /* 1.925rem */
    letter-spacing: 0; }
    @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
      .vision-area .vision__description p {
        font-size: 1.125rem; } }
    @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
      .vision-area .vision__description p {
        font-size: 1.125rem; } }
    @media (min-width: 75rem) and (max-width: 81.1875rem) {
      .vision-area .vision__description p {
        font-size: 1rem; } }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .vision-area .vision__description p {
        font-size: 1rem; } }
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .vision-area .vision__description p {
        font-size: 1.125rem; } }
    @media only screen and (max-width: 47.9375rem) {
      .vision-area .vision__description p {
        font-size: 1.125rem; } }

/*-------------- Vision Area End  ---- --------*/