/*background colors*/
.patient-listing {
  padding: 48px 0; }
  @media only screen and (max-width: 767px) {
    .patient-listing {
      padding: 30px 0; } }
  .patient-listing .patient-list {
    display: flex;
    flex-wrap: wrap;
    margin: -12px; }
    .patient-listing .patient-list .patient-box {
      width: calc(33.33% - 24px);
      margin: 12px; }
      @media only screen and (max-width: 1023px) {
        .patient-listing .patient-list .patient-box {
          width: calc(50% - 24px); } }
      @media only screen and (max-width: 767px) {
        .patient-listing .patient-list .patient-box {
          width: calc(100% - 24px); } }
      .patient-listing .patient-list .patient-box .patient-text p {
        font: italic 18px/30px "Open Sans", sans-serif; }

.patient-box {
  border-radius: 12px;
  padding: 20px 12px;
  background: #ffffff;
  box-shadow: 0px 3px 15px #81818133; }
  .patient-box .patient-img {
    position: relative;
    margin: 0 auto;
    width: 80%;
    text-align: center;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    .patient-box .patient-img:after {
      content: "";
      position: absolute;
      background: url("/assets/theme/images/patient-img-bg.png") center center no-repeat;
      background-size: 100% 100%;
      width: 99%;
      height: 105%;
      top: 12px;
      left: 0;
      text-align: center; }
    .patient-box .patient-img .play-btn, .patient-box .patient-img .fronty-video-play-btn {
      top: 100%; }
    .patient-box .patient-img img {
      max-width: 121px;
      height: auto;
      z-index: 1;
      position: relative; }
    .patient-box .patient-img iframe {
      display: none; }
  .patient-box .patient-text {
    margin: 20px;
    padding-top: 50px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .patient-box .patient-text {
        padding-top: 40px;
        margin: 20px 10px; } }
    .patient-box .patient-text p {
      text-align: center;
      font: italic 16px/24px "Open Sans", sans-serif;
      color: #4D4D4F; }
      @media only screen and (max-width: 767px) {
        .patient-box .patient-text p {
          font-size: 15px;
          line-height: 1.4; } }
    .patient-box .patient-text::before {
      content: "";
      background: url("/assets/theme/images/quote-top.svg") no-repeat;
      width: 50px;
      height: 40px;
      top: 0;
      position: absolute; }
      @media only screen and (max-width: 767px) {
        .patient-box .patient-text::before {
          background-size: 35px;
          width: 38px;
          height: 32px; } }
    .patient-box .patient-text .patient-name {
      text-align: center;
      margin-top: 20px; }
      @media only screen and (max-width: 767px) {
        .patient-box .patient-text .patient-name {
          font-size: 14px; } }
    .patient-box .patient-text strong {
      text-align: center;
      color: #00375f;
      border-top: 2px solid #00a0a0;
      font-weight: 700;
      padding-top: 11px;
      display: inline-block; }
  .patient-box .patient-relation {
    text-align: center; }

.patient-outer {
  padding: 48px 0; }
  @media only screen and (max-width: 767px) {
    .patient-outer {
      padding: 30px 0; } }
  .patient-outer .patient-section {
    display: flex;
    padding-top: 40px;
    position: relative; }
    @media only screen and (max-width: 1023px) {
      .patient-outer .patient-section {
        flex-direction: column;
        padding-top: 0; } }
  .patient-outer .view-header {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 1199px) {
      .patient-outer .view-header {
        width: 30%; } }
    @media only screen and (max-width: 1023px) {
      .patient-outer .view-header {
        width: 100%;
        padding-right: 60px;
        margin-bottom: 15px;
        position: relative; } }
    .patient-outer .view-header .head-row {
      display: flex;
      flex-direction: column;
      width: 435px;
      padding-right: 35px;
      align-items: flex-start;
      margin: 0; }
      @media only screen and (max-width: 1199px) {
        .patient-outer .view-header .head-row {
          width: auto;
          padding-right: 20px; } }
      .patient-outer .view-header .head-row h3 {
        font-weight: 700; }
        @media only screen and (max-width: 767px) {
          .patient-outer .view-header .head-row h3 {
            font-size: 20px; } }
      .patient-outer .view-header .head-row h2 {
        font-weight: 400;
        margin-bottom: 14px; }
        @media only screen and (max-width: 1199px) {
          .patient-outer .view-header .head-row h2 {
            font-size: 20px;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 767px) {
          .patient-outer .view-header .head-row h2 {
            font-size: 16px; } }
      .patient-outer .view-header .head-row a {
        position: absolute;
        top: 0;
        right: 15px; }
        @media only screen and (max-width: 1023px) {
          .patient-outer .view-header .head-row a {
            top: auto;
            bottom: 10px;
            right: 0; } }
  @media only screen and (max-width: 1199px) {
    .patient-outer .view-content {
      width: 70%; } }
  @media only screen and (max-width: 1023px) {
    .patient-outer .view-content {
      width: 100%; } }
  .patient-outer .patient-slider-outer {
    width: 829px; }
    @media only screen and (max-width: 1199px) {
      .patient-outer .patient-slider-outer {
        width: auto; } }
  .patient-outer .patient-slider {
    margin: -20px -12px;
    width: 100%;
    padding-top: 10px; }
    @media only screen and (max-width: 1199px) {
      .patient-outer .patient-slider {
        width: auto; } }
    @media only screen and (max-width: 767px) {
      .patient-outer .patient-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
        margin: -10px;
        padding: 10px;
        width: calc(100% + 25px); } }
    @media only screen and (max-width: 767px) {
      .patient-outer .patient-slider .patient-box {
        min-width: 90% !important;
        width: 90% !important;
        margin-right: 16px; } }
    .patient-outer .patient-slider .slick-arrow {
      top: 80%; }
    .patient-outer .patient-slider .slick-slide {
      padding: 12px;
      height: auto; }
      .patient-outer .patient-slider .slick-slide > div,
      .patient-outer .patient-slider .slick-slide .patient-box {
        height: 100%; }
    .patient-outer .patient-slider .slick-track {
      display: flex; }
    .patient-outer .patient-slider .slick-prev {
      left: -50px; }
    .patient-outer .patient-slider .slick-next {
      right: -50px; }

/*# sourceMappingURL=patient-listing.css.map */