/** Shopify CDN: Minification failed

Line 12:18 Unexpected "{"
Line 12:27 Expected ":"
Line 175:0 Unexpected "}"

**/


/* CSS from section stylesheet tags */
/* Extra safety for this section only */
#shopify-section-{{ section.id }} .astralian-brshd-smry h1 { text-transform: none !important; }
.emp-btn {
  display: inline-block;
  padding: 12px 28px;
  background-color: #42a5f5; /* blue */
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 9999px; /* pill */
  transition: all 0.25s ease;
}

/* Stack the two buttons with a small gap */
.btn-stack { display: flex; flex-direction: column; align-items: flex-start; }
.btn-stack .emp-btn + .emp-btn { margin-top: 8px; }

.emp-btn:hover,
.emp-btn:focus {
  background-color: #7ffb91; /* green */
  color: #000000; /* black text on hover */
}
/* Prevent stretch and make all captions line up */
.dc-icon-box {
  width: 100%;
  height: var(--icon-h);
  display: flex;
  align-items: flex-end;   /* bottom-align different-height icons */
  justify-content: center; /* center horizontally */
  margin-bottom: 1rem;
}

.dc-col-img {
  display: block;
  max-width: var(--icon-w);
  width: var(--icon-w);
  height: auto;         /* preserve each icon’s native height */
  max-height: 100%;     /* never exceed the box height */
  object-fit: contain;  /* no cropping */
}
/* Force consistent typography in Electric Power Category section */

/* Section heading above the grid */
.electric_pwr_catagory h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  color: #001c98;
  text-align: center;
  margin: 0 0 16px;
}

/* Tile headings */
.electric_pwr_catagory .pwrimg h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
  margin: 8px 0 0;
  text-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

/* Link text inside tiles */
.electric_pwr_catagory .pwrimg a {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

/* Optional: ensure images never overflow their tile */
.pwrimg__image { display:block; width:100%; height:auto; }
/* Center the section heading */
.section-collection-list .title-wrapper-with-link,
.section-collection-list .collection-list-title {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: #001c98;
}

/* Grid + card styles */
.trg-feature-cards__grid { display: grid; gap: 24px; }
.trg-cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.trg-cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.trg-cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

@media (max-width: 1024px) { .trg-cols-3, .trg-cols-4 { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px)  { .trg-cols-2, .trg-cols-3, .trg-cols-4 { grid-template-columns: 1fr; } }

.trg-card {
  background: var(--color-background, #fff);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  display: flex; flex-direction: column; gap: 12px;
  height: 100%;
}
.trg-card__media {
  aspect-ratio: 4/3;
  width: 100%;
  display: grid; place-items: center;
  background: rgba(0,0,0,0.02);
  border-radius: 10px;
  overflow: hidden;
}
.trg-card__media img { max-width: 100%; height: 100%; object-fit: contain; }

/* Card heading = 18px */
.trg-card__heading { 
  margin: 4px 0; 
  font-size: 18px; 
  line-height: 1.4; 
  font-weight: 600; 
  }

.trg-card__body { font-size: 0.95rem; line-height: 1.6; }
.trg-card__actions { margin-top: auto; }

/* Button styles – pill shape */
.section-collection-list .trg-card__actions .button.button--primary {
  background: #001c98;
  color: #ffffff;
  border: 1px solid #001c98;
  border-radius: 9999px;  /* full pill */
  padding: 12px 28px;
  font-weight: 600;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.section-collection-list .trg-card__actions .button.button--primary:hover,
.section-collection-list .trg-card__actions .button.button--primary:focus {
  background: #54b0ff;
  color: #000000;
  border-color: #54b0ff;
  outline: none;
}
  /* Kill the square outline/box-shadow many themes add */
.section-collection-list .trg-card__actions .button.button--primary {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
  position: relative; /* for custom focus ring below */
}

/* Some Shopify themes draw a focus ring with ::after — remove it */
.section-collection-list .trg-card__actions .button.button--primary::after,
.section-collection-list .trg-card__actions .button.button--primary::before {
  content: none !important;
}

/* (Accessible) custom focus style that matches the pill */
.section-collection-list .trg-card__actions .button.button--primary:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(84, 176, 255, 0.45); /* soft blue halo */
  border-radius: 9999px; /* ensure the halo is pill-shaped */
}

}
/* Strong, targeted override so theme rules can't cap at 100px */
footer.footer .footer-img img.footer-cert {
  max-height: 150px !important;  /* desktop cap */
  height: auto !important;        /* no fixed height */
  width: auto !important;         /* don't stretch to 100% */
  max-width: 100% !important;     /* don't overflow column */
  display: block;
  object-fit: contain;
}

/* Keep the two badges side-by-side */
footer.footer .footer-cert-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Tablet */
@media (max-width: 991.98px) {
  footer.footer .footer-img img.footer-cert { max-height: 150px !important; }
}

/* Phones: center + scale down */
@media (max-width: 767.98px) {
  footer.footer .footer-cert-wrap {
    justify-content: center;
    gap: 14px;
    margin: 16px auto 24px;
    width: 100%;
    text-align: center;
  }
  footer.footer .footer-img img.footer-cert { max-height: 150px !important; }
}

/* Very small phones */
@media (max-width: 575.98px) {
  footer.footer .footer-img img.footer-cert { max-height: 84px !important; }
}

/* Desktop/tablet: left align */
footer.footer .social-icon{
  display:flex;
  justify-content:flex-start; /* left */
  align-items:center;
  gap:12px;
  list-style:none;
  margin:16px 0 0;
  padding:0;
}
footer.footer .social-icon a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:20px; /* tweak if needed */
  text-decoration:none;
}

/* Hide empty social slots so they don't shift layout */
footer.footer .social-icon a:empty{ display:none !important; }

/* Phones only: center */
@media (max-width: 767.98px){
  footer.footer .social-icon{ justify-content:center; }
}
/* Optional fade-in effect when the background appears */
.need-custm-solutin-bnr {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.6s ease;
}