#blog-primary #blog-main .row .blog-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 30px 0; }
  @media screen and (max-width: 767px) {
    #blog-primary #blog-main .row .blog-heading {
      padding: 0; } }
  #blog-primary #blog-main .row .blog-heading .blog-title h1 {
    font-size: 50px;
    font-family: "Roboto Bold";
    margin-bottom: 1rem; }
    @media screen and (max-width: 767px) {
      #blog-primary #blog-main .row .blog-heading .blog-title h1 {
        font-size: 28px; } }
  #blog-primary #blog-main .row .blog-heading .blog-title .author-info {
    background-color: #edfbfc;
    padding: 10px;
    display: block;
    border-radius: 12px; }
    @media screen and (max-width: 767px) {
      #blog-primary #blog-main .row .blog-heading .blog-title .author-info {
        margin-bottom: 30px; } }
    #blog-primary #blog-main .row .blog-heading .blog-title .author-info p.author {
      font-family: "Roboto Medium";
      font-size: 18px;
      margin-bottom: 5px; }
      #blog-primary #blog-main .row .blog-heading .blog-title .author-info p.author a {
        display: inline-block;
        color: #7fb82d; }
    #blog-primary #blog-main .row .blog-heading .blog-title .author-info p {
      font-size: 16px;
      font-family: "Roboto Medium";
      margin-bottom: 0; }
  #blog-primary #blog-main .row .blog-heading .blog-thumb {
    width: 50%;
    flex: 0 0 50%;
    padding-left: 30px; }
    #blog-primary #blog-main .row .blog-heading .blog-thumb img {
      width: 100%;
      height: auto; }
#blog-primary #blog-main .row .blog-content {
  font-family: "Roboto Regular";
  font-size: 18px;
  text-align: justify;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    #blog-primary #blog-main .row .blog-content {
      font-size: 16px; } }
  #blog-primary #blog-main .row .blog-content > p:first-of-type {
    padding: 24px 20px 20px;
    margin-bottom: 34px;
    background: #edfbfc;
    border-radius: 12px;
    box-shadow: 6px 6px 0 #bed7ed;
    position: relative; }
    #blog-primary #blog-main .row .blog-content > p:first-of-type:before {
      content: "";
      display: inline-block;
      width: 30px;
      height: 30px;
      margin-right: 10px;
      vertical-align: middle;
      background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 29 21' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38849 20.4377C6.53555 20.4437 5.69158 20.2636 4.91543 19.9098C4.13928 19.5561 3.44967 19.0372 2.89469 18.3895C2.28126 17.717 1.80373 16.9322 1.48845 16.0784C1.14739 15.2053 0.971171 14.2766 0.96875 13.3393C1.01951 11.235 1.67774 9.19024 2.86411 7.45148C4.17271 5.41935 5.90348 3.69275 7.93877 2.38906C9.7363 1.20701 11.1446 0.615991 12.1636 0.615991C12.5345 0.603983 12.8958 0.735368 13.1724 0.982837C13.3045 1.10816 13.4083 1.26027 13.4769 1.42898C13.5454 1.5977 13.5771 1.77911 13.5698 1.96107C13.5433 2.30048 13.4197 2.62511 13.2137 2.89616C13.0077 3.16721 12.7281 3.37321 12.4081 3.48958C10.8978 4.1993 9.52047 5.16301 8.33618 6.33872C7.52301 7.21303 7.11337 7.855 7.11337 8.26464C7.11337 8.67428 7.41907 8.87606 8.03048 8.96777L8.42789 9.0289L8.88644 9.05948C10.1594 9.22972 11.3167 9.88728 12.1147 10.8937C12.9463 11.9625 13.3787 13.288 13.3375 14.6416C13.3598 16.0975 12.8111 17.5044 11.809 18.5607C11.2478 19.1697 10.5633 19.6521 9.8011 19.9758C9.03886 20.2995 8.21638 20.4569 7.38849 20.4377Z' fill='%23bed7ed'/%3E%3Cpath d='M21.8321 20.4379C20.9784 20.4432 20.1337 20.2627 19.3567 19.9091C18.5797 19.5554 17.8889 19.037 17.3322 18.3897C16.7187 17.7173 16.2412 16.9325 15.9259 16.0786C15.5849 15.2056 15.4087 14.2769 15.4062 13.3396C15.457 11.2352 16.1152 9.19049 17.3016 7.45173C18.6124 5.41932 20.3452 3.69276 22.3824 2.38931C24.1717 1.20726 25.578 0.616238 26.6011 0.616238C26.9723 0.602301 27.3343 0.733941 27.6099 0.983084C27.742 1.10841 27.8458 1.26051 27.9143 1.42923C27.9829 1.59794 28.0146 1.77936 28.0073 1.96132C27.9808 2.30073 27.8572 2.62536 27.6512 2.89641C27.4452 3.16746 27.1656 3.37346 26.8456 3.48983C25.3379 4.20098 23.9629 5.16457 22.7798 6.33897C21.9646 7.21124 21.557 7.85321 21.557 8.26489C21.557 8.65007 21.8627 8.87631 22.4802 8.96802L22.8776 9.02915L23.3362 9.05973C24.6076 9.22963 25.7631 9.8874 26.5583 10.8939C27.3922 11.9615 27.8249 13.2879 27.7811 14.6418C27.8034 16.0978 27.2547 17.5046 26.2526 18.561C25.6919 19.1706 25.0075 19.6534 24.2452 19.9772C23.4828 20.3009 22.6601 20.458 21.8321 20.4379Z' fill='%23bed7ed'/%3E%3C/svg%3E");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: -10px;
      left: 20px; }
  #blog-primary #blog-main .row .blog-content h1,
  #blog-primary #blog-main .row .blog-content h2,
  #blog-primary #blog-main .row .blog-content h3,
  #blog-primary #blog-main .row .blog-content h4,
  #blog-primary #blog-main .row .blog-content h5,
  #blog-primary #blog-main .row .blog-content h6 {
    margin-bottom: 1em;
    color: #212529;
    font-family: "Roboto Medium";
    font-weight: bolder; }
  #blog-primary #blog-main .row .blog-content a {
    display: inline-block; }
  #blog-primary #blog-main .row .blog-content ul {
    margin-bottom: 1rem; }
  #blog-primary #blog-main .row .blog-content table,
  #blog-primary #blog-main .row .blog-content th,
  #blog-primary #blog-main .row .blog-content td {
    border: 1px solid #000000; }
  #blog-primary #blog-main .row .blog-content td {
    padding: 8px; }
  #blog-primary #blog-main .row .blog-content .doctor-consultation {
    background: linear-gradient(135deg, #f4fbf9 0%, #eef6ff 100%);
    border-top: 3px solid #7fb82d;
    border-radius: 10px;
    padding: 22px 24px;
    margin: 0 0 30px;
    display: flex;
    gap: 20px;
    align-items: flex-start; }
    @media screen and (max-width: 767px) {
      #blog-primary #blog-main .row .blog-content .doctor-consultation {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px; } }
    #blog-primary #blog-main .row .blog-content .doctor-consultation .doctor-avatar-wrap {
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 7px; }
      #blog-primary #blog-main .row .blog-content .doctor-consultation .doctor-avatar-wrap .doctor-avatar {
        width: 96px;
        height: 96px;
        border-radius: 16px;
        border: 2px solid #7fb82d;
        overflow: hidden;
        background: linear-gradient(160deg, #dff4f1 0%, #c8e8f4 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0; }
        #blog-primary #blog-main .row .blog-content .doctor-consultation .doctor-avatar-wrap .doctor-avatar img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      #blog-primary #blog-main .row .blog-content .doctor-consultation .doctor-avatar-wrap .doctor-verified {
        background: #7fb82d;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        padding: 4px 8px;
        border-radius: 10px;
        white-space: nowrap; }
    #blog-primary #blog-main .row .blog-content .doctor-consultation .doctor-info {
      flex: 1; }
      #blog-primary #blog-main .row .blog-content .doctor-consultation .doctor-info .role {
        font-size: 12px;
        font-weight: 700;
        color: #7fb82d;
        text-transform: uppercase;
        letter-spacing: 0.09em;
        margin-bottom: 4px; }
      #blog-primary #blog-main .row .blog-content .doctor-consultation .doctor-info h3 {
        font-size: 18px;
        color: #212529;
        font-family: "Roboto Medium";
        margin-bottom: 3px;
        line-height: 1.3;
        padding-left: 12px;
        border-left: 3px solid #7fb82d; }
      #blog-primary #blog-main .row .blog-content .doctor-consultation .doctor-info .specialty {
        font-size: 14px;
        color: #555550;
        margin-bottom: 10px; }
      #blog-primary #blog-main .row .blog-content .doctor-consultation .doctor-info .doctor-tags ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 6px;
        flex-wrap: wrap; }
        #blog-primary #blog-main .row .blog-content .doctor-consultation .doctor-info .doctor-tags ul li {
          background: #fff;
          border: 1px solid #e8e8e4;
          color: #555550;
          font-size: 12px;
          font-weight: 500;
          padding: 4px 10px;
          border-radius: 12px; }
#blog-primary #blog-main .row .blog-bottom .blog-same-title h2 {
  font-family: "Roboto Medium";
  color: #7fb82d;
  margin-bottom: 24px; }
#blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main {
  margin-bottom: 24px;
  height: calc(100% - 24px);
  display: flex;
  flex-direction: column; }
  #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-thumb a img {
    width: 100%;
    min-height: 170px;
    max-height: 170px;
    object-fit: cover; }
  #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-content {
    flex: 1;
    padding-top: 15px; }
    #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-content .blog-item-category a {
      color: #7fb82d;
      font-family: "Roboto Regular";
      font-size: 14px; }
    #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-content .blog-item-title h3 {
      font-size: 18px;
      font-family: "Roboto Regular"; }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-content .blog-item-title h3 {
          font-size: 13px; } }
      #blog-primary #blog-main .row .blog-bottom .blog-listing-same-archive .row .blog-item-main .blog-item-content .blog-item-title h3 a {
        color: #000; }
#blog-primary #blog-main .row #secondary a {
  box-shadow: none; }
@media screen and (min-width: 768px) {
  #blog-primary #blog-main #secondary {
    position: sticky;
    top: 60px; } }

/*# sourceMappingURL=blog.css.map */