/* ANCHOR General */

.mgc-section:nth-child(even) {
  background-image: linear-gradient(transparent, #f3f5f9, transparent);
}

.section-img-wrapper {
  display: grid;
}

.section-img-wrapper::before,
.section-img-wrapper::after,
.section-img-wrapper .section-img {
  grid-row: 1;
  grid-column: 1;
}

.section-img-wrapper::before,
.section-img-wrapper::after {
  content: "";
  display: block;
  width: 6rem;
  aspect-ratio: 1/1;
  border-radius: 1rem;
}

.section-img-wrapper::before {
  background-color: #3fae2a;
}

.section-img-wrapper::after {
  background-color: #95d600;
}

.safety-education .section-img-wrapper::before {
  justify-self: end;
  margin-top: -1rem;
  margin-inline-end: -1rem;
}

.safety-education .section-img-wrapper::after {
  align-self: end;
  margin-bottom: -1rem;
  margin-inline-start: -1rem;
}

.industrial-gases .section-img-wrapper::before {
  margin-top: -1rem;
  margin-inline-start: -1rem;
}

.industrial-gases .section-img-wrapper::after {
  align-self: end;
  justify-self: end;
  margin-bottom: -1rem;
  margin-inline-end: -1rem;
}

.section-img-wrapper .section-img {
  border-radius: 2rem;
  z-index: 0;
}

.risk-management .mgc-section-title,
.faq .mgc-section-title {
  margin-bottom: 6rem;
  text-align: center;
}

/* ANCHOR HSE */

.hse .img-col img,
.hse .img-col .svg-wrapper {
  width: 18rem;
}

/* ANCHOR Risk management */

.risk-management .col-wrapper {
  height: 100%;
  padding: 0 3rem;
}

.risk-management .sub-card,
.risk-management .sub-card .front,
.risk-management .sub-card .back {
  border-radius: 2rem;
}

.risk-management .sub-card {
  display: grid;
  height: 100%;
  box-shadow: 0 0.25rem 2.5rem #000a884d;
  transform-style: preserve-3d;
  transition:
    transform 0.8s ease,
    scale 0.2s linear;
}

.risk-management .sub-card.flipped {
  transform: rotateY(180deg);
}

.risk-management .sub-card:not(.flipped):hover {
  scale: 1.05;
}

.risk-management .sub-card .front,
.risk-management .sub-card .back {
  grid-row: 1;
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 2rem;
  background-color: #f3f5f9;
  backface-visibility: hidden;
}

.risk-management .sub-card .sub-card-img {
  width: 6rem;
  margin-bottom: 2rem;
}

.risk-management .sub-card .sub-card-title {
  color: #3fae2a;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}

.risk-management .sub-card .back {
  transform: rotateY(180deg);
}

.risk-management .sub-card .sub-card-text {
  margin-bottom: 0;
  text-align: center;
}

/* ANCHOR FAQ */

.faq #faq-accordion {
  --bs-accordion-btn-padding-y: 0.5rem;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1.5rem;
  --bs-accordion-active-bg: #f3f5f9;
  --bs-accordion-bg: #f3f5f9;
  --bs-accordion-border-width: 0px;
  --bs-accordion-border-radius: 0.75rem;
  --bs-accordion-active-color: #838383;
}

.faq #faq-accordion .accordion-item {
  border-radius: var(--bs-accordion-border-radius);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  box-shadow:
    0 10px 15px -3px #0000001a,
    0 4px 6px -2px #0000000d;
  overflow: hidden;
}

.faq #faq-accordion .accordion-item:not(:last-child) {
  margin-bottom: 2rem;
}

.faq #faq-accordion .accordion-header {
  align-items: stretch;
}

.faq .accordion-header .header-main {
  flex-wrap: nowrap;
  min-height: 3.25rem;
}

.faq #faq-accordion .accordion-button {
  padding: 0;
}

.faq #faq-accordion .faq-q,
.faq #faq-accordion .faq-question,
.faq #faq-accordion .indicator {
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
}

.faq #faq-accordion .faq-q,
.faq #faq-accordion .indicator {
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq #faq-accordion .faq-q {
  height: 100%;
  background-color: #3fae2a;
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  transition: var(--bs-accordion-transition);
}

.faq #faq-accordion .accordion-header:not(.collapsed) .faq-q {
  background-color: transparent;
  color: #3fae2a;
}

.faq #faq-accordion .faq-question {
  font-weight: bold;
}

.faq #faq-accordion .indicator {
  aspect-ratio: 1/1;
  color: #838383;
}

.faq #faq-accordion .accordion-header:not(.collapsed) .indicator {
  color: #3fae2a;
}

.faq #faq-accordion .accordion-body {
  border-inline-start: 8px solid #3fae2a;
}

.faq #faq-accordion .faq-answer .formatted-para:last-child,
.faq #faq-accordion .faq-answer .formatted-list:last-child {
  margin-bottom: 0;
}

/* ANCHOR Media queries */

/* Devices without hover */
@media (pointer: coarse) {
  .risk-management .sub-card {
    background-color: #f3f5f9;
  }

  .risk-management .sub-card:not(.flipped):hover {
    scale: 1;
  }

  .risk-management .sub-card .front,
  .risk-management .sub-card .back {
    background: none;
  }

  .risk-management .sub-card .back {
    grid-column: 2;
    font-size: 1rem;
    transform: none;
  }
}

/* Tablet size */
@media (max-width: 991px) {
  .risk-management .cards {
    --bs-gutter-y: 2rem;
    justify-content: center;
  }

  .risk-management .sub-card {
    grid-template-columns: 40% 60%;
  }

  .risk-management .sub-card .front,
  .risk-management .sub-card .back {
    border-radius: 0;
    padding: 1.5rem;
  }
}

/* Large phone size */
@media (max-width: 650px) {
}

/* Phone size */
@media (max-width: 510px) {
}