:root {
  /* Logo Based Colors */
  --logo-light-blue: #4197cb;
  --logo-dark-blue: #194f90;
  --logo-orange: #f88d2b;
  --logo-orange-dark: #b05706;
  /* Primary Colors */
  --primary-darkest-blue: #00041f;
  --primary-dark-blue: #00263d;
  --primary-teal: #0094a2;
  --primary-light-blue: #66ffff;
  --primary-grey: #e3e3e3;
  --primary-light-grey: #f7f8fa;
}

/**
 * Background Color Classes
 */
.bg-darkest-blue {
  background-color: var(--primary-darkest-blue) !important;
}
.bg-dark-blue {
  background-color: var(--primary-dark-blue) !important;
}
.bg-light-blue {
  background-color: var(--primary-light-blue) !important;
}
.bg-teal {
  background-color: var(--primary-teal) !important;
}
.bg-orange {
  background-color: var(--logo-orange) !important;
}
.bg-grey {
  background-color: var(--primary-grey) !important;
}
.bg-light-grey {
  background-color: var(--primary-light-grey) !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-white {
  background-color: #ffffff !important;
}

.bg-hover-darkest-blue:hover {
  background-color: var(--primary-darkest-blue) !important;
}
.bg-hover-dark-blue:hover {
  background-color: var(--primary-dark-blue) !important;
}
.bg-hover-light-blue:hover {
  background-color: var(--primary-light-blue) !important;
}
.bg-hover-teal:hover {
  background-color: var(--primary-teal) !important;
}
.bg-hover-orange:hover {
  background-color: var(--logo-orange) !important;
}
.bg-hover-grey:hover {
  background-color: var(--primary-grey) !important;
}
.bg-hover-light-grey:hover {
  background-color: var(--primary-light-grey) !important;
}
.bg-hover-black:hover {
  background-color: #000000 !important;
}
.bg-hover-white:hover {
  background-color: #ffffff !important;
}

/**
 * Text Color Classes
 */
.text-darkest-blue {
  color: var(--primary-darkest-blue);
}
.text-dark-blue {
  color: var(--primary-dark-blue) !important;
}
.text-light-blue {
  color: var(--primary-light-blue) !important;
}
.text-teal {
  color: var(--primary-teal) !important;
}
.text-orange {
  color: var(--logo-orange) !important;
}
.text-logo-orange {
  color: var(--logo-orange);
}
.text-logo-dark-blue {
  color: var(--logo-dark-blue);
}
.text-logo-light-blue {
  color: var(--logo-light-blue);
}
.text-grey {
  color: var(--primary-grey);
}
.text-light-grey {
  color: var(--primary-light-grey);
}
.text-black {
  color: #000000;
}
.text-white {
  color: #ffffff;
}

/**
 * Text Hover Color Classes
 */
.text-hover-darkest-blue:hover {
  color: var(--primary-darkest-blue) !important;
}
.text-hover-dark-blue:hover {
  color: var(--primary-dark-blue) !important;
}
.text-hover-light-blue:hover {
  color: var(--primary-light-blue) !important;
}
.text-hover-teal:hover {
  color: var(--primary-teal) !important;
}
.text-hover-orange:hover {
  color: var(--logo-orange) !important;
}
.text-hover-black:hover {
  color: #000000 !important;
}
.text-hover-white:hover {
  color: #ffffff !important;
}
.text-hover-grey:hover {
  color: var(--primary-grey) !important;
}
.text-hover-light-grey:hover {
  color: var(--primary-light-grey) !important;
}

/**
 * Border Color Classes
 * Compatible with localized Bootstrap
 */
.border-darkest-blue,
.bootstrap .border-darkest-blue {
  border-color: var(--primary-darkest-blue) !important;
}
.border-dark-blue,
.bootstrap .border-dark-blue {
  border-color: var(--primary-dark-blue) !important;
}
.border-light-blue,
.bootstrap .border-light-blue {
  border-color: var(--primary-light-blue) !important;
}
.border-teal,
.bootstrap .border-teal,
.bootstrap .border-bottom.border-teal {
  border-color: var(--primary-teal) !important;
}
.border-orange,
.bootstrap .border-orange,
.bootstrap .border-bottom.border-orange {
  border-color: var(--logo-orange) !important;
}
.border-logo-orange {
  border-color: var(--logo-orange) !important;
}
.border-logo-dark-blue {
  border-color: var(--logo-dark-blue) !important;
}
.border-logo-light-blue {
  border-color: var(--logo-light-blue) !important;
}
.border-grey,
.bootstrap .border-grey {
  border-color: var(--primary-grey) !important;
}
.border-light-grey,
.bootstrap .border-light-grey {
  border-color: var(--primary-light-grey) !important;
}
.border-black {
  border-color: #000000;
}
.border-white,
.bootstrap .border-white {
  border-color: #ffffff;
}

.border-hover-darkest-blue:hover,
.bootstrap .border-hover-darkest-blue:hover {
  border-color: var(--primary-darkest-blue) !important;
}
.border-hover-dark-blue:hover,
.bootstrap .border-hover-dark-blue:hover {
  border-color: var(--primary-dark-blue) !important;
}
.border-hover-light-blue:hover,
.bootstrap .border-hover-light-blue:hover {
  border-color: var(--primary-light-blue) !important;
}
.border-hover-teal:hover,
.bootstrap .border-hover-teal:hover {
  border-color: var(--primary-teal) !important;
}
.border-hover-orange:hover,
.bootstrap .border-hover-orange:hover {
  border-color: var(--logo-orange) !important;
}
.border-hover-logo-orange:hover {
  border-color: var(--logo-orange) !important;
}
.border-hover-logo-dark-blue:hover {
  border-color: var(--logo-dark-blue) !important;
}
.border-hover-logo-light-blue:hover {
  border-color: var(--logo-light-blue) !important;
}
.border-hover-grey:hover,
.bootstrap .border-hover-grey:hover {
  border-color: var(--primary-grey) !important;
}
.border-hover-light-grey:hover,
.bootstrap .border-hover-light-grey:hover {
  border-color: var(--primary-light-grey) !important;
}
.border-hover-black:hover {
  border-color: #000000;
}
.border-hover-white:hover,
.bootstrap .border-hover-white:hover {
  border-color: #ffffff;
}
/* Custom utility Classes */
.bootstrap a {
  text-decoration: none;
}

.bootstrap a.primary-btn {
  border: 1px solid #66ffff;
  color: #66ffff;
  background-color: #00263d25;
  backdrop-filter: blur(5px);
}

.bootstrap a.primary-btn:hover {
  color: #00263d;
  background-color: #66ffff;
}

.bootstrap .card-plain {
  background-color: transparent;
  border: 0;
}

.text-white {
  color: #fff;
}

.text-dark-blue {
  color: #00263d !important;
}

.text-light-blue {
  color: #6ff;
}

.text-teal {
  color: #0094a2;
}

.bootstrap .fs-6 {
  font-size: 1.06rem !important;
}

/* Hero */
.hero-bg {
  background-image: url(https://media.industrialinfo.com/images/australia/australia-hero.png);
  background-size: cover;
  background-position: center;
}

/* gmi-platform */
.gmi-platform {
  display: grid;
  grid-template-areas: "top-features projects plants database";
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 1.75rem;
}

.top-features {
  grid-area: top-features;
}

.projects {
  grid-area: projects;
}

.plants {
  grid-area: plants;
}

.database {
  grid-area: database;
}

/* Top Features */
.featured {
  padding-top: 3rem;
}

.featured-container {
  height: auto !important;
  padding-top: .3rem;
}

.featured_icon-one {
  border-radius: .8rem;
  width: 4rem;
  height: 4rem;
}

.featured_icon-two {
  width: 1.2rem;
  height: 1.2rem;
}

/* .card-img-top, .card-img-top img {
  width: 100%;
  max-width: 24rem;
  height: 12.3125rem;
} */

/* Industries / Map Section */
.module {
  margin-top: 8rem;
}

.arrow-rounded {
  background: linear-gradient(90deg, #02456dcc 0%, #00263d 47%, #00263d 98%);
  border-radius: 0 50rem 50rem 0;
  height: 3.75rem;
}

/* Map Area*/
#australia-map {
  fill: #00263d;
}

#australia-map g {
  transition: .3s;
}

#australia-map g:hover {
  fill: #00263da9;
  cursor: pointer;
}


/* Team Section */
.bootstrap .card-header {
  padding: 0;
  background-color: transparent;
  border-bottom: 0;
}

.team-img {
  background-color: transparent;
  border-radius: .6rem;
  box-shadow: 0 5px 15px -8px rgba(0,0,0,.24),0 8px 10px -5px rgba(0,0,0,.2);;
}

.team-img img {
  max-width: 10rem;
  width: 100%;
  border-radius: .6rem;
}

.team-member {
  width: 100%;
  max-width: 13rem;
  height: 12.8rem;
  background-size: cover;
  border-radius: .8rem;
}

.member-1 {
  background-image: url(https://media.industrialinfo.com/images/australia/team/shannan.webp);
  background-position-y: -1rem;
}

.member-2 {
  background-image: url(https://media.industrialinfo.com/images/australia/team/chloe.webp);
  background-position-y: -1.5rem;
}

.member-3 {
  background-image: url(https://media.industrialinfo.com/images/australia/team/rob.webp);
  background-position-y: -0.5rem;
}

.member-4 {
  background-image: url(https://media.industrialinfo.com/images/australia/team/marichelle.webp);
  background-position-x: center;
  background-position-y: -0.5rem;
  background-size: 125%;
}

.support-1 {
  width: 22rem;
}

.support-2 {
  width: 19rem;
}

.support-3 {
  width: 16rem;
}

.support-4 {
  width: 14rem;
}

.support-1::after {
  content: "";
  position: absolute;
  right: 19.75rem;
  width: 4.3125rem;
  height: 4.1875rem;
  background-image: url(https://media.industrialinfo.com/images/australia/icons/support.svg);
  background-repeat: no-repeat;
}

.support-2::after {
  content: "";
  position: absolute;
  right: 16.75rem;
  width: 4.3125rem;
  height: 4.1875rem;
  background-image: url(https://media.industrialinfo.com/images/australia/icons/sales.svg); 
  background-repeat: no-repeat;                      
}

.support-3::after {
  content: "";
  position: absolute;
  right: 13.75rem;
  width: 4.3125rem;
  height: 4.1875rem;
  background-image: url(https://media.industrialinfo.com/images/australia/icons/research.svg);
  background-repeat: no-repeat;
}

.support-4::after {
  content: "";
  position: absolute;
  right: 11.75rem;
  width: 4.3125rem;
  height: 4.1875rem;
  background-image: url(https://media.industrialinfo.com/images/australia/icons/analytics.svg);
  background-repeat: no-repeat;
}

.support-1 span,
.support-2 span,
.support-3 span,
.support-4 span {
  width: 22ch;
}

@media (max-width: 1200px) {
  .gmi-platform {
    display: block;
  }

  .card-img-top, .card-img-top img {
    height: auto;
  }
}