.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;
  color: #000;
  font-family: 'Lato', sans-seri;
  font-size: 44px;
  font-style: normal;
  font-weight: 800;
  line-height: 52px; /* 118.182% */
  text-transform: capitalize;
}
@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 label {
    text-align: center;
  }
  .section-hero-with-doctor-information .section-wrap-right .content-left h1 {
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 800;
    line-height: 36px;
    text-align: center;
 }
}
.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: #00738C;
  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='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21C16.4183 21 20 17.4183 20 13C20 8.58172 16.4183 5 12 5C7.58172 5 4 8.58172 4 13C4 17.4183 7.58172 21 12 21ZM16.345 11.8066C16.7055 11.4461 16.7055 10.8616 16.345 10.5011C15.9845 10.1407 15.4001 10.1407 15.0396 10.5011L11.298 14.2427L9.47692 12.8769C9.06908 12.571 8.4905 12.6537 8.18462 13.0615C7.87873 13.4694 7.96139 14.048 8.36923 14.3538L10.8308 16.2C11.1983 16.4756 11.7125 16.4391 12.0373 16.1143L16.345 11.8066Z' fill='%2300738C'/%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 {
    -o-object-fit: contain;
       object-fit: contain;
 }
}
.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;
}