/*-------------- Testimonial Area Start  ---- --------*/
.testimonials-area {
  padding-top: 7.5rem;
  padding-bottom: 5rem; }
  @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
    .testimonials-area {
      padding-top: 5rem;
      padding-bottom: 3.125rem; } }
  @media (min-width: 75rem) and (max-width: 81.1875rem) {
    .testimonials-area {
      padding-top: 4.375rem;
      padding-bottom: 3.125rem; } }
  @media (min-width: 62rem) and (max-width: 74.9375rem) {
    .testimonials-area {
      padding-top: 4.375rem;
      padding-bottom: 3.125rem; } }
  @media (min-width: 48rem) and (max-width: 61.9375rem) {
    .testimonials-area {
      padding-top: 4.375rem;
      padding-bottom: 3.125rem; } }
  @media only screen and (max-width: 47.9375rem) {
    .testimonials-area {
      padding-top: 3.125rem;
      padding-bottom: 3.125rem; } }
  .testimonials-area .testimonial__wrapper {
    position: relative; }
    .testimonials-area .testimonial__wrapper .testimonial__shp__1 {
      position: absolute;
      left: -2.1875rem;
      top: -7.5rem;
      width: 4.0625rem;
      z-index: -1; }
      @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__1 {
          left: -0.9375rem;
          top: -5rem;
          width: 3.75rem; } }
      @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__1 {
          left: 0rem;
          top: -5rem;
          width: 3.75rem; } }
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__1 {
          left: 0rem;
          top: -4.375rem;
          width: 3.125rem; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__1 {
          left: 0rem;
          top: -4.375rem;
          width: 3.125rem; } }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__1 {
          left: 0rem;
          top: -4.375rem;
          width: 3.125rem; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__1 {
          left: 0;
          top: -12.5rem;
          width: 3.125rem; } }
      @media only screen and (max-width: 47.9375rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__1 {
          display: none; } }
    .testimonials-area .testimonial__wrapper .testimonial__shp__2 {
      position: absolute;
      right: -4.375rem;
      bottom: -1.875rem;
      width: 4.0625rem;
      z-index: -1; }
      @media (min-width: 100rem) and (max-width: 106.1875rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__2 {
          right: -3.375rem;
          bottom: -0.8125rem;
          width: 3.125rem; } }
      @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__2 {
          right: -1.5625rem;
          bottom: 0.8125rem;
          width: 1.75rem; } }
      @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__2 {
          right: -1.25rem;
          bottom: 0.625rem;
          width: 1.75rem; } }
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__2 {
          right: -0.625rem;
          bottom: 0.625rem;
          width: 1.75rem; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__2 {
          right: -0.625rem;
          bottom: 0.625rem;
          width: 1.75rem; } }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__2 {
          right: -0.625rem;
          bottom: -1.875rem;
          width: 1.75rem; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__2 {
          right: 0;
          bottom: -1.25rem;
          width: 2rem; } }
      @media only screen and (max-width: 47.9375rem) {
        .testimonials-area .testimonial__wrapper .testimonial__shp__2 {
          display: none; } }

/*-------------- Testimonial Area End  ---- --------*/

/*-------------- Testimonial Card Component Start  ---- --------*/
.testimonial__card {
  border: 0.0625rem solid;
  padding: 1.5625rem;
  border-radius: 1.5rem;
  border-color: #DFE1E2;
  margin-bottom: 0.9375rem;
  margin-top: 0.9375rem;
  position: relative;
  z-index: 1; }
  @media only screen and (max-width: 47.9375rem) {
    .testimonial__card {
      margin-bottom: 1.5625rem; } }
  .testimonial__card .testimonial__profile {
    display: flex;
    align-items: center;
    margin-bottom: 1.5625rem;
    position: relative;
    z-index: 3; }
    .testimonial__card .testimonial__profile .pro__pic img {
      width: 3.5rem;
      border-radius: 100%; }
    .testimonial__card .testimonial__profile .pro__info {
      padding-left: 0.9375rem; }
      .testimonial__card .testimonial__profile .pro__info h3 {
        color: #231F20;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.75rem;
        /* 140% */
        letter-spacing: 0;
        margin-bottom: 0rem; }
        @media (min-width: 62rem) and (max-width: 74.9375rem) {
          .testimonial__card .testimonial__profile .pro__info h3 {
            font-size: 1.125rem; } }
      .testimonial__card .testimonial__profile .pro__info span {
        color: #3D393B;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.25rem;
        letter-spacing: 0; }
        @media (min-width: 62rem) and (max-width: 74.9375rem) {
          .testimonial__card .testimonial__profile .pro__info span {
            font-size: 0.9375rem; } }
  .testimonial__card .testimonial__content {
    position: relative;
    z-index: 3; }
    @media (min-width: 100rem) and (max-width: 106.1875rem) {
      .testimonial__card .testimonial__content {
        max-width: 23.75rem; } }
    .testimonial__card .testimonial__content p {
      color: #231F20;
      font-size: 1.25rem;
      font-style: normal;
      font-weight: 400;
      line-height: 140%;
}
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .testimonial__card .testimonial__content p {
          font-size: 1.125rem; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .testimonial__card .testimonial__content p {
          font-size: 1.125rem; } }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .testimonial__card .testimonial__content p {
          font-size: 1rem; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .testimonial__card .testimonial__content p {
          font-size: 1.125rem; } }
      @media only screen and (max-width: 47.9375rem) {
        .testimonial__card .testimonial__content p {
          font-size: 1.125rem; } }
    .testimonial__card .testimonial__content .simple_btn {
      margin-top: 1.25rem; }
  .testimonial__card::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border: 0.25rem solid #0A7BC2;
    border-radius: 1.5rem;
    opacity: 0;
    visibility: hidden;
    transition: .2s; }
  .testimonial__card:hover::after {
    opacity: 1;
    visibility: visible; }
  .testimonial__card:active::after {
    opacity: 1;
    visibility: visible; }
  .testimonial__card:focus::after {
    opacity: 1;
    visibility: visible; }

/*-------------- Testimonial Card Component End  ---- --------*/