section[data-cattype="88898"] {
    --products-88898-blue: #06346E;
    --products-88898-orange: #FA9028;
    --products-88898-white: #ffffff;
    font-family: 'Open Sans', Arial, sans-serif;
    overflow: hidden;
}

section[data-cattype="88898"] .products-88898-wrap {
    position: relative;
    padding: 60px 0 70px;
    overflow: hidden;
    background-color: var(--products-88898-blue);
}

section[data-cattype="88898"] .products-88898-bg {
    position: absolute;
    inset: 0;
    background-image: url('image.php?t=Background&w=1920&h=1200&ct=ffffff&cb=7d8da6');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

section[data-cattype="88898"] .products-88898-overlay {
    position: absolute;
    inset: 0;
    background: rgba(47, 87, 140, 0.70);
    z-index: 2;
}

section[data-cattype="88898"] .products-88898-container {
    position: relative;
    z-index: 3;
    max-width: 1560px;
    padding: 0 25px 0 25px;
}

section[data-cattype="88898"] .products-88898-heading {
    max-width: 980px;
    margin: 0 auto 36px;
    color: var(--products-88898-white);
}

section[data-cattype="88898"] .products-88898-heading h2 {
    margin: 0 0 14px;
    font-size: 50px;
    line-height: 1.15;
    font-weight: 600;
    color: var(--products-88898-white);
}

section[data-cattype="88898"] .products-88898-intro,
section[data-cattype="88898"] .products-88898-intro p {
    margin: 0;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 400;
    color: var(--products-88898-white);
}

section[data-cattype="88898"] .products-88898-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -18px;
    margin-right: -18px;
}

section[data-cattype="88898"] .products-88898-item {
    width: 25%;
    padding: 0 18px;
    margin-bottom: 34px;
}

section[data-cattype="88898"] .products-88898-card {
    display: block;
    text-align: center;
    color: var(--products-88898-white);
    text-decoration: none;
    cursor: pointer;
}

section[data-cattype="88898"] .products-88898-card:hover,
section[data-cattype="88898"] .products-88898-card:focus,
section[data-cattype="88898"] .products-88898-card:active {
    color: var(--products-88898-white);
    text-decoration: none;
}

section[data-cattype="88898"] .products-88898-photo {
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    background: #c9c9c9;
    aspect-ratio: 1.22 / 1;
}

section[data-cattype="88898"] .products-88898-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

section[data-cattype="88898"] .products-88898-card:hover .products-88898-photo img,
section[data-cattype="88898"] .products-88898-card:focus .products-88898-photo img {
    transform: scale(1.08);
}

section[data-cattype="88898"] .products-88898-title {
    margin: 16px 0 0;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 600 !important;
    color: var(--products-88898-white);
    transition: color .25s ease;
}

section[data-cattype="88898"] .products-88898-card:hover .products-88898-title,
section[data-cattype="88898"] .products-88898-card:focus .products-88898-title {
    color: var(--products-88898-orange);
}

section[data-cattype="88898"] .products-88898-action {
    margin-top: 8px;
}

section[data-cattype="88898"] .products-88898-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 168px;
    min-height: 52px;
    padding: 12px 34px;
    border-radius: 16px;
    background: var(--products-88898-orange);
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
    transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

section[data-cattype="88898"] .products-88898-btn:hover,
section[data-cattype="88898"] .products-88898-btn:focus,
section[data-cattype="88898"] .products-88898-btn:active {
    background: var(--products-88898-blue);
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(6, 52, 110, .32);
}

@media (max-width: 1199px) {
  section[data-cattype="88898"] .products-88898-item { width:33.3333%; }
  section[data-cattype="88898"] .products-88898-title { font-size:22px; font-weight:600 !important; }
}
@media (max-width:991px) {
  section[data-cattype="88898"] .products-88898-bg { background-attachment:scroll; }
  section[data-cattype="88898"] .products-88898-item { width:50%; }
}
@media (max-width:767px) {
  section[data-cattype="88898"] .products-88898-wrap { padding:46px 0 56px; }
  section[data-cattype="88898"] .products-88898-heading { margin-bottom:28px; }
  section[data-cattype="88898"] .products-88898-heading h2 { font-size:34px; }
  section[data-cattype="88898"] .products-88898-intro, section[data-cattype="88898"] .products-88898-intro p { font-size:16px; }
  section[data-cattype="88898"] .products-88898-item { width:50%; padding:0 10px; margin-bottom:24px; }
  section[data-cattype="88898"] .products-88898-grid { margin-left:-10px; margin-right:-10px; }
  section[data-cattype="88898"] .products-88898-photo { border-radius:18px; }
  section[data-cattype="88898"] .products-88898-title { margin-top:12px; font-size:18px; font-weight:600 !important; }
  section[data-cattype="88898"] .products-88898-btn { min-width:140px; min-height:46px; font-size:16px; }
}
@media (max-width:480px) {
  section[data-cattype="88898"] .products-88898-heading h2 { font-size:30px; }
  section[data-cattype="88898"] .products-88898-title { font-size:16px; font-weight:600 !important; }
}