/* =========================================================
   sec page styles.
   Loaded after styles/global.css on sec.html only.
   ========================================================= */

/*trust centre*/
.lockicon {
  max-width: 43%;
}

.lockicon-wrapper {
  bottom: 15px;
  right: -150px;
}

.logo-cloud .row {
  display: flex;
  justify-content: center;
  gap: 40px;
}

/* Phones and tablets (keeps the mobile rule from global.css winning over the rule above) */
@media (max-width: 991px) {
  .logo-cloud .row {
    gap: 20px;
  }
}

.row2 {
  display: flex;
  justify-content: center;
  gap: 80px;
}

.top-row {
  margin-bottom: 20px;
}

/* Phones and tablets (keeps the mobile rule from global.css winning over the rule above) */
@media (max-width: 991px) {
  .top-row {
    margin-bottom: 15px;
  }
}

.bottom-row {
  justify-content: space-between;
  max-width: 600px;
  margin: 0 auto;
}

/* Phones and tablets (keeps the mobile rule from global.css winning over the rule above) */
@media (max-width: 991px) {
  .bottom-row {
    max-width: 100%;
    justify-content: center;
  }
}

.logo-cloud img {
  height: 5rem;
  width: auto;
}

/* Phones and tablets (keeps the mobile rule from global.css winning over the rule above) */
@media (max-width: 991px) {
  .logo-cloud img {
    height: 4.5rem;
  }
}

/* Smaller certificate widget in the hero */
.cert-widget-sm {
  height: 60px;
  width: 60px;
}


/* Phones and tablets: the fixed header is taller here (the certification bar wraps),
   so push the hero wordmark (not the footer one) down to clear it, in line with the other pages */
@media (max-width: 991px) {
  .transparent-logo:not(.tran-logo-footer) {
    padding-top: 100px !important;
  }
}


/* Desktop: the hero starts under the fixed header, so push its content down to clear it */
@media (min-width: 992px) {
  .mainshadow-nav > .content-wrapper {
    padding-top: 140px;
  }
}