html {
  font-size: 16px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: normal;
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-variation-settings: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #7952b3;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 121, 82, 179;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #302148;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #e4dcf0;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #c9bae1;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #333;
  --bs-body-color-rgb: 51, 51, 51;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(51, 51, 51, 0.75);
  --bs-secondary-color-rgb: 51, 51, 51;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(51, 51, 51, 0.5);
  --bs-tertiary-color-rgb: 51, 51, 51;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #333;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.4rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #7952b3;
  --bs-form-valid-border-color: #7952b3;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

/* --- start of color --- */
.text-pink {
  color: var(--bs-pink);
}

.bg-pink {
  background-color: var(--bs-pink);
}

.border-pink {
  border-color: var(--bs-pink);
}

/* --- end color --- */

body {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  color: #000;
  overflow-x: hidden;
}

.text,
address,
blockquote,
body,
ol,
p,
pre,
table,
ul {
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
}

header {
  z-index: 9 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

h3 {
  font-size: 2rem;
}

/* h3.fw-bold {
  font-size: 40px;
} */

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.flex-1 {
  flex: 1 1 0%;
}

.border-r-gray {
  border-right: 1px solid rgb(224 224 224/1);
}

.text-xs {
  font-size: 0.75rem;
  /* 12px */
  line-height: 1rem;
  /* 16px */
}

.text-sm {
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.25rem;
  /* 20px */
}

.text-xl {
  font-size: 1.25rem;
  /* 20px */
  line-height: 1.75rem;
  /* 28px */
}

body.toolbar-horizontal header {
  top: 40px;
}

body.gin--horizontal-toolbar header {
  top: 53px;
}

ul[data-block="right_menu"] {
  flex-direction: row;
}

ul[data-block="right_menu"] li {
  float: left;
  margin-left: 1rem;
}

ul[data-block="right_menu"] li:first-child {
  margin-left: 0;
}

ul[data-block="right_menu"] li a {
  /* border: solid 1px #cb2586 !important; */
  border: none !important;
  color: #000 !important;
  /* padding: 0.5rem 1rem !important; */
  padding: 0 !important;
  /* border-radius: 0.46rem; */
}

/* ul[data-block="right_menu"] li:nth-child(2) a,
ul[data-block="right_menu"] li a:hover {
  border: solid 1px #cb2586;
  color: white !important;
  background-color: #cb2586 !important;
} */
ul[data-block="right_menu"] li a:hover {
  color: #cb2586 !important;
}

#block-azaleabs-branding {
  padding: 0;
}

.msubmenu-product {
  width: 100%;
}

nav.main.navbar-we-mega-menu {
  margin: 0;
  background-color: transparent;
}

nav.main.navbar-we-mega-menu .container-fluid {
  padding-left: 0;
  padding-right: 0;
  justify-content: left;
}

nav.main.navbar-we-mega-menu .we-mega-menu-ul > .we-mega-menu-li {
  border: none;
}

nav.main.navbar-we-mega-menu .we-mega-menu-ul > .we-mega-menu-li > a,
nav.main.navbar-we-mega-menu .we-mega-menu-ul > .we-mega-menu-li > a:focus,
nav.main.navbar-we-mega-menu .we-mega-menu-ul > .we-mega-menu-li > a:hover {
  background-color: transparent;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
}

.svg_intro_wrapper {
  position: absolute;
  /* left: 5rem; */
  bottom: -150px;
  display: none;
}

@media (min-width: 1024px) {
  h3 {
    font-size: 2.5rem;
  }

  .svg_intro_wrapper {
    display: block;
  }
}

#heroBanner .hero-headline {
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#heroBanner .banner-headline,
#heroBanner .banner-headline-report {
  position: absolute;
  font-family: "Open Sans", sans-serif;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  left: 50%;
}

.hero-img {
  display: block !important;
}

.hero-img > .field {
  display: flex;
  height: 100%;
  align-items: center;
}

#heroBanner .banner-headline .title,
.hero-img .banner-headline h1 {
  font-size: 2.5rem;
  line-height: 1.25;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
}

#heroBanner .banner-headline-report .title {
  font-size: 3.75rem;
  line-height: 1.25;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 1024px) {
  #heroBanner .banner-headline .title,
  .hero-img .banner-headline h1 {
    font-size: 4rem;
  }
}

#heroBanner .banner-headline p,
#heroBanner .banner-headline-report p {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 1024px) {
  #heroBanner .banner-headline .title,
  .hero-img .banner-headline h1 {
    font-size: 5rem;
  }

  #heroBanner .banner-headline-report .title {
    font-size: 5rem;
  }

  #heroBanner .banner-headline p,
  #heroBanner .banner-headline-report p {
    font-size: 2rem;
    line-height: 1.25;
  }
}

#heroBanner .banner-headline-report .title {
  font-size: 4rem;
  line-height: 1.25;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
}

#heroBanner .banner-headline-report p {
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
}

.view-display-id-page_1 {
  display: none;
}

body.path-about .container-fluid,
body.page-node-type-page main .container-fluid,
body.page-node-type-page main .container,
body.webform_contact_us main .container,
body.form_contact-us main .container {
  padding: 0;
}

#block-azaleabs-bgabout {
  height: 70vh;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(/sites/default/files/2024-05/bg_about.jpeg);
  background-color: #5a5a5a;
}

/* about-us */

#block-azaleabs-bgcontactus h2,
#block-azaleabs-contactus .container h2 {
  /* font-size: 61px; */
  font-size: 3rem;
}

@media (min-width: 1024px) {
  #block-azaleabs-bgcontactus h2,
  #block-azaleabs-contactus .container h2 {
    font-size: 5rem;
  }
}

#block-azaleabs-footer ul.navbar-nav {
  width: 100%;
  margin: 0 -0.5rem;
  padding: 0;
  display: inline-block;
}

#block-azaleabs-footer ul.navbar-nav > li.nav-item {
  width: fit-content;
  display: inline-block;
}

.bg-carousel {
  background-color: #efefef;
  margin-bottom: 20px;
  height: 100vh;
  overflow: hidden;
}

.bg-news {
  /* background-position: 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #ffffff 30%, #ffffff00 100%),
    url("/sites/default/files/img/2024_Company News.jpg");
  background-color: #5a5a5a; */
  /* min-height: 60vh; */
  background-color: #ec0055;
  color: #fff;
}

.md-ps-5 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin: auto;
}

.hero-right-content {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin: auto;
}

@media (min-width: 1024px) {
  /* .hero-product {
    padding-left: 5rem;
  } */
  .hero-product .left-column p {
    font-size: 1.25rem;
  }

  .hero-right-content {
    padding-left: 4rem;
    padding-right: 9rem;
  }
}

.container-fluid-right {
  padding-left: calc(1.5rem * 0.5);
  padding-right: calc(1.5rem * 0.5);
}

@media (min-width: 576px) {
  .container-fluid-right {
    padding-left: calc(((100% - 540px) / 2) + (1.5rem * 0.5));
  }
}

@media (min-width: 768px) {
  .container-fluid-right {
    padding-left: calc(((100% - 720px) / 2) + (1.5rem * 0.5));
  }
}

@media (min-width: 992px) {
  .container-fluid-right {
    padding-left: calc(((100% - 960px) / 2) + (1.5rem * 0.5));
    padding-right: 0;
  }
}

@media (min-width: 1200px) {
  .container-fluid-right {
    padding-left: calc(((100% - 1140px) / 2) + (1.5rem * 0.5));
  }
}

@media (min-width: 1400px) {
  .container-fluid-right {
    padding-left: calc(((100% - 1320px) / 2) + (1.5rem * 0.5));
  }
}

@media (min-width: 1536px) {
  .container-fluid-right {
    /* padding-left: 10%; */
    padding-left: calc(((100% - 1440px) / 2) + (1.5rem * 0.5));
  }

  .container-3xl-center {
    max-width: 80%;
    margin: 0 auto;
    padding-left: calc(1.5rem * 0.5);
  }
}

@media (min-width: 1024px) {
  .bg-product {
    margin-bottom: 20px;
  }

  .news-section {
    background-repeat: no-repeat;
    background-image: url("/sites/default/files/img/bg_news.jpg");
    background-size: cover;
    background-position: 50%;
  }

  .news-bottom {
    min-height: 80px;
  }
}

.footer_bottom p {
  margin: 0;
  /* padding: 0.5rem; */
}

/* .footer-copyright p {
  padding: 0.5rem;
} */

#block-azaleabs-views-block-company-news-front-news .view-content {
  overflow-y: auto;
  /* max-height: 460px; */
}

.news-item {
  border-bottom: solid 1px #cdb98a;
  margin-bottom: 40px;
}

.news-row:last-child .news-item {
  /* border-bottom: none; */
}

a.news-link {
  width: 100%;
  text-decoration: none;
  color: #000;
  padding-top: 0.5rem;
  padding-bottom: 20px;
  font-size: 1rem;
  font-weight: 700;
}

a.news-link:hover {
  color: #414141;
  cursor: pointer;
}

.view-company-news:hover a.news-link,
.view-reports:hover a.news-link {
  color: #9e9e9e !important;
}

.view-company-news:hover .views-row:hover a.news-link,
.view-reports:hover .views-row:hover a.news-link {
  color: #414141 !important;
}

.view-company-news h3 {
  margin-bottom: 1.5rem;
}

.news-item-bottom .bi-arrow-up-right {
  color: #cb2586;
}

.news-category {
  background-color: white;
  padding: 2px 6px;
  border-radius: 8px;
  color: #cb2586;
}

.news-category a {
  text-decoration: none;
  color: #cb2586;
}

.news-created {
  opacity: 0.4;
}

.news-category,
.news-created {
  flex-shrink: 1;
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 1024px) {
  a.news-link {
    font-size: 1.25rem;
  }

  .news-category,
  .news-created {
    font-size: 1.125rem;
  }
}

.top-footer {
  background-color: #f5f5f5;
}

.path-frontpage .top-footer {
  margin-top: -8px;
}

.footer_col_3 ul.navbar-nav,
.footer_col_2 ul.navbar-nav {
  width: 100%;
}

footer.footer_bottom {
  background-color: #f5f5f5;
  padding: 0;
}

.path-frontpage .block .container {
  padding: 0;
}

.path-frontpage .region-content {
  padding: 0;
}

.platform-title {
  width: 630px;
  max-width: 100%;
  margin: 0 auto;
}

.text-dark {
  color: #9e9e9e !important;
}

.iconlink {
  width: 24px;
  height: 24px;
}

.iconlink svg {
  width: 24px;
  height: 24px;
}

#webform-submission-contact-us-add-form {
  padding-top: 40px;
}

#edit-leftcon {
  max-width: 512px;
}

#edit-leftcon .iti.iti--allow-dropdown {
  width: 100%;
}

#edit-leftcon .form-control {
  font-size: 15px !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: solid 1px #aaa !important;
}

#edit-leftcon .form-textarea,
#edit-leftcon .form-email,
#edit-leftcon .form-tel,
#edit-leftcon .form-text {
  padding: 0.5rem !important;
}

#edit-leftcon .form-select {
  padding-top: 0 !important;
  padding-left: 0.5rem !important;
}

#edit-leftcon #edit-actions-submit {
  background: none;
  border-radius: 0;
  border: solid 1px #aaa;
  color: #222;
  padding: 1rem 1.5rem;
}

#edit-leftcon #edit-actions-submit:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
}

#edit-right-markup h3 {
  font-size: 31px;
}

ul#linkSosmed {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: right;
  list-style: none;
}

ul#linkSosmed > li {
  float: left;
  width: fit-content;
  padding: 0 4px;
}

ul#linkSosmed > li > a:hover {
  background-color: #55414a;
}

#linkSosmed i.bi {
  font-size: 24px;
  color: white;
}

#drupal-off-canvas label {
  color: white;
}

#drupal-off-canvas *,
#drupal-off-canvas *:not(div) {
  color: white;
}

#drupal-off-canvas-wrapper .button.dialog-cancel {
  margin-top: 20px;
  padding: 10px 5px;
  border-radius: 10px;
}

#drupal-off-canvas textarea,
#drupal-off-canvas select,
#drupal-off-canvas input[type="date"],
#drupal-off-canvas input[type="datetime"],
#drupal-off-canvas input[type="datetime-local"],
#drupal-off-canvas input[type="email"],
#drupal-off-canvas input[type="month"],
#drupal-off-canvas input[type="number"],
#drupal-off-canvas input[type="password"],
#drupal-off-canvas input[type="search"],
#drupal-off-canvas input[type="tel"],
#drupal-off-canvas input[type="text"],
#drupal-off-canvas input[type="time"],
#drupal-off-canvas input[type="url"],
#drupal-off-canvas input[type="week"] {
  color: white;
  border: 2px solid #eee;
}

body.path-taxonomy main,
body.path-user main,
body.path-admin main,
body.page-node-type-sub-sustainability main,
body.page-node-type-news main {
  padding-top: 135px;
  padding-bottom: 30px;
}

/* body.gin--navigation header {
  top: 10px;
} */

#block-azaleabs-aboutazalea-2 {
  margin-top: 40px;
}

/* TB megamenu */
#block-azaleabs-tbmegamenu {
  border: none;
}

#tbm-main {
  width: 100% !important;
}

.submenu-product {
  border: none;
  width: 100% !important;
}

.tbm-submenu {
  border: none;
  left: 0;
}

.tbm-item.level-1.open > .tbm-submenu {
  width: 100vw !important;
}

.tbm-submenu.tbm-item-child {
  width: 100%;
  top: 75px !important;
  /* box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1) !important; */
  box-shadow: 2px 5px 2px -1px rgba(0, 0, 0, 0.1) !important;
}

ul.tbm-nav {
  background: none !important;
}

.tbm-block ul.navbar-nav li.nav-item .nav-link {
  padding-left: 0;
  font-size: 1rem;
}

.tbm-submenu-toggle {
  background-color: white;
  width: auto;
  margin-left: -10px;
}

.tbm-submenu-toggle:hover {
  background-color: white;
}

.tbm-nav .tbm-item.level-1 {
  border: none !important;
  background: white !important;
}

.tbm-link.level-1 {
  text-decoration: none !important;
  font-size: 1.125rem !important;
}

.tbm-link.level-1.tbm-toggle {
  background: white !important;
}

.tbm-link.level-1:hover {
  background: white !important;
  color: #9c2855 !important;
}

.tbm-item--has-dropdown.open {
  border-bottom: solid 1px #9c2855;
}

.tbm-link.level-1 {
  padding: 0.5rem 0;
}

@media (min-width: 1024px) {
  .tbm-link.level-1 {
    padding: 1rem 1.25rem;
  }
}

/* TB megamenu */

.ui-dialog:not(.ui-dialog-off-canvas) {
  background: white;
  z-index: 1260;
  opacity: 1;
  overflow: visible;
  background: #fff !important;
  border-radius: 0.5rem !important;
  padding-bottom: 3rem;
}

.ui-dialog .ui-dialog-titlebar {
  border-radius: 0.5rem 0.5rem 0 0 !important;
}

.ui-dialog .ui-widget-content.ui-dialog-content {
  background: #fff !important;
  border-radius: 0 0 0.5rem 0.5rem !important;
  max-height: 500px !important;
  padding: 0 3rem !important;
}

.text-gray-2 {
  color: #9e9e9e !important;
}

.bg-report {
  height: 60vh;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.page-tabs .nav-tabs .nav-link {
  color: #000;
  /* font-size: 1.125rem; */
  font-size: 1rem;
  border: none;
  border-bottom: 5px solid #fff !important;
  border-radius: 0;
  text-wrap: nowrap;
}

li.nav-item .nav-link:hover,
.page-tabs .nav-tabs .nav-link.active,
.page-tabs .nav-tabs .nav-link.active:hover,
.page-tabs .nav-tabs .nav-link.active:focus,
.page-tabs .nav-tabs .nav-link.active:visited {
  color: #cb2586;
}

.bond-information-wrapper.page-tabs .nav-tabs .nav-link {
  font-size: 1.25rem;
  padding: 0.5em 0.75em;
}

.bond-information-wrapper.page-tabs .nav-tabs .nav-link.active {
  font-weight: 700;
}

@media (min-width: 1024px) {
  .bond-information-wrapper.page-tabs .nav-tabs .nav-link {
    font-size: 1.9375rem;
    padding: 0.5em 1em;
  }
}

.page-tabs .nav-tabs .nav-link.active,
.page-tabs .nav-tabs .nav-item.show .nav-link {
  border: none;
  border-bottom: 5px solid #cb2586 !important;
  border-color: #cb2586;
  color: #cb2586 !important;
}

.tbm--mobile-show > .tbm-collapse {
  /* filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); */
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.17))
    drop-shadow(0 0 0 rgba(255, 255, 255, 0));
}

.sm-menu {
  display: block !important;
}

.sm-menu a {
  /* text-align: center;
  align-items: center;
  justify-content: center;
  margin: 16px auto;
  border: solid 1px #cb2586 !important;
  color: #cb2586 !important;
  padding: 6px 12px;
  border-radius: 0.46rem; */
  text-align: left;
  border: none !important;
  color: #000 !important;
  margin: 0 0 10px;
  padding: 0;
}

.sm-menu a:hover {
  /* color: white !important;
  background-color: #cb2586 !important; */
  color: #cb2586 !important;
}

@media (min-width: 1024px) {
  .sm-menu {
    display: none !important;
  }
}

/* TB megamenu */

/* reset */
button.btn,
a.btn {
  background-color: transparent;
  border-radius: 0;
  padding: 0.5rem 1rem;
  border: 1px solid #000;
  color: #333;
}

.btn-primary,
.btn:hover,
.button:hover,
button.link:hover {
  color: black;
  background-color: transparent;
  border-color: black;
  border-radius: 0;
}

.btn-primary:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
}

button.btn-ghost {
  padding: 0.5rem 1rem;
  border: none;
  background: none;
  text-align: left;
  display: flex;
}

.btn-primary {
  color: #000 !important;
}

.btn-primary:hover {
  color: #cb2586;
}

.text-primary {
  color: #cb2586 !important;
}

.form-control {
  border-radius: 0;
}

/* reset */

/* ultimenu */
/* #block-azaleabs-astreamenu-3-menu,
#block-azaleabs-altriummenu-3-menu {
  font-weight: 700;
  font-size: 1.25rem;
}

.ultimenu__link {
  color: var(--bs-body-color) !important;
}

.ultimenu__link:hover {
  color: #cb2586 !important;
  cursor: pointer;
}

.ultimenu--htb .ultimenu__region {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.ultimenu--basic > li:hover .ultimenu__region {
  padding-bottom: 10px;
}

.ultimenu--basic .ultimenu__region {
  padding: 10px 15px 0 !important;
}

.ultimenu--basic .ultimenu__flyout {
  background-color: white;
  border-radius: 0 0 0 0 !important;
  padding: 10px 0 5px !important;
}

.ultimenu__flyout {
  border-radius: 0 0 0 0 !important;
  padding: 10px 0 5px !important;
}

.ultimenu__item.has-ultimenu {
  border: solid 1px white;
}

.ultimenu__item:hover .ultimenu__link {
  color: #cb2586;
}

.ultimenu__item.has-ultimenu .ultimenu__link:after {
  display: inline-block;
  margin-left: 0.6em;
  vertical-align: 0.3em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  border-left: 0.3em solid rgba(0, 0, 0, 0);
}

.ultimenu__item.has-ultimenu:hover .ultimenu__flyout {
  -webkit-transform: none !important;
  transform: none !important;
}

.region-ultimenu-main-products {
  display: flex;
  justify-content: start;
  gap: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 100% !important;
}

ul[data-block="ultimenu_main_products"] li {
  display: block;
  width: 100% !important;
}
ul[data-block="ultimenu_main_products"] li .nav-link {
  padding-left: 0 !important;
}

ul[data-block="ultimenu_main_products"] li .nav-link:hover {
  color: #cb2586;
}

@media (max-width: 1024px) {
  body.gin--horizontal-toolbar header {
    top: 39px !important;
  }

  .is-ultidesktop .is-ultihover > li {
    display: block !important;
  }

  #ultimenu-main {
    padding-left: 0 !important;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .ultimenu > li > .ultimenu__link {
    padding-left: 5px !important;
    padding-top: 10px !important;
  }

  .ultimenu__item.has-ultimenu:hover .ultimenu__flyout {
    top: 70px !important;
    padding: 10px !important;
    border-radius: 0 0 0 0 !important;
    left: 50% !important;
    z-index: 88 !important;
    width: 100vw !important;
    top: 50px !important;
    padding: 10px !important;
    left: -45% !important;
  }

  .region-ultimenu-main-products {
    background-color: white;
    border: solid 1px red;
  }
} */

/* ultimenu */

/* tb-megamenu */
.tbm-submenu-toggle:hover,
.tbm-submenu-toggle:focus {
  background-color: transparent !important;
}

/* .tbm.tbm--mobile .tbm-collapse {
  display: none;
  position: absolute;
  top: 100%;
  width: 100vw;
  left: 0;
  transform: translate(-70%, 0);
  z-index: 999;
  background-color: white;
} */
.tbm.tbm--mobile .tbm-collapse {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: white;
}

.tbm.tbm--mobile .tbm-nav {
  padding-left: 16px;
  padding-right: 16px;
}

.tbm.tbm--mobile .tbm-block {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.tbm.tbm--mobile .tbm-submenu-toggle {
  border-left: none !important;
}

.tbm.tbm--mobile .tbm-submenu {
  border-top: none !important;
}

#head-wrap {
  align-items: center;
}

.tbm-submenu.tbm-item-child {
  box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.15) !important;
}

@media (max-width: 1024px) {
  .tbm-submenu.tbm-item-child {
    box-shadow: none !important;
  }

  body.gin--horizontal-toolbar header {
    top: 40px !important;
  }

  .tbm-submenu .container {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .tbm-item.level-1.open .tbm-toggle {
    border-bottom: none !important;
  }

  .block-menu h5 {
    font-size: large !important;
  }

  #head-right-menu {
    display: none;
  }

  #block-azaleabs-mainnavigation .contextual {
    right: -15px !important;
  }
}

/* tb-megamenu */

/* privacy-statement terms-of-use */
body.terms-of-use main,
body.privacy-statement main {
  padding-top: 130px;
}

body.terms-of-use #main-content,
body.privacy-statement #main-content {
  padding-left: 10px;
  padding-right: 10px;
}

body.page-node-type-page #block-azaleabs-page-title {
  color: #cb2586;
}

/* privacy-statement terms-of-use */

.path-frontpage .pager__item.is-active {
  display: none;
}

.path-frontpage .pager__item {
  padding: 0;
  padding: 0 1rem 0 0;
  display: inline-block;
}

.path-frontpage .pager__item:last-child {
  padding: 0;
}

.path-frontpage .pager__item a {
  text-decoration: none;
  font-size: xx-large;
  font-size: 3rem;
  color: #cb2586;
}

.path-frontpage ul.pager__items {
  padding-left: 0;
  text-align: left;
}

/* .path-frontpage .bef-links ul li {
  list-style: none;
  display: inline-block;
  margin-right: 3rem;
} */

/* .path-frontpage .bef-links ul li a {
  text-decoration: none;
  color: #aaa;
  padding: 0px 5px 10px 0px;
  font-size: 24px;
  font-weight: 600;
} */
.product-section ol,
.product-section ul {
  padding: 0;
}

.path-frontpage .bef-links ul {
  display: flex;
  justify-content: center;
}

.path-frontpage .bef-links ul li {
  margin: 0 10px;
  list-style: none;
}

.path-frontpage .bef-links ul li a {
  color: #2223;
  text-decoration: none;
  padding: 5px 10px 0;
  font-size: 2rem;
  font-weight: 600;
}

@media (min-width: 1024px) {
  .path-frontpage .bef-links ul li a {
    font-size: 2.5rem;
  }
}

@media (min-width: 1536px) {
  .path-frontpage .bef-links ul li a {
    font-size: 3rem;
  }
}

.path-frontpage .views-view-responsive-grid__item-inner {
  position: relative;
}

.path-frontpage .product-caption {
  /* background-color: rgba(0, 0, 0, 0.5); */
  text-align: left;
  color: white;
  width: 50%;
}

.path-frontpage .product-caption:before {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: inherit;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}

.path-frontpage .product-caption .product {
  position: relative;
}

.path-frontpage .product-title {
  font-size: 1.25rem;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px white;
  display: block;
}

.path-frontpage .product-title {
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.path-frontpage .bef-links ul li a.bef-link--selected {
  border-bottom: solid 1px #cb2586;
  color: #cb2586;
}

.path-frontpage .form-item-field-category {
  margin-top: 0;
  margin-bottom: 0;
}

.back-to-top {
  display: none;
}

.view-product {
  overflow: hidden;
}

.view-product .view-header {
  padding: 0 1.5rem;
}

.product-section ul {
  margin-bottom: 0;
}

.view-product .view-header h2 {
  display: none;
}

.view-product .view-header p {
  /* font-size: calc(1.275rem + 0.3vw) !important; */
  font-size: 1rem !important;
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .view-product .view-header p {
    font-size: 1.5rem !important;
  }
}

.block-tab-product .views-view-responsive-grid--horizontal {
  --views-responsive-grid--column-count: 1 !important;
}

@media (min-width: 1024px) {
  .block-tab-product .views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 3 !important;
  }
}

/* burger menu */
.tbm-button {
  margin: 0;
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
}

.tbm-button-container {
  width: 2rem;
  height: 1.5rem;
}

.tbm-button-container span {
  height: 0.24rem;
}

/* tabs page */
.page-tabs {
  overflow: hidden;
}

.page-tabs .nav-tabs {
  overflow: hidden;
  overflow-x: auto;
}

.p-05rem {
  padding: 0 0.5rem;
}

.webform-flexbox .webform-flex {
  padding: 0 1rem;
}

/* .richcontent */
.richcontent,
.page-content {
  margin-bottom: 2rem;
  position: relative;
}

.richcontent h2,
.page-content-view h2 {
  margin-bottom: 10px;
}

.richcontent table,
.page-content-view table {
  width: 100% !important;
  margin: 0 !important;
}

.richcontent table thead,
.page-content-view table thead {
  background-color: #cdb98a;
}

.richcontent table tr td,
.page-content-view table tr td {
  font-size: 12px;
  /* padding: 4px 8px; */
  padding: 8px;
  vertical-align: top;
}

.richcontent img,
.page-content-view img {
  max-width: 100% !important;
  height: auto !important;
}

.richcontent a,
.page-content-view a {
  color: #cb2586;
}

.path-frontpage .product-desc p {
  margin: 0;
}

@media (min-width: 1024px) {
  .richcontent table tr td,
  .richcontent table tr td {
    font-size: 14px;
  }

  .path-frontpage .product-caption {
    width: 40%;
  }
}

/* footer */
.top-footer .nav-item a {
  position: relative;
  display: inline-flex;
  /* padding-left: .25rem; */
  padding-left: 0;
  padding-right: 0;
  align-items: center;
}

footer,
footer p,
footer .nav-link,
.top-footer p,
.top-footer .nav-link {
  font-size: 1rem;
}

footer p {
  padding: 0;
}

.top-footer .nav-item a:before {
  content: "\f285";
  margin-right: 5px;
  font-size: 12px;

  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* animation */
/* 1. Hero Image (animation) */
#heroBanner .banner-headline .title,
.hero-img .banner-headline h1,
.hero-product .left-column h1 {
  animation: slide-down 0.5s linear;
}

#heroBanner .banner-headline p,
.hero-product .left-column p {
  animation: slide-up 0.5s linear;
}

/* 2. Footer link */
.top-footer .nav-link:hover:before {
  font-weight: 700;
}

.top-footer .nav-link:after {
  background-color: #111;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.top-footer .nav-link:hover:after {
  transform: scaleX(1);
  transform-origin: 0 50%;
}

/* 3. Hero Image (x Homepage) */
.hero-img .container:first-child h1 {
  animation: slide-down 0.5s linear;
}

.hero-img .container:first-child p {
  animation: slide-up 0.5s linear;
}

/* 4. Banner blurred transition */
#heroBanner,
#block-azaleabs-bgaboutus,
.hero-img {
  background-color: #66635b;
  animation: blur 0.5s ease 0s;
  -webkit-animation: blur 0.5s ease 0s;
  -moz-animation: blur 0.5s ease 0s;
}

@keyframes slide-down {
  0% {
    transform: translateY(-50px);
    opacity: 0.1;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-up {
  0% {
    transform: translateY(50px);
    opacity: 0.1;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-left {
  0% {
    transform: translateX(50px);
    opacity: 0.1;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-right {
  0% {
    transform: translateX(-50px);
    opacity: 0.1;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes blur {
  0% {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    opacity: 0.1;
  }

  to {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    opacity: 1;
  }
}

/* custom bootstrap carousel */
/* .carousel-item.row {
  display: flex;
  flex-wrap: wrap;
  opacity: 0;
  padding:0;
  margin-left: 0;
}
.carousel-item.row.active {
  opacity: 1;
}
.carousel-item div {
  position: relative;
}
.carousel-control-prev,
.carousel-control-next {
  display: none;
} */
@media (min-width: 1400px) {
  #block-azaleabs-views-block-company-news-front-news .view-content {
    max-height: 62vh;
  }
}

/* Responsive media on Bigger screen (>macbook screen) */
@media (min-width: 1536px) {
  .col-3xl-1 {
    width: 8.33333333%;
  }

  .col-3xl-2 {
    width: 16.66666667%;
  }

  .col-3xl-3 {
    width: 25%;
  }

  .col-3xl-4 {
    width: 33.33333333%;
  }

  .col-3xl-5 {
    width: 41.66666667%;
  }

  .col-3xl-6 {
    width: 50%;
  }

  .col-3xl-7 {
    width: 58.33333333%;
  }

  .col-3xl-8 {
    width: 66.66666667%;
  }

  .col-3xl-9 {
    width: 75%;
  }

  .col-3xl-10 {
    width: 83.33333333%;
  }

  .col-3xl-11 {
    width: 91.66666667%;
  }

  .col-3xl-12 {
    width: 100%;
  }

  /* font-size adjustment */
  .fs-3xl-2 {
    font-size: 2rem !important;
  }

  .fs-3xl-5 {
    font-size: 1.25rem !important;
  }

  .fs-3xl-15r {
    font-size: 1.5rem !important;
  }

  .fs-3xl-2r {
    font-size: 2rem !important;
  }

  .tbm-link.level-1,
  .nav-link,
  .media-library-view--widget .view-header a {
    font-size: 1.125rem !important;
  }

  /* #block-azaleabs-views-block-company-news-front-news .view-content {
    max-height: 58vh;
  } */

  .top-footer p,
  footer p {
    font-size: 1rem;
    line-height: 2;
  }
}

/* custom 2 layout */
.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
  padding-right: 0;
}

@media screen and (min-width: 40em) {
  .layout--twocol-section.layout--twocol-section--25-75
    > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--75-25
    > .layout__region--first {
    padding-right: 5%;
  }
}

/* on product page */
.bg-cover {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.h-92 {
  height: 92px;
}

.section-report {
  top: -50px;
  padding: 1.5rem 2rem;
  background-color: #cb2586;
  color: #fff;
  text-decoration: none;
}

.btn-report {
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 0;
  border-bottom: 1px solid #fff;
  display: flex;
}

@media (min-width: 1024px) {
  .pos-md-absolute {
    position: absolute;
  }

  .section-report {
    padding: 2rem 4rem;
  }
}

.mb-5 {
  margin-bottom: 3rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

.table > thead {
  vertical-align: bottom;
}

table.table-product tr th {
  background-color: #f5f5f5;
  border-bottom: 2px solid #000;
}

table.table-product tr th,
table.table-product tr td {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.75rem 1rem;
}

.table-no-wrap tr th,
.table-no-wrap tr td {
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .richcontent table tr td,
  .richcontent table tr td,
  table.table-product tr th,
  table.table-product tr td {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.75rem 1.25rem;
  }
}

.small-content p {
  font-size: 0.75rem;
  line-height: 1.625;
}

.z-10 {
  z-index: 10;
}

.product__nav {
  max-width: 100%;
  transition: opacity 0.25s ease 0.5s;
  --tw-border-opacity: 0.25;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  align-items: center;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  border-color: rgb(158 158 158 / var(--tw-border-opacity));
  border-top: 1px solid rgb(158 158 158 / var(--tw-border-opacity)) !important;
  bottom: 0;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  display: block;
  font-size: 1rem;
  font-weight: 400;
  left: 0;
  line-height: 1.5rem;
  opacity: 1;
  position: sticky;
  right: 0;
  text-transform: capitalize;
  width: 100%;
}

@media (min-width: 1280px) {
  .product__nav {
    /* max-width: 1280px; */
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 1024px) {
  .product__nav {
    /* max-width: 1280px; */
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .product__nav {
    display: flex;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

.product__nav-content {
  padding: 0;
}

.product__nav-content > div a,
.product__nav-content > div div,
.product__nav-content > div button {
  justify-content: space-around;
  padding: 0.75rem 1rem;
}

.product__nav-content button.btn-modal,
.product__nav-content button.btn-modal:hover,
.product__nav-content button.btn-modal:focus,
.product__nav-content button.btn-modal:active {
  background: none !important;
  outline: none;
  box-shadow: none;
}

.product__nav-content button.btn-modal:hover {
  color: #cb2586 !important;
}

.product__nav > div a:hover {
  color: #cb2586 !important;
}

/* @media (min-width:992px) {
  .product__nav-content div:first-child > div,
  .product__nav-content div:first-child > a {
    padding-left: 0;
  }
} */

.btn-link-color {
  color: #302f2d !important;
  text-decoration: none;
}

.align-items-center {
  align-items: center !important;
}
.items-center {
  justify-content: center !important;
}

.w-100 {
  width: 100% !important;
}

.d-flex {
  display: flex !important;
}

.d-flex.hidden {
  display: none !important;
}

.modal-backdrop {
  z-index: 1040;
  /* Default Bootstrap z-index */
}

.modal {
  z-index: 1050;
  /* Make sure this is higher than the backdrop */
  background: rgba(55, 58, 71, 0.9);
  opacity: 1;
  transition: opacity 0.3s;
}

.modal .modal-title {
  color: #cb2686;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.modal .modal-footer {
  border-top: none;
}

.modal .modal-footer a {
  font-size: 1rem;
  padding: 0.5rem;
  border: 1px solid #000;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}

.modal-footer a:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
}

.modal-footer a.disagree-button:hover {
  color: #000 !important;
}

.modal-dialog {
  width: 90%;
  max-width: 90%;
  margin: 0 auto;
  padding: 0 !important;
}

.modal-content {
  padding: 2rem !important;
  font-size: 1rem;
  line-height: 1.625;
  transition: opacity 0.85s 0.35s;
  border: solid 3px #6d6d6d;
}

.modal.show .modal-content {
  border-radius: 0px;
  animation: changeBorders 2s forwards;
}

.modal .footlink.modal-footer {
  padding: 0;
}
.modal .modal-body {
  padding: 0;
}
.modal .footlink.modal-footer .main-footer-button {
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
}
.modal .footlink.modal-footer .main-footer-button a,
.modal .footlink.modal-footer .main-footer-button button {
  display: block;
  margin-bottom: 8px;
}

@media (min-width: 1024px) {
  .md-py-2 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md-mb-4 {
    margin-bottom: 1.5rem;
  }
  .modal .modal-title {
    font-size: 2rem;
    line-height: 2rem;
  }
  .modal .modal-content {
    padding: 4rem 4rem 2rem !important;
  }
  .modal .footlink.modal-footer .main-footer-button {
    padding: 0.75rem 0;
    display: flex;
    align-content: space-between;
    justify-content: space-between;
  }
  .modal .modal-footer a {
    font-size: 1.125rem;
    padding: 0.5rem 1rem;
  }
}

@keyframes changeBorders {
  0% {
    border: solid 3px #6d6d6d;
    border-left: solid 3px #ffffff;
  }

  25% {
    border: solid 3px #6d6d6d;
    border-left: solid 3px #ffffff;
  }

  25.02% {
    border: solid 3px #6d6d6d;
    border-left: solid 3px #ffffff;
    border-bottom: solid 3px #ffffff;
  }

  50% {
    border: solid 3px #6d6d6d;
    border-left: solid 3px #ffffff;
    border-bottom: solid 3px #ffffff;
  }

  50.02% {
    border: solid 3px #6d6d6d;
    border-left: solid 3px #ffffff;
    border-bottom: solid 3px #ffffff;
    border-right: solid 3px #ffffff;
  }

  75% {
    border: solid 3px #6d6d6d;
    border-left: solid 3px #ffffff;
    border-bottom: solid 3px #ffffff;
    border-right: solid 3px #ffffff;
  }

  75.02% {
    border: solid 3px #ffffff;
  }

  100% {
    border: solid 3px #ffffff;
    border-radius: 0.5rem;
  }
}

.modal.show .modal-content::after {
  width: 3px;
  background-color: #6d6d6d;
  height: 0px;
  position: absolute;
  bottom: 0;
  left: -3px;
  z-index: 1;
  animation: movedown 2s linear;
  animation-fill-mode: forwards;
  content: "";
  display: inline-block;
}

@keyframes movedown {
  0% {
    height: calc(100% - 3px);
    width: 3px;
    bottom: 0;
    left: -3px;
  }

  25% {
    height: 3px;
    width: 3px;
    bottom: 0;
    left: -3px;
  }

  25.01% {
    height: 3px;
    width: calc(100% - 3px);
    bottom: -3px;
    left: -3px;
  }

  50% {
    height: 3px;
    width: 0%;
    left: 100%;
    bottom: -3px;
  }

  50.01% {
    height: calc(100% - 3px);
    width: 3px;
    left: 100%;
    bottom: -3px;
  }

  75% {
    height: 0;
    width: 3px;
    left: 100%;
    bottom: 100%;
  }

  75.01% {
    height: 3px;
    width: calc(100% - 3px);
    left: 0%;
    bottom: 100%;
  }

  99.01% {
    height: 3px;
    width: 0;
    left: 3px;
    bottom: 100%;
  }
}

/* .modal-content svg.border {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
}
.modal.show .modal-content svg.border {
  stroke-dashoffset: -480;
} */
.modal-dialog .btn-close {
  top: 0.5rem !important;
  right: 1rem !important;
  font-size: 0.75rem;
  outline: none;
  box-shadow: none;
}

.modal-dialog .btn-close:hover,
.modal-dialog .btn-close:focus,
.modal-dialog .btn-close:active {
  outline: none;
  box-shadow: none;
}

@media (min-width: 1024px) {
  .modal-dialog .btn-close {
    top: 1.5rem !important;
    right: 3rem !important;
  }
  .modal-dialog {
    width: 55%;
    max-width: 55%;
  }
}

/* custom slick */
.slick-slider .slick-track {
  margin: 0 -8px;
  padding-left: 8px;
}

.slick-initialized .slick-slide {
  margin: 0 8px;
  position: relative;
  cursor: grab;
}

.slide--caption--left .slide__caption {
  width: 50%;
  top: 0;
  bottom: 0;
  padding: .5rem;
  display: flex;
  position: absolute;
}

.slide--caption--left .slide__caption:before {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: inherit;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}

.slide--caption--left .slide__title {
  z-index: 20;
  margin: 0;
  text-align: left;
}

.slide--caption--left .slide__title .product-title {
  font-size: 1.25rem;
  font-weight: 700;
  height: 100%;
}

.slide--caption--left .slide__title .product-desc {
  font-size: 1.125rem;
  font-weight: 400;
}

.slide--caption--left .slide__caption:hover .product-title {
  color: #cb2586;
  /* border-bottom: solid 1px #cb2586; */
}

.slick .slick__arrow {
  /* padding: 0 8px; */
  text-align: left;
  /* margin-top: 24px; */
  margin: 0 8px;
}

.slick .slick__arrow .slick-arrow {
  /* position:relative;
  padding: 0.5rem 1rem;
  padding-left: 2.25rem;
  background: #fff;
  border: solid 1px #cb2586;
  border-radius: 0.46rem; */
  color: #cb2586;
  padding: 0;
  background: none;
  border: none;
  font-size: 0;
}

/* .slick .slick__arrow .slick-arrow:hover {
  background: #cb2586;
  color: #fff;
} */
.slick .slick__arrow .slick-prev {
  /* margin-right: 12px; */
  margin-right: 3rem;
}

.slick .slick__arrow .slick-prev:before {
  /* content: "⟵"; */
  content: "←";
  font-size: 2rem;
  /* position: absolute;
  top: 4px;
  left: 8px; */
}

.slick .slick__arrow .slick-next:before {
  /* content: "⟶"; */
  content: "→";
  font-size: 2rem;
  /* position: absolute;
  top: 4px;
  left: 8px; */
}

.slick__slide .slide__media {
  max-height: 200px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

@media (min-width: 1024px) {
  .slick__slide .slide__media {
    max-height: 235px;
  }
  .slide--caption--left .slide__caption {
    padding: 1rem;
  }

  .md-d-flex {
    display: flex;
  }

  .slide--caption--left .slide__caption {
    width: 33.333333%;
  }

  .md-text-3xl {
    font-size: 1.875rem;
    /* 30px */
    line-height: 2.25rem;
    /* 36px */
  }

  .pos-md-relative {
    position: relative;
  }
}

@media (min-width: 1536px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    /* max-width: 80%; */
    max-width: 1440px;
  }
}

.pagination .page-item {
  padding: 0;
  /* margin: 0 5px; */
}

.page-item .page-link:hover,
.page-item .page-link {
  background-color: transparent;
  border-radius: 0 !important;
  border: none;
  color: #000;
  padding: 1rem 0.7rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  position: relative;
  justify-content: center;
  outline: none;
  box-shadow: none;
}

.page-item .page-link:hover {
  color: #ed5b53;
}

.page-item .page-link.first-page,
.page-item .page-link.last-page {
  padding: 1rem 0.5rem;
}

.page-item.active .page-link {
  background-color: #ed5b53;
  color: #000;
  border-radius: 0;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 0;
}

/* restructure style */
body main {
  padding-top: 72px;
}

/* 0. utilities */
.pt-6 {
  padding-top: 4rem !important;
}

.text-link {
  color: var(--bs-pink);
  text-decoration: none;
}

.text-link:hover {
  text-decoration: underline;
}

/* 1. banner style */
main .container-fluid {
  padding: 0;
}

.hero-img {
  height: 60vh;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #66635b;
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
}

#heroBanner .banner-headline .title,
.hero-img .banner-headline h1 {
  font-size: 2.5rem;
  font-weight: 700;
}

.banner-headline p {
  font-size: 1rem;
  font-weight: 500;
}

/* 2. body content */
.border-tabs {
  border-bottom: solid 1px #eee;
  margin-bottom: 2rem;
}

.page-tabs .nav-tabs {
  border: none;
}

/* 3. news list */
.view-company-news,
.view-reports {
  margin-right: 0;
}

.news-item-bottom .bi-arrow-up-right {
  color: #cb2586;
}

.news-category {
  background-color: white;
  padding: 2px 6px;
  border-radius: 8px;
  color: #cb2586;
}

.news-category a {
  text-decoration: none;
  color: #cb2586;
}

.news-created {
  opacity: 0.4;
}

.news-category,
.news-created {
  flex-shrink: 1;
  font-size: 0.75rem;
  line-height: 1rem;
}

/* 4. pagination */
.view .pagination {
  justify-content: start !important;
  padding: 0;
}

.view .view-footer {
  font-size: 1rem;
}

/* 5. exposed (sidebar form filter) style */
.views-exposed-form {
  /* margin-top: 65px; */
  margin-bottom: 2rem;
}

.views-exposed-form h2,
.views-exposed-form h3 {
  color: #9e9e9e;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

/* .views-exposed-form h2 {
  font-size: 1.125rem;
} */

.views-exposed-form label {
  display: none;
}

.views-exposed-form .form-actions {
  text-align: right;
}

.views-exposed-form button,
.views-exposed-form input[type="button"],
.views-exposed-form input[type="reset"],
.views-exposed-form input[type="submit"],
.views-exposed-form .btn {
  background-color: transparent;
  border-radius: 0;
  font-size: 1.125rem;
  padding: 0.5rem 1rem;
  border: 1px solid #000;
  border-radius: 0;
  color: #333;
  text-transform: uppercase;
}

.views-exposed-form button:hover,
.views-exposed-form input[type="button"]:hover,
.views-exposed-form input[type="reset"]:hover,
.views-exposed-form input[type="submit"]:hover,
.views-exposed-form .btn:hover {
  color: #cb2586;
  background-color: transparent;
  border: 1px solid #000;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
}

/* alert (toast) */
.alert.alert-status {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  margin: auto;
  width: 400px;
  max-width: 90%;
  animation: slide-down 0.5s linear;
}

.alert.alert-success {
  background-color: #17936f;
  color: #fff;
}

.alert button {
  outline: none;
  box-shadow: none;
}

@media (min-width: 992px) {
  body main {
    padding-top: 91px;
  }

  #heroBanner .banner-headline .title {
    font-size: 4rem;
  }

  .hero-img .banner-headline h1 {
    font-size: 3.75rem;
  }

  .banner-headline p {
    font-size: 1.25rem;
  }

  .view-company-news,
  .view-reports {
    margin-right: 2rem;
  }

  .news-category,
  .news-created {
    font-size: 1.125rem;
  }

  .alert.alert-status {
    left: auto;
    right: 3rem;
    animation: slide-left 0.5s linear;
  }
}

/* page milestones */
#block-azaleabs-bgmilestones {
  background-image: linear-gradient(to right, #ffffff 0%, #ffffff00 100%),
    url(/sites/default/files/img/bg_report.jpeg);
  margin-bottom: 0;
}

.block-milestones .view-content {
  padding: 2rem 0;
  position: relative;
}

.block-milestones .view-content .views-field-field-year {
  color: #cb2586;
  font-weight: 800;
  font-size: 3rem;
}

.block-milestones .view-content .views-field-title {
  color: #000;
  font-weight: 800;
  font-size: 1.2rem;
}

.block-milestones .view-content .views-field-field-image-preview img {
  max-width: 100%;
  max-height: 150px;
  object-fit: cover;
}

.block-milestones .view-content .views-field-body {
  color: #66635b;
  font-size: 0.5rem;
  margin-bottom: 1rem;
}

.block-milestones .view-content .views-row {
  margin-bottom: 5rem;
  position: relative;
}

.block-milestones .view-content::before {
  content: "";
  width: 2px;
  height: 100%;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;

  background-color: #cb2586;
  color: #cb2586;
}

.block-milestones .view-content .views-row {
  margin-left: auto;
  padding-right: 0;
  padding-left: 50px;
  text-align: left;
}
.block-milestones .view-content .views-row::after {
  display: block;
  content: "";
  position: absolute;
  top: 35px;
  left: 0;

  width: 40px;
  height: 2px;
  background-color: #cb2586;
  color: #cb2586;
}

@media (min-width: 1024px) {
  .block-milestones .view-content {
    padding: 5rem 0;
  }
  .block-milestones .view-content .views-field-title {
    font-size: 1.5rem;
  }
  .block-milestones .view-content .views-field-field-image-preview img {
    width: auto;
    /* aspect-ratio: 3 / 2; */
  }
  .block-milestones .view-content::before {
    left: 50%;
    transform: translateX(-50%);
  }

  .block-milestones .view-content .views-row {
    position: relative;
    width: 50%;
    padding-right: 100px;
    padding-left: 0;
    text-align: right;
    margin-left: 0;
  }

  .block-milestones .view-content .views-row p,
  .block-milestones .view-content .views-row ol,
  .block-milestones .view-content .views-row ul {
    margin: 0 0 .5rem;
  }

  .block-milestones .view-content .views-row::after {
    display: block;
    content: "";
    position: absolute;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    left: auto;
    top: 35px;
    right: 0;

    width: 80px;
    height: 2px;
    background-color: #cb2586;
    color: #cb2586;
  }

  .block-milestones .view-content .views-row:nth-child(even) {
    margin-left: auto;
    padding-right: 0;
    padding-left: 100px;
    text-align: left;
  }

  .block-milestones .view-content .views-row:nth-child(even)::after {
    left: 0;
  }

  .block-milestones .view-content .views-row ol,
  .block-milestones .view-content .views-row ul {
    list-style-position: inside;
  }

  .block-milestones .view-content .views-row:nth-child(even) ol,
  .block-milestones .view-content .views-row:nth-child(even) ul {
    list-style-position: outside;
  }

  .block-milestones .view-content .views-row ol li,
  .block-milestones .view-content .views-row ul li {
    line-height: 1.5;
  }

}

/* table styling consistency */
.field--type-text-with-summary table thead,
.text-formatted table thead {
  background-color: #f5f5f5;
}
.field--type-text-with-summary table tr th,
.field--type-text-with-summary table tr td,
.text-formatted table tr th,
.text-formatted table tr td {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.75rem 1rem;
}
.field--type-text-with-summary ol,
.field--type-text-with-summary ul,
.field--type-text-with-summary p,
.text-formatted table ol,
.text-formatted table ul,
.text-formatted table p {
  font-size: 0.75rem;
  line-height: 1rem;
}

.field--type-text-with-summary table tr th,
.text-formatted table tr th,
.field--type-text-with-summary table thead td,
.text-formatted table thead td {
  background-color: #f5f5f5;
  border-bottom: 2px solid #000;
}
.field--type-text-with-summary table tr td,
.text-formatted table tr td {
  border-bottom: 1px solid #e0e0e0;
}

@media (min-width: 1024px) {
  .field--type-text-with-summary table tr th,
  .field--type-text-with-summary table tr td,
  .text-formatted table tr th,
  .text-formatted table tr td {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.75rem 1.25rem;
  }
  .field--type-text-with-summary ol,
  .field--type-text-with-summary ul,
  .field--type-text-with-summary p,
  .text-formatted table ol,
  .text-formatted table ul,
  .text-formatted table p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.carousel-control-prev,
.carousel-control-next {
  width: 10%;
}

/* custom common width-height */
.w-4 {
  width: 1rem;
}
.w-6 {
  width: 1.5rem;
}
.w-8 {
  width: 2rem;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}


.h-4 {
  height: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}

/* object-fit */
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-fill {
  object-fit: fill;
}
.object-none {
  object-fit: none;
}
.object-scale-down {
  object-fit: scale-down;
}

/* small font */
.text-xs {
  font-size: 0.75rem; /* 12px */
  line-height: 1rem; /* 16px */
}
.text-sm {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
}


/* content type - article */
.node .toc-tree {
  --tw-border-opacity: 1;
  border: 2px rgb(226 232 240 / var(--tw-border-opacity));
  border-style: none none none solid;
  margin-top: 15px;
  padding-left: .75rem;
  padding-right: .75rem;
}

ol.circle {
  list-style-type: none;
}


.toc-tree ol li {
  margin-bottom: 10px;
}

.toc-tree ol li a {
  color: inherit;
  text-decoration: none;
}
.toc-tree ol li a:hover {
  color: #cb2586;
}

.toc-tree ol li a span {
  font-weight: 500;
}

.layout__region--second h2,
.layout__region--second a {
  color: inherit !important;
}
.layout__region--second a:hover {
  color: rgb(203 38 134) !important;
}

.node__content {
  position: relative;
}

.layout__region--second .block-toc-filter {
  position: sticky;
  top: 90px;
  z-index: 3;
  background-color: #FFF;
  padding: 1rem 0 .5rem 0;
}
.layout__region--first,
.layout__region--second {
  padding-bottom: 1rem;
}


/* two-col section order */
.node--type-article-without-banner .layout__region--first,
.node--type-investor-education .layout__region--first,
.node--type-events .layout__region--first {
  order: 2;
}
.node--type-article-without-banner .layout__region--second,
.node--type-investor-education .layout__region--second,
.node--type-events .layout__region--second {
  order: 1;
}
@media (min-width: 1024px) {
  .node--type-article-without-banner .layout__region--first,
  .node--type-investor-education .layout__region--first,
  .node--type-events .layout__region--first  {
    order: 1;
  }
  .node--type-article-without-banner .layout__region--second,
  .node--type-investor-education .layout__region--second,
  .node--type-events .layout__region--second {
    order: 2;
  }
}

/* uiux events on mobile */
.block-layout-builder .field__label,
.block-layout-builder .field__item {
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (min-width: 1024px) {
  .block-layout-builder .field__label,
  .block-layout-builder .field__item {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

/* hotfix img on toc */
.field--name-body img,
.toc-filter img {
  max-width: 100%;
  height: auto;
}

/* events page */
.grid.row {
  width: 100%;
}

/* sticky top (below header) */
.fixed-header {
  /* top: 130px !important; */
  bottom: 130px !important;
}
.fixed-bottom {
  /* top: 130px !important; */
  bottom: 1rem !important;
}

@media (min-width: 576px) {
  .fixed-right {
    right: calc(((100vw - 540px) / 2) + 1rem );
  }
}
@media (min-width: 768px) {
  .fixed-right {
    right: calc(((100vw - 720px) / 2) + 1rem );
  }
}
@media (min-width: 992px) {
  .fixed-right {
    right: calc(((100vw - 960px) / 2) + 1rem );
  }
}
@media (min-width: 1200px) {
  .fixed-right {
    right: calc(((100vw - 1140px) / 2) + 1rem );
  }
}
@media (min-width: 1400px) {
  .fixed-right {
    right: calc(((100vw - 1320px) / 2) + 1rem );
  }
}

.w-90 {
  width: 100%;
}
@media (min-width: 576px) {
  .w-90 {
    width: 90%;
  }
}

/* font-size (on rich content) */
:root {
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: calc(3 / 3);
}
.richcontent {
  font-size: var(--text-base); /* 1rem (16px) */
  line-height: var(--text-base--line-height); /* calc(1.5 / 1) */
}
.text-xs,
.richcontent .text-xs {
  font-size: var(--text-xs); /* 0.75rem (12px) */
  line-height: var(--text-xs--line-height); /* calc(1 / 0.75) */
}
.text-sm,
.richcontent .text-sm {
  font-size: var(--text-sm); /* 0.875rem (14px) */
  line-height: var(--text-sm--line-height); /* calc(1.25 / 0.875) */
}
.text-base,
.richcontent .text-base {
  font-size: var(--text-base); /* 1rem (16px) */
  line-height: var(--text-base--line-height); /* calc(1.5 / 1) */
}
.text-lg,
.richcontent .text-lg {
  font-size: var(--text-lg); /* 1.125rem (18px) */
  line-height: var(--text-lg--line-height); /* calc(1.75 / 1.125) */
}
.text-xl,
.richcontent .text-xl {
  font-size: var(--text-xl); /* 1.25rem (20px) */
  line-height: var(--text-xl--line-height); /* calc(1.75 / 1.25) */
}
.text-2xl,
.richcontent .text-2xl {
  font-size: var(--text-2xl); /* 1.5rem (24px) */
  line-height: var(--text-2xl--line-height); /* calc(2 / 1.5) */
}
.text-3xl,
.richcontent .text-3xl {
  font-size: var(--text-3xl); /* 1.875rem (30px) */
  line-height: var(--text-3xl--line-height); /* calc(2.25 / 1.875) */
}
.text-4xl,
.richcontent .text-4xl {
  font-size: var(--text-4xl); /* 2.25rem (36px) */
  line-height: var(--text-4xl--line-height); /* calc(2.5 / 2.25) */
}
.text-5xl,
.richcontent .text-5xl {
  font-size: var(--text-5xl); /* 3rem (48px) */
  line-height: var(--text-5xl--line-height); /* 1 */
}

.richcontent p,
.richcontent ol,
.richcontent ul,
.richcontent table {
  font-size: var(--text-base); /* 1rem (16px) */
  line-height: var(--text-base--line-height); /* calc(1.5 / 1) */
}

.richcontent .w-auto {
  width: auto !important;
}

.richcontent .mb-5 {
  margin-bottom: 3rem !important;
}

.richcontent hr {
  margin-top: 3rem;
  margin-bottom: 3rem;
}


table.table-no-border tr th,
table.table-no-border tr td {
  border: none;
}

/* custom full width banner */
.product-detail .region-content {
  padding: 0;
}
.page-banner .bg-product {
  min-height: 50vh;
}
@media (min-width: 1024px) {
  .page-banner .bg-product {
    min-height: calc(70vh - 72px);
  }
}

.btn-floating {
  padding: 0;
  max-width: 100%;
  margin: 0 0 1rem 0 !important;
}

@media (min-width: 1024px) {
  .btn-floating {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 180px;
    margin: 1rem !important;
    margin-right: 4.5rem !important;
    z-index: 2;
  }
}

@media (max-width: 1200px) {
  .tbm-submenu .menu--altrium {
    margin-top: 1.5rem;
  }

  /* Optional tighter spacing for others */
  .tbm-submenu .menu--product-astrea,
  .tbm-submenu .menu--past-astreas {
    margin-bottom: 0.5rem;
  }
}

.node--full-screen .layout__region--second {
  display: none !important;
}

.node--full-screen .layout--twocol-section {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}
/*
.node--full-screen .layout--twocol-section,
.node--full-screen .layout--twocol-section--75-25 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
  gap: 0 !important;
  grid-template-columns: none !important;
  flex-wrap: nowrap !important;
  flex-direction: column !important;
}

.node--full-screen img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block;
} */

/* Make the entire layout container full width */
/* .node--full-screen .layout,
.node--full-screen .layout__region,
.node--full-screen .block,
.node--full-screen .field {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
} */