.section-hero-with-doctor-information {
  background-color: #f2f2f2;
  overflow: hidden;
}
.section-hero-with-doctor-information .section-wrap-right {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right {
    flex-direction: column-reverse;
 }
}
.section-hero-with-doctor-information .section-wrap-right .content-left {
  width: 100%;
  max-width: 50%;
  padding: 80px;
  background: #E4EEF0;
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left {
    max-width: 100%;
    padding: 32px 20px 32px 20px;
 }
}
.section-hero-with-doctor-information .section-wrap-right .content-left label {
  margin-bottom: 8px;
  letter-spacing: 0;
}
.section-hero-with-doctor-information .section-wrap-right .content-left h1 {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left h1 br {
    display: none;
 }
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left h1 {
    margin-bottom: 20px;
    font-size: 34px;
    font-weight: 800;
    line-height: 42px; 
 }
}
.section-hero-with-doctor-information .section-wrap-right .content-left h1 span {
  color: #543975;
}
.section-hero-with-doctor-information .section-wrap-right .content-left blockquote {
  border-radius: 2px;
  margin: 0;
  margin-bottom: 20px;
  padding: 12px 12px 12px 38px;
  background: #FFF;
  position: relative;
}
.section-hero-with-doctor-information .section-wrap-right .content-left blockquote::before {
  content: '';
  width: 6px;
  background: #6BBC9F;
  position: absolute;
  left: 16px;
  top: 16px;
  bottom: 16px;
}
.section-hero-with-doctor-information .section-wrap-right .content-left blockquote * {
  color: #000!important;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 30px;
}
.section-hero-with-doctor-information .section-wrap-right .content-left ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.section-hero-with-doctor-information .section-wrap-right .content-left ul li {
  position: relative;
  padding-left: 36px;
  color: #000;
}
.section-hero-with-doctor-information .section-wrap-right .content-left ul li::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 25.5137C20.5229 25.5137 25 21.0366 25 15.5137C25 9.99083 20.5229 5.51367 15 5.51367C9.47715 5.51367 5 9.99083 5 15.5137C5 21.0366 9.47715 25.5137 15 25.5137ZM20.4312 14.0219C20.8818 13.5713 20.8818 12.8407 20.4312 12.3901C19.9807 11.9395 19.2501 11.9395 18.7995 12.3901L14.1225 17.0671L11.8462 15.3598C11.3364 14.9775 10.6131 15.0808 10.2308 15.5906C9.84842 16.1004 9.95174 16.8236 10.4615 17.206L13.5385 19.5137C13.9978 19.8582 14.6406 19.8125 15.0467 19.4065L20.4312 14.0219Z' fill='%234EAEE1'/%3E%3C/svg%3E%0A");
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  left: 0;
  /* top: 50%;
  transform: translateY(-50%); */
}
.section-hero-with-doctor-information .section-wrap-right .content-left .button-wrapper {
  margin-top: 60px;
}
@media only screen and (max-width: 1366px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .button-wrapper {
    flex-direction: column;
 }
}
@media only screen and (max-width: 1200px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .button-wrapper {
    flex-direction: row;
 }
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .button-wrapper {
    flex-direction: column;
    width: 60%;
    margin: 40px auto 0 auto;
 }
}
@media screen and (max-width: 580px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .button-wrapper {
    width: 100%;
 }
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .button-wrapper {
    margin-top: 40px;
 }
}
.section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper {
    max-width: 100%;
    display: flex;
    flex-direction: column;
 }
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper h1 {
    /* order: 1; */
 }
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper .content {
    /* order: 2; */
 }
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper .content * {
    font-size: 18px;
    line-height: 26px;
 }
}

@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper .doctor-section {
    margin-top: 4px;
    margin-bottom: 0;
 }
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper .button-wrapper {
    order: 4;
 }
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper .button-wrapper {
    margin-top: 32px;
 }
}
.section-hero-with-doctor-information .section-wrap-right .content-right {
  width: 100%;
  max-width: 50%;
  position: relative;
  display: flex;
  flex: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right .content-right {
    max-width: 100%;
    text-align: center;
    max-height: 600px;
    overflow: hidden;
    background-image: unset !important;
 }
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information .section-wrap-right .content-right {
    max-height: 240px;
    flex-direction: unset;
 }
}
.section-hero-with-doctor-information .section-wrap-right .content-right .desktop-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right .content-right .desktop-img {
    display: none;
 }
}
.section-hero-with-doctor-information .section-wrap-right .content-right .mobile-img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information .section-wrap-right .content-right .mobile-img {
    display: block !important;
 }
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information .section-wrap-right .content-right .mobile-img {
    min-height: 375px;
    -o-object-fit: cover;
       object-fit: cover;
 }
}
.section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper {
  max-width: 591px;
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper {
    max-width: 100%;
 }
}
.section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper label {
  display: block;
  margin-bottom: 16px;
  color: #2b3e50;
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper label {
    text-align: center;
    font-family: Lato;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
   /* 144.444% */
    letter-spacing: 0.72px;
    text-transform: uppercase;
    color: #2b3e50;
    width: 100%;
    max-width: 62%;
    margin: auto;
    margin-bottom: 6px;
 }
}
.section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper .content p {
  color: #141414;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper .content p {
    text-align: center;
 }
}
.section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper blockquote {
  background: #cedff0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0;
}
.section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper blockquote::before {
  background: #543975;
}
.section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper blockquote p {
  color: #543975 !important;
  margin-bottom: 0px !important;
  text-align: left !important;
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper blockquote p {
    font-size: 20px;
    line-height: 28px;
 }
}
.section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper blockquote p strong {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
.section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper .button-wrapper {
  margin-top: 48px;
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.half-img-and-content .content-left .content-wrapper .button-wrapper {
    margin-top: 24px;
 }
}
.section-hero-with-doctor-information.half-img-and-content .btn {
  padding: 18px 36px;
}
.section-hero-with-doctor-information.image-side-and-wysiwyg h2 {
  margin-bottom: 32px;
}
.section-hero-with-doctor-information.image-side-and-wysiwyg h2 span {
  color: #543975;
}
.section-hero-with-doctor-information.image-side-and-wysiwyg .img-left {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information.image-side-and-wysiwyg .img-left {
    flex-direction: column-reverse;
 }
}
.section-hero-with-doctor-information.image-side-and-wysiwyg .img-left .content-wrapper {
  max-width: 544px;
  margin-left: unset;
}
@media only screen and (max-width: 1024px) {
  .section-hero-with-doctor-information.image-side-and-wysiwyg .img-left .content-wrapper {
    max-width: 100%;
 }
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.image-side-and-wysiwyg .content-right {
    max-height: 100%;
 }
}
.section-hero-with-doctor-information.image-side-and-wysiwyg .content-left {
  background: #fdfdfd;
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.about-page-hero .section-wrap-right {
    flex-direction: column;
 }
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.about-page-hero .section-wrap-right .content-right {
    max-height: 390px;
 }
}
.section-hero-with-doctor-information.about-page-hero .desktop-img {
  -o-object-position: top;
     object-position: top;
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper {
  margin-left: unset !important;
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper .content p {
  color: #3a3a3b;
  margin-bottom: 20px;
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper blockquote {
  background: #5e4a76;
  padding: 16px 16px 16px 38px;
  position: relative;
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper blockquote:before {
  content: '';
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 18px;
  width: 6px;
  background-color: #fff !important;
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper blockquote p {
  margin-bottom: 0 !important;
  color: #fff f !important;
  font-family: Lato;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.about-page-hero .content-wrapper blockquote p {
    font-size: 18px !important;
    line-height: 26px !important;
 }
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper blockquote p strong {
  font-size: 18px !important;
  line-height: 26px !important;
  font-weight: 700;
  color: #fff !important;
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper label {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #543975;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.about-page-hero .content-wrapper label {
    font-weight: 800;
 }
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper .doctor-title {
  color: #3a3a3b;
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.about-page-hero .content-wrapper .doctor-title {
    font-weight: 600;
    max-width: 74%;
 }
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper .doctor-info {
  border-bottom: solid 1px #000;
  padding-bottom: 20px;
  margin-bottom: 32px;
  display: flex;
  gap: 6px;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.about-page-hero .content-wrapper .doctor-info {
    align-items: center;
    text-align: center;
    padding-bottom: 16px;
 }
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper .doctor-info h2 {
  margin-bottom: 0;
  display: flex;
  gap: 8px;
}
@media only screen and (max-width: 767px) {
  .section-hero-with-doctor-information.about-page-hero .content-wrapper .doctor-info h2 {
    font-size: 22px;
    line-height: 30px;
 }
}
.section-hero-with-doctor-information.about-page-hero .content-wrapper .doctor-info h2 svg {
  margin-top: 6px;
}

.doctor-section {
  display: flex;
  gap: 12px;
  margin-top: 40px;
  align-items: center;
}
@media only screen and (max-width: 425px) {
  .doctor-section {
    padding: 12px;
 }
}
.doctor-section .doctor-img-wrap {
  display: flex;
  flex-direction: column;
  border-radius: 100%;
  overflow: hidden;
  min-width: 80px;
  height: 80px;
  align-items: center;
  background: #c6c4cc;
}
.doctor-section .doctor-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.doctor-section .doctor-details {
  width: 100%;
}
.doctor-section .doctor-details h6 {
  color: #000000;
  font-size: 26px;
  font-weight: 800;
  line-height: 32px;
  display: flex;
  gap: 5px;
  margin-bottom: 0;
}
.doctor-section .doctor-details h6 a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
}
.doctor-section .doctor-details h6 a:hover {
  text-decoration: underline;
}
.doctor-section .doctor-details p {
  color: #9B9B9B;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.28px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .doctor-section .doctor-details h6 {
    font-size: 20px;
    line-height: 28px;
 }
 .doctor-section .doctor-img-wrap {
  width: 60px;
  height: 60px;
  min-width: 60px;
 }
 .doctor-section .doctor-details p {
  font-size: 10px;
  line-height: 16px;
 }
}
.doctor-section .doctor-details h6 img {
  width: 13px;
  height: 12px;
}
.doctor-section .doctor-details label {
  color: #616161;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 1.08px;
  text-transform: uppercase;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
  .doctor-section .doctor-details label {
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
 }
}
.doctor-section .credentials-list {
  display: flex;
  row-gap: 0;
  -moz-column-gap: 16px;
       column-gap: 16px;
  flex-wrap: wrap;
}
.doctor-section .credentials-list p {
  font-size: 16px;
  line-height: 24px;
  color: #949496;
  position: relative;
  letter-spacing: 0.96px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .doctor-section .credentials-list p {
    font-size: 10px;
    line-height: 16px;
 }
 .doctor-section .doctor-details {
  width: 100%;
  display: flex;
  flex-direction: column;
}
}
.doctor-section .credentials-list p::after {
  content: '';
  position: absolute;
  background: #bebebe;
  width: 1px;
  height: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -10px;
}
.doctor-section .credentials-list p:last-child::after {
  content: unset;
}
@media only screen and (max-width: 767px) {
  .doctor-section .credentials-list p:nth-child(2)::after {
    content: unset;
 }
 .section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper .doctor-section {
  padding: 0;
 }
}

.doctor-section:hover .doctor-details h6 .doc_name {
  text-decoration: underline;
}
.section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper .buttons-wrapper {
  margin-top: 40px;
}
.section-hero-with-doctor-information .section-wrap-right .content-left .content-wrapper .buttons-wrapper .site-btn {
  padding: 24px 32px;
}