.doctor-information-section {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 80px 20px;
  background: #EEF2F8;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

@media (min-width: 768px) {
  .doctor-information-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 33%;
    height: 100%;
    background: #D4DEED;
    z-index: -1;
  }
}

@media (min-width: 1280px) {
  .doctor-information-section:before {
    width: 33%;
  }
}

@media (min-width: 1441px) {
  .doctor-information-section:before {
    width: 38%;
  }
}

.doctor-information-section .dflex {
  width: 100%;
  max-width: 1240px;
  display: flex;
  flex-flow: row nowrap;
  gap: 80px;
}

.doctor-information-section .doctor-img-wrap {
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.doctor-information-section .doctor-img-wrap .inner-img-wrap {
  width: 100%;
  height: 100%;
  margin-left: auto;
  overflow: hidden;
  background-size: cover !important;

  border-radius: 40px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.doctor-information-section .doctor-img-wrap img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  height: 100%;
}

.doctor-information-section .doctor-content-wrap {
  width: 100%;
  max-width: 560px;
}

.doctor-information-section .doctor-content-wrap .content-inner-wrap {
  width: 100%;
  padding-top: 20px;
  display: flex;
  flex-flow: column nowrap;
  gap: 6px;
}

.doctor-information-section .doctor-content-wrap h2 {
  margin: 0;
  color: #000;
  text-transform: capitalize;
  font-family: Lato;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.doctor-information-section .doctor-content-wrap h2 svg {
  vertical-align: top;
}


.doctor-information-section .doctor-content-wrap label {
  color: #900304;
  text-transform: uppercase;
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.84px;
}

.doctor-information-section .doctor-content-wrap .doctor-content {
  border-top: solid 1px rgba(132, 113, 155, 0.5);
  margin-top: 20px;
  padding-top: 20px;
}

.doctor-information-section .doctor-content-wrap .content-inner-wrap.wysiwyg-content {
  padding-top: 0;
}

.doctor-information-section .doctor-content-wrap .content-inner-wrap.wysiwyg-content * {
  color: #3A3A3B;
  margin: 0;
  font-family: Lato;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
}

.doctor-information-section .doctor-content-wrap .content-inner-wrap.wysiwyg-content strong {
  font-weight: 700;
}

.doctor-information-section .doctor-content-wrap .content-inner-wrap.wysiwyg-content>* {
  margin-top: 12px;
}

.doctor-information-section .doctor-content-wrap .content-inner-wrap.wysiwyg-content>*:first-child {
  margin-top: 0;
}

.doctor-information-section .doctor-content-wrap .doctor-content blockquote {
  margin-left: 0;
  background: #F6F6F6;
  padding: 12px 16px 12px 38px;
  border-radius: 0px;
  position: relative;
  margin-bottom: 20px;
  margin-right: 0;
  margin: 0;
}

.doctor-information-section .doctor-content-wrap .doctor-content blockquote::before {
  content: "";
  position: absolute;
  top: 16px;
  bottom: 16px;
  width: 6px;
  left: 16px;
  background: #041C4C;
}

.doctor-information-section .doctor-content-wrap .doctor-content blockquote * {
  color: #041C4C !important;
}

.doctor-information-section .doctor-content-wrap .doctor-content blockquote :first-child {
  margin-top: 0;
}

.doctor-information-section .doctor-content-wrap .doctor-content blockquote :last-child {
  margin-bottom: 0;
}

.doctor-information-section .doctor-content-wrap .doctor-content blockquote strong {
  font-weight: 700;
}

.doctor-information-section .doctor-content-wrap .doctor-content h6 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #000;
  margin-bottom: 12px;
}

.doctor-information-section .doctor-content-wrap .doctor-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}

.doctor-information-section .doctor-content-wrap .doctor-content ul li {
  color: #000;
  font-weight: 400;
  position: relative;
  padding-left: 32px;
}

.doctor-information-section .doctor-content-wrap .doctor-content ul li::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 5C9.02955 5 5 9.02955 5 14C5 18.9705 9.02955 23 14 23C18.9705 23 23 18.9705 23 14C23 9.02955 18.9705 5 14 5ZM17.9011 12.4782C17.9729 12.3961 18.0276 12.3004 18.0619 12.1969C18.0963 12.0933 18.1095 11.9839 18.1009 11.8752C18.0924 11.7664 18.0621 11.6605 18.012 11.5636C17.9619 11.4667 17.8929 11.3808 17.8091 11.3109C17.7253 11.2411 17.6283 11.1887 17.524 11.1569C17.4196 11.125 17.31 11.1144 17.2015 11.1256C17.0929 11.1368 16.9877 11.1695 16.8921 11.222C16.7964 11.2744 16.7122 11.3454 16.6444 11.4309L13.1262 15.6519L11.3057 13.8306C11.1514 13.6816 10.9447 13.5991 10.7302 13.601C10.5157 13.6029 10.3105 13.6889 10.1588 13.8406C10.0071 13.9923 9.92104 14.1975 9.91918 14.412C9.91731 14.6266 9.99978 14.8332 10.1488 14.9875L12.6034 17.4421C12.6838 17.5224 12.78 17.5851 12.886 17.6262C12.9919 17.6673 13.1053 17.6859 13.2189 17.6807C13.3324 17.6756 13.4436 17.6468 13.5454 17.5963C13.6472 17.5458 13.7374 17.4746 13.8102 17.3873L17.9011 12.4782Z' fill='%23900304'/%3E%3C/svg%3E%0A");
  height: 28px;
  width: 28px;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper {
  margin-top: 40px;
}

.doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper a {
  color: #fff;
  text-align: center;
  font-family: 'Lato';
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #041C4C;
  border: solid 1px #041C4C;
  padding: 22px 32px;
  border-radius: 230px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  transition: all ease 200ms;
  justify-content: center;
}

.doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper a:hover {
  background: #900304;
  border-color: #900304;
  color: #fff;
}

.doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper a .icon {
  width: 18px;
  height: 18px;
}

.doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper a svg {
  rotate: -90deg;
  transition: all 0.3s ease-in-out;
  transform-origin: center;
  width: 100%;
  height: 100%;
  display: block;
}

.doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper a.reading svg {
  rotate: 180deg;
}

.doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper .btn-outlined {
  border-color: #1a4290;
}

.doctor-information-section .doctor-content-wrap .doctor-content .extended-info {
  display: none;
  padding-top: 24px;
}

.doctor-information-section .doctor-content-wrap .doctor-content .extended-info.expanded {
  display: block;
}

.doctor-information-section .doctor-content-wrap .doctor-content .extended-info p {
  font-size: 20px;
  line-height: 30px;
  color: #3a3a3b;
}

.doctor-information-section .doctor-content-wrap .doctor-content .extended-info blockquote {
  padding: 12px 40px 12px 22px;
  border-radius: 2px;
  position: relative;
  margin: 0;
  margin-top: 24px;
}

.doctor-information-section .doctor-content-wrap .doctor-content .extended-info blockquote::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  width: 8px;
  left: 0;
  background: #543975;
}

.doctor-information-section .doctor-content-wrap .doctor-content .extended-info blockquote p {
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #000;
  margin-bottom: 0;
}

.doctor-information-section .doctor-content-wrap .credentials-list {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #3A3A3B;
}

.doctor-information-section .doctor-content-wrap .credentials-list span.separator {
  margin: 0 8px;
  font-size: 12px;
  line-height: 14px;
  color: #717174;
  position: relative;
  top: -2px;
}

.doctor-information-section .doctor-content-wrap .credentials-list p {
  color: #717174;
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.doctor-information-section .doctor-content-wrap .credentials-list p::after {
  content: "";
  position: absolute;
  background: #585858;
  width: 1px;
  height: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -12px;
}

.doctor-information-section .doctor-content-wrap .credentials-list p:last-child::after {
  content: unset;
}

.doctor-information-section.hero-doctor-info .content-inner-wrap {
  width: 100%;
  max-width: 560px;
  margin-left: auto;
}

.doctor-information-section.hero-doctor-info .content-inner-wrap p {
  color: #000;
}


@media screen and (max-width: 1279px) {
  .doctor-information-section .doctor-content-wrap h2 {
    font-size: 30px;
    line-height: 40px;
  }

}

@media screen and (max-width: 767px) {
  .doctor-information-section {
    padding: 0;
  }

  .doctor-information-section .doctor-img-wrap {
    border-radius: 20px;
    overflow: hidden;
    height: unset;
    max-height: unset;
    min-height: unset;
  }

  .doctor-information-section .dflex {
    flex-direction: column;
    gap: 0px;
    padding: 0;
  }

  .doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper a {
    width: 100%;
  }

  .doctor-information-section .doctor-img-wrap,
  .doctor-information-section .doctor-content-wrap {
    max-width: 100%;
  }

  .doctor-information-section .doctor-img-wrap img {
    display: block;
  }

  .doctor-information-section .doctor-content-wrap .content-inner-wrap {
    padding: 0;
  }

  .doctor-information-section .doctor-content-wrap .doctor-content {
    padding-top: 16px;
    margin-top: 16px;
  }

  .doctor-information-section .doctor-content-wrap .content-inner-wrap.wysiwyg-content * {
    font-size: 16px;
    line-height: 24px;
  }

  .doctor-information-section .doctor-img-wrap {
    border-radius: 0;
  }

  .doctor-information-section .doctor-img-wrap .inner-img-wrap {
    max-height: unset;
  }
}

@media (min-width: 768px) {
  .doctor-information-section .doctor-content-wrap .credentials-list p::after {
    height: 16px;
  }
}

.doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper {
  padding: 0;
}

@media (max-width: 767px) {
  .doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper {
    margin-top: 40px;
  }

  .doctor-information-section .doctor-img-wrap .inner-img-wrap {
    border-radius: 0;
    min-height: 0;
    max-height: unset;
    height: unset;
    overflow: hidden;
  }

  .doctor-information-section .doctor-content-wrap {
    padding: 40px 20px;
  }
}

@media (max-width: 1279px) {
  .doctor-information-section .doctor-content-wrap .credentials-list {
    font-size: 13px;
    line-height: 13px;
  }

  .doctor-information-section .doctor-content-wrap .credentials-list span.separator {
    margin: 0 6px;
    font-size: 8px;
    top: -1px;
  }
}

@media (max-width: 767px) {
  .doctor-information-section .doctor-content-wrap .credentials-list span.separator {
    top: -2px;
  }

  .doctor-information-section .doctor-content-wrap h2,
  .doctor-information-section .doctor-content-wrap label,
  .doctor-information-section .doctor-content-wrap .credentials-list {
    text-align: center;
  }

  .doctor-information-section .doctor-content-wrap .doctor-content .button-wrapper a {
    padding: 18px 32px;
  }

  .doctor-information-section .doctor-content-wrap .doctor-content ul li::before {
    max-width: 24px;
    height: 24px;
  }

  .doctor-information-section .doctor-img-wrap .inner-img-wrap {
    position: relative;
    top: unset;
    left: unset;
  }
}