@charset "UTF-8";

/* ==========================================================================

   PRINTPACK — Aviation Printing Products Stylesheet

   Auto-extracted from products\aviation-printing-products.html into a clean, standalone stylesheet.

   ========================================================================== */



/* --------------------------------------------------------------------------

   STYLE BLOCK 1

   -------------------------------------------------------------------------- */

/* ========================================================

   LENIS SMOOTH SCROLLING SETUP & CONFLICT RESOLUTION

======================================================== */

html.lenis, html.lenis body {

    height: auto;

}



.lenis.lenis-smooth {

    scroll-behavior: auto !important;

}



.lenis.lenis-smooth [data-lenis-prevent] {

    overscroll-behavior: contain;

}



.lenis.lenis-stopped {

    overflow: hidden;

}



.lenis.lenis-scrolling iframe {

    pointer-events: none;

}



/* =========================================

   SPECIAL PURPOSE LABELS HERO

========================================= */



.special-purpose-labels-hero {

    width: 100%;

    background: #F2F6FA;

    font-family: 'Inter', sans-serif;

    overflow: hidden;

    padding: 60px 0;

    position: relative;

    box-sizing: border-box;

}



/* Main Container */

.special-purpose-labels-container {

    max-width: 1400px;

    min-height: 420px;

    margin: 0 auto;

    padding: 0 25px;

    display: flex;

    align-items: center;

    position: relative;

    box-sizing: border-box;

}



/* =========================================

   LEFT CONTENT

========================================= */



.special-purpose-labels-content {

    width: 48%;

    position: relative;

    z-index: 3;

    padding-top: 5px;

}



/* Breadcrumb */

.special-purpose-labels-breadcrumb {

    font-size: 13px;

    color: #555;

    margin-bottom: 28px;

    line-height: 1.5;

}



.special-purpose-labels-breadcrumb span {

    margin: 0 5px;

    color: #999;

}



.special-purpose-labels-breadcrumb strong {

    color: #ed087c;

    font-weight: 600;

}



/* Small Heading */

.special-purpose-labels-eyebrow {

    color: #ed087c;

    font-size: 14px;

    font-weight: 700;

    margin-bottom: 10px;

    text-transform: uppercase;

    letter-spacing: 1.5px;

}



/* Main Heading */

.special-purpose-labels-content h1 {

    margin: 0 0 15px;

    font-size: 30px;

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -0.8px;

    color: #111820;

}



.special-purpose-labels-content h1 span {

    color: #ed087c;

}



.special-purpose-labels-content h1 b {

    color: #1464df;

    font-weight: 800;

}



/* Description */

.special-purpose-labels-content p {

    max-width: 510px;

    margin: 0 0 18px;

    font-size: 15px;

    line-height: 1.55;

    color: #333;

    font-weight: 400;

}



/* =========================================

   FEATURES

========================================= */



.special-purpose-labels-features {

    display: flex;

    align-items: flex-start;

    gap: 25px;

    margin: 50px 0 30px;

}



.special-purpose-feature {

    text-align: center;

    min-width: 70px;

    font-size: 10px;

    line-height: 1.25;

    color: #222;

}



.special-purpose-feature-icon {

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 5px;

}



.special-purpose-feature-icon span {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 50px;

    height: 50px;

    /* border: 0px solid #ed087c; */

    /* border-radius: 0; */

    /* color: #ed087c; */

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 25px;

}



.special-purpose-feature-icon img {

    width: 40px;

    height: 40px;

    display: block;

    object-fit: contain;

}



.special-purpose-feature strong {

    display: block;

    font-size: 14px;

    font-weight: 700;

}



.special-purpose-feature small {

    display: block;

    font-size: 14px;

    color: #333;

    margin-top: 1px;

}



/* =========================================

   BUTTONS

========================================= */



.special-purpose-labels-buttons {

    display: flex;

    gap: 12px;

    align-items: center;

}



.special-purpose-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-height: 38px;

    padding: 0 18px;

    text-decoration: none;

    font-size: 10px;

    font-weight: 700;

    transition: all 0.25s ease;

    box-sizing: border-box;

}



.special-purpose-btn span {

    font-size: 14px;

    line-height: 1;

}



/* Yellow Button */

.special-purpose-btn-primary {

    background: #ffd400;

    color: #111;

    border: 1px solid #ffd400;

}



.special-purpose-btn-primary:hover {

    background: #f5c600;

    border-color: #f5c600;

}



/* White Button */

.special-purpose-btn-secondary {

    background: #fff;

    color: #222;

    border: 1px solid #bbb;

}



.special-purpose-btn-secondary:hover {

    border-color: #111;

}



/* =========================================

   RIGHT HERO IMAGE

========================================= */



.special-purpose-labels-image {

    width: 65%;

    height: 100%;

    position: absolute;

    right: -100px;

    top: 0;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    z-index: 1;

    pointer-events: none;

}



.special-purpose-labels-image img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position: right center;

    display: block;

}



/* =========================================

   LARGE DESKTOP

========================================= */



@media (min-width: 1500px) {

    .special-purpose-labels-content h1 {

        /* font-size: 43px; */

        font-size: clamp(42px, 4vw, 52px);

    }

}



/* =========================================

   LAPTOP

========================================= */



@media (max-width: 1200px) {



    .special-purpose-labels-hero {

        padding: 45px 0;

    }



    .special-purpose-labels-container {

        min-height: 400px;

    }



    .special-purpose-labels-content {

        width: 50%;

    }



    .special-purpose-labels-image {

        width: 62%;

        right: 0;

    }



    .special-purpose-labels-features {

        gap: 15px;

    }

}



/* =========================================

   TABLET

========================================= */



@media (max-width: 991px) {



    .special-purpose-labels-hero {

        padding: 40px 0;

    }



    .special-purpose-labels-container {

        min-height: auto;

        padding: 0 30px;

    }



    .special-purpose-labels-content {

        width: 55%;

    }



    .special-purpose-labels-content h1 {

        font-size: 30px;

    }



    .special-purpose-labels-content p {

        font-size: 14px;

    }



    .special-purpose-labels-image {

        width: 58%;

        right: 0;

    }



    .special-purpose-labels-features {

        gap: 12px;

    }



    .special-purpose-feature {

        min-width: 60px;

    }

}



/* =========================================

   MOBILE

========================================= */



@media (max-width: 767px) {



    .special-purpose-labels-hero {

        padding: 30px 0 40px;

    }



    .special-purpose-labels-container {

        display: flex;

        flex-direction: column;

        padding: 0 20px;

    }



    .special-purpose-labels-content {

        width: 100%;

        order: 1;

    }



    .special-purpose-labels-breadcrumb {

        margin-bottom: 20px;

    }



    .special-purpose-labels-content h1 {

        font-size: 30px;

        line-height: 1.1;

    }



    .special-purpose-labels-content p {

        font-size: 14px;

        line-height: 1.6;

        max-width: 100%;

    }



    .special-purpose-labels-features {

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        gap: 10px;

        margin-top: 20px;

    }



    .special-purpose-feature {

        min-width: auto;

    }



    .special-purpose-labels-buttons {

        flex-wrap: wrap;

        margin-top: 20px;

    }



    .special-purpose-btn {

        min-height: 40px;

        padding: 0 16px;

    }



    .special-purpose-labels-image {

        position: relative;

        width: 100%;

        height: auto;

        right: auto;

        top: auto;

        order: 2;

        margin-top: 30px;

    }



    .special-purpose-labels-image img {

        width: 100%;

        height: auto;

        object-fit: contain;

    }

}



/* =========================================

   SMALL MOBILE

========================================= */



@media (max-width: 480px) {



    .special-purpose-labels-content h1 {

        font-size: 30px;

    }



    .special-purpose-labels-features {

        grid-template-columns: repeat(2, 1fr);

        row-gap: 18px;

    }



    .special-purpose-labels-buttons {

        display: flex;

        flex-direction: column;

        align-items: stretch;

    }



    .special-purpose-btn {

        width: 100%;

    }

}

/* =========================================

   REAL-WORLD SOLUTIONS SECTION

========================================= */



.real-world-solutions {

    width: 100%;

    background: #fff;

    font-family: 'Inter', sans-serif;

    padding: 55px 0;

    overflow: hidden;

    box-sizing: border-box;

}



.real-world-container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 25px;

    display: flex;

    align-items: center;

    gap: 25px;

    box-sizing: border-box;

}



/* =========================================

   LEFT INTRO CONTENT

========================================= */



.real-world-intro {

    width: 34%;

    flex-shrink: 0;

}



.real-world-intro h2 {

    margin: 0 0 14px;

    font-size: 30px;

    line-height: 1.08;

    font-weight: 800;

    color: #111820;

    letter-spacing: -0.6px;

}



.real-world-intro h2 span {

    color: #1768e5;

}



.real-world-intro p {

    margin: 0 0 16px;

    max-width: 390px;

    font-size: 14px;

    line-height: 1.5;

    color: #333;

}



/* =========================================

   BULLET LIST

========================================= */



.real-world-list {

    list-style: none;

    padding: 0;

    margin: 0;

}



.real-world-list li {

    position: relative;

    padding-left: 22px;

    margin-bottom: 10px;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 500;

    color: #222;

}



.real-world-list li::before {

    content: "" !important;

    position: absolute;

    left: 0;

    top: 0;

    width: 14px;

    height: 14px;

    border-radius: 50%;

    background: #1268ed;

    color: #fff;

    font-size: 9px;

    font-weight: 700;

    line-height: 14px;

    text-align: center;

}



/* =========================================

   CARDS WRAPPER

========================================= */



.real-world-cards {

    width: 66%;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 8px;

}



/* =========================================

   CARD

========================================= */



.real-world-card {

    min-width: 0;

    background: #fff;

    border: 1px solid #eeeeee;

    border-radius: 5px;

    overflow: hidden;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);

    box-sizing: border-box;

    transition: transform 0.25s ease, box-shadow 0.25s ease;

}



.real-world-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.10);

}



/* =========================================

   CARD IMAGE

========================================= */



.real-world-card-image {

    width: 100%;

    height: 128px;

    overflow: hidden;

}



.real-world-card-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition: transform 0.3s ease;

}



.real-world-card:hover .real-world-card-image img {

    transform: scale(1.04);

}



/* =========================================

   CARD CONTENT

========================================= */



.real-world-card h3 {

    margin: 15px 15px 10px;

    font-size: 15px;

    line-height: 1.2;

    font-weight: 800;

    color: #111820;

}



.real-world-card p {

    margin: 0 15px 15px;

    font-size: 14px;

    line-height: 1.45;

    color: #444;

}



/* =========================================

   LARGE DESKTOP

========================================= */



@media (min-width: 1500px) {



    .real-world-solutions {

        padding: 60px 0;

    }



    .real-world-card-image {

        height: 180px;

    }

}



/* =========================================

   LAPTOP

========================================= */



@media (max-width: 1200px) {



    .real-world-container {

        gap: 20px;

    }



    .real-world-intro {

        width: 32%;

    }



    .real-world-cards {

        width: 68%;

        gap: 8px;

    }



    .real-world-card-image {

        height: 115px;

    }



    .real-world-intro h2 {

        font-size: 30px;

    }

}



/* =========================================

   TABLET

========================================= */



@media (max-width: 991px) {



    .real-world-solutions {

        padding: 45px 0;

    }



    .real-world-container {

        flex-direction: column;

        align-items: stretch;

    }



    .real-world-intro {

        width: 100%;

    }



    .real-world-intro p {

        max-width: 700px;

    }



    .real-world-cards {

        width: 100%;

        grid-template-columns: repeat(4, 1fr);

    }



    .real-world-card-image {

        height: 130px;

    }

}



/* =========================================

   MOBILE

========================================= */



@media (max-width: 767px) {



    .real-world-solutions {

        padding: 35px 0;

    }



    .real-world-container {

        padding: 0 20px;

    }



    .real-world-intro h2 {

        font-size: 30px;

    }



    .real-world-intro p {

        font-size: 14px;

    }



    .real-world-cards {

        grid-template-columns: repeat(2, 1fr);

        gap: 12px;

    }



    .real-world-card-image {

        height: 150px;

    }



    .real-world-card h3 {

        font-size: 12px;

    }



    .real-world-card p {

        font-size: 10px;

    }

}



/* =========================================

   SMALL MOBILE

========================================= */



@media (max-width: 480px) {



    .real-world-container {

        padding: 0 15px;

    }



    .real-world-intro h2 {

        font-size: 30px;

    }



    .real-world-cards {

        grid-template-columns: 1fr;

    }



    .real-world-card-image {

        height: 190px;

    }



    .real-world-card h3 {

        font-size: 13px;

    }



    .real-world-card p {

        font-size: 11px;

    }

}

/* =========================================

   SPECIAL PURPOSE LABEL APPLICATIONS

========================================= */



.special-purpose-applications {

    width: 100%;

    background: #fff;

    font-family: 'Inter', sans-serif;

    padding: 45px 0 55px;

    overflow: hidden;

    box-sizing: border-box;

}



.spa-container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 25px;

    box-sizing: border-box;

}



/* =========================================

   SECTION HEADING

========================================= */



.spa-heading {

    text-align: center;

    margin-bottom: 24px;

}



.spa-heading h2 {

    margin: 0;

    font-size: 30px;

    line-height: 1.15;

    font-weight: 800;

    color: #111820;

    letter-spacing: -0.5px;

}



.spa-heading .four-color-line {

    display: block;

    width: 170px;

    height: 5px;

    background: linear-gradient(90deg, #FFED00 0%, #00A0E3 33.33%, #44403F 66.66%, #E40B80 100%);

    border-radius: 10px;

    margin: 20px auto;

}



.spa-heading p {

    margin: 0;

    font-size: 15px;

    line-height: 1.5;

    color: #333;

}



/* =========================================

   CARDS GRID

========================================= */



.spa-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

}



/* =========================================

   CARD

========================================= */



.spa-card {

    background: #fff;

    border: 1px solid #eeeeee;

    border-radius: 6px;

    overflow: hidden;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);

    transition: transform 0.25s ease,

                box-shadow 0.25s ease;

}



.spa-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.10);

}



/* =========================================

   CARD IMAGE

========================================= */



.spa-image {

    width: 100%;

    height: 255px;

    overflow: hidden;

}



.spa-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition: transform 0.35s ease;

}



.spa-card:hover .spa-image img {

    transform: scale(1.03);

}



/* =========================================

   CARD CONTENT

========================================= */



.spa-content {

    display: flex;

    align-items: flex-start;

    gap: 25px;

    padding: 25px;

}



/* =========================================

   ICON

========================================= */



.spa-icon {

    flex: 0 0 40px;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ed087c;

}



.spa-icon span {

    width: 34px;

    height: 34px;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    font-weight: 700;

    line-height: 1;

}



.spa-icon span img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: contain;

}



/* =========================================

   TEXT

========================================= */



.spa-text {

    flex: 1;

}



.spa-text h3 {

    margin: 0 0 7px;

    font-size: 22px;

    line-height: 1.25;

    font-weight: 800;

    color: #111820;

}



.spa-text p {

    margin: 0;

    font-size: 14px;

    line-height: 1.5;

    color: #444;

}



/* =========================================

   LARGE DESKTOP

========================================= */



@media (min-width: 1500px) {



    .special-purpose-applications {

        padding: 55px 0 65px;

    }



    .spa-image {

        height: 400px;

    }



    .spa-grid {

        gap: 22px;

    }

}



/* =========================================

   LAPTOP

========================================= */



@media (max-width: 1200px) {



    .spa-image {

        height: 230px;

    }



    .spa-content {

        padding: 14px 16px 17px;

    }

}



/* =========================================

   TABLET

========================================= */



@media (max-width: 991px) {



    .special-purpose-applications {

        padding: 40px 0 50px;

    }



    .spa-container {

        padding: 0 25px;

    }



    .spa-heading h2 {

        font-size: 30px;

    }



    .spa-grid {

        gap: 15px;

    }



    .spa-image {

        height: 210px;

    }



    .spa-content {

        gap: 12px;

    }



    .spa-text h3 {

        font-size: 16px;

    }



    .spa-text p {

        font-size: 14px;

    }

}



/* =========================================

   MOBILE

========================================= */



@media (max-width: 767px) {



    .special-purpose-applications {

        padding: 35px 0 45px;

    }



    .spa-container {

        padding: 0 20px;

    }



    .spa-heading {

        margin-bottom: 20px;

    }



    .spa-heading h2 {

        font-size: 30px;

    }



    .spa-heading p {

        font-size: 14px;

    }



    .spa-grid {

        grid-template-columns: 1fr;

        gap: 18px;

    }



    .spa-image {

        height: 240px;

    }



    .spa-content {

        padding: 15px;

    }

}



/* =========================================

   SMALL MOBILE

========================================= */



@media (max-width: 480px) {



    .spa-container {

        padding: 0 15px;

    }



    .spa-heading h2 {

        font-size: 30px;

    }



    .spa-image {

        height: 210px;

    }



    .spa-content {

        gap: 10px;

    }



    .spa-icon {

        flex: 0 0 35px;

        width: 35px;

    }



    .spa-icon span {

        width: 31px;

        height: 31px;

        font-size: 19px;

    }



    .spa-text h3 {

        font-size: 15px;

    }



    .spa-text p {

        font-size: 14px;

        line-height: 1.5;

    }

}

/* ================================

   ADVANCED LABEL CAPABILITIES

================================ */



.capabilities-section {

    width: 100%;

    background: #E8F7FE;

    font-family: 'Inter', sans-serif;

    overflow: hidden;

    position: relative;

}



.capabilities-container {

  max-width: 1400px;

  min-height: 360px;

  margin: 0 auto;

  padding: 0 25px;

  display: flex;

  align-items: center;

  position: relative;

  box-sizing: border-box;

}



/* Content */

.capabilities-content {

  width: 38%;

  position: relative;

  z-index: 2;

  padding-left: 0;

}



.capabilities-label {

    display: inline-block;

    margin-bottom: 10px;

    color: #f50078;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    position: relative;

}



.capabilities-content h2 {

  margin: 0 0 16px;

  font-size: 30px;

  line-height: 1.12;

  font-weight: 700;

  color: #111820;

  letter-spacing: -0.5px;

}



.capabilities-content p {

    max-width: 400px;

    margin: 0;

    font-size: 15px;

    line-height: 1.65;

    color: #333;

}



.capabilities-content .four-color-line {

    display: block;

    width: 170px;

    height: 5px;

    background: linear-gradient(90deg, #FFED00 0%, #00A0E3 33.33%, #44403F 66.66%, #E40B80 100%);

    border-radius: 10px;

    margin: 20px 0;

}



/* Image */

.capabilities-image {

  width: 70%;

  height: 100%;

  min-height: 360px;

  position: absolute;

  right: -30px;

  top: 0;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  z-index: 1;

  pointer-events: none;

}



.capabilities-image img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  object-position: right center;

  display: block;

}



/* ================================

   LARGE DESKTOP

================================ */



@media (min-width: 1500px) {

  .capabilities-container {

    max-width: 1400px;

    min-height: 468px;

  }



  .capabilities-image {

    right: 0px;

    min-height: 450px;

  }



  .capabilities-content h2 {

    font-size: 32px;

  }

}



/* ================================

   TABLET

================================ */



@media (max-width: 991px) {

  .capabilities-container {

    min-height: 320px;

  }



  .capabilities-content {

    width: 42%;

  }



  .capabilities-content h2 {

    font-size: 26px;

  }



  .capabilities-image {

    width: 65%;

    right: -20px;

    min-height: 320px;

  }

}



/* ================================

   MOBILE

================================ */



@media (max-width: 767px) {

  .capabilities-section {

    padding: 40px 0 0;

  }



  .capabilities-container {

    min-height: auto;

    padding: 0 20px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

  }



  .capabilities-content {

    width: 100%;

    padding-bottom: 25px;

  }



  .capabilities-content h2 {

    font-size: 30px;

    line-height: 1.15;

  }



  .capabilities-content p {

    max-width: 100%;

    font-size: 14px;

    line-height: 1.6;

  }



  .capabilities-image {

    width: 100%;

    height: auto;

    min-height: 0;

    position: relative;

    right: auto;

    top: auto;

    margin-top: 5px;

    justify-content: center;

  }



  .capabilities-image img {

    width: 100%;

    height: auto;

    object-fit: contain;

    object-position: center;

  }

}



/* Small Mobile */

@media (max-width: 480px) {

  .capabilities-section {

    padding-top: 30px;

  }



  .capabilities-container {

    padding: 0 16px;

  }



  .capabilities-content h2 {

    font-size: 25px;

  }



  .capabilities-label {

    font-size: 12px;

  }

}

/* =========================================

   WHY CHOOSE SPECIAL PURPOSE LABELS

========================================= */



.spl-why-section {

    width: 100%;

    background: #fff;

    font-family: 'Inter', sans-serif;

    padding: 60px 0 60px;

    box-sizing: border-box;

}



.spl-why-container {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 25px;

    box-sizing: border-box;

}



/* Heading */



.spl-section-heading {

    text-align: center;

    margin-bottom: 16px;

}



.spl-section-heading h2 {

    margin: 0;

    font-size: 30px;

    line-height: 1.2;

    font-weight: 700;

    color: #111827;

}



.spl-section-heading .four-color-line {

    display: block;

    width: 170px;

    height: 5px;

    background: linear-gradient(90deg, #FFED00 0%, #00A0E3 33.33%, #44403F 66.66%, #E40B80 100%);

    border-radius: 10px;

    margin: 20px auto;

}



/* Grid */



.spl-why-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 8px;

}



/* Card */



.spl-why-card {

    min-height: 115px;

    padding: 20px 25px;

    display: flex;

    align-items: center;

    gap: 12px;

    background: #fff;

    border: 1px solid #eeeeee;

    border-radius: 5px;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.025);

    box-sizing: border-box;

    transition: all 0.3s ease;

}



.spl-why-card:hover {

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);

}



/* Icon */



.spl-icon {

    width: 43px;

    min-width: 43px;

    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #164cff;

}



.spl-icon svg {

    width: 43px;

    height: 43px;

    display: block;

}



.spl-icon img {

    width: 43px;

    height: 43px;

    display: block;

}



/* Content */



.spl-card-content {

    flex: 1;

}



.spl-card-content h3 {

    margin: 0 0 7px;

    color: #111111;

    font-size: 18px;

    line-height: 1.25;

    font-weight: 700;

}



.spl-card-content p {

    margin: 0;

    color: #555555;

    font-size: 14px;

    line-height: 1.45;

    font-weight: 400;

}



/* =========================================

   LARGE DESKTOP

========================================= */



@media (min-width: 1500px) {



    .spl-why-container {

        max-width: 1400px;

    }



}



/* =========================================

   TABLET

========================================= */



@media (max-width: 991px) {



    .spl-why-section {

        padding: 30px 0;

    }



    .spl-section-heading h2 {

        font-size: 26px;

    }



    .spl-why-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 12px;

    }



    .spl-why-card {

        min-height: 125px;

    }



}



/* =========================================

   MOBILE

========================================= */



@media (max-width: 600px) {



    .spl-why-section {

        padding: 25px 0;

    }



    .spl-why-container {

        padding: 0 15px;

    }



    .spl-section-heading {

        margin-bottom: 18px;

    }



    .spl-section-heading h2 {

        font-size: 24px;

    }



    .spl-why-grid {

        grid-template-columns: 1fr;

        gap: 10px;

    }



    .spl-why-card {

        min-height: auto;

        padding: 16px;

    }



    .spl-icon {

        width: 45px;

        min-width: 45px;

    }



    .spl-card-content h3 {

        font-size: 14px;

    }



    .spl-card-content p {

        font-size: 14px;

        line-height: 1.5;

    }



}

/* =========================================

   SECURITY LABELS - TRUST SECTION

========================================= */



.security-trust-section {

    width: 100%;

    padding: 0px 0 60px 0px;

    background: #fff;

    font-family: 'Inter', sans-serif;

    box-sizing: border-box;

}



.security-trust-container {

    width: 100%;

    max-width: 1400px;

    min-height: 270px;

    margin: 0 auto;

    padding: 0 0px;

    display: flex;

    align-items: stretch;

    background: #f7f8fc;

    border-radius: 15px;

    overflow: hidden;

    box-sizing: border-box;

}



/* Content */



.security-trust-content {

    width: 58%;

    padding: 50px 50px 30px 50px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    box-sizing: border-box;

}



.security-trust-content h2 {

    margin: 0 0 0px;

    font-size: 30px;

    line-height: 1.2;

    font-weight: 700;

    color: #111111;

}



.security-trust-content h2 span {

    color: #1264df;

}



.security-trust-content p {

    max-width: 720px;

    margin: 0;

    font-size: 15px;

    line-height: 1.55;

    font-weight: 400;

    color: #333333;

}



.security-trust-content .four-color-line {

    display: block;

    width: 170px;

    height: 5px;

    background: linear-gradient(90deg, #FFED00 0%, #00A0E3 33.33%, #44403F 66.66%, #E40B80 100%);

    border-radius: 10px;

    margin: 20px 0;

}



/* Image */



.security-trust-image {

    width: 42%;

    min-height: 270px;

    overflow: hidden;

    position: relative;

}



.security-trust-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

}



/* =========================================

   LARGE DESKTOP

========================================= */



@media (min-width: 1500px) {



    .security-trust-container {

        /* max-width: 1400px; */

        min-height: 290px;

    }



    .security-trust-image {

        min-height: 290px;

    }



    .security-trust-content {

        padding-left: 50px;

    }



}



/* =========================================

   TABLET

========================================= */



@media (max-width: 991px) {



    .security-trust-container {

        min-height: 240px;

    }



    .security-trust-content {

        width: 55%;

        padding: 25px;

    }



    .security-trust-image {

        width: 45%;

        min-height: 240px;

    }



    .security-trust-content h2 {

        font-size: 26px;

    }



    .security-trust-content p {

        font-size: 14px;

        line-height: 1.5;

    }



}



/* =========================================

   MOBILE

========================================= */



@media (max-width: 767px) {



    .security-trust-section {

        padding: 20px 0;

    }



    .security-trust-container {

        margin: 0 15px;

        padding: 0;

        min-height: auto;

        display: flex;

        flex-direction: column;

    }



    .security-trust-content {

        width: 100%;

        padding: 25px 20px;

        order: 1;

    }



    .security-trust-image {

        width: 100%;

        height: 220px;

        min-height: 220px;

        order: 2;

    }



    .security-trust-content h2 {

        font-size: 24px;

        margin-bottom: 12px;

    }



    .security-trust-content p {

        font-size: 14px;

        line-height: 1.55;

    }



}



/* =========================================

   SMALL MOBILE

========================================= */



@media (max-width: 480px) {



    .security-trust-content {

        padding: 22px 18px;

    }



    .security-trust-content h2 {

        font-size: 22px;

    }



    .security-trust-image {

        height: 190px;

        min-height: 190px;

    }



}

/* =========================

           QUOTE CTA SECTION

        ========================= */

        .quote-cta-section {

            width: 100%;

            min-height: 155px;

            position: relative;

            overflow: hidden;

            background: linear-gradient(105deg, #ed0b70 0%, #d51691 25%, #6351a9 58%, #00a0e3 100%);

            font-family: 'Inter', sans-serif;

            box-sizing: border-box;

        }



        .quote-cta-bg {

            position: absolute;

            inset: 0;

            background-image: linear-gradient(90deg, rgba(237, 11, 112, 0.12), rgba(0, 160, 227, 0.10)), url('../images/quote-bg.png');

            background-size: cover;

            background-position: center;

            opacity: 0.18;

            pointer-events: none;

        }



        .quote-cta-container {

            width: 100%;

            max-width: 1400px;

            min-height: 155px;

            margin: 0 auto;

            padding: 40px 28px;

            box-sizing: border-box;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 35px;

            position: relative;

            z-index: 2;

        }



        .quote-cta-content { flex: 1; min-width: 270px; }



        .quote-cta-content h2 {

            margin: 0 0 12px;

            color: #ffffff;

            font-family: 'Inter', sans-serif;

            font-size: 25px;

            line-height: 1.2;

            font-weight: 700;

            letter-spacing: -0.6px;

        }



        .quote-cta-content p {

            margin: 0;

            color: rgba(255, 255, 255, 0.9);

            font-size: 11px;

            line-height: 1.55;

            font-weight: 400;

        }



        .quote-cta-form { flex: 1.65; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 0; }

        .quote-input { flex: 1 1 140px; min-width: 0; }

        .quote-input-full { flex: 1 1 100%; }



        .quote-input input,

        .quote-input textarea {

            width: 100%;

            height: 46px;

            padding: 0 14px;

            box-sizing: border-box;

            border: 1px solid rgba(255, 255, 255, 0.35);

            border-radius: 4px;

            outline: none;

            background: rgba(255, 255, 255, 0.97);

            color: #222222;

            font-family: 'Inter', sans-serif;

            font-size: 14px;

            font-weight: 400;

            transition: border-color 0.25s ease, box-shadow 0.25s ease;

        }



        .quote-input input::placeholder { color: #8b8b8b; opacity: 1; }

        .quote-input input:focus { border-color: #ffffff; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2); }



        .quote-submit {

            flex: 1 1 100%;

            height: 46px;

            padding: 0 14px;

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 10px;

            border: 1px solid #FFED00;

            border-radius: 4px;

            background: #FFED00;

            color: #111111;

            font-family: 'Inter', sans-serif;

            font-size: 12px;

            font-weight: 700;

            cursor: pointer;

            transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;

        }



        .quote-submit strong { font-size: 18px; line-height: 1; font-weight: 400; transition: transform 0.3s ease; }



        .quote-submit:hover {

            background: #ffffff;

            border-color: #ffffff;

            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);

            transform: translateY(-1px);

        }



        .quote-submit:hover strong { transform: translateX(4px); }



        @media (min-width: 1600px) {

            .quote-cta-container { max-width: 1400px; padding-left: 35px; padding-right: 35px; }

            .quote-cta-content h2 { font-size: 28px; }

            .quote-cta-content p { font-size: 12px; }

            .quote-input input, .quote-submit { height: 48px; }

        }



        @media (max-width: 1000px) {

            .quote-cta-container { gap: 25px; padding: 22px 20px; }

            .quote-cta-content h2 { font-size: 21px; }

            .quote-cta-form { gap: 7px; }

            .quote-input { flex: 1 1 120px; }

            .quote-submit { flex-basis: 100%; padding: 0 11px; font-size: 7px; }

        }



        @media (max-width: 767px) {

            .quote-cta-section { min-height: auto; }

            .quote-cta-container { min-height: auto; padding: 40px 20px; flex-direction: column; align-items: stretch; gap: 25px; }

            .quote-cta-content { text-align: center; }

            .quote-cta-content h2 { font-size: 28px; line-height: 1.15; }

            .quote-cta-content p { font-size: 12px; }

            .desktop-break { display: none; }

            .quote-cta-form { width: 100%; flex-direction: column; gap: 10px; }

            .quote-input { width: 100%; flex: none; }

            .quote-input-full { width: 100%; }

            .quote-input input { height: 46px; font-size: 15px; }

            .quote-submit { width: 100%; flex: none; height: 46px; font-size: 14px; font-weight: 600; }

        }



        @media (max-width: 400px) {

            .quote-cta-container { padding: 35px 16px; }

            .quote-cta-content h2 { font-size: 24px; }

        }

/* =========================================

   SECURITY FEATURES

========================================= */



.security-features-section {

    width: 100%;

    padding: 20px 0;

    /* background: #fff; */

    font-family: 'Inter', sans-serif;

    box-sizing: border-box;

}



.security-features-container {

    width: 100%;

    /* max-width: 1400px; */

    margin: 0 auto;

    /* padding: 0 25px; */

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    box-sizing: border-box;

}



/* Feature Item */



.security-feature-item {

    position: relative;

    padding: 10px 25px 15px;

    text-align: center;

    box-sizing: border-box;

}



.security-feature-item:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 8px;

    right: 0;

    width: 1px;

    height: calc(100% - 16px);

    background: #d8e0ed;

}



/* Icon */



.security-feature-icon {

    width: 62px;

    height: 62px;

    margin: 0 auto 12px;

    border-radius: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.security-feature-icon svg {

    width: 43px;

    height: 43px;

    display: block;

}



/* Icon Colors */



.pink-icon {

    color: #f50087;

    background: #fff0f8;

}



.blue-icon {

    color: #145cff;

    background: #edf3ff;

}



.orange-icon {

    color: #ff4b16;

    background: #fff1eb;

}



.purple-icon {

    color: #6725e8;

    background: #f3edff;

}



/* Title */



.security-feature-item h3 {

    margin: 0 0 8px;

    color: #111111;

    font-size: 16px;

    line-height: 1.3;

    font-weight: 700;

}



/* Description */



.security-feature-item p {

    max-width: 230px;

    margin: 0 auto;

    color: #555555;

    font-size: 14px;

    line-height: 1.5;

    font-weight: 400;

}



/* =========================================

   LARGE DESKTOP

========================================= */



@media (min-width: 1500px) {



    .security-features-container {

        /* max-width: 1400px; */

    }



}



/* =========================================

   TABLET

========================================= */



@media (max-width: 991px) {



    .security-features-container {

        grid-template-columns: repeat(2, 1fr);

        gap: 15px 0;

    }



    .security-feature-item:nth-child(2)::after {

        display: none;

    }



    .security-feature-item:nth-child(3)::after {

        display: block;

    }



    .security-feature-item {

        padding: 15px 25px;

    }



}



/* =========================================

   MOBILE

========================================= */



@media (max-width: 600px) {



    .security-features-section {

        padding: 15px 0;

    }



    .security-features-container {

        grid-template-columns: 1fr;

        padding: 0 15px;

    }



    .security-feature-item {

        padding: 20px 15px;

    }



    .security-feature-item:not(:last-child)::after {

        top: auto;

        right: 15%;

        bottom: 0;

        width: 70%;

        height: 1px;

    }



    .security-feature-item h3 {

        font-size: 15px;

    }



    .security-feature-item p {

        font-size: 14px;

        max-width: 320px;

    }



}

.industries-section {

    width: 100%;

    background: #ffffff;

    padding: 55px 25px 65px;

    box-sizing: border-box;

    font-family: 'Inter', sans-serif;

    overflow: hidden;

}



.industries-container {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

}



.industries-heading {

    text-align: center;

    margin-bottom: 27px;

}



.industries-heading h2 {

    margin: 0;

    font-family: 'Inter', sans-serif;

    font-size: 22px;

    line-height: 1.2;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: -0.4px;

    color: #151515;

}



.industries-accent {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 8px;

}



.industries-accent span {

    width: 14px;

    height: 3px;

    display: block;

}



.industries-accent span:first-child { background: #E40B80; }

.industries-accent span:last-child { background: #00A0E3; }



.industries-carousel {

    width: 100%;

    display: flex;

    align-items: center;

    gap: 12px;

    position: relative;

}



.industries-track-wrapper {

    width: 100%;

    overflow: hidden;

    padding-bottom: 1px;

}



.industries-track {

    display: flex;

    gap: 17px;

    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    will-change: transform;

}



.industry-card {

    flex: 0 0 calc((100% - 68px) / 5);

    min-height: 105px;

    padding: 14px 8px 12px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    background: #ffffff;

    border: 1px solid #e2e4e8;

    border-radius: 5px;

    text-decoration: none !important;

    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;

}



.industry-card:hover {

    transform: translateY(0px);

    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;

}



/* =========================================

   INDUSTRY ICON

   ========================================= */



.industry-icon {

    width: 42px;

    height: 42px;

    margin-bottom: 9px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.industry-icon img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: contain;

    transition: transform 0.3s ease, filter 0.3s ease;

}



/* =========================================

   RANDOM BRAND COLORS

   ========================================= */



.icon-yellow img {

    filter: brightness(0) saturate(100%) invert(85%) sepia(99%) saturate(1517%) hue-rotate(358deg) brightness(105%) contrast(103%);

}



.icon-pink img {

    filter: brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(5946%) hue-rotate(322deg) brightness(91%) contrast(101%);

}



.icon-blue img {

    filter: brightness(0) saturate(100%) invert(50%) sepia(96%) saturate(2072%) hue-rotate(162deg) brightness(94%) contrast(101%);

}



.icon-black img {

    filter: brightness(0);

}



.industry-card:hover .industry-icon img {

    transform: scale(1.08);

}



.more-icon { gap: 8px; }



.more-icon span {

    width: 7px;

    height: 7px;

    border-radius: 50%;

    border: 2px solid #44403F;

    box-sizing: border-box;

}



.more-icon span:nth-child(2) { border-color: #00A0E3; }

.more-icon span:nth-child(3) { border-color: #E40B80; }



.industry-card h3 {

    margin: 0;

    font-family: 'Inter', sans-serif;

    font-size: 9px;

    line-height: 1.4;

    font-weight: 600;

    color: #181818;

    padding-top: 15px;

}



.industry-arrow {

    width: 34px;

    height: 34px;

    min-width: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #d5d7da;

    border-radius: 50%;

    background: #ffffff;

    color: #111111;

    font-size: 17px;

    line-height: 1;

    cursor: pointer;

    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;

}



.industry-arrow:hover {

    background: #111111;

    color: #ffffff;

    border-color: #111111;

}



.industries-button-wrap {

    display: flex;

    justify-content: center;

    margin-top: 25px;

}



.industries-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    min-height: 44px;

    padding: 0 30px;

    border: 1px solid #777777;

    background: #ffffff;

    color: #111111 !important;

    font-family: 'Inter', sans-serif;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none !important;

    transition: all 0.3s ease;

    box-sizing: border-box;

    border-radius: 05px;

}



.industries-button strong {

    font-size: 17px;

    line-height: 1;

    font-weight: 400;

    transition: transform 0.3s ease;

}



.industries-button:hover {

    background: #111111;

    border-color: #111111;

    color: #ffffff !important;

}



.industries-button:hover strong {

    transform: translateX(4px);

}



@media (min-width: 1600px) {

    .industries-container { max-width: 1400px; }

    .industries-heading h2 { font-size: 24px; }

    .industry-card { min-height: 120px; }

    .industry-icon { width: 60px; height: 60px; }

    .industry-card h3 { font-size: 16px; }

}



@media (max-width: 1050px) {

    .industry-card { flex: 0 0 calc((100% - 45px) / 4); }

}



@media (max-width: 650px) {

    .industries-section { padding: 45px 18px 50px; }

    .industries-heading { margin-bottom: 25px; }

    .industries-heading h2 { font-size: 19px; }

    .industries-carousel { gap: 8px; }

    .industries-track { gap: 10px; }

    .industry-card { flex: 0 0 calc((100% - 10px) / 2); min-height: 125px; padding: 15px 10px; }

    .industry-icon { width: 43px; height: 43px; margin-bottom: 10px; }

    .industry-card h3 { font-size: 10px; }

    .industry-arrow { width: 30px; height: 30px; min-width: 30px; font-size: 15px; }

    .industries-button { min-width: 190px; }

}



@media (max-width: 400px) {

    .industries-section { padding-left: 12px; padding-right: 12px; }

    .industry-card { min-height: 115px; }

    .industry-icon { width: 38px; height: 38px; }

    .industry-card h3 { font-size: 9px; }

}

.industries-heading .four-color-line {

    display: block;

    width: 170px;

    height: 5px;

    background: linear-gradient(90deg, #FFED00 0%, #00A0E3 33.33%, #44403F 66.66%, #E40B80 100%);

    border-radius: 10px;

    margin: 20px auto;

}



/* ========================================================

   HERO SECTION — FULL SCREEN & 17PX FROSTED GLASS VEIL

======================================================== */



.aviation-hero {

    position: relative;

    width: 100%;

    min-height: calc(100vh - 86px);

    min-height: calc(100dvh - 86px);

    display: flex;

    align-items: center;

    background: #ffffff;

    overflow: hidden;

    font-family: 'Inter', sans-serif;

    box-sizing: border-box;

    padding: 0;

}



.aviation-hero-container {

    width: 100%;

    max-width: 1400px;

    min-height: calc(100vh - 86px);

    min-height: calc(100dvh - 86px);

    margin: 0 auto;

    padding: 20px 25px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    box-sizing: border-box;

    z-index: 3;

    pointer-events: none;

}



.aviation-hero-content {

    padding-right: 45px !important;

    box-sizing: border-box !important;

    width: 52%;

    max-width: 650px;

    flex-shrink: 0;

    position: relative;

    z-index: 4;

    padding: 6px 0;

    pointer-events: auto;

    background: transparent;

}



/* Glass Pill Breadcrumb */

.aviation-breadcrumb {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 5px 12px;

    margin-bottom: 10px;

    background: #ffffff;

    -webkit-backdrop-filter: none;

    backdrop-filter: none;

    border: 1px solid #e2e8f0;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);

    border-radius: 30px;

    font-size: 11px;

    font-weight: 600;

    color: #475569;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



.aviation-breadcrumb a {

    color: #475569;

    text-decoration: none;

    transition: color 0.2s ease;

}



.aviation-breadcrumb a:hover {

    color: #075de8;

}



.aviation-breadcrumb span {

    color: #94a3b8;

    font-size: 13px;

    line-height: 1;

}



.aviation-breadcrumb strong, .aviation-breadcrumb .active {

    color: #075de8;

    font-weight: 700;

}



.aviation-label {

    display: block;

    margin-bottom: 8px;

    color: #ff1493;

    font-size: 11.5px;

    font-weight: 700;

    letter-spacing: 1.8px;

    text-transform: uppercase;

}



.aviation-hero h1 {

    margin: 0 0 10px;

    color: #0f172a;

    font-size: clamp(30px, 3vw, 44px);

    font-weight: 800;

    line-height: 1.12;

    letter-spacing: -1.4px;

    text-shadow: 0 2px 8px rgba(255, 255, 255, 0.85);

}



.aviation-hero h1 span {

    color: #075de8;

}



.aviation-hero p {

    max-width: 580px;

    margin: 0 0 12px;

    color: #334155;

    font-size: 14px;

    line-height: 1.5;

    font-weight: 450;

    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.7);

}



.aviation-buttons {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 6px;

    margin-bottom: 14px;

}



.aviation-buttons a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 11px 22px;

    font-size: 11.5px;

    font-weight: 700;

    text-decoration: none;

    border-radius: 6px;

    transition: all 0.25s ease;

}



/* 2x2 Stats Modern Frosted Glass Cards */

.aviation-stats {

    display: grid !important;

    grid-template-columns: repeat(2, 1fr) !important;

    gap: 12px 16px !important;

    max-width: 600px !important;

    margin: 14px 0 0 0 !important;

    padding: 0 !important;

}



.aviation-stat {

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    padding: 10px 14px !important;

    background: #ffffff !important;

    -webkit-backdrop-filter: none !important;

    backdrop-filter: none !important;

    border: 1px solid #e2e8f0 !important;

    border-radius: 10px !important;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;

    box-sizing: border-box !important;

    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;

}



.aviation-stat:hover {

    transform: translateY(-2px) !important;

    box-shadow: 0 6px 18px rgba(7, 93, 232, 0.14) !important;

    border-color: rgba(7, 93, 232, 0.4) !important;

}



.aviation-stat-icon {

    width: 38px !important;

    height: 38px !important;

    min-width: 38px !important;

    border-radius: 8px !important;

    background: #ffffff !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;

    border: 1px solid rgba(0, 0, 0, 0.05) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex-shrink: 0 !important;

    margin: 0 !important;

}



.aviation-stat-icon img {

    width: 22px !important;

    height: 22px !important;

    object-fit: contain !important;

    display: block !important;

}



.aviation-stat-text {

    flex: 1 !important;

    min-width: 0 !important;

}



.aviation-stat-text strong {

    font-size: 16px !important;

    line-height: 1.15 !important;

    font-weight: 800 !important;

    color: #0f172a !important;

    display: block !important;

    margin: 0 0 2px 0 !important;

}



.aviation-stat-text span {

    font-size: 11px !important;

    line-height: 1.3 !important;

    color: #64748b !important;

    display: block !important;

    font-weight: 500 !important;

}



/* ========================================================

   FULL BLEED BACKGROUND & 17PX FROSTED GLASS VEIL

======================================================== */



.aviation-hero-image {

    position: absolute;

    inset: 0;

    width: 100% !important;

    height: 100%;

    z-index: 1;

    overflow: hidden;

    pointer-events: none;

    display: block;

}



.aviation-hero-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: 80% center;

    transform-origin: center center;

    will-change: transform;

}



/* Clean Pure White Background Gradient (No Glass Blur) */

.aviation-hero-image::after {

    display: none !important;

    content: none !important;

    background: none !important;

}



.aviation-hero-image::before {

    display: none;

}



/* =========================================

   LARGE DESKTOP (1500px+)

========================================= */



@media (min-width: 1500px) {



    .aviation-hero-container {

        max-width: 1400px;

        min-height: 540px;

    }



    .aviation-hero-content {

    padding-right: 45px !important;

    box-sizing: border-box !important;

        padding-left: 0;

    }



    .aviation-hero h1 {

        font-size: 38px;

    }



}



/* =========================================

   LAPTOP (1024px to 1199px)

========================================= */



@media (max-width: 1199px) {



    .aviation-hero-container {

        padding: 40px 20px;

        min-height: 480px;

    }



    .aviation-hero-content {

    padding-right: 45px !important;

    box-sizing: border-box !important;

        width: 52%;

    }



.aviation-hero h1 {

        font-size: 30px;

    }

}



/* =========================================

   TABLET & MOBILE (<= 991px)

========================================= */



@media (max-width: 991px) {



    .aviation-hero {

        min-height: auto;

    }



    .aviation-hero-container {

        min-height: auto;

        padding: 40px 20px 20px;

        display: flex;

        flex-direction: column;

        gap: 25px;

    }



    .aviation-hero-content {

    padding-right: 45px !important;

    box-sizing: border-box !important;

        width: 100%;

        max-width: 100%;

        padding: 0;

    }



    .aviation-hero h1 {

        font-size: 32px;

        line-height: 1.1;

    }



    .aviation-hero p {

        font-size: 15px;

        max-width: 100%;

    }



    .aviation-hero-image {

        position: relative;

        top: auto;

        right: auto;

        width: 100% !important;

        height: 320px;

        border-radius: 12px;

        overflow: hidden;

    }



    .aviation-hero-image::before {

        display: none;

    }



    .aviation-hero-image img {

        -webkit-mask-image: none;

        mask-image: none;

        object-position: center center;

        border-radius: 12px;

    }

}



/* =========================================

   MOBILE (< 768px)

========================================= */



@media (max-width: 767px) {



    .aviation-hero-container {

        padding: 35px 16px 16px;

    }



    .aviation-hero h1 {

        font-size: 28px;

    }



    .aviation-hero p {

        font-size: 14px;

    }



    .aviation-features {

        gap: 12px;

        justify-content: space-between;

        margin-top: 15px;

    }



    .aviation-buttons {

        margin-top: 15px;

        flex-wrap: wrap;

    }



    .aviation-hero-image {

        height: 260px;

    }

}



/* =========================================

   SMALL MOBILE (< 480px)

========================================= */



@media (max-width: 480px) {



    .aviation-hero-container {

        padding: 30px 15px 15px;

    }



    .aviation-hero h1 {

        font-size: 26px;

    }



    .aviation-hero-image {

        height: 220px;

    }

}



/* =========================================

   AVIATION PRODUCTS SECTION

========================================= */



.aviation-products-section {

    width: 100%;

    padding: 70px 0;

    background: #ffffff;

    font-family: 'Inter', sans-serif;

    overflow: hidden;

}



.aviation-products-container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 25px;

    box-sizing: border-box;

}



/* =========================================

   SECTION HEADING

========================================= */



.aviation-products-heading {

    max-width: 850px;

    margin: 0 auto 40px;

    text-align: center;

}



.aviation-products-label {

    display: inline-block;

    margin-bottom: 8px;

    color: #ff1493;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1.5px;

}



.aviation-products-heading h2 {

    position: relative;

    margin: 0 0 15px;

    color: #111827;

    font-size: 30px;

    line-height: 1.15;

    font-weight: 800;

    letter-spacing: -0.5px;

}



.aviation-products-heading h2 span {

    color: #075de8;

}



.aviation-products-heading .four-color-line {

    display: block;

    width: 170px;

    height: 5px;

    background: linear-gradient(90deg, #FFED00 0%, #00A0E3 33.33%, #44403F 66.66%, #E40B80 100%);

    border-radius: 10px;

    margin: 20px auto;

}



.aviation-products-heading p {

    max-width: 780px;

    margin: 0 auto;

    color: #444;

    font-size: 14px;

    line-height: 1.6;

}



/* =========================================

   PRODUCT GRID

========================================= */



.aviation-products-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 25px;

}



/* =========================================

   PRODUCT CARD

========================================= */



.aviation-product-card {

    background: #ffffff;

    border: 1px solid #e6e9ee;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    display: flex;

    flex-direction: column;

    height: 100%;

}



.aviation-product-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09);

}



/* =========================================

   PRODUCT IMAGE

========================================= */



.aviation-product-image {

    width: 100%;

    height: 220px;

    overflow: hidden;

    background: #ffffff;

}



.aviation-product-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.4s ease;

}



.aviation-product-card:hover .aviation-product-image img {

    transform: scale(1.04);

}



/* =========================================

   PRODUCT CONTENT

========================================= */



.aviation-product-content {

    position: relative;

    padding: 25px;

    display: flex;

    flex-direction: column;

    flex-grow: 1;

}



.aviation-product-number {
    display: none !important;
}



.aviation-product-card:nth-child(2) .aviation-product-number {

    background: #ff1493;

}



.aviation-product-card:nth-child(3) .aviation-product-number {

    background: #075de8;

}



.aviation-product-content h3 {

    margin: 0 0 10px;

    color: #111827;

    font-size: 20px;

    line-height: 1.25;

    font-weight: 750;

}



.aviation-product-content p {

    margin: 0 0 20px;

    color: #555;

    font-size: 14px;

    line-height: 1.55;

    flex-grow: 1;

}



/* =========================================

   PRODUCT LINK

========================================= */



.aviation-product-link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #075de8;

    font-size: 11px;

    font-weight: 750;

    text-decoration: none;

    transition: color 0.25s ease;

    margin-top: auto;

}



.aviation-product-link span {

    font-size: 17px;

    line-height: 1;

    transition: transform 0.25s ease;

}



.aviation-product-link:hover {

    color: #ff1493;

}



.aviation-product-link:hover span {

    transform: translateX(4px);

}



/* =========================================

   LARGE DESKTOP

========================================= */



@media (min-width: 1500px) {



    .aviation-products-container {

        max-width: 1400px;

    }



    .aviation-products-section {

        padding: 80px 0;

    }



    .aviation-products-heading h2 {

        font-size: 30px;

    }

}



/* =========================================

   TABLET

========================================= */



@media (max-width: 991px) {



    .aviation-products-section {

        padding: 55px 0;

    }



    .aviation-products-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 20px;

    }



    .aviation-product-card:last-child {

        grid-column: 1 / -1;

        max-width: 50%;

        margin: 0 auto;

    }



    .aviation-product-image {

        height: 200px;

    }

}



/* =========================================

   MOBILE

========================================= */



@media (max-width: 767px) {



    .aviation-products-section {

        padding: 45px 0;

    }



    .aviation-products-container {

        padding: 0 20px;

    }



    .aviation-products-heading {

        margin-bottom: 30px;

    }



    .aviation-products-heading h2 {

        font-size: 30px;

    }



    .aviation-products-heading p {

        font-size: 14px;

    }



    .aviation-products-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }



    .aviation-product-card:last-child {

        grid-column: auto;

        max-width: none;

    }



    .aviation-product-image {

        height: 220px;

    }



    .aviation-product-content {

        padding: 22px;

    }



    .aviation-product-content h3 {

        font-size: 19px;

    }

}



/* =========================================

   SMALL MOBILE

========================================= */



@media (max-width: 480px) {



    .aviation-products-container {

        padding: 0 15px;

    }



    .aviation-products-heading h2 {

        font-size: 28px;

    }



    .aviation-product-image {

        height: 200px;

    }



    .aviation-product-content p {

        min-height: auto;

    }

}



/* =========================================

   AVIATION PRODUCT RANGE

========================================= */



.aviation-range-section {

    width: 100%;

    padding: 70px 0 80px;

    background: #f7fbff;

    font-family: 'Inter', sans-serif;

    box-sizing: border-box;

}



.aviation-range-container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 25px;

    box-sizing: border-box;

}



.aviation-range-heading {

    text-align: center;

    max-width: 800px;

    margin: 0 auto 40px;

}



.aviation-range-heading h2 {

    margin: 0 0 8px;

    color: #111827;

    font-size: 34px;

    line-height: 1.15;

    font-weight: 800;

    letter-spacing: -0.5px;

}



.aviation-range-heading h2 span {

    color: #075de8;

}



.aviation-range-heading p {

    margin: 0;

    color: #4b5563;

    font-size: 15px;

    line-height: 1.5;

}



.aviation-range-heading .four-color-line {

    display: block;

    width: 170px;

    height: 5px;

    background: linear-gradient(90deg, #FFED00 0%, #00A0E3 33.33%, #44403F 66.66%, #E40B80 100%);

    border-radius: 10px;

    margin: 18px auto 16px;

}



.aviation-range-grid {

    display: grid;

    grid-template-columns: repeat(6, 1fr);

    gap: 26px;

    width: 100%;

}



.aviation-range-card {

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: 14px;

    overflow: hidden;

    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease, border-color 0.28s ease;

    display: flex;

    flex-direction: column;

    height: 100%;

    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 6px 16px -2px rgba(15, 23, 42, 0.03);

}



.aviation-range-card:hover {

    transform: translateY(-6px);

    border-color: #cbd5e1;

    box-shadow: 0 16px 32px -4px rgba(15, 23, 42, 0.1), 0 4px 12px -2px rgba(15, 23, 42, 0.04);

}



.aviation-range-card:nth-child(1),

.aviation-range-card:nth-child(2),

.aviation-range-card:nth-child(3) {

    grid-column: span 2;

}



.aviation-range-card:nth-child(4) {

    grid-column: 2 / span 2;

}



.aviation-range-card:nth-child(5) {

    grid-column: 4 / span 2;

}



.aviation-range-image {

    width: 100%;

    height: 215px;

    overflow: hidden;

    background: #f8fafc;

    border-bottom: 1px solid #f1f5f9;

    position: relative;

}



.aviation-range-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);

}



.aviation-range-card:hover .aviation-range-image img {

    transform: scale(1.05);

}



.aviation-range-content {

    padding: 24px;

    display: flex;

    flex-direction: column;

    flex: 1;

}



.aviation-range-content h3 {

    margin: 0 0 10px;

    font-family: 'Inter', sans-serif;

    color: #0f172a;

    font-size: 19px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: -0.01em;

    transition: color 0.25s ease;

}



.aviation-range-card:hover .aviation-range-content h3 {

    color: #00A0E3;

}



.aviation-range-content p {

    flex: 1;

    margin: 0 0 20px;

    font-family: 'Inter', sans-serif;

    color: #64748b;

    font-size: 13.5px;

    line-height: 1.6;

}



.aviation-range-content a {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 9.5px 20px;

    background: #f8fafc;

    border: 1px solid #e2e8f0;

    border-radius: 8px;

    color: #0f172a;

    font-family: 'Inter', sans-serif;

    font-size: 12px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.5px;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);

    margin-top: auto;

    align-self: flex-start;

}



.aviation-range-content a span {

    font-size: 14px;

    line-height: 1;

    transition: transform 0.25s ease;

}



.aviation-range-card:hover .aviation-range-content a {

    background: #00A0E3;

    border-color: #00A0E3;

    color: #ffffff;

    box-shadow: 0 4px 14px rgba(0, 160, 227, 0.35);

}



.aviation-range-card:hover .aviation-range-content a span {

    transform: translateX(4px);

}



/* =========================================

   BUILT FOR AVIATION INDUSTRY

========================================= */



/* =========================================

   BUILT FOR AVIATION INDUSTRY - 60/40 SPLIT SHOWCASE

========================================= */



.aviation-built-section {

    width: 100%;

    background: #ffffff;

    font-family: 'Inter', sans-serif;

    padding: 85px 0 0;

    box-sizing: border-box;

    overflow: hidden;

}



.aviation-built-container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 28px;

    box-sizing: border-box;

}



/* Centered Header */

.aviation-built-header {

    text-align: center;

    max-width: 820px;

    margin: 0 auto 52px;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.aviation-built-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 6px 16px;

    border-radius: 999px;

    background: #eef4ff;

    border: 1px solid #dbeafe;

    color: #1d4ed8;

    font-size: 12.5px;

    font-weight: 700;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    margin-bottom: 14px;

}



.aviation-built-eyebrow .material-symbols-outlined {

    font-size: 17px;

    line-height: 1;

}



.aviation-built-title {

    margin: 0 0 16px;

    color: #0f172a;

    font-size: 40px;

    font-weight: 800;

    line-height: 1.18;

    letter-spacing: -0.6px;

    text-align: center;

}



.aviation-built-title span {

    color: #00A0E3;

}



.aviation-built-intro {

    margin: 0;

    color: #475569;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.6;

    max-width: 680px;

    text-align: center;

}



/* 3x2 Cards Grid */

.aviation-built-cards-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

    width: 100%;

    box-sizing: border-box;

    margin-bottom: 0;

}



.aviation-built-card {

    position: relative;

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: 20px;

    padding: 26px 26px 28px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06);

    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);

    box-sizing: border-box;

    height: 100%;

    overflow: hidden;

}



.aviation-built-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 40px -8px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.04);

}



.aviation-built-card.card-iata:hover { border-color: #3b82f6; }

.aviation-built-card.card-expertise:hover { border-color: #ec4899; }

.aviation-built-card.card-custom:hover { border-color: #22c55e; }

.aviation-built-card.card-production:hover { border-color: #f97316; }

.aviation-built-card.card-global:hover { border-color: #0ea5e9; }

.aviation-built-card.card-pricing:hover { border-color: #a855f7; }



/* Top-Right Decorative Quarter-Circle Shape (Compact & strictly in top-right corner) */

.aviation-card-corner-shape {

    position: absolute;

    top: 0;

    right: 0;

    width: 88px;

    height: 88px;

    border-bottom-left-radius: 88px;

    background: #f1f5f9;

    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);

    z-index: 1;

    pointer-events: none;

}



.aviation-built-card:hover .aviation-card-corner-shape {

    transform: scale(1.06);

}



.card-iata .aviation-card-corner-shape {

    background: linear-gradient(135deg, #f8fafc 15%, #dbeafe 100%);

    border-bottom: 1px solid #bfdbfe;

    border-left: 1px solid #bfdbfe;

}



.card-expertise .aviation-card-corner-shape {

    background: linear-gradient(135deg, #f8fafc 15%, #fce7f3 100%);

    border-bottom: 1px solid #fbcfe8;

    border-left: 1px solid #fbcfe8;

}



.card-custom .aviation-card-corner-shape {

    background: linear-gradient(135deg, #f8fafc 15%, #dcfce7 100%);

    border-bottom: 1px solid #bbf7d0;

    border-left: 1px solid #bbf7d0;

}



.card-production .aviation-card-corner-shape {

    background: linear-gradient(135deg, #f8fafc 15%, #ffedd5 100%);

    border-bottom: 1px solid #fed7aa;

    border-left: 1px solid #fed7aa;

}



.card-global .aviation-card-corner-shape {

    background: linear-gradient(135deg, #f8fafc 15%, #e0f2fe 100%);

    border-bottom: 1px solid #bae6fd;

    border-left: 1px solid #bae6fd;

}



.card-pricing .aviation-card-corner-shape {

    background: linear-gradient(135deg, #f8fafc 15%, #f3e8ff 100%);

    border-bottom: 1px solid #e9d5ff;

    border-left: 1px solid #e9d5ff;

}



/* Top-Right Round Icon Badge (Cleanly nestled inside the corner shape) */

.aviation-built-icon {

    position: absolute;

    top: 14px;

    right: 14px;

    width: 44px;

    height: 44px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    flex-shrink: 0;

    z-index: 3;

    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.08);

    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;

}



.aviation-built-card:hover .aviation-built-icon {

    transform: scale(1.1) rotate(6deg);

    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.15);

}



.aviation-built-icon .material-symbols-outlined {

    font-size: 22px;

    line-height: 1;

}



.aviation-built-icon.icon-iata {

    background: #ffffff;

    color: #1d4ed8;

    border: 1.5px solid #bfdbfe;

}



.aviation-built-icon.icon-expertise {

    background: #ffffff;

    color: #db2777;

    border: 1.5px solid #fbcfe8;

}



.aviation-built-icon.icon-custom {

    background: #ffffff;

    color: #16a34a;

    border: 1.5px solid #bbf7d0;

}



.aviation-built-icon.icon-production {

    background: #ffffff;

    color: #ea580c;

    border: 1.5px solid #fed7aa;

}



.aviation-built-icon.icon-global {

    background: #ffffff;

    color: #0284c7;

    border: 1.5px solid #bae6fd;

}



.aviation-built-icon.icon-pricing {

    background: #ffffff;

    color: #9333ea;

    border: 1.5px solid #e9d5ff;

}



/* Card Body - Dedicated spacing below top icon zone so NO text ever overlaps the corner shape */

.aviation-built-card-body {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: flex-start !important;

    text-align: left !important;

    height: 100%;

    margin-top: 38px;

    width: 100%;

    background: transparent !important;

    padding: 0 !important;

}



.aviation-built-card h3 {

    margin: 0 0 12px;

    color: #0f172a;

    font-size: 16.5px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -0.25px;

    text-align: left !important;

    padding-right: 48px;

}



.aviation-built-card p {

    margin: 0;

    color: #475569;

    font-size: 13.5px;

    font-weight: 400;

    line-height: 1.6;

    text-align: left !important;

    width: 100%;

}



/* Bottom FULL-WIDTH Edge-to-Edge Banner */

.aviation-built-banner {

    width: 100%;

    max-width: 100vw;

    height: clamp(300px, 34vw, 460px);

    margin-top: 55px;

    overflow: hidden;

    position: relative;

    background: #0f172a;

    box-sizing: border-box;

    box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.14);

}



.aviation-built-banner img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center 26%;

    display: block;

    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);

}



.aviation-built-banner:hover img {

    transform: scale(1.025);

}



/* Responsive */

@media (max-width: 1100px) {

    .aviation-built-cards-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 20px;

    }

}



@media (max-width: 680px) {

    .aviation-built-cards-grid {

        grid-template-columns: 1fr;

        gap: 16px;

    }

    .aviation-built-section {

        padding: 60px 0 0;

    }

    .aviation-built-title {

        font-size: 30px;

    }

    .aviation-built-banner {

        height: 240px;

        margin-top: 40px;

    }

    .aviation-built-card-body {

        margin-top: 32px;

    }

    .aviation-built-card h3 {

        padding-right: 44px;

    }

}



/* =========================================

   AVIATION APPLICATIONS

========================================= */



.aviation-applications {

    width: 100%;

    padding: 90px 0;

    background: linear-gradient(180deg, #f8fafc 0%, #f0f7ff 100%);

    font-family: 'Inter', sans-serif;

    box-sizing: border-box;

    position: relative;

    overflow: hidden;

}



.aviation-applications-container {

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 30px;

    display: grid;

    grid-template-columns: minmax(0, 34%) minmax(0, 66%);

    gap: 48px;

    align-items: center;

    box-sizing: border-box;

}



.aviation-applications-content {

    width: 100%;

}



.aviation-applications-label {

    display: inline-block;

    padding: 6px 18px;

    border-radius: 9999px;

    background: rgba(21, 89, 232, 0.08);

    color: #1559e8;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.5px;

    line-height: 1.2;

    text-transform: uppercase;

    margin-bottom: 14px;

}



.aviation-applications-content h2 {

    margin: 0 0 18px;

    color: #0f172a;

    font-size: 40px;

    font-weight: 800;

    line-height: 1.15;

    letter-spacing: -0.5px;

}



.aviation-applications-content h2::after {

    content: "";

    display: block;

    width: 130px;

    height: 4px;

    margin: 16px 0 20px 0;

    background: linear-gradient(90deg, #FFED00 0%, #00A0E3 33.33%, #44403F 66.66%, #E40B80 100%);

    border-radius: 4px;

}



.aviation-applications-content h2 span {

    color: #1559e8;

}



.aviation-applications-lead {

    margin: 0 0 14px;

    color: #334155;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.65;

}



.aviation-applications-sub {

    margin: 0 0 26px;

    color: #64748b;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.6;

}



.aviation-applications-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    width: 100%;

}



.aviation-application-card {

    min-width: 0;

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: 16px;

    overflow: hidden;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    height: 100%;

    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05);

    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease;

    position: relative;

}



.aviation-application-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 3px;

    background: #1559e8;

    opacity: 0;

    transition: opacity 0.3s ease;

    z-index: 3;

}



.aviation-application-card:hover {

    transform: translateY(-6px);

    border-color: #93c5fd;

    box-shadow: 0 20px 40px -10px rgba(21, 89, 232, 0.16);

}



.aviation-application-card:hover::before {

    opacity: 1;

}



.aviation-application-image {

    width: 100%;

    height: 155px;

    position: relative;

    overflow: hidden;

    background: #f1f5f9;

}



.aviation-application-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);

}



.aviation-application-card:hover .aviation-application-image img {

    transform: scale(1.08);

}



.aviation-card-tag {

    position: absolute;

    top: 12px;

    left: 12px;

    padding: 4px 10px;

    border-radius: 9999px;

    background: rgba(15, 23, 42, 0.7);

    backdrop-filter: blur(8px);

    color: #ffffff;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    z-index: 2;

}



.aviation-card-body {

    padding: 20px 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #ffffff;

    flex: 1;

}



.aviation-application-card h3 {

    margin: 0;

    color: #0f172a;

    font-size: 15.5px;

    font-weight: 800;

    line-height: 1.35;

    text-align: center;

    transition: color 0.25s ease;

}



.aviation-application-card:hover h3 {

    color: #1559e8;

}



/* =========================================

   RESPONSIVE MEDIA QUERIES (SECTIONS 3, 4, 5)

========================================= */



@media (max-width: 1200px) {

    .aviation-range-container,

    .aviation-built-container,

    .aviation-applications-container {

        padding-left: 20px;

        padding-right: 20px;

    }

    .aviation-built-cards-col {

        margin-left: -80px;

        width: calc(100% + 80px);

        padding-right: 20px;

    }

}



@media (max-width: 991px) {

    .aviation-range-section {

        padding: 50px 0;

    }

    .aviation-range-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 16px;

    }

    .aviation-range-card:nth-child(1),

    .aviation-range-card:nth-child(2),

    .aviation-range-card:nth-child(3),

    .aviation-range-card:nth-child(4) {

        grid-column: auto;

    }

    .aviation-range-card:nth-child(5) {

        grid-column: 1 / -1;

        max-width: calc(50% - 8px);

        margin: 0 auto;

        width: 100%;

    }

    .aviation-range-image {

        height: 170px;

    }



    .aviation-built-section {

        padding: 60px 0 70px;

    }

    .aviation-built-title {

        font-size: 32px;

    }

    .aviation-built-split-layout {

        grid-template-columns: 1fr;

        gap: 32px;

        max-width: 1400px;

        margin: 0 auto;

        padding: 0 20px;

    }

    .aviation-built-media-col {

        height: 360px;

        max-height: 400px;

        border-radius: 20px;

        border-left: 1px solid #e2e8f0;

    }

    .aviation-built-cards-col {

        margin-left: 0;

        width: 100%;

        padding-right: 0;

    }

    .aviation-built-cards-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 16px;

    }



    .aviation-applications {

        padding: 65px 0;

    }

    .aviation-applications-container {

        grid-template-columns: 1fr;

        gap: 36px;

    }

    .aviation-applications-content h2 {

        font-size: 34px;

    }

    .aviation-applications-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 16px;

    }

}



@media (max-width: 767px) {

    .aviation-range-container,

    .aviation-built-container,

    .aviation-applications-container {

        padding-left: 16px;

        padding-right: 16px;

    }

    .aviation-range-heading h2 {

        font-size: 26px;

    }

    .aviation-range-grid {

        grid-template-columns: 1fr;

        gap: 16px;

    }

    .aviation-range-card:nth-child(5) {

        grid-column: auto;

        max-width: none;

    }

    .aviation-range-image {

        height: 180px;

    }



    .aviation-built-section {

        padding: 50px 0 60px;

    }

    .aviation-built-split-layout {

        padding: 0 16px;

    }

    .aviation-built-media-col {

        height: 250px;

        min-height: unset;

        border-radius: 16px;

    }

    .aviation-built-cards-grid {

        grid-template-columns: 1fr;

        gap: 14px;

    }

    .aviation-built-card {

        padding: 22px 18px 20px;

    }

    .aviation-built-title {

        font-size: 26px;

    }

    .aviation-built-intro {

        font-size: 14.5px;

    }



    .aviation-applications {

        padding: 50px 0;

    }

    .aviation-applications-content h2 {

        font-size: 28px;

    }

    .aviation-applications-grid {

        grid-template-columns: 1fr;

        gap: 14px;

    }

    .aviation-application-image {

        height: 160px;

    }

}



@media (max-width: 480px) {

    .aviation-hero-title {

        font-size: 23px;

    }

    .aviation-applications-content h2 {

        font-size: 26px;

    }

}



/* =================================

   DESKTOP NAV DROPDOWN EXAMPLE

================================= */



.pp-products-nav {

    position: relative;

}



.pp-products-nav > a {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    text-decoration: none;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

    color: #171717 !important

}



/* hover bridge across the 30px gap */

.pp-products-nav::before {

    content: "";

    position: absolute;

    top: 100%;

    left: 230%;

    transform: translateX(-50%);

    width: min(1180px, calc(100vw - 40px));

    height: 30px;

}



/* =================================

   MEGA MENU STYLING

================================= */

.pp-mega-menu {

    position: relative;

    width: 100%;

    background: #ffffff;

    font-family: "Inter", Arial, sans-serif;

    z-index: 9999;

}



.pp-mega-menu__inner {

    max-width: 1280px;

    margin: 0 auto;

    padding: 35px;

}



.pp-mega-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 26px;

}



.pp-mega-column {

    position: relative;

    padding: 0 24px;

    border-right: 1px solid #eeeeee;

}



.pp-mega-column:first-child {

    padding-left: 0;

}



.pp-mega-column:last-child {

    padding-right: 0;

    border-right: 0;

}



.pp-mega-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 16px;

}



.pp-mega-heading h3 {

    margin: 0;

    color: #101828;

    font-size: 17px;

    line-height: 1.25;

    font-weight: 800;

}



.pp-mega-heading h3 span {

    display: block;

    margin-top: 3px;

    color: #999;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.5px;

}



.pp-mega-image {

    position: relative;

    height: 125px;

    margin-bottom: 16px;

    overflow: hidden;

    border-radius: 10px;

    background: #f4f7fb;

}



.pp-mega-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .45s ease;

}



.pp-mega-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(

        180deg,

        rgba(10, 20, 40, 0) 35%,

        rgba(10, 20, 40, .18) 100%

    );

    pointer-events: none;

}



.pp-mega-column:hover .pp-mega-image img {

    transform: scale(1.06);

}



.pp-mega-links {

    display: grid;

    gap: 9px;

}



.pp-mega-links a {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 10px;

    color: #344054;

    text-decoration: none;

    font-size: 15px;

    font-weight: 600;

    border-radius: 6px;

    transition: all .25s ease;

    border-bottom: 1px solid #f1f1f1;

}



.pp-mega-links a:hover {

    color: #5424d6;

    background: #f6f3ff;

    padding-left: 14px;

}



.pp-mega-view {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    margin-top: 25px;

    padding: 12px 20px;

    color: #ffffff !important;

    background: #5424d6;

    border-radius: 5px;

    font-size: 11px !important;

    font-weight: 800 !important;

    text-transform: uppercase;

    transition: all .25s ease;

    text-decoration: none;

}



.pp-mega-column:nth-child(1) .pp-mega-view { background: #facc15 !important; color: #000000 !important; }

.pp-mega-column:nth-child(2) .pp-mega-view { background: #E40B80 !important; }

.pp-mega-column:nth-child(3) .pp-mega-view { background: #00A0E3 !important; }

.pp-mega-column:nth-child(1) .pp-mega-view:hover { background: #eab308 !important; }

.pp-mega-column:nth-child(2) .pp-mega-view:hover { background: #C00060 !important; }

.pp-mega-column:nth-child(3) .pp-mega-view:hover { background: #0080B0 !important; }

.pp-mega-column:nth-child(1) .pp-mega-links a:hover { color: #FFED00; background: #fffbe6; }

.pp-mega-column:nth-child(2) .pp-mega-links a:hover { color: #E40B80; background: #fdf0f7; }

.pp-mega-column:nth-child(3) .pp-mega-links a:hover { color: #00A0E3; background: #e8f7fc; }



.pp-products-nav > .pp-mega-menu {

    position: absolute;

    top: calc(100% + 30px);

    left: 230%;

    width: min(1180px, calc(100vw - 40px));

    transform: translateX(-50%) translateY(10px);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    box-shadow: 0 20px 60px rgba(16, 24, 40, .15);

    border: 1px solid #eeeeee;

    border-radius: 12px;

    transition: all .25s ease;

}



.pp-products-nav:hover > .pp-mega-menu,

.pp-products-nav:focus-within > .pp-mega-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateX(-50%) translateY(0);

}



/* =================================

   TABLET

================================= */



@media (max-width: 900px) {



    .pp-mega-grid {

        grid-template-columns: 1fr;

        gap: 28px;

    }



    .pp-mega-column {

        padding: 0 0 25px;

        border-right: 0;

        border-bottom: 1px solid #eeeeee;

    }



    .pp-mega-column:last-child {

        border-bottom: 0;

        padding-bottom: 0;

    }



    /* =================================

   MEGA MENU STYLING

================================= */

.pp-mega-menu {

    position: relative;

    width: 100%;

    background: #ffffff;

    font-family: "Inter", Arial, sans-serif;

    z-index: 9999;

}



.pp-mega-menu__inner {

    max-width: 1280px;

    margin: 0 auto;

    padding: 35px;

}



.pp-mega-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 26px;

}



.pp-mega-column {

    position: relative;

    padding: 0 24px;

    border-right: 1px solid #eeeeee;

}



.pp-mega-column:first-child {

    padding-left: 0;

}



.pp-mega-column:last-child {

    padding-right: 0;

    border-right: 0;

}



.pp-mega-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 16px;

}



.pp-mega-heading h3 {

    margin: 0;

    color: #101828;

    font-size: 17px;

    line-height: 1.25;

    font-weight: 800;

}



.pp-mega-heading h3 span {

    display: block;

    margin-top: 3px;

    color: #999;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.5px;

}



.pp-mega-image {

    position: relative;

    height: 125px;

    margin-bottom: 16px;

    overflow: hidden;

    border-radius: 10px;

    background: #f4f7fb;

}



.pp-mega-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .45s ease;

}



.pp-mega-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(

        180deg,

        rgba(10, 20, 40, 0) 35%,

        rgba(10, 20, 40, .18) 100%

    );

    pointer-events: none;

}



.pp-mega-column:hover .pp-mega-image img {

    transform: scale(1.06);

}



.pp-mega-links {

    display: grid;

    gap: 9px;

}



.pp-mega-links a {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 10px;

    color: #344054;

    text-decoration: none;

    font-size: 15px;

    font-weight: 600;

    border-radius: 6px;

    transition: all .25s ease;

    border-bottom: 1px solid #f1f1f1;

}



.pp-mega-links a:hover {

    color: #5424d6;

    background: #f6f3ff;

    padding-left: 14px;

}



.pp-mega-view {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    margin-top: 25px;

    padding: 12px 20px;

    color: #ffffff !important;

    background: #5424d6;

    border-radius: 5px;

    font-size: 11px !important;

    font-weight: 800 !important;

    text-transform: uppercase;

    transition: all .25s ease;

    text-decoration: none;

}



.pp-mega-column:nth-child(1) .pp-mega-view { background: #facc15 !important; color: #000000 !important; }

.pp-mega-column:nth-child(2) .pp-mega-view { background: #E40B80 !important; }

.pp-mega-column:nth-child(3) .pp-mega-view { background: #00A0E3 !important; }

.pp-mega-column:nth-child(1) .pp-mega-view:hover { background: #eab308 !important; }

.pp-mega-column:nth-child(2) .pp-mega-view:hover { background: #C00060 !important; }

.pp-mega-column:nth-child(3) .pp-mega-view:hover { background: #0080B0 !important; }

.pp-mega-column:nth-child(1) .pp-mega-links a:hover { color: #FFED00; background: #fffbe6; }

.pp-mega-column:nth-child(2) .pp-mega-links a:hover { color: #E40B80; background: #fdf0f7; }

.pp-mega-column:nth-child(3) .pp-mega-links a:hover { color: #00A0E3; background: #e8f7fc; }



.pp-products-nav > .pp-mega-menu {

        position: static;

        width: 100%;

        transform: none;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        box-shadow: none;

        border: 0;

        border-radius: 0;

    }

}



/* =================================

   MOBILE

================================= */



@media (max-width: 600px) {



    .pp-mega-menu__inner {

        padding: 22px 18px 25px;

    }



    .pp-mega-grid {

        gap: 22px;

    }



    .pp-mega-heading h3 {

        font-size: 16px;

    }



    .pp-mega-image {

        height: 145px;

    }



    .pp-mega-links a {

        font-size: 13px;

        padding: 9px 8px;

    }

}



/* --------------------------------------------------------------------------

   STYLE BLOCK 2

   -------------------------------------------------------------------------- */

/* ========================================================

                 PERFECTED UNIFIED BUTTON SYSTEM (AVIATION PRODUCTS)

                 ======================================================== */

              .aviation-buttons {

                  display: flex !important;

                  align-items: center !important;

                  gap: 16px !important;

                  flex-wrap: wrap !important;

                  margin-top: 18px !important;

                  margin-bottom: 22px !important;

              }



              .aviation-buttons .pp-btn {

                  display: inline-flex !important;

                  align-items: center !important;

                  justify-content: center !important;

                  gap: 10px !important;

                  padding: 13.5px 28px !important;

                  font-family: 'Inter', sans-serif !important;

                  font-size: 13px !important;

                  font-weight: 700 !important;

                  letter-spacing: 0.5px !important;

                  text-transform: uppercase !important;

                  text-decoration: none !important;

                  border-radius: 8px !important;

                  border: 1.5px solid transparent !important;

                  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;

                  user-select: none !important;

                  white-space: nowrap !important;

                  box-sizing: border-box !important;

              }



              .aviation-buttons .pp-btn span {

                  display: inline-block !important;

                  transition: transform 0.25s ease !important;

                  font-size: 15px !important;

                  line-height: 1 !important;

              }



              .aviation-buttons .pp-btn:hover span {

                  transform: translateX(4px) !important;

              }



              /* 1. Hero Primary Accent Yellow */

              .aviation-buttons .pp-btn-yellow {

                  background: #FFD400 !important;

                  color: #0f172a !important;

                  border: 1.5px solid #FFD400 !important;

                  box-shadow: 0 4px 14px rgba(255, 212, 0, 0.35) !important;

              }



              .aviation-buttons .pp-btn-yellow:hover {

                  background: #ffe033 !important;

                  border-color: #ffe033 !important;

                  transform: translateY(-2px) !important;

                  box-shadow: 0 8px 24px rgba(255, 212, 0, 0.48) !important;

                  color: #0f172a !important;

              }



              .aviation-buttons .pp-btn-yellow:active {

                  transform: translateY(0) !important;

              }



              /* 2. Hero Secondary Ghost Outline */

              .aviation-buttons .pp-btn-outline {

                  background: #ffffff !important;

                  color: #0f172a !important;

                  border: 1.5px solid #cbd5e1 !important;

                  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;

              }



              .aviation-buttons .pp-btn-outline:hover {

                  background: #00A0E3 !important;

                  border-color: #00A0E3 !important;

                  color: #ffffff !important;

                  transform: translateY(-2px) !important;

                  box-shadow: 0 8px 24px rgba(0, 160, 227, 0.35) !important;

              }



              .aviation-buttons .pp-btn-outline:hover span {

                  color: #ffffff !important;

              }



              .aviation-buttons .pp-btn-outline:active {

                  transform: translateY(0) !important;

              }



              /* 3. Aviation Product Cards Action Buttons */

              .aviation-product-link {

                  display: inline-flex !important;

                  align-items: center !important;

                  justify-content: center !important;

                  gap: 10px !important;

                  margin-top: 20px !important;

                  padding: 11px 22px !important;

                  font-family: 'Inter', sans-serif !important;

                  font-size: 12px !important;

                  font-weight: 700 !important;

                  letter-spacing: 0.5px !important;

                  text-transform: uppercase !important;

                  color: #0f172a !important;

                  background: #ffffff !important;

                  border: 1.5px solid #e2e8f0 !important;

                  border-radius: 7px !important;

                  text-decoration: none !important;

                  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;

                  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;

              }



              .aviation-product-link span {

                  display: inline-block !important;

                  transition: transform 0.25s ease !important;

              }



              .aviation-product-link:hover {

                  background: #00A0E3 !important;

                  border-color: #00A0E3 !important;

                  color: #ffffff !important;

                  transform: translateY(-2px) !important;

                  box-shadow: 0 6px 18px rgba(0, 160, 227, 0.25) !important;

                  text-decoration: none !important;

              }



              .aviation-product-link:hover span {

                  transform: translateX(4px) !important;

                  color: #ffffff !important;

              }



              /* 4. Bottom CTA Form Submit Button */

              .pp-cta .pp-submit {

                  grid-column: 1 / -1 !important;

                  width: 100% !important;

                  min-height: 52px !important;

                  display: flex !important;

                  align-items: center !important;

                  justify-content: center !important;

                  gap: 12px !important;

                  padding: 0 30px !important;

                  border: 1px solid #ffd400 !important;

                  border-radius: 8px !important;

                  background: #FFD400 !important;

                  color: #0f172a !important;

                  font-family: 'Inter', sans-serif !important;

                  font-size: 13.5px !important;

                  font-weight: 800 !important;

                  letter-spacing: 0.6px !important;

                  text-transform: uppercase !important;

                  cursor: pointer !important;

                  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(255, 212, 0, 0.35) !important;

                  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;

              }



              .pp-cta .pp-submit:hover {

                  background: #ffe033 !important;

                  border-color: #ffe033 !important;

                  transform: translateY(-2px) !important;

                  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22), 0 4px 12px rgba(255, 212, 0, 0.45) !important;

                  color: #0f172a !important;

              }



              .pp-cta .pp-submit:active {

                  transform: translateY(0) !important;

              }



              .pp-cta .pp-submit span {

                  display: inline-block !important;

                  font-size: 18px !important;

                  line-height: 1 !important;

                  font-weight: 700 !important;

                  transition: transform 0.25s ease !important;

              }



              .pp-cta .pp-submit:hover span {

                  transform: translateX(5px) !important;

              }



/* --------------------------------------------------------------------------

   STYLE BLOCK 3

   -------------------------------------------------------------------------- */

/* Full-width CTA */

.pp-cta,

.pp-cta * {

  box-sizing: border-box;

}



.pp-cta {

  width: 100%;

  position: relative;

  overflow: hidden;

  padding: 65px 0;

  background: linear-gradient(

    110deg,

    #f0087b 0%,

    #b21ba6 34%,

    #604bb0 61%,

    #009fe3 100%

  );

  font-family: Inter, Arial, sans-serif;

  isolation: isolate;

}



/* Subtle decorative wave */

.pp-cta::before,

.pp-cta::after {

  content: "";

  position: absolute;

  z-index: -1;

  pointer-events: none;

}



.pp-cta::before {

  width: 48%;

  height: 180px;

  right: -5%;

  bottom: -115px;

  border-radius: 50% 0 0 0;

  background: rgba(255,255,255,.10);

  transform: rotate(-7deg);

}



.pp-cta::after {

  width: 38%;

  height: 120px;

  right: -3%;

  bottom: -92px;

  border-radius: 50% 0 0 0;

  background: rgba(255,255,255,.08);

  transform: rotate(-10deg);

}



.pp-cta .pp-cta-container {

  width: 100%;

  max-width: 1400px;

  margin: 0 auto;

  padding: 0 25px;

  display: grid;

  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);

  align-items: center;

  gap: 45px;

  box-sizing: border-box;

}



/* Left content */

.pp-cta .pp-cta-content {

  color: #fff;

}



.pp-cta .pp-cta-eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 9px;

  padding: 9px 15px;

  margin-bottom: 18px;

  border-radius: 30px;

  background: rgba(90, 0, 65, .24);

  color: #fff;

  font-size: 13px;

  font-weight: 600;

  letter-spacing: .3px;

}



.pp-cta .pp-cta-eyebrow svg {

  width: 17px;

  height: 17px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

}



.pp-cta .pp-cta-content h2 {

  max-width: 650px;

  margin: 0 0 18px;

  color: #fff;

  font-size: clamp(27px, 2.4vw, 36px);

  font-weight: 750;

  line-height: 1.18;

  letter-spacing: -1px;

}



.pp-cta .pp-cta-content p {

  max-width: 600px;

  margin: 0;

  color: rgba(255,255,255,.94);

  font-size: 15px;

  line-height: 1.7;

}



/* Right form */

.pp-cta .pp-cta-form-wrap {

  padding-left: 42px;

  border-left: 1px solid rgba(255,255,255,.6);

}



.pp-cta .pp-cta-form {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 14px;

}



.pp-cta .pp-field {

  width: 100%;

  min-width: 0;

  height: 49px;

  margin: 0;

  padding: 0 15px;

  border: 1px solid rgba(255,255,255,.75);

  border-radius: 5px;

  outline: none;

  background: rgba(255,255,255,.97);

  color: #182230;

  font-family: inherit;

  font-size: 14px;

  box-shadow: none;

  transition: border-color .2s ease, box-shadow .2s ease;

}



.pp-cta .pp-field::placeholder {

  color: #707987;

  opacity: 1;

}



.pp-cta .pp-field:focus {

  border-color: #ffed00;

  box-shadow: 0 0 0 3px rgba(255,237,0,.2);

}



.pp-cta textarea.pp-field {

  grid-column: span 2;

  height: 49px;

  min-height: 49px;

  padding-top: 14px;

  resize: vertical;

}



.pp-cta .pp-submit {

  grid-column: 1 / -1;

  width: 100%;

  min-height: 49px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  padding: 0 20px;

  border: 0;

  border-radius: 5px;

  background: #ffed00;

  color: #101010;

  font-family: inherit;

  font-size: 13px;

  font-weight: 750;

  text-transform: uppercase;

  cursor: pointer;

  transition: background .2s ease, transform .2s ease;

}



.pp-cta .pp-submit:hover {

  background: #fff46a;

  transform: translateY(-2px);

}



.pp-cta .pp-submit span {

  font-size: 24px;

  line-height: 1;

  font-weight: 400;

}



/* Tablet */

@media (max-width: 1024px) {

  .pp-cta {

    padding: 50px 0;

  }



  .pp-cta .pp-cta-container {

    padding: 0 20px;

    grid-template-columns: 1fr;

    gap: 28px;

  }



  .pp-cta .pp-cta-form-wrap {

    padding: 0;

    border: 0;

  }



  .pp-cta .pp-cta-content h2 {

    max-width: 700px;

  }

}



/* Mobile */

@media (max-width: 767px) {

  .pp-cta {

    padding: 40px 0;

  }

  .pp-cta-container {

    padding: 0 16px;

  }



  .pp-cta .pp-cta-container {

    gap: 25px;

  }



  .pp-cta .pp-cta-eyebrow {

    margin-bottom: 14px;

    font-size: 12px;

  }



  .pp-cta .pp-cta-content h2 {

    font-size: 28px;

    line-height: 1.23;

    letter-spacing: -.5px;

    margin-bottom: 12px;

  }



  .pp-cta .pp-cta-content p {

    font-size: 14px;

  }



  .pp-cta .pp-cta-form {

    grid-template-columns: 1fr;

    gap: 12px;

  }



  .pp-cta .pp-field,

  .pp-cta textarea.pp-field {

    grid-column: auto;

    height: 48px;

  }



  .pp-cta textarea.pp-field {

    min-height: 80px;

    padding-top: 13px;

  }



  .pp-cta .pp-submit {

    min-height: 50px;

  }

}









/* Homepage-Based Hero Layout System (Balanced 50/50 Split & Soft Natural Edge) */

@media (min-width: 992px) {

    .ppl-hero-content,

    .printed-labels-content,

    .special-purpose-labels-content,

    .aviation-hero-content,

    .aviation-products-hero__content,

    .steel-hero__content,

    .pp-hero-content {

        width: 50% !important;

        max-width: 640px !important;

        flex-shrink: 0 !important;

        padding-right: 40px !important;

        box-sizing: border-box !important;

        position: relative !important;

        z-index: 4 !important;

    }



    .ppl-hero-image,

    .printed-labels-image,

    .special-purpose-labels-image,

    .aviation-hero-image,

    .aviation-products-hero__image,

    .steel-hero__image,

    .pp-hero-visual {

        position: absolute !important;

        top: 0 !important;

        right: 0 !important;

        left: auto !important;

        bottom: 0 !important;

        width: 50% !important;

        height: 100% !important;

        z-index: 1 !important;

        overflow: hidden !important;

        display: block !important;

        pointer-events: none !important;

    }



    .ppl-hero-image img,

    .printed-labels-image img,

    .special-purpose-labels-image img,

    .aviation-hero-image img,

    .aviation-products-hero__image img,

    .steel-hero__image img,

    .pp-hero-visual img {

        width: 100% !important;

        height: 100% !important;

        object-fit: cover !important;

        object-position: 75% center !important;

        display: block !important;

        -webkit-mask-image: none !important;

        mask-image: none !important;

    }

}





/* Breadcrumb Single-Line Pill Fix (No Broken Word Wrapping) */

.aviation-breadcrumb,

.ppl-breadcrumb,

.plain-breadcrumb,

.printed-breadcrumb,

.steel-breadcrumb {

    display: inline-flex !important;

    align-items: center !important;

    white-space: nowrap !important;

    max-width: 100% !important;

    overflow-x: auto !important;

    scrollbar-width: none !important; /* Firefox */

    font-size: 11px !important;

    line-height: 1.2 !important;

    padding: 7px 16px !important;

    border-radius: 99px !important;

    gap: 8px !important;

    box-sizing: border-box !important;

}



.aviation-breadcrumb::-webkit-scrollbar,

.ppl-breadcrumb::-webkit-scrollbar {

    display: none !important; /* Chrome/Safari */

}



.aviation-breadcrumb span,

.ppl-breadcrumb span {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    font-size: 13px !important;

    line-height: 1 !important;

    color: #94a3b8 !important;

}





/* ========================================================

   UNIVERSAL MOBILE HERO (<= 991px) - FULL-BLEED BACKGROUND SAME AS HOMEPAGE

   ======================================================== */

@media (max-width: 991px) {

    .plain-label-hero,

    .printed-labels-hero,

    .special-purpose-labels-hero,

    .aviation-hero,

    .aviation-products-hero,

    .steel-hero,

    .ppl-hero,

    .ppl-products-hero {

        position: relative !important;

        width: 100% !important;

        min-height: calc(100vh - 74px) !important;

        min-height: calc(100dvh - 74px) !important;

        height: auto !important;

        max-height: none !important;

        display: flex !important;

        flex-direction: column !important;

        justify-content: flex-start !important;

        padding: 30px 0 35px !important;

        background: #ffffff !important;

        overflow: hidden !important;

        box-sizing: border-box !important;

    }



    .plain-label-container,

    .printed-labels-container,

    .special-purpose-labels-container,

    .aviation-hero-container,

    .aviation-products-hero__container,

    .steel-hero__container,

    .ppl-hero-container,

    .ppl-products-hero-container {

        position: relative !important;

        z-index: 3 !important;

        width: 100% !important;

        max-width: 100% !important;

        height: auto !important;

        padding: 0 20px !important;

        display: block !important;

        box-sizing: border-box !important;

        pointer-events: auto !important;

    }



    .plain-label-row {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

    }



    .plain-label-content,

    .printed-labels-content,

    .special-purpose-labels-content,

    .aviation-hero-content,

    .aviation-products-hero__content,

    .steel-hero__content,

    .ppl-hero-content,

    .ppl-products-hero-content {

        position: relative !important;

        z-index: 4 !important;

        width: 100% !important;

        max-width: 100% !important;

        height: auto !important;

        padding: 0 !important;

        padding-right: 0 !important;

        margin: 0 !important;

        display: flex !important;

        flex-direction: column !important;

        justify-content: flex-start !important;

    }



    .plain-label-content h1,

    .printed-labels-content h1,

    .special-purpose-labels-content h1,

    .aviation-hero-content h1,

    .aviation-products-hero__content h1,

    .steel-hero__content h1,

    .ppl-hero-content h1,

    .ppl-products-hero-content h1 {

        font-size: clamp(26px, 6.8vw, 34px) !important;

        line-height: 1.18 !important;

        letter-spacing: -0.8px !important;

        margin: 0 0 16px 0 !important;

    }



    .plain-label-description,

    .printed-labels-content .hero-description,

    .special-purpose-labels-content .hero-description,

    .aviation-hero-content .hero-description {

        font-size: 13.5px !important;

        line-height: 1.6 !important;

        color: #475569 !important;

        margin-bottom: 14px !important;

    }



    .plain-label-features {

        display: grid !important;

        grid-template-columns: repeat(2, 1fr) !important;

        gap: 12px !important;

        width: 100% !important;

        margin: 0 0 18px 0 !important;

        padding: 0 !important;

    }



    .plain-label-feature {

        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        justify-content: flex-start !important;

        padding: 13px !important;

        background: rgba(248, 250, 252, 0.94) !important;

        backdrop-filter: blur(10px) !important;

        -webkit-backdrop-filter: blur(10px) !important;

        border: 1px solid #e2e8f0 !important;

        border-radius: 12px !important;

        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;

        box-sizing: border-box !important;

    }



    .plain-label-buttons,

    .printed-labels-content .hero-buttons,

    .special-purpose-labels-content .hero-buttons,

    .aviation-hero-content .hero-buttons,

    .ppl-hero-buttons {

        display: flex !important;

        flex-direction: column !important;

        gap: 10px !important;

        width: 100% !important;

        margin-top: 14px !important;

        margin-bottom: 12px !important;

    }



    .plain-label-buttons .btn,

    .printed-labels-content .hero-buttons .btn,

    .special-purpose-labels-content .hero-buttons .btn,

    .aviation-hero-content .hero-buttons .btn,

    .ppl-hero-buttons .btn {

        width: 100% !important;

        height: 44px !important;

        min-height: 44px !important;

        text-align: center !important;

        justify-content: center !important;

        box-sizing: border-box !important;

    }



    /* Universal Full-Bleed Hero Background Image */

    .plain-label-hero .plain-label-image,

    .plain-label-image,

    .printed-labels-hero .printed-labels-image,

    .printed-labels-image,

    .special-purpose-labels-image,

    .aviation-hero-image,

    .aviation-products-hero__image,

    .steel-hero__image,

    .ppl-hero-image,

    .ppl-products-hero-visual {

        position: absolute !important;

        inset: 0 !important;

        top: 0 !important;

        bottom: 0 !important;

        left: 0 !important;

        right: 0 !important;

        width: 100% !important;

        max-width: 100% !important;

        height: 100% !important;

        margin: 0 !important;

        border-radius: 0 !important;

        overflow: hidden !important;

        box-shadow: none !important;

        z-index: 1 !important;

        display: block !important;

        pointer-events: none !important;

        -webkit-mask-image: none !important;

        mask-image: none !important;

    }



    .plain-label-hero .plain-label-image img,

    .plain-label-image img,

    .printed-labels-hero .printed-labels-image img,

    .printed-labels-image img,

    .special-purpose-labels-image img,

    .aviation-hero-image img,

    .aviation-products-hero__image img,

    .steel-hero__image img,

    .ppl-hero-image img,

    .ppl-products-hero-visual img {

        width: 100% !important;

        height: 100% !important;

        max-height: 100% !important;

        object-fit: cover !important;

        object-position: center center !important;

        display: block !important;

        opacity: 0.88 !important;

        filter: none !important;

        border-radius: 0 !important;

    }



    .plain-label-hero .plain-label-image::after,

    .plain-label-image::after,

    .printed-labels-hero .printed-labels-image::after,

    .printed-labels-image::after,

    .special-purpose-labels-image::after,

    .aviation-hero-image::after,

    .aviation-products-hero__image::after,

    .steel-hero__image::after,

    .ppl-hero-image::after,

    .ppl-products-hero-visual::after {

        content: "" !important;

        position: absolute !important;

        inset: 0 !important;

        background: linear-gradient(

            180deg,

            rgba(255, 255, 255, 0.97) 0%,

            rgba(255, 255, 255, 0.94) 28%,

            rgba(255, 255, 255, 0.84) 48%,

            rgba(255, 255, 255, 0.58) 72%,

            rgba(255, 255, 255, 0.82) 100%

        ) !important;

        display: block !important;

        pointer-events: none !important;

        z-index: 2 !important;

    }

}





/* ========================================================

   WORLD-CLASS MOBILE HERO (<= 991px) - BALANCED VERTICAL CENTERING FOR LESS CONTENT

   ======================================================== */

@media (max-width: 991px) {

    .plain-label-hero,

    .printed-labels-hero,

    .special-purpose-labels-hero,

    .aviation-hero,

    .aviation-products-hero,

    .steel-hero,

    .ppl-hero,

    .ppl-products-hero {

        position: relative !important;

        width: 100% !important;

        min-height: calc(100vh - 74px) !important;

        min-height: calc(100dvh - 74px) !important;

        height: auto !important;

        max-height: none !important;

        display: flex !important;

        flex-direction: column !important;

        justify-content: center !important;

        padding: 30px 0 35px !important;

        background: #ffffff !important;

        overflow: hidden !important;

        box-sizing: border-box !important;

    }



    .plain-label-container,

    .printed-labels-container,

    .special-purpose-labels-container,

    .aviation-hero-container,

    .aviation-products-hero__container,

    .steel-hero__container,

    .ppl-hero-container,

    .ppl-products-hero-container {

        position: relative !important;

        z-index: 3 !important;

        width: 100% !important;

        max-width: 100% !important;

        height: auto !important;

        padding: 0 20px !important;

        display: block !important;

        box-sizing: border-box !important;

        pointer-events: auto !important;

        margin-top: auto !important;

        margin-bottom: auto !important;

    }



    .plain-label-row {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

    }



    .plain-label-content,

    .printed-labels-content,

    .special-purpose-labels-content,

    .aviation-hero-content,

    .aviation-products-hero__content,

    .steel-hero__content,

    .ppl-hero-content,

    .ppl-products-hero-content {

        position: relative !important;

        z-index: 4 !important;

        width: 100% !important;

        max-width: 100% !important;

        height: auto !important;

        padding: 0 !important;

        padding-right: 0 !important;

        margin: 0 !important;

        display: flex !important;

        flex-direction: column !important;

        justify-content: center !important;

    }



    .plain-label-content h1,

    .printed-labels-content h1,

    .special-purpose-labels-content h1,

    .aviation-hero-content h1,

    .aviation-products-hero__content h1,

    .steel-hero__content h1,

    .ppl-hero-content h1,

    .ppl-products-hero-content h1 {

        font-size: clamp(26px, 6.8vw, 34px) !important;

        line-height: 1.18 !important;

        letter-spacing: -0.8px !important;

        margin: 0 0 16px 0 !important;

        color: #0f172a !important;

        text-shadow: none !important;

    }



    .ppl-hero-content p,

    .plain-label-description,

    .printed-labels-content .hero-description,

    .special-purpose-labels-content .hero-description,

    .aviation-hero-content .hero-description {

        font-size: 13.5px !important;

        line-height: 1.6 !important;

        color: #475569 !important;

        margin: 0 0 18px 0 !important;

        text-shadow: none !important;

    }



    .plain-label-features {

        display: grid !important;

        grid-template-columns: repeat(2, 1fr) !important;

        gap: 12px !important;

        width: 100% !important;

        margin: 0 0 18px 0 !important;

        padding: 0 !important;

    }



    .plain-label-feature {

        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        justify-content: flex-start !important;

        padding: 13px !important;

        background: rgba(248, 250, 252, 0.94) !important;

        backdrop-filter: blur(10px) !important;

        -webkit-backdrop-filter: blur(10px) !important;

        border: 1px solid #e2e8f0 !important;

        border-radius: 12px !important;

        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;

        box-sizing: border-box !important;

    }



    .plain-label-buttons,

    .printed-labels-content .hero-buttons,

    .special-purpose-labels-content .hero-buttons,

    .aviation-hero-content .hero-buttons,

    .pp-hero-buttons,

    .ppl-hero-buttons {

        display: flex !important;

        flex-direction: column !important;

        gap: 10px !important;

        width: 100% !important;

        margin-top: 14px !important;

        margin-bottom: 12px !important;

    }



    .plain-label-buttons .btn,

    .printed-labels-content .hero-buttons .btn,

    .special-purpose-labels-content .hero-buttons .btn,

    .aviation-hero-content .hero-buttons .btn,

    .pp-hero-buttons .pp-btn,

    .ppl-hero-buttons .btn {

        width: 100% !important;

        height: 44px !important;

        min-height: 44px !important;

        text-align: center !important;

        justify-content: center !important;

        box-sizing: border-box !important;

    }



    /* Full-Bleed Background Image System (Same as Homepage) */

    .plain-label-hero .plain-label-image,

    .plain-label-image,

    .printed-labels-hero .printed-labels-image,

    .printed-labels-image,

    .special-purpose-labels-image,

    .aviation-hero-image,

    .aviation-products-hero__image,

    .steel-hero__image,

    .ppl-hero-image,

    .ppl-products-hero-visual {

        position: absolute !important;

        inset: 0 !important;

        top: 0 !important;

        bottom: 0 !important;

        left: 0 !important;

        right: 0 !important;

        width: 100% !important;

        max-width: 100% !important;

        height: 100% !important;

        margin: 0 !important;

        border-radius: 0 !important;

        overflow: hidden !important;

        box-shadow: none !important;

        z-index: 1 !important;

        display: block !important;

        pointer-events: none !important;

        -webkit-mask-image: none !important;

        mask-image: none !important;

    }



    .plain-label-hero .plain-label-image img,

    .plain-label-image img,

    .printed-labels-hero .printed-labels-image img,

    .printed-labels-image img,

    .special-purpose-labels-image img,

    .aviation-hero-image img,

    .aviation-products-hero__image img,

    .steel-hero__image img,

    .ppl-hero-image img,

    .ppl-products-hero-visual img {

        width: 100% !important;

        height: 100% !important;

        max-height: 100% !important;

        object-fit: cover !important;

        object-position: center bottom !important;

        display: block !important;

        opacity: 0.88 !important;

        filter: none !important;

        border-radius: 0 !important;

    }



    .plain-label-hero .plain-label-image::after,

    .plain-label-image::after,

    .printed-labels-hero .printed-labels-image::after,

    .printed-labels-image::after,

    .special-purpose-labels-image::after,

    .aviation-hero-image::after,

    .aviation-products-hero__image::after,

    .steel-hero__image::after,

    .ppl-hero-image::after,

    .ppl-products-hero-visual::after {

        content: "" !important;

        position: absolute !important;

        inset: 0 !important;

        background: linear-gradient(

            180deg,

            rgba(255, 255, 255, 0.97) 0%,

            rgba(255, 255, 255, 0.94) 28%,

            rgba(255, 255, 255, 0.84) 48%,

            rgba(255, 255, 255, 0.58) 72%,

            rgba(255, 255, 255, 0.82) 100%

        ) !important;

        display: block !important;

        pointer-events: none !important;

        z-index: 2 !important;

    }

}





/* ========================================================

   HOMEPAGE-BASED DESKTOP HERO SYSTEM (BALANCED 50/50 SPLIT)

   ======================================================== */

@media (min-width: 992px) {

    .pp-hero,

    .plain-label-hero,

    .printed-labels-hero,

    .special-purpose-labels-hero,

    .aviation-hero,

    .aviation-products-hero,

    .steel-hero,

    .ppl-hero,

    .ppl-products-hero,

    .ppl-contact-hero {

        position: relative !important;

        width: 100% !important;

        min-height: calc(100vh - 86px) !important;

        min-height: calc(100dvh - 86px) !important;

        display: flex !important;

        align-items: center !important;

        background: #ffffff !important;

        overflow: hidden !important;

        padding: 0 !important;

    }



    .pp-hero-container,

    .aviation-products-hero__inner,

    .plain-label-container,

    .printed-labels-container,

    .special-purpose-labels-container,

    .aviation-container,

    .aviation-products-hero__container,

    .steel-container,

    .ppl-container,

    .ppl-contact-hero-container {

        width: 100% !important;

        max-width: 1400px !important;

        min-height: calc(100vh - 86px) !important;

        min-height: calc(100dvh - 86px) !important;

        margin: 0 auto !important;

        padding: 30px 25px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: space-between !important;

        position: relative !important;

        box-sizing: border-box !important;

        z-index: 3 !important;

        pointer-events: none !important;

        background: transparent !important;

    }



    .pp-hero-content,

    .aviation-products-hero__content,

    .plain-label-content,

    .printed-labels-content,

    .special-purpose-labels-content,

    .aviation-hero-content,

    .steel-hero__content,

    .ppl-hero-content,

    .ppl-contact-hero-content {

        width: 50% !important;

        max-width: 640px !important;

        flex-shrink: 0 !important;

        padding-right: 40px !important;

        box-sizing: border-box !important;

        position: relative !important;

        z-index: 4 !important;

        pointer-events: auto !important;

        background: transparent !important;

    }



    .pp-hero-visual,

    .aviation-products-hero__image,

    .plain-label-image,

    .printed-labels-image,

    .special-purpose-labels-image,

    .aviation-hero-image,

    .steel-hero__image,

    .ppl-hero-image,

    .ppl-products-hero-visual,

    .ppl-contact-hero-visual {

        position: absolute !important;

        top: 0 !important;

        right: 0 !important;

        left: auto !important;

        bottom: 0 !important;

        inset: 0 0 0 auto !important;

        width: 50% !important;

        max-width: 50% !important;

        height: 100% !important;

        z-index: 1 !important;

        overflow: hidden !important;

        display: block !important;

        pointer-events: none !important;

        margin: 0 !important;

        border-radius: 0 !important;

    }



    .pp-hero-visual img,

    .aviation-products-hero__image img,

    .plain-label-image img,

    .printed-labels-image img,

    .special-purpose-labels-image img,

    .aviation-hero-image img,

    .steel-hero__image img,

    .ppl-hero-image img,

    .ppl-products-hero-visual img,

    .ppl-contact-hero-image {

        width: 100% !important;

        height: 100% !important;

        object-fit: cover !important;

        object-position: 75% center !important;

        display: block !important;

        opacity: 1 !important;

        filter: none !important;

        -webkit-mask-image: none !important;

        mask-image: none !important;

    }



    .pp-hero-visual::after,

    .aviation-products-hero__image::after,

    .plain-label-image::after,

    .printed-labels-image::after,

    .special-purpose-labels-image::after,

    .aviation-hero-image::after,

    .steel-hero__image::after,

    .ppl-hero-image::after,

    .ppl-products-hero-visual::after,

    .ppl-contact-hero-visual::after,

    .aviation-products-hero__image::before {

        display: none !important;

        content: none !important;

    }

}

/* Robust Pure-CSS Chevron Arrow (No font/encoding dependencies) */
.pp-mega-links a::after {
    content: "" !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    transform: rotate(45deg) translateX(-3px) !important;
    opacity: 0 !important;
    transition: all .2s ease !important;
    margin-left: auto !important;
    margin-right: 4px !important;
}

.pp-mega-links a:hover::after {
    opacity: 1 !important;
    transform: rotate(45deg) translateX(0) !important;
}

/* Universal 4-Color Line & Heading Alignment: Desktop Centered, Mobile (< 768px) Left Aligned */
@media (max-width: 767px) {
    .four-color-line,
    .solutions-heading .four-color-line,
    .ppl-section-title .four-color-line,
    .aviation-section-heading .four-color-line,
    .pl-section-head .four-color-line,
    .plain-why-heading .four-color-line,
    .industries-served-heading .four-color-line,
    .why-choose-heading .four-color-line,
    .faq-heading .four-color-line,
    .section-heading .four-color-line {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

@media (min-width: 768px) {
    .solutions-heading .four-color-line,
    .ppl-section-title .four-color-line,
    .industries-served-heading .four-color-line,
    .why-choose-heading .four-color-line,
    .faq-heading .four-color-line,
    .text-center .four-color-line,
    .section-heading.text-center .four-color-line {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Desktop Centered Alignment for all centered headings & four-color-line */
@media (min-width: 768px) {
    .four-color-line,
    .pl-highlights-container .four-color-line,
    .section-heading .four-color-line,
    .solutions-heading .four-color-line,
    .ppl-section-title .four-color-line,
    .industries-served-heading .four-color-line,
    .why-choose-heading .four-color-line,
    .faq-heading .four-color-line,
    .text-center .four-color-line,
    .section-heading.text-center .four-color-line {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* Mega Menu 3-Button Perfect Bottom Baseline Alignment */
@media (min-width: 951px) {
    .pp-mega-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        align-items: stretch !important;
    }
    .pp-mega-column {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 100% !important;
    }
    .pp-mega-links {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        min-height: 122px !important;
        margin-bottom: auto !important;
    }
    .pp-mega-view {
        margin-top: auto !important;
        align-self: flex-start !important;
    }
}

.aviation-built-header .four-color-line {
    display: block !important;
    width: 130px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #FFED00 0%, #00A0E3 33.33%, #44403F 66.66%, #E40B80 100%) !important;
    border-radius: 4px !important;
    margin: 14px auto 20px auto !important;
}

@media (max-width: 767px) {
    .aviation-built-header .four-color-line {
        margin: 12px 0 18px 0 !important;
    }
}