html,
body {
  max-width: 100%;
  overflow-x: hidden;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main .layout-main,
.layout-content,
.region-content {
  flex: 1 0 auto;
}

header {
  background: #016719;
  color: white;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
}

.nav {
  background: #003366;
  color: white;
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}

.nav-left {
  color: white;
  margin-left: 15px;
  text-decoration: none;
}

.nav .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  background-color: #53a9ff;
  color: white;
  text-decoration: none;
  border-radius: 12px;
  line-height: 0.8;
  white-space: nowrap;
}

.nav .text {
  color: white;
  margin-right: 1234px;
}

@media (max-width: 1280px) {
  .nav .text {
    margin-right: 0;
  }
}

.img {
  width: 300px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.logo-wrapper {
  text-align: center;
  margin: 30px 0;
}

.logos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}

.logos img {
  max-height: 60px;
}

.hero {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 30px 0;
}

.hero-logo {
  display: block;
  height: 150px;
  width: auto;
}

.hero .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  background-color: #0c3f72;
  color: white;
  text-decoration: none;
  border-radius: 12px;
  line-height: 1;
  white-space: nowrap;
}

.info {
  flex: 1;
  background: #f5f5f5;
  padding: 2rem;
  border-radius: 5px;
}

.content {
  text-align: center;
}

.content img {
  display: inline-block;
  margin: 10px;
  max-height: 60px;
}
a.ext:hover,
a.ext:hover strong {
  color: #2f8fe8;
}
.info-wrapper {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}

footer {
  background: #016719;
  color: white;
  text-align: center;
  padding: 1rem;
  margin: 0;
  flex-shrink: 0;
}

.slider img {
  width: 100%;
  max-width: 700px;
  display: block;
  margin: 20px auto;
}

/* Limits absolute button styling to carousel buttons only */
.splide button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  border: none;
  padding: 8px;
  cursor: pointer;
}

/* Hides Splide autoplay toggle button */
.splide__toggle {
  display: none;
}

/* Makes all Layout Builder regions respect their container width */
.node__content .layout__region {
  box-sizing: border-box;
  min-width: 0;
}

/* Prevents images from forcing Layout Builder columns wider than the page */
.node__content .layout img {
  height: auto;
  display: block;
}

/* Base two-column Layout Builder behaviour */
.node__content .layout--twocol-section {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  width: 100%;
  box-sizing: border-box;
}

/* ------------------------------
   Header login menu - production ID
------------------------------ */

/* Makes the header region use full width */
.region-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex: 1 1 auto;
  min-width: 0;
}

/* Styles the production login menu block */
#block-eastmidstender-login {
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 60px;
  flex: 1 1 auto;
  min-width: 0;
  order: 1;
}

/* Supports the older/non-prod login menu ID if still present elsewhere */
#block-eastmidstender-login-2 {
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 60px;
  flex: 1 1 auto;
  min-width: 0;
  order: 1;
}

/* Login menu layout for production and non-prod IDs */
#block-eastmidstender-login ul.menu,
#block-eastmidstender-login-2 ul.menu {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  gap: 12px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
}

/* Removes default menu item spacing */
#block-eastmidstender-login ul.menu > li.menu-item,
#block-eastmidstender-login-2 ul.menu > li.menu-item {
  margin: 0;
  padding: 0;
}

/* Pushes the first login item to the left on desktop */
#block-eastmidstender-login ul.menu > li.menu-item:first-child,
#block-eastmidstender-login-2 ul.menu > li.menu-item:first-child {
  margin-right: auto;
}

/* Styles login links as buttons */
#block-eastmidstender-login ul.menu > li.menu-item > a,
#block-eastmidstender-login-2 ul.menu > li.menu-item > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  background-color: #0c3f72;
  border: 0.5px solid white;
  color: white;
  text-decoration: none;
  border-radius: 12px;
  line-height: 1.5;
  white-space: nowrap;
}

/* Adds hover/focus styling to login buttons */
#block-eastmidstender-login ul.menu > li.menu-item > a:hover,
#block-eastmidstender-login ul.menu > li.menu-item > a:focus,
#block-eastmidstender-login-2 ul.menu > li.menu-item > a:hover,
#block-eastmidstender-login-2 ul.menu > li.menu-item > a:focus {
  background-color: #2f8fe8;
  color: white;
  text-decoration: none;
}

/* Makes external-link SVG icons match login button text */
#block-eastmidstender-login ul.menu > li.menu-item > a svg,
#block-eastmidstender-login-2 ul.menu > li.menu-item > a svg {
  fill: currentColor;
  margin-left: 4px;
  width: 16px;
  height: 16px;
}

/* Places View / Edit / Delete / Layout / Revisions underneath */
#block-eastmidstender-primary-local-tasks {
  order: 2;
  width: 100%;
}

/* Mobile layout for the top login menu buttons */
@media (max-width: 1280px) {
  #block-eastmidstender-login,
  #block-eastmidstender-login-2 {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
  }

  #block-eastmidstender-login ul.menu,
  #block-eastmidstender-login-2 ul.menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 0;
    list-style: none;
  }

  #block-eastmidstender-login ul.menu > li.menu-item:first-child,
  #block-eastmidstender-login-2 ul.menu > li.menu-item:first-child {
    margin-right: 0;
  }

  #block-eastmidstender-login ul.menu > li.menu-item,
  #block-eastmidstender-login-2 ul.menu > li.menu-item {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    box-sizing: border-box;
  }

  #block-eastmidstender-login ul.menu > li.menu-item > a,
  #block-eastmidstender-login-2 ul.menu > li.menu-item > a {
    width: 100%;
    min-height: 34px;
    padding: 6px 3px;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    border-radius: 8px;
  }

  #block-eastmidstender-login ul.menu > li.menu-item > a svg,
  #block-eastmidstender-login-2 ul.menu > li.menu-item > a svg {
    width: 9px;
    height: 9px;
    margin-left: 1px;
    flex: 0 0 auto;
  }
}

/* Very small mobile layout */
@media (max-width: 480px) {
  #block-eastmidstender-login ul.menu,
  #block-eastmidstender-login-2 ul.menu {
    gap: 3px;
  }

  #block-eastmidstender-login ul.menu > li.menu-item,
  #block-eastmidstender-login-2 ul.menu > li.menu-item {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }

  #block-eastmidstender-login ul.menu > li.menu-item > a,
  #block-eastmidstender-login-2 ul.menu > li.menu-item > a {
    min-height: 30px;
    padding: 5px 2px;
    font-size: 8px;
    line-height: 1.2;
    border-radius: 7px;
  }

  #block-eastmidstender-login ul.menu > li.menu-item > a svg,
  #block-eastmidstender-login-2 ul.menu > li.menu-item > a svg {
    width: 7px;
    height: 7px;
    margin-left: 1px;
  }
}

/* Keeps spacing before external-link icons */
.menu--login .extlink-nobreak,
.menu--view-opportunities .extlink-nobreak {
  margin-left: 0.25em;
}

/* ------------------------------
   33-67 logo/carousel section
------------------------------ */

/* Gives the carousel section predictable sizing */
.node__content .layout--twocol-section--33-67 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-direction: row;
  margin-bottom: 1rem;
  width: 100%;
  box-sizing: border-box;
}

/* Sets the production 33-67 first column width */
.node__content .layout--twocol-section--33-67>.layout__region--first {
  flex: 0 0 calc(33.333% - 12px);
  max-width: calc(33.333% - 12px);
  box-sizing: border-box;
}

/* Sets the production 33-67 second column width */
.node__content .layout--twocol-section--33-67>.layout__region--second {
  flex: 0 0 calc(66.667% - 12px);
  max-width: calc(66.667% - 12px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0;
}

/* Makes the production carousel fill the 67% column */
.node__content .splide--view--carousel-block-carousel-images {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.node__content .splide--view--carousel-block-carousel-images .splide__track,
.node__content .splide--view--carousel-block-carousel-images .splide__list {
  width: 100%;
  box-sizing: border-box;
}

/* Gives each carousel slide the same desktop size */
.node__content .splide--view--carousel-block-carousel-images .splide__slide {
  width: 100%;
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 20px;
  margin-top: 10px;
  box-sizing: border-box;
}

/* Makes nested carousel wrappers fill the padded slide area */
.node__content .splide--view--carousel-block-carousel-images .views-field,
.node__content .splide--view--carousel-block-carousel-images .field-content,
.node__content .splide--view--carousel-block-carousel-images .media,
.node__content .splide--view--carousel-block-carousel-images .field--name-field-media-image,
.node__content .splide--view--carousel-block-carousel-images .field__item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* Makes all carousel images the same visible size */
.node__content .splide--view--carousel-block-carousel-images img.image-style-large {
  width: 95%;
  height: 150%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0;
}

.node__content .splide--view--carousels-block-carousel-images {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Makes old Splide internals fill the carousel width */
.node__content .splide--view--carousels-block-carousel-images .splide__track,
.node__content .splide--view--carousels-block-carousel-images .splide__list {
  width: 100%;
  box-sizing: border-box;
}

.node__content .splide--view--carousels-block-carousel-images .splide__slide {
  width: 100%;
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 20px;
  margin-top: 10px;
  box-sizing: border-box;
}

/* Keeps old carousel wrapper styles compatible */
.node__content .splide--view--carousels-block-carousel-images .views-field,
.node__content .splide--view--carousels-block-carousel-images .field-content,
.node__content .splide--view--carousels-block-carousel-images .media,
.node__content .splide--view--carousels-block-carousel-images .field--name-field-media-image,
.node__content .splide--view--carousels-block-carousel-images .field__item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* Keeps old carousel image styling compatible */
.node__content .splide--view--carousels-block-carousel-images img.image-style-large {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0;
}

/* Styles the production 50-50 layout section */
.node__content .layout--twocol-section--50-50 {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  padding: 10px;
  background: white;
  margin-bottom: 1rem;
}

/* Styles both 50-50 columns */
.node__content .layout--twocol-section--50-50 > .layout__region {
  flex: 1 1 0;
  background: rgb(236, 235, 235);
  padding: 1rem 0.75rem 0.75rem 0.75rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Keeps the heading wrapper predictable */
.node__content .layout--twocol-section--50-50 .block-heading-with-icon {
  display: flex;
  align-items: center;
  margin: 0 0 1rem 0;
}

/* Normalises 50-50 h2 spacing */
.node__content .layout--twocol-section--50-50 h2 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}

/* Improves list spacing in the 50-50 text blocks */
.node__content .layout--twocol-section--50-50 li {
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

/* Prevents paragraphs nested inside list items from adding awkward spacing */
.node__content .layout--twocol-section--50-50 li p {
  margin: 0;
}

/* Adds spacing around the one-column partner logo section */
.node__content .layout--onecol {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* Styles the production partner logos block */
.node__content .block-views-blockpartner-logos-partner-logos {
  padding: 1rem;
  box-sizing: border-box;
}

/* Removes bottom spacing from Views grids */
.node__content .view-partner-logos .views-view-grid {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Keeps partner logo rows horizontal on desktop */
.node__content .view-partner-logos .views-view-grid.horizontal .views-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Controls each partner logo column and overrides Views inline widths */
.node__content .view-partner-logos .views-view-grid.horizontal .views-col {
  flex: 0 1 16.666%;
  width: auto !important;
  min-width: 0;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  float: none;
}

/* Centers all nested partner logo wrappers */
.node__content .view-partner-logos .views-view-grid.horizontal .media,
.node__content .view-partner-logos .views-view-grid.horizontal .field,
.node__content .view-partner-logos .views-view-grid.horizontal .field__item,
.node__content .view-partner-logos .views-view-grid.horizontal .field-content,
.node__content .view-partner-logos .views-view-grid.horizontal .views-field-field-partner-logos {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Styles the partner logo links */
.node__content .view-partner-logos .views-field-field-partner-logos a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 7px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out;
}

/* Adds hover/focus feedback for partner logo links */
.node__content .view-partner-logos .views-field-field-partner-logos a:hover,
.node__content .view-partner-logos .views-field-field-partner-logos a:focus {
  background-color: rgba(215, 217, 219, 0.15);
  text-decoration: none;
}

/* Keeps partner logos contained */
.node__content .view-partner-logos .views-view-grid.horizontal img.image-style-large {
  max-width: 150px;
  max-height: 90px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* Hides empty Views columns */
.node__content .views-view-grid .views-col:not(:has(img)) {
  display: none;
}

/* Keeps compatibility with old partner grouping selectors if they appear elsewhere */
.view-grouping-content .views-view-grid {
  width: 100%;
  margin: 0;
  padding: 0;
}

.view-grouping-content .views-view-grid .views-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
}

.view-grouping-content .views-view-grid .views-col {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0;
  height: 140px;
  padding: 10px;
  margin: 0;
}

.view-grouping-content .views-view-grid .media,
.view-grouping-content .views-view-grid .field,
.view-grouping-content .views-view-grid .field__item,
.view-grouping-content .views-view-grid .field-content,
.view-grouping-content .views-view-grid .views-field-field-partner-logos {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.view-grouping-content .views-view-grid img.image-style-large {
  max-width: 150px;
  max-height: 90px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* Hides empty grouping containers where :has is supported */
.view-grouping:not(:has(img)) {
  display: none;
}

/* Keeps the heading wrapper aligned */
.block-heading-with-icon {
  display: flex;
  align-items: center;
}

/* Removes default h2 margin inside custom block headings */
.block-heading-with-icon h2 {
  margin: 0;
}

/* Makes nested icon field wrappers behave inline if icons are used */
.block-heading-icon,
.block-heading-icon .field,
.block-heading-icon .field__items,
.block-heading-icon .field__item,
.block-heading-icon .fontawesome-icons,
.block-heading-icon .fontawesome-icon {
  display: inline-flex;
  align-items: center;
}

/* Sets a sensible icon size if icons are used */
.block-heading-icon svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #53a9ff;
}

.layout--threecol-section--33-34-33 {
  display: flex;
  gap: 1rem;
  padding: 7px;
}

/* Styles each three-column region */
.layout--threecol-section--33-34-33 > .layout__region {
  flex: 1 1 0;
  background: rgb(236, 235, 235);
  padding: 6px;
}

/* Stacks three-column section on mobile */
@media (max-width: 1280px) {
  .layout--threecol-section--33-34-33 {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }
}

.menu--view-opportunities {
  margin: 0;
}

.menu--view-opportunities ul.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 120px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 10px;
}

/* Removes default menu item spacing */
.menu--view-opportunities ul.menu > li.menu-item {
  margin: 0;
  padding: 0;
}

/* Styles the View Opportunities link as a button */
.menu--view-opportunities ul.menu > li.menu-item > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  background-color: #0c3f72;
  color: white;
  text-decoration: none;
  border: 1px solid white;
  border-radius: 12px;
  line-height: 1;
  white-space: nowrap;
}

/* Hover and keyboard focus styling */
.menu--view-opportunities ul.menu > li.menu-item > a:hover,
.menu--view-opportunities ul.menu > li.menu-item > a:focus {
  background-color: #0c3f72;
  color: white;
  text-decoration: none;
}

/* Makes the external-link SVG icon match the button text colour */
.menu--view-opportunities ul.menu > li.menu-item > a svg {
  fill: currentColor;
  margin-left: 4px;
  width: 16px;
  height: 16px;
}

.views-view-grid {
  margin-bottom: 0;
  padding-bottom: 0;
}

.views-view-grid .views-row,
.views-view-grid .views-col {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0;
}

.views-view-grid img {
  display: block;
  margin-bottom: 0;
}

@media (max-width: 1280px) {
  /* Stacks all two-column sections on mobile */
  .node__content .layout--twocol-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  /* Makes 33-67 regions full width on mobile */
  .node__content .layout--twocol-section--33-67 > .layout__region--first,
  .node__content .layout--twocol-section--33-67 > .layout__region--second {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }

  /* Makes Source East Midlands logo mobile-friendly */
  .node__content .view-panacea-logo img.image-style-large {
    width: 340px;
    max-width: 92vw;
    height: auto;
    margin-top: 40px;
    justify-items: center;
  }

  /* Stacks the 50-50 text columns on mobile */
  .node__content .layout--twocol-section--50-50 {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }

  /* Makes each 50-50 column full width on mobile */
  .node__content .layout--twocol-section--50-50 > .layout__region {
    width: 100%;
  }

  /* Shows partner logos in two columns on phones */
  .node__content .view-partner-logos .views-view-grid.horizontal .views-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 18px 12px;
  }

  /* Makes partner logo columns two-per-row on phones */
  .node__content .view-partner-logos .views-view-grid.horizontal .views-col {
    width: calc(50% - 12px) !important;
    flex: 0 0 calc(50% - 12px);
    height: auto;
    min-height: 110px;
    padding: 10px 4px;
    box-sizing: border-box;
  }

  /* Keeps partner logos contained on phones */
  .node__content .view-partner-logos .views-view-grid.horizontal img.image-style-large {
    max-width: 100%;
    max-height: 105px;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  /* Mobile layout for View Opportunities compatibility */
  .menu--view-opportunities ul.menu {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
  }

  .menu--view-opportunities ul.menu > li.menu-item {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .menu--view-opportunities ul.menu > li.menu-item > a {
    width: 100%;
    max-width: 92vw;
    box-sizing: border-box;
    text-align: center;
  }
}
@media (max-width: 1280px) {
  /* Makes carousel full-width and responsive on mobile */
    .node__content .splide--view--carousel-block-carousel-images,
    .node__content .splide--view--carousels-block-carousel-images {
      width: 100%;
      max-width: 100%;
      justify-items: center;
    }

    /* Reduces carousel height on mobile */
    .node__content .splide--view--carousel-block-carousel-images .splide__slide,
    .node__content .splide--view--carousels-block-carousel-images .splide__slide {
      height: 260px;
      padding: 12px;
      margin-top: 0;
    }

    /* Keeps mobile carousel images consistently sized */
    .node__content .splide--view--carousel-block-carousel-images img.image-style-large,
    .node__content .splide--view--carousels-block-carousel-images img.image-style-large {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
}
@media screen and (max-width: 1280px) {
  .block-views-blockpanacea-logo-block-1 {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }

  .block-views-blockpanacea-logo-block-1 .views-view-grid {
    width: 100%;
    display: block;
  }

  .block-views-blockpanacea-logo-block-1 .views-row {
    width: 100%;
    display: block;
    text-align: center;
  }

  .block-views-blockpanacea-logo-block-1 .views-col {
    width: 100% !important;
    float: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .block-views-blockpanacea-logo-block-1 article.media {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .block-views-blockpanacea-logo-block-1 .field--name-field-media-image {
    width: 100%;
    text-align: center;
  }

  .block-views-blockpanacea-logo-block-1 .field__item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 100%;
  }

  .block-views-blockpanacea-logo-block-1 img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
}