/* line 6, scss/component/doctor-presentation.scss */
.doctor-presentation-container {
  margin-top: 80px;
  display: flex;
  gap: 1.5rem;
  width: 66%; }
  @media (max-width: 1199px) {
    /* line 6, scss/component/doctor-presentation.scss */
    .doctor-presentation-container {
      width: 80%; } }
  @media (max-width: 991px) {
    /* line 6, scss/component/doctor-presentation.scss */
    .doctor-presentation-container {
      margin-top: 40px;
      width: 100%; } }
  @media (max-width: 575px) {
    /* line 6, scss/component/doctor-presentation.scss */
    .doctor-presentation-container {
      flex-direction: column; } }
  /* line 25, scss/component/doctor-presentation.scss */
  .doctor-presentation-container .field--name-field-article-image {
    width: 20%; }
    @media (max-width: 575px) {
      /* line 25, scss/component/doctor-presentation.scss */
      .doctor-presentation-container .field--name-field-article-image {
        width: 50%; } }
    /* line 32, scss/component/doctor-presentation.scss */
    .doctor-presentation-container .field--name-field-article-image img {
      width: 100%;
      height: auto;
      aspect-ratio: 1 / 1;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      border-radius: 50%;
      background-color: var(--color--primary2); }
  /* line 43, scss/component/doctor-presentation.scss */
  .doctor-presentation-container .field--name-field-doctor-intro {
    width: 80%; }
    @media (max-width: 575px) {
      /* line 43, scss/component/doctor-presentation.scss */
      .doctor-presentation-container .field--name-field-doctor-intro {
        width: 100%; } }

/*# sourceMappingURL=doctor-presentation.css.map */