html, body { min-width: 320px; overflow-x: hidden; }
.security-page { color: #303936; background: #f5f7f9; }
.security-shell { width: min(1040px, calc(100% - 48px)); margin: 0 auto; }
.security-hero { width: 100%; height: 441px; margin: 24px auto 0; display: flex;
  align-items: center; background: url("../assets/security/hero-background.png") center / cover no-repeat;
  text-align: center; }
.security-hero h1 { margin: 5px 0 28px; color: #161817; font-size: 46px; font-weight: 500;}
.security-hero p { max-width: 877px; margin: 0 auto; color: #7b8580; font-size: 16px; line-height: 1.8; }
.security-certifications { padding: 100px 0 112px; text-align: center; color: #161817;}
.security-certifications h2 { margin: 0 0 27px; color: #161817; font-size: 40px; font-weight: 500;}
.security-certifications > .security-shell > p { max-width: 880px; margin: 0 auto 66px; color: #7B7B7B; font-size: 16px; line-height: 1.8; }

.cert-grid { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.cert-grid img { display: block; /*width: 100%; height: 66px;*/ object-fit: contain; }
.cert-grid2 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.cert-grid2 img { display: block;/* width: 100%; height: 66px;*/ object-fit: contain; }


.security-content { padding: 35px 0 60px; background: #f5f7f9; }
.security-content-row { display: grid;
  grid-template-columns: 348px 1fr;
  gap: 220px;
  align-items: center;
  margin-bottom: 94px; }
.security-content-row.reverse { grid-template-columns: 1fr 330px; margin-bottom: 0; }
.security-content-row img { display: block; width: 100%; border-radius: 9px; }
.security-content-row h2 {     margin: 0 0 24px;
  color: #171D15;
  font-size: 40px;
  font-weight: 400;}
.security-content-row p { margin: 0 0 24px; color: #64748B; font-size: 16px; font-weight: 400; line-height: 1.85; }
.security-cta { padding: 60px 0; background: #f8f9fc; }
.security-cta-inner { width: min(1060px, calc(100% - 48px)); min-height: 276px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px; color: #fff; background: #21b448 url("../assets/cases/experience-background.png") center / cover no-repeat; border-radius: 10px; text-align: center; }
.security-cta h2 { margin: 0 0 15px; font-size: 40px; }
.security-cta p { margin: 0 0 26px; color: rgba(255,255,255,.88); font-size: 20px; }
.security-cta a { display: inline-flex; width: 180px; height: 56px; align-items: center; justify-content: center; color: #fff; background: #050807; border-radius: 999px; font-size: 24px; font-weight: 700; text-decoration: none; }
@media (max-width: 720px) {
  .security-hero { width: 100%; height: 330px; margin-top: 18px; background-size: auto 330px;}
  .security-hero h1 { font-size: 22px; font-weight: 500; }
  .security-hero p { max-width: 680px; font-size: 14px; font-weight: 400; text-align: left; }
  .cert-grid { gap: 25px 30px; }
  .cert-grid2 { gap: 25px 30px; }
  .security-content-row, .security-content-row.reverse { grid-template-columns: 1fr; gap: 35px; margin-bottom: 70px; }
  .security-content-row.reverse { margin-bottom: 0; }
  .security-content-row.reverse > img { grid-row: 1; }
  .security-cta-inner { width: calc(100% - 48px); }
  .security-certifications h2 { font-size: 22px; font-weight: 500; }

  .security-certifications > .security-shell > p { margin-bottom: 40px; font-size: 14px; font-weight: 400;}
  .security-content-row h2 { margin-bottom: 17px; font-size: 18px;  font-weight: 500; }
  .security-content-row p { margin-bottom: 18px; font-size: 14px;  font-weight: 400; line-height: 1.8; }

  .cert-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 38px 62px; align-items: center; }
  .cert-grid img { display: block; width: 100%; height: 66px; object-fit: contain; }
  .cert-grid2 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 38px 62px; align-items: center; }
  .cert-grid2 img { display: block; width: 100%; height: 66px; object-fit: contain; }

  
}
@media (max-width: 600px) {
  .security-shell { width: calc(100% - 32px); }
  .security-hero { height: 285px; background-size: auto 285px; }
  .security-certifications { padding: 65px 0 70px; }

  .cert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
  .cert-grid img { height: 54px; }
  .cert-grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
  .cert-grid2 img { height: 54px; }

  .security-content { padding: 10px 0 0; }
  .security-content-row, .security-content-row.reverse { gap: 25px; margin-bottom: 62px; }


  .security-cta { padding-bottom: 65px; }
  .security-cta-inner { width: calc(100% - 32px); min-height: 235px; padding: 25px 18px; }
  .security-cta h2 { font-size: 27px; }
  .security-cta p { font-size: 12px; line-height: 1.7; }
}
@media (max-width: 390px) {
  .security-hero { height: 265px; background-size: auto 265px; }
  .cert-grid { gap: 22px 12px; }
  .cert-grid img { height: 48px; }
  .cert-grid2 { gap: 22px 12px; }
  .cert-grid2 img { height: 48px; }
  .security-cta-inner { width: calc(100% - 24px); min-height: 220px; }
  .security-cta h2 { padding: 0 10px; font-size: 24px; }
}