/*-------------- About Area Start  ---- --------*/
.about-area {
  padding-bottom: 6.25rem;
  padding-top: 1.875rem; }
  @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
    .about-area {
      padding: 5.625rem 0; } }
  @media (min-width: 75rem) and (max-width: 81.1875rem) {
    .about-area {
      padding: 5.625rem 0; } }
  @media only screen and (max-width: 47.9375rem) {
    .about-area {
      padding-top: 5rem;
      padding-bottom: 3.125rem; } }
  .about-area .shp_bx {
    margin-bottom: 3.125rem; }
    .about-area .shp_bx img {
      width: 4.375rem; }

/*-------------- About Area End  ---- --------*/

.about__top__wrap {
  margin-bottom: 4.375rem; }
  .about__top__wrap .about__top__left h2 {
    color: #231F20;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 125%;
    /*  */
    margin: 0; }
    .about__top__wrap .about__top__left h2 strong {
      color: #0351A3; 
      font-weight: 700;
}
    @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
      .about__top__wrap .about__top__left h2 {
        font-size: 3.375rem; } }
    @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
      .about__top__wrap .about__top__left h2 {
        font-size: 3.125rem; } }
    @media (min-width: 75rem) and (max-width: 81.1875rem) {
      .about__top__wrap .about__top__left h2 {
        font-size: 2.5rem; } }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .about__top__wrap .about__top__left h2 {
        font-size: 2.2rem; } }
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .about__top__wrap .about__top__left h2 {
        font-size: 2.8125rem; } }
    @media only screen and (max-width: 47.9375rem) {
      .about__top__wrap .about__top__left h2 {
        font-size: 2.5rem;
        margin-bottom: 0.9375rem; } }
  @media (min-width: 48rem) and (max-width: 61.9375rem) {
    .about__top__wrap .about__top__right {
      margin-top: 1.5625rem; } }
  .about__top__wrap .about__top__right p {
    color: #3D393B;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145.455%;
    /*  */ }
    .about__top__wrap .about__top__right p:last-child {
      margin: 0 0 0 32px; }
    @media (min-width: 100rem) and (max-width: 106.1875rem) {
      .about__top__wrap .about__top__right p {
        font-size: 1.3125rem; } }
    @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
      .about__top__wrap .about__top__right p {
        font-size: 1.3125rem; } }
    @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
      .about__top__wrap .about__top__right p {
        font-size: 1.25rem; } }
    @media (min-width: 75rem) and (max-width: 81.1875rem) {
      .about__top__wrap .about__top__right p {
        font-size: 1.25rem; } }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .about__top__wrap .about__top__right p {
        font-size: 1.125rem; }
        .about__top__wrap .about__top__right p:last-child {
        margin:0;}

}
    @media (min-width: 48rem) and (max-width: 61.9375rem) {
      .about__top__wrap .about__top__right p {
        font-size: 1.375rem; } 
       .about__top__wrap .about__top__right p:last-child {
  margin: 0 0 0 0px;
}
}
    @media only screen and (max-width: 47.9375rem) {
      .about__top__wrap .about__top__right p {
        font-size: 1.125rem; } 
       .about__top__wrap .about__top__right p:last-child {
  margin: 0 0 0 0px;
}

}

        .about__card {
          border-radius: 0.5rem;
          border: 0.0625rem solid #DFE1E2;
          background: #fff;
          box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(28, 25, 26, 0.04);
          display: flex;
          align-items: center;
          height: 100%;
          padding: 2.5rem 2rem;
          position: relative;
          transition: .1s;
          top: 0;
          left: 0; }
          @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
            .about__card {
              padding: 1.5625rem; } }
          @media (min-width: 75rem) and (max-width: 81.1875rem) {
            .about__card {
              padding: 1.5625rem; } }
          @media (min-width: 62rem) and (max-width: 74.9375rem) {
            .about__card {
              padding: 1.5625rem 1.25rem; } }
          @media (max-width: 61.9375rem) {
            .about__card {
              margin-bottom: 1.5625rem;
              height: auto; } }
          @media only screen and (max-width: 47.9375rem) {
            .about__card {
              padding: 1.5625rem;
              border-radius: 1.5rem; } }
          .about__card::before {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            content: '';
            border: 0.25rem solid transparent;
            border-radius: 0.5rem;
            transition: .1s; }
          .about__card::after {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            content: '';
            background-color: #0A7BC2;
            border-radius: 0.625rem;
            transition: .1s;
            z-index: -1;
            opacity: 0;
            visibility: hidden; }
          .about__card:hover {
            top: -0.9375rem;
            left: -0.625rem;
            border-radius: 0.625rem;
            border-color: #0A7BC2; }
            .about__card:hover::before {
              border-color: #0A7BC2; }
            .about__card:hover::after {
              opacity: 1;
              visibility: visible;
              left: 0.9375rem;
              top: 0.9375rem; }
          .about__card:focus {
            top: -0.9375rem;
            left: -0.625rem;
            border-radius: 0.625rem;
            border-color: #0A7BC2; }
            .about__card:focus::before {
              border-color: #0A7BC2; }
            .about__card:focus::after {
              opacity: 1;
              visibility: visible;
              left: 0.9375rem;
              top: 0.9375rem; }
          .about__card:active {
            top: -0.9375rem;
            left: -0.625rem;
            border-radius: 0.625rem;
            border-color: #0A7BC2; }
            .about__card:active::before {
              border-color: #0A7BC2; }
            .about__card:active::after {
              opacity: 1;
              visibility: visible;
              left: 0.9375rem;
              top: 0.9375rem; }
          .about__card .icon__box {
            width: 2.8125rem;
            margin-bottom: 2.5rem; }
            @media (min-width: 62rem) and (max-width: 74.9375rem) {
              .about__card .icon__box {
                width: 2.1875rem;
                margin-bottom: 1.5625rem; } }
            .about__card .icon__box img {
              width: 100%; }
            @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
              .about__card .icon__box {
                margin-bottom: 1.5625rem; } }
            @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
              .about__card .icon__box {
                margin-bottom: 1.25rem;
                width: 2.375rem; } }
            @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
              .about__card .icon__box {
                margin-bottom: 1.25rem;
                width: 2.375rem; } }
            @media (min-width: 75rem) and (max-width: 81.1875rem) {
              .about__card .icon__box {
                margin-bottom: 1.25rem;
                width: 2.1875rem; } }
            @media only screen and (max-width: 47.9375rem) {
              .about__card .icon__box {
                margin-bottom: 1.5625rem;
                width: 2.1875rem; } }
          .about__card h3 {
            color: #1C191A;
            font-size: 3rem;
            font-weight: 700;
            line-height: 114.286%;
            /*  */
            letter-spacing:0; }
            @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
              .about__card h3 {
                font-size: 3.125rem; } }
            @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
              .about__card h3 {
                font-size: 2.5rem; } }
            @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
              .about__card h3 {
                font-size: 2.5rem; } }
            @media (min-width: 75rem) and (max-width: 81.1875rem) {
              .about__card h3 {
                font-size: 2.25rem; } }
            @media (min-width: 62rem) and (max-width: 74.9375rem) {
              .about__card h3 {
                font-size: 2.25rem; } }
            @media (min-width: 48rem) and (max-width: 61.9375rem) {
              .about__card h3 {
                font-size: 2.25rem; } }
            @media only screen and (max-width: 47.9375rem) {
              .about__card h3 {
                font-size: 1.5625rem; } }
          .about__card span {
            color: #1C191A;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 116.667%;
            /* 116.667% */
            display: block;
            margin-bottom: 1.25rem; }
            @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
              .about__card span {
                font-size: 1.25rem; } }
            @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
              .about__card span {
                font-size: 1.25rem; } }
            @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
              .about__card span {
                font-size: 1.25rem; } }
            @media (min-width: 75rem) and (max-width: 81.1875rem) {
              .about__card span {
                font-size: 1.25rem; } }
            @media (min-width: 62rem) and (max-width: 74.9375rem) {
              .about__card span {
                font-size: 1.125rem; } }
            @media (min-width: 48rem) and (max-width: 61.9375rem) {
              .about__card span {
                font-size: 1.25rem; } }
            @media only screen and (max-width: 47.9375rem) {
              .about__card span {
                font-size: 1.25rem; } }
          .about__card p {
            color: #1C191A;
            font-size: 1.25rem;
            font-weight: 400;
            line-height: 140%;
            /*  */ }
            .about__card p:last-child {
              margin-bottom: 0; }
            @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
              .about__card p {
                font-size: 1.125rem; } }
            @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
              .about__card p {
                font-size: 1.125rem; } }
            @media (min-width: 75rem) and (max-width: 81.1875rem) {
              .about__card p {
                font-size: 1.125rem; } }
            @media (min-width: 62rem) and (max-width: 74.9375rem) {
              .about__card p {
                font-size: 1rem; } }
            @media (min-width: 48rem) and (max-width: 61.9375rem) {
              .about__card p {
                font-size: 1.125rem; } }
            @media only screen and (max-width: 47.9375rem) {
              .about__card p {
                font-size: 1.125rem; } }
          .about__card .about__card--text {
            position: relative;
            z-index: 2; }
          .about__card.card--two::after {
            background-color: #34AD65; }
          .about__card.card--two:hover {
            border-color: #34AD65; }
            .about__card.card--two:hover::before {
              border-color: #34AD65; }
          .about__card.card--three::after {
            background-color: #FFBF00; }
          .about__card.card--three:hover {
            border-color: #FFBF00; }
            .about__card.card--three:hover::before {
              border-color: #FFBF00; }
          .about__card.card--three:active {
            border-color: #FFBF00; }
            .about__card.card--three:active::before {
              border-color: #FFBF00; }
          .about__card.card--three:focus {
            border-color: #FFBF00; }
            .about__card.card--three:focus::before {
              border-color: #FFBF00; }