/* ------- */
/* Imports */
/* ------- */

@import '/iirenergy/css/utilities.css';
@import '/iirenergy/css/components.css';
@import '/iirenergy/includes/core/ui/locations-map/locations-map.css';

/* --------- */
/* Variables */
/* --------- */

:root {
  /* Colors */
  --iir-energy-blue: #0847ad;
  --iir-energy-blue-rgb: 8, 71, 173;
  --iir-energy-dark-blue: #0b2754;
  --iir-energy-dark-blue-rgb: 11, 39, 84;
  --iir-energy-orange: #ff8522;
  --iir-energy-orange-rgb: 255, 133, 34;
  --iir-energy-dark: #1a1a1a;
  --iir-energy-dark-rgb: 26, 26, 26;
  --iir-energy-light-grey: #f4f4f4;
  --iir-energy-light-grey-rgb: 244, 244, 244;
  --iir-energy-dark-grey: #545454;
  --iir-energy-dark-grey-rgb: 84, 84, 84;

  /* Energy Styles */
  --iir-energy-glass: blur(10px);
  --iir-energy-background-glass: rgba(0, 0, 0, 0.1);
  --iir-energy-background-glass-light: rgba(255, 255, 255, 0.15);
  --iir-energy-background-glass-medium: rgba(0, 0, 0, 0.35);
  --iir-energy-background-glass-dark: rgba(0, 0, 0, 0.65);
  --iir-energy-background-glass-blue: rgba(8, 71, 173, 0.5);
  --iir-energy-border-glass: rgba(255, 255, 255, 0.15);
  --iir-energy-border-glass-dark: rgba(255, 255, 255, 0.15);
  --iir-energy-border-glass-light: rgba(255, 255, 255, 0.5);
  --iir-energy-transition-smooth: all 0.25s ease;
  --iir-energy-text-color-body: #333;
  --iir-energy-text-color-header: #000;
  --iir-energy-font-size-body: 1rem;
  --iir-energy-font-size-subtitle: 0.75rem;
  --iir-energy-letter-spacing-body: -0.02rem;
  --iir-energy-letter-spacing-header: -0.05rem;
  --iir-energy-letter-spacing-subtitle: 2.5px;
  --iir-energy-font-weight-body: 350;
  --iir-energy-font-weight-header: 550;
  --iir-energy-font-weight-subtitle: 650;

  /* Bootstrap Variables */
  --bs-primary: var(--iir-energy-blue);
  --bs-secondary: var(--iir-energy-orange);
  --bs-light: var(--iir-energy-light-grey);
  --bs-dark: var(--iir-energy-dark);
  --bs-primary-rgb: 8, 71, 173;
  --bs-secondary-rgb: 255, 133, 34;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 26, 26, 26;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --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:
    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
    'Liberation Sans', Arial, sans-serif;
  --bs-gradient: linear-gradient(
    180deg,
    var(--iir-energy-border-glass-dark),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: var(--iir-energy-font-weight-body);
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-link-color: var(--iir-energy-blue);
  --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-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #cccccc;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0rem;
  --bs-border-radius-sm: 0rem;
  --bs-border-radius-lg: 0rem;
  --bs-border-radius-xl: 0rem;
  --bs-border-radius-xxl: 0rem;
  --bs-border-radius-2xl: 0;
  --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(var(--bs-primary-rgb), 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
  --bs-danger: #a30000;
  --bs-danger-rgb: 163, 0, 0;
  --bs-danger-text-emphasis: #58151c;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.75rem;
  --bs-tooltip-padding-y: 0.5rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: var(--iir-energy-bg-glass-dark);
  --bs-tooltip-border-radius: 0;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  --bs-tooltip-arrow-color: var(--bs-tooltip-bg);
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592c.86 0 1.319 1.013.753 1.658l-4.796 5.482a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
}

/* ----- */
/* Fonts */
/* ----- */

@font-face {
  /* Inter Regular */
  font-family: 'Inter';
  src:
    url('/fonts/inter/Inter-Regular-Variable.woff2') format('woff2-variations'),
    url('/fonts/inter/Inter-Regular-Variable.woff2') format('woff2'),
    url('/fonts/inter/Inter-Regular-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  /* Inter Italic */
  font-family: 'Inter';
  src:
    url('/fonts/inter/Inter-Italic-Variable.woff2') format('woff2-variations'),
    url('/fonts/inter/Inter-Italic-Variable.woff2') format('woff2'),
    url('/fonts/inter/Inter-Italic-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* ------- */
/* General */
/* ------- */

html {
  scroll-behavior: smooth;
}

:target {
  scroll-margin-top: 12rem;
}

/* ---- */
/* Text */
/* ---- */

body {
  font-family: 'Inter', sans-serif;
  font-optical-sizing: auto;
  font-weight: var(--iir-energy-font-weight-body);
  font-style: normal;
  letter-spacing: var(--iir-energy-letter-spacing-body);
  text-wrap: balance;
  color: var(--iir-energy-text-color-body);
  font-size: var(--iir-energy-font-size-body);
}

/* ------- */
/* Headers */
/* ------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--iir-energy-font-weight-header);
  text-wrap: balance;
  letter-spacing: var(--iir-energy-letter-spacing-header);
}

/* ----- */
/* Links */
/* ----- */

a {
  text-decoration: none;
  transition: var(--iir-energy-transition-smooth);
  cursor: pointer;
}

main a:hover {
  color: var(--iir-energy-dark-blue);
}

main a {
  color: var(--iir-energy-blue);
  font-weight: var(--iir-energy-font-weight-header);
}

main .bg-dark a {
  color: #ffffff;
}

/* main .bg-dark a:hover {
    color: var(--iir-energy-orange);
} */

main .bg-dark a,
footer a,
.offcanvas a {
  color: #ffffff;
}

/* ---- */
/* Logo */
/* ---- */

@media (max-width: 991.98px) {
  footer .iir-energy-logo {
    width: 14rem;
  }
}

/* ----- */
/* Icons */
/* ----- */

.fa-arrow-right {
  transition: var(--iir-energy-transition-smooth);
}

/* ------------------- */
/* Bootstrap Overrides */
/* ------------------- */

/* Border Radius */

* {
  border-radius: 0 !important;
}

/* Containers */

.container {
  max-width: 1600px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Font Weight */

.fw-light {
  font-weight: var(--iir-energy-font-weight-body) !important;
}

.fw-semibold {
  font-weight: var(--iir-energy-font-weight-header) !important;
}

/* Text/BG/Border Colors */

.bg-primary,
.bg-iir-energy-blue {
  background-color: var(--iir-energy-blue) !important;
}

.bg-hover-primary:hover {
  background-color: var(--iir-energy-blue) !important;
}

.text-primary {
  color: var(--iir-energy-blue) !important;
}

.border-primary {
  border-color: var(--iir-energy-blue) !important;
}

.bg-secondary {
  background-color: var(--iir-energy-orange) !important;
}

.bg-hover-secondary:hover {
  background-color: var(--iir-energy-orange) !important;
}

.text-secondary {
  color: var(--iir-energy-orange) !important;
}

.border-secondary {
  border-color: var(--iir-energy-orange) !important;
}

.bg-tertiary {
  background-color: var(--iir-energy-dark-blue) !important;
}

.bg-hover-tertiary:hover {
  background-color: var(--iir-energy-dark-blue) !important;
}

.text-tertiary {
  color: var(--iir-energy-dark-blue) !important;
}

.border-tertiary {
  border-color: var(--iir-energy-dark-blue) !important;
}

.bg-light {
  background-color: var(--iir-energy-light-grey) !important;
}

.text-light {
  color: var(--iir-energy-light-grey) !important;
}

.border-light {
  border-color: var(--iir-energy-light-grey) !important;
}

.bg-dark {
  background-color: var(--iir-energy-dark) !important;
}

.text-dark {
  color: var(--iir-energy-dark) !important;
}

/* Buttons */

.btn-tertiary {
  background-color: var(--iir-energy-dark-blue) !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-tertiary:hover {
  background-color: var(--iir-energy-blue) !important;
}

.btn-wire {
  border: 1px solid var(--iir-energy-dark);
  color: var(--iir-energy-dark);
}

.btn-wire:hover {
  background-color: var(--iir-energy-blue);
  border: 1px solid var(--iir-energy-blue);
  color: #ffffff;
}

.btn-primary-wire {
  border: 1px solid var(--iir-energy-blue);
  color: var(--iir-energy-blue);
}

.btn-primary-wire:hover {
  background-color: var(--iir-energy-blue);
  border: 1px solid var(--iir-energy-blue);
  color: #ffffff;
}

.btn-secondary-wire {
  border: 1px solid var(--iir-energy-orange);
  color: var(--iir-energy-orange);
}

.btn-secondary-wire:hover {
  background-color: var(--iir-energy-orange);
  border: 1px solid var(--iir-energy-orange);
  color: #ffffff;
}

/* Bootstrap Buttons */

.btn {
  text-transform: uppercase;
  font-size: var(--iir-energy-font-size-subtitle);
  font-weight: var(--iir-energy-font-weight-subtitle);
  letter-spacing: var(--iir-energy-letter-spacing-subtitle);
  padding: 0.75rem 2.5rem;
}

.btn-primary {
  background-color: var(--iir-energy-blue) !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-primary:hover {
  background-color: var(--iir-energy-dark-blue) !important;
}

.btn-secondary {
  background-color: var(--iir-energy-orange) !important;
  color: #ffffff;
  border: none !important;
}

.btn-secondary:hover {
  background-color: var(--iir-energy-orange) !important; /* make darker */
  color: #ffffff;
}

.btn-dark {
  background-color: var(--iir-energy-dark) !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-dark:hover {
  background-color: var(--iir-energy-blue) !important;
}

.btn-outline-primary {
  --bs-btn-color: var(--iir-energy-blue) !important;
  --bs-btn-border-color: var(--iir-energy-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--iir-energy-blue);
  --bs-btn-hover-border-color: var(--iir-energy-blue);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--iir-energy-blue);
  --bs-btn-active-border-color: var(--iir-energy-blue);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--iir-energy-blue);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--iir-energy-blue);
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: var(--iir-energy-orange) !important;
  --bs-btn-border-color: var(--iir-energy-orange);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--iir-energy-orange);
  --bs-btn-hover-border-color: var(--iir-energy-orange);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--iir-energy-orange);
  --bs-btn-active-border-color: var(--iir-energy-orange);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--iir-energy-orange);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--iir-energy-orange);
  --bs-gradient: none;
}

.btn-outline-light {
  color: #fff !important;
}

.btn-outline-light:hover {
  color: var(--iir-energy-dark) !important;
}

.btn-outline-dark {
  color: var(--iir-energy-dark) !important;
}

.btn-outline-dark:hover {
  color: #fff !important;
}

/* Toasts */

.toast {
  --bs-toast-max-width: none;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: #fff;
  --bs-toast-bg: var(--iir-energy-background-glass-dark);
  --bs-toast-border-color: var(--iir-energy-border-glass-dark);
  --bs-toast-border-radius: 0;
  --bs-toast-box-shadow: none;
  --bs-toast-header-color: #fff;
  --bs-toast-header-bg: transparent;
  --bs-toast-header-border-color: var(--iir-energy-border-glass-dark);
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  cursor: pointer;
  z-index: 999 !important;
}

/* Tooltips */

/* .tooltip-inner {
    background-color: var(--iir-energy-dark) !important;
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x) !important;
    color: var(--bs-tooltip-color);
    text-align: center;
    border: var(--iir-energy-border-glass-dark) !important;
    border-radius: var(--bs-tooltip-border-radius) !important;
}

.tooltip .tooltip-arrow::before {
    background-color: var(--iir-energy-border-glass-dark) !important;
} */

/* Modals */

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: #fff;
  --bs-modal-bg: var(--iir-energy-dark);
  backdrop-filter: var(--iir-energy-glass);
  --bs-modal-border-color: var(--iir-energy-border-glass-dark);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: 0;
  --bs-modal-box-shadow: none;
  --bs-modal-inner-border-radius: 0;
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--iir-energy-border-glass-dark);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--iir-energy-border-glass-dark);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.btn-close {
  --bs-btn-close-color: #fff;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-focus-shadow: none;
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  opacity: var(--bs-btn-close-opacity);
}

.btn-close-dark {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

/* Navigation */

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0;
  --bs-navbar-color: #ffffff;
  --bs-navbar-hover-color: #ffffff;
  background-color: var(--iir-energy-background-glass-medium);
  backdrop-filter: var(--iir-energy-glass);
}

.navbar .nav-item.d-flex {
  transition: var(--iir-energy-transition-smooth);
  padding: 0 1rem;
}

@media (min-width: 992px) {
  .navbar .nav-item:not(:nth-last-child(-n + 2)):hover {
    box-shadow: inset 0 -5px 0 0 var(--iir-energy-orange);
  }
}

.navbar .dropdown-toggle::after {
  display: none;
}

.navbar .dropdown-toggle .fa-caret-down {
  margin-left: 6px;
  transition: transform 0.2s ease;
}

.navbar .dropdown.show .fa-caret-down {
  transform: rotate(180deg);
}

/* Dropdown Menu */

.navbar .dropdown-menu {
  background-color: var(--iir-energy-background-glass-dark);
  border: none;
}

@media (min-width: 992px) {
  .navbar .dropdown-menu {
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--iir-energy-background-glass-dark);
    --bs-dropdown-border-color: 1px solid var(--iir-energy-border-glass-dark);
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: 0;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 1rem;
    --bs-dropdown-box-shadow: none;
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    display: block;
    opacity: 0;
    z-index: var(--bs-dropdown-zindex);
    min-width: var(--bs-dropdown-min-width);
    padding: 0;
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: center;
    list-style: none;
    background-color: var(--iir-energy-background-glass-dark);
    backdrop-filter: var(--iir-energy-glass);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0;
    box-shadow: var(--bs-dropdown-box-shadow);
    transition:
      opacity 0.3s ease,
      transform 0.3s ease;
    pointer-events: none;
  }

  .navbar .dropdown-menu .dropdown-item,
  .navbar .dropdown-menu .dropdown-header {
    color: #fff;
    font-weight: var(--iir-energy-font-weight-subtitle);
    padding: 1rem 1.5rem;
  }

  .navbar .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid var(--iir-energy-border-glass-dark) !important;
  }

  .dropdown-item:focus,
  .dropdown-item:hover {
    background-color: var(--iir-energy-background-glass-light) !important;
  }

  .navbar .dropdown:hover .dropdown-menu {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
  }
}

.navbar .dropdown-toggle .fa-chevron-down {
  margin-left: 6px;
  transition: transform 0.3s ease;
}

.navbar .dropdown.show .fa-chevron-down,
.navbar .dropdown:hover .dropdown-toggle .fa-chevron-down,
.navbar .dropdown:active .dropdown-toggle .fa-chevron-down,
.navbar .dropdown:focus .dropdown-toggle .fa-chevron-down {
  transform: rotate(180deg);
}

#whatWeProvideDropdown,
#ourInsightsDropdown,
#newsDropdown {
  cursor: default;
}

/* Toggler */

.navbar-toggler {
  padding: 1rem;
  font-size: var(--bs-navbar-toggler-font-size);
  background-color: transparent;
  border: none;
  transition: var(--bs-navbar-toggler-transition);
}

.navbar-dark {
  --bs-navbar-active-color: transparent !important;
  --bs-navbar-toggler-border-color: transparent;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler:focus {
  box-shadow: none;
}

/* Accordion/Dropdown Arrows */

.dropdown-toggle-light::after,
.accordion-button.dropdown-toggle-light::after {
  filter: invert(1) brightness(2);
}

/* Selects */

.form-select:focus {
  border-color: var(--iir-energy-blue);
  outline: 0;
  box-shadow: none !important;
}

/* Pagination */

.active > .page-link,
.page-link.active {
  background-color: var(--iir-energy-blue);
  border-color: var(--bs-pagination-active-border-color);
}

/* Nav Tabs */

.nav[role='tablist'] .nav-link {
  transition: var(--iir-energy-transition-smooth);
}

.nav[role='tablist'] .nav-link.active {
  color: var(--iir-energy-blue) !important;
  border-bottom: 5px solid var(--iir-energy-blue) !important;
}

.nav[role='tablist'] .nav-link:hover {
  color: var(--iir-energy-blue) !important;
}

.bg-dark .nav-fill .nav-link:hover {
  color: var(--iir-energy-orange);
  box-shadow: inset 0 -5px 0 0 var(--iir-energy-orange);
}

.bg-dark .nav-fill .nav-link.active {
  color: var(--iir-energy-orange) !important;
  box-shadow: inset 0 -5px 0 0 var(--iir-energy-orange);
}

/* Carousels */

.carousel-indicators-primary .active {
  background-color: var(--iir-energy-blue) !important;
}

.carousel-indicators-secondary .active {
  background-color: var(--iir-energy-orange) !important;
}

/* Accordions */

.bg-light .accordion {
  --bs-accordion-bg: #f4f4f4;
}

.accordion-button:not(.collapsed) {
  font-weight: var(--iir-energy-font-weight-header) !important;
}

.accordion-primary .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--iir-energy-blue);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--iir-energy-blue);
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-dark .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--iir-energy-dark);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--iir-energy-blue);
}

.accordion-primary .accordion-button:not(.collapsed)::after {
  filter: invert(1) brightness(2);
}

.accordion-button:not(.collapsed) {
  font-weight: var(--iir-energy-font-weight-header) !important;
}

.accordion-primary .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--iir-energy-blue);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--iir-energy-blue);
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-dark .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--iir-energy-dark);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--iir-energy-blue);
}

.accordion-primary .accordion-button:not(.collapsed)::after {
  filter: invert(1) brightness(2);
}

footer .iir-energy-logo {
  width: 300px;
}

/*-----------------------------------------------------------------
    IIR Energy Key Features Section
-----------------------------------------------------------------*/

/*-----------------------------------------------------------------
    Features Background Images
-----------------------------------------------------------------*/

.feature-bg {
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.feature-bg-power-generation {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.939), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/power-generation/iir-industry-features-power-bg-3840.webp');
}

.feature-bg-petroleum-refining {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.939), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/petroleum-refining/iir-industry-features-petroleum-refining-bg-3840.webp');
}

.feature-bg-oil-gas-midstream {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.939), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/oil-gas-midstream/iir-industry-features-oil-gas-midstream-bg-3840.webp');
}

.feature-bg-natural-gas {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.939), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/natural-gas/iir-industry-features-natural-gas-bg-3840.webp');
}

.feature-bg-natural-gas-liquids {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.939), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/natural-gas-liquids/iir-industry-features-natural-gas-liquids-bg-3840.webp');
}

.feature-bg-petrochemicals {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.939), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/petrochemicals/iir-industry-features-petrochemicals-bg-3840.webp');
}

.feature-bg-renewable-fuels {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.939), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/renewable-fuels/iir-industry-features-renewable-fuels-bg-3840.webp');
  background-position: center;
}

.feature-bg-metals-minerals {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.939), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/metals-minerals/iir-industry-features-mining-bg-3840.webp');
}

.feature-bg-data-centers {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.939), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/data-centers/iir-industry-features-data-centers-bg-3840.webp');
  background-position: center;
}

.feature-bg-lng {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.939), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/lng/iir-industry-features-lng-bg-3840.webp');
  background-position: center;
}

/*---------------------------------------------------------------
    Bento Cards Grid 6
---------------------------------------------------------------*/

.bento-card {
  background-color: var(--iir-energy-dark);
}

.bento-grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(12rem, auto);
}

@media (min-width: 768px) {
  .bento-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .bento-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: dense;
  }

  /* default tile — a quarter of the row */
  .bento-grid > * {
    grid-column: span 3;
  }

  /* hero tile — every 6th card starting at the 1st */
  .bento-grid > :nth-child(6n + 1) {
    grid-column: span 5;
    grid-row: span 2;
  }

  /* wide tile — every 6th card starting at the 4th */
  .bento-grid > :nth-child(6n + 4) {
    grid-column: span 7;
  }

  .bento-grid > :nth-child(6n + 1) h3 {
    font-size: clamp(1.25rem, 1rem + 1.2vw, 1.75rem);
  }

  .bento-grid > :first-child:nth-last-child(6) {
    grid-row: span 3;
  }

  /* exactly 5 cards: hero left, two rows right */
  .bento-grid > :first-child:nth-last-child(5) {
    grid-column: span 5;
    grid-row: span 2;
  }

  .bento-grid > :first-child:nth-last-child(5) ~ :nth-child(2) {
    grid-column: span 4;
  }

  .bento-grid > :first-child:nth-last-child(5) ~ :nth-child(3) {
    grid-column: span 3;
  }

  .bento-grid > :first-child:nth-last-child(5) ~ :nth-child(4) {
    grid-column: span 3;
  }

  .bento-grid > :first-child:nth-last-child(5) ~ :nth-child(5) {
    grid-column: span 4;
  }

  /* exactly 6 cards: uneven pairs on the right-hand side */
  .bento-grid > :first-child:nth-last-child(6) ~ :nth-child(2) {
    grid-column: span 4;
  }

  .bento-grid > :first-child:nth-last-child(6) ~ :nth-child(3) {
    grid-column: span 3;
  }

  .bento-grid > :first-child:nth-last-child(6) ~ :nth-child(5) {
    grid-column: span 3;
  }

  .bento-grid > :first-child:nth-last-child(6) ~ :nth-child(6) {
    grid-column: span 4;
  }

  /* exactly 7 cards: hero left, three rows right, full-width closer */
  .bento-grid > :first-child:nth-last-child(7) {
    grid-column: span 5;
    grid-row: span 4;
  }

  .bento-grid > :first-child:nth-last-child(7) ~ :nth-child(2) {
    grid-column: span 4;
  }

  .bento-grid > :first-child:nth-last-child(7) ~ :nth-child(3) {
    grid-column: span 3;
  }

  .bento-grid > :first-child:nth-last-child(7) ~ :nth-child(4) {
    grid-column: span 7;
  }

  .bento-grid > :first-child:nth-last-child(7) ~ :nth-child(5) {
    grid-column: span 3;
  }

  .bento-grid > :first-child:nth-last-child(7) ~ :nth-child(6) {
    grid-column: span 4;
  }

  .bento-grid > :first-child:nth-last-child(7) ~ :nth-child(7) {
    grid-column: span 7;
    grid-row: span 1;
  }

  .bento-grid > :first-child:nth-last-child(7) ~ :nth-child(7) h3 {
    font-size: clamp(1.05rem, 0.9rem + 0.8vw, 1.5rem);
  }
}

.bento-card-caption {
  margin: auto -1.5rem -1.5rem;
  padding: 6rem 1.5rem 1.5rem;
  background: linear-gradient(
    to top,
    rgba(var(--iir-energy-dark-rgb), 0.95) 0%,
    rgba(var(--iir-energy-dark-rgb), 0.9) 55%,
    rgba(var(--iir-energy-dark-rgb), 0) 100%
  );
}

/* accent the final tile in each supported layout (5, 6 and 7 cards) */
.bento-grid > :first-child:nth-last-child(5) ~ :nth-child(5),
.bento-grid > :first-child:nth-last-child(6) ~ :nth-child(6),
.bento-grid > :first-child:nth-last-child(7) ~ :nth-child(7) {
  background-color: var(--iir-energy-blue);
}

.feature-bg h2 {
  font-size: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);
}

.bento-card h3 {
  font-size: clamp(1.05rem, 0.9rem + 0.8vw, 1.5rem);
}

.bento-card p {
  font-size: clamp(0.8rem, 0.78rem + 0.2vw, 0.9375rem);
  text-wrap: wrap;
}

.bento-card-icon {
  font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
}

.bento-card h3 .text-secondary {
  white-space: nowrap;
}

/* -------------------------------------------------------------
    IIR Envoy MCP Server
------------------------------------------------------------- */

.iir-mcp-card {
  box-shadow: 0 10px 30px rgba(var(--iir-energy-dark-blue-rgb), 0.35);
}

.iir-mcp-card-right {
  aspect-ratio: 16 / 9;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.iir-mcp-card-right::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(var(--iir-energy-dark-rgb), 0.45) 0%,
    rgba(var(--iir-energy-dark-rgb), 0.62) 45%,
    rgba(var(--iir-energy-dark-rgb), 0.78) 100%
  );
  pointer-events: none;
}

.iir-mcp-scopenote {
  max-width: 65%;
}

.iir-mcp-modal-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.iir-mcp-modal-image::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(var(--iir-energy-dark-rgb), 0.78) 0%,
    rgba(var(--iir-energy-dark-rgb), 0.88) 100%
  );
  pointer-events: none;
}

/* one rule per industry, keyed to the "id" in that industry's JSON */
.iir-mcp-card-right-oil-gas-midstream {
  background-image: url('https://media.industrialinfo.com/iirenergy/our-coverage/oil-gas-midstream/iir-energy-iir-envoy-mcp-banner-oil-gas-midstream-1280.webp');
}

.iir-mcp-card-right-metals-minerals {
  background-image: url('https://media.industrialinfo.com/iirenergy/our-coverage/metals-minerals/iir-energy-iir-envoy-mcp-banner-metals-minerals-1280.webp');
}

.iir-mcp-card-right-power-generation {
  background-image: url('https://media.industrialinfo.com/iirenergy/our-coverage/power-generation/iir-energy-iir-envoy-mcp-banner-power-generation-1280.webp');
}

.iir-mcp-card-right-petroleum-refining {
  background-image: url('https://media.industrialinfo.com/iirenergy/our-coverage/petroleum-refining/iir-energy-iir-envoy-mcp-banner-petroleum-refining-1280.webp');
}

.iir-mcp-card-right-natural-gas {
  background-image: url('https://media.industrialinfo.com/iirenergy/our-coverage/natural-gas/iir-energy-iir-envoy-mcp-banner-natural-gas-1280.webp');
}

.iir-mcp-card-right-natural-gas-liquids {
  background-image: url('https://media.industrialinfo.com/iirenergy/our-coverage/natural-gas-liquids/iir-energy-iir-envoy-mcp-banner-natural-gas-liquids-1280.webp');
}

.iir-mcp-card-right-petrochemicals {
  background-image: url('https://media.industrialinfo.com/iirenergy/our-coverage/petrochemicals/iir-energy-iir-envoy-mcp-banner-petrochemicals-1280.webp');
}

.iir-mcp-card-right-renewable-fuels {
  background-image: url('https://media.industrialinfo.com/iirenergy/our-coverage/renewable-fuels/iir-energy-iir-envoy-mcp-banner-renewable-fuels-1280.webp');
}

.iir-mcp-card-right-data-centers {
  background-image: url('https://media.industrialinfo.com/iirenergy/our-coverage/data-centers/iir-energy-iir-envoy-mcp-banner-data-centers-1280.webp');
}

.iir-mcp-card-right-lng {
  background-image: url('https://media.industrialinfo.com/iirenergy/our-coverage/lng/iir-energy-iir-envoy-mcp-banner-lng-1280.webp');
}

/* --------------------------------------------------------
    Coverage - tabbed layout
-------------------------------------------------------- */

.coverage-tab {
  background-color: transparent;
  color: var(--iir-energy-dark);
  transition:
    background-color 0.15s ease-in-out,
    color 0.15s ease-in-out;
}

.coverage-tab:hover,
.coverage-tab:focus-visible {
  background-color: rgba(var(--iir-energy-blue-rgb), 0.08);
  color: var(--iir-energy-dark);
}

.coverage-tabs .coverage-tab.active,
.coverage-tabs .coverage-tab.active:hover,
.coverage-tabs .coverage-tab.active:focus {
  background-color: var(--iir-energy-blue);
  color: #fff;
}

.coverage-tabs .coverage-tab.active .coverage-tab-chevron {
  color: #fff;
}

.coverage-tab-chevron {
  opacity: 0;
}

.coverage-tab.active .coverage-tab-chevron {
  opacity: 1;
}

.coverage-segment:last-child > div {
  padding-bottom: 0 !important;
}

/* two-column segment list, enabled with "columns": 2 on the coverage object */
.coverage-segments-2col > .coverage-segment {
  break-inside: avoid;
}

@media (min-width: 1200px) {
  .coverage-segments-2col {
    column-count: 2;
    column-gap: 2rem;
  }
}

/* ---------------------------------------------------
    Connect With Us
--------------------------------------------------- */

.contact-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contact-bg-metals-minerals {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.763), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/metals-minerals/iir-energy-connect-metals-minerals-bg-3840-wide.webp');
}

.contact-bg-power-generation {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.763), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/power-generation/iir-energy-connect-power-generation-bg-3840-wide.webp');
}

.contact-bg-petroleum-refining {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.763), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/petroleum-refining/iir-energy-connect-petroleum-refining-bg-3840-wide.webp');
}

.contact-bg-oil-gas-midstream {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.763), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/oil-gas-midstream/iir-energy-connect-oil-gas-midstream-bg-3840-wide.webp');
}

.contact-bg-natural-gas {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.763), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/natural-gas/iir-energy-connect-natural-gas-bg-3840-wide.webp');
}

.contact-bg-natural-gas-liquids {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.763), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/natural-gas-liquids/iir-energy-connect-natural-gas-liquids-bg-3840-wide.webp');
}

.contact-bg-petrochemicals {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.763), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/petrochemicals/iir-energy-connect-petrochemicals-bg-3840-wide.webp');
}

.contact-bg-renewable-fuels {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.763), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/renewable-fuels/iir-energy-connect-renewable-fuels-bg-3840-wide.webp');
}

.contact-bg-data-centers {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.763), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/data-centers/iir-energy-connect-data-centers-bg-3840-wide.webp');
}

.contact-bg-lng {
  background-image:
    linear-gradient(rgba(8, 13, 17, 0.763), rgba(4, 6, 7, 0.816)),
    url('https://media.industrialinfo.com/iirenergy/our-coverage/lng/iir-energy-connect-lng-bg-3840-wide.webp');
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  align-items: center;
  column-gap: 2.5rem;
  row-gap: 2.5rem;
}

.contact-badges,
.contact-links {
  display: contents;
}

.contact-form-panel {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.contact-form-panel::before,
.contact-form-panel::after {
  content: '';
  position: absolute;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(var(--iir-energy-orange-rgb), 0) 0%,
    rgba(var(--iir-energy-orange-rgb), 0.9) 50%,
    rgba(var(--iir-energy-orange-rgb), 0) 100%
  );
  box-shadow: 0 0 75px 2px rgba(var(--iir-energy-orange-rgb), 0.45);
  pointer-events: none;
}

.contact-form-panel::before {
  top: -1px;
}

.contact-form-panel::after {
  bottom: -1px;
}

.contact-input.form-control {
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.contact-input.form-control::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

.contact-input.form-control:focus {
  background-color: rgba(255, 255, 255, 0.07);
  border-color: var(--iir-energy-orange);
  box-shadow: 0 0 0 0.2rem rgba(var(--iir-energy-orange-rgb), 0.2);
  color: #fff;
}

.contact-input.form-control.is-invalid {
  border-color: var(--iir-energy-orange);
  background-position: right 1rem center;
}

.contact-input.form-control.is-invalid:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--iir-energy-orange-rgb), 0.2);
}

.contact-badges > li + li,
.contact-links > li + li {
  padding-left: 2.5rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-badge-icon {
  width: 2.75rem;
  height: 2.75rem;
  border: 2px solid var(--iir-energy-orange);
  color: var(--iir-energy-orange);
  font-size: 1.125rem;
}

.contact-link-icon {
  width: 2.75rem;
  height: 2.75rem;
  background-color: rgba(var(--iir-energy-blue-rgb), 0.45);
  color: #fff;
  font-size: 0.9375rem;
}

.contact-links a:hover {
  text-decoration: underline !important;
}

.news-body img {
  max-width: 100%;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .contact-grid {
    column-gap: 1.5rem;
    font-size: 0.875rem;
  }

  .contact-badges > li + li,
  .contact-links > li + li {
    padding-left: 1.5rem;
  }

  .contact-badge-icon {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1rem;
  }

  .contact-link-icon {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.8125rem;
  }
}

@media (max-width: 1199.98px) {
  .contact-grid {
    grid-template-columns: repeat(2, max-content);
    column-gap: 3rem;
    row-gap: 2rem;
    align-items: start;
  }

  .contact-badges,
  .contact-links {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .contact-badges > li + li,
  .contact-links > li + li {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 991.98px) {
  .contact-grid {
    justify-content: center;
  }
}

@media (max-width: 575.98px) {
  .contact-grid {
    grid-template-columns: 1fr;
    justify-content: start;
  }
}