@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{
 --fa-navy:#071724; --fa-navy-2:#0b2232; --fa-blue:#176fa6; --fa-blue-2:#2b86b9;
 --fa-teal:#42aaa7; --fa-red:#d84b42; --fa-ice:#eef4f7; --fa-text:#183243; --fa-muted:#6d7f8b;
 --fa-border:#dbe5ea; --fa-shadow:0 18px 55px rgba(8,30,45,.09);
}
*{scroll-behavior:smooth} 
body {
  font-family : 'DM Sans', system-ui, sans-serif;
  color : var(--fa-text);
  font-weight : 400;
  line-height : 1.65;
  background : #fff
}
h1, h2, h3, h4, h5, h6 {
  font-family : 'Manrope', system-ui, sans-serif;
  font-weight : 600;
  letter-spacing : -.035em;
  color : var(--fa-navy)
}
p {
  font-size : .98rem
}
.navbar {
  --bs-navbar-padding-y : .55rem
}
.brand-nav {
  background : rgba(5, 18, 28, .72);
  backdrop-filter : blur(16px);-webkit-backdrop-filter : blur(16px);
  border-bottom : 1px solid rgba(255, 255, 255, .10);
  transition : .3s;
  z-index : 1030
}
.brand-nav.scrolled {
  background : rgba(5, 18, 28, .96);
  box-shadow : 0 12px 35px rgba(0, 0,0, .18)
}
.navbar-brand img {
  height : 54px;
  width : auto
}
.nav-link {
  color : rgba(255, 255, 255, .82)!important;
  font-size : .88rem;
  font-weight : 500;
  padding : .75rem .75rem!important
}
  .nav-link : hover, .nav-link : focus {
  color : #fff!important
}
.navbar-toggler {
  border-color : rgba(255, 255, 255, .2)
}
.navbar-toggler-icon {
  filter : invert(1)
}
.dropdown-menu {
  background : #0b2232;
  border : 1px solid rgba(255, 255, 255, .12);
  box-shadow : 0 20px 50px rgba(0, 0,0, .25);
  border-radius : 14px;
  padding : .55rem
}
.dropdown-item {
  color : #d9e6ed;
  font-size : .85rem;
  border-radius : 9px;
  padding : .55rem .7rem
}
  .dropdown-item : hover, .dropdown-item : focus {
  background : #14364b;
  color : #fff
}
.btn-brand {
  --bs-btn-color : #fff;--bs-btn-bg : var(--fa-red);--bs-btn-border-color : var(--fa-red);--bs-btn-hover-color : #fff;--bs-btn-hover-bg : #bd3d35;--bs-btn-hover-border-color : #bd3d35;
  font-weight : 600;
  box-shadow : 0 10px 26px rgba(216, 75, 66, .20)
}
.btn-outline-brand {
  border : 1px solid rgba(66, 170, 167, .8);
  color : #e7fbfa;
  font-weight : 500
}
  .btn-outline-brand : hover {
  background : var(--fa-teal);
  border-color : var(--fa-teal);
  color : #06202a
}
.eyebrow {
  font-size : .68rem;
  letter-spacing : .20em;
  font-weight : 700;
  color : var(--fa-teal);
  text-transform : uppercase
}
.hero {
  min-height : 100svh;
  display : flex;
  align-items : center;
  background-image : url('../images/hero-fine-airsys.jpg');
  background-size : cover;
  background-position : center;
  background-repeat : no-repeat;
  position : relative;
  overflow : hidden
}
  .hero : before {
  content : '';
  position : absolute;
  inset : 0;
  background : linear-gradient(90deg, rgba(4, 14, 23, .94) 0%, rgba(4, 14, 23, .78) 31%, rgba(4, 14, 23, .28) 67%, rgba(4, 14, 23, .42) 100%), linear-gradient(0deg, rgba(4, 14, 23, .56), transparent 42%)
}
.hero .container {
  position : relative;
  z-index : 2
}
.hero .eyebrow {
  color : #7bd7d4
}
.hero h1 {
  font-size : clamp(3rem, 6.2vw, 6.5rem);
  line-height : 1.01;
  color : #fff;
  font-weight : 500;
  max-width : 850px
}
.hero h1 span {
  color : #83d8d5
}
.hero p {
  max-width : 700px;
  color : #c8d5dd;
  font-size : 1.08rem;
  line-height : 1.8
}
.hero-meta {
  display : flex;
  flex-wrap : wrap;
  gap : 10px;
  margin-top : 30px
}
.hero-meta span {
  border : 1px solid rgba(255, 255, 255, .14);
  background : rgba(255, 255, 255, .06);
  padding : 9px 13px;
  border-radius : 999px;
  color : #d8e4e9;
  font-size : .78rem
}
.hero-meta i {
  color : var(--fa-teal)
}
.hero-scroll {
  position : absolute;
  right : 28px;
  bottom : 30px;
  z-index : 2;
  color : #b7c9d2;
  font-size : .72rem;
  letter-spacing : .18em;
  text-transform : uppercase;
  writing-mode : vertical-rl
}
.ribbon {
  height : 5px;
  background : linear-gradient(90deg, var(--fa-blue), var(--fa-teal), var(--fa-red))
}
.section {
  padding : 80px 0
}
.section-soft {
  background : var(--fa-ice)
}
.section-title {
  font-size : clamp(2.15rem, 4vw, 3.65rem);
  line-height : 1.08;
  font-weight : 500
}
.section-title span {
  color : var(--fa-blue)
}
.section-lead {
  color : var(--fa-muted);
  font-size : 1.03rem;
  line-height : 1.8
}
.about-panel {
  border-top : 1px solid var(--fa-border);
  padding-top : 25px
}
.stat-card {
  padding : 24px 0;
  border-bottom : 1px solid var(--fa-border)
}
  .stat-card : last-child {
  border-bottom : 0
}
.stat-card strong {
  display : block;
  font-family : 'Manrope';
  font-size : 1.55rem;
  color : var(--fa-navy);
  font-weight : 600
}
.stat-card span {
  font-size : .82rem;
  color : var(--fa-muted)
}
.feature {
  height : 100%;
  padding : 30px;
  background : #fff;
  border : 1px solid var(--fa-border);
  border-radius : 18px;
  box-shadow : 0 8px 28px rgba(8, 30, 45, .045);
  transition : .3s
}
  .feature : hover {
  transform : translateY(-5px);
  box-shadow : var(--fa-shadow)
}
.feature i {
  width : 48px;
  height : 48px;
  display : grid;
  place-items : center;
  border-radius : 14px;
  background : #edf7f7;
  color : var(--fa-teal);
  font-size : 1.35rem
}
.feature h4 {
  font-size : 1.05rem;
  margin-top : 18px;
  font-weight : 600
}
.feature p {
  color : var(--fa-muted);
  font-size : .9rem;
  margin : 0
}
.product-showcase {
  background : var(--fa-navy);
  color : #fff;
  position : relative;
  overflow : hidden
}
  .product-showcase : before {
  content : '';
  position : absolute;
  width : 620px;
  height : 620px;
  border-radius : 50%;
  right : -250px;
  top : -280px;
  background : radial-gradient(circle, rgba(66, 170, 167, .17), transparent 68%)
}
.product-showcase>.container {
  position : relative;
  z-index : 1
}
.section-title-dark {
  color : #fff
}
.section-title-dark span {
  color : #73cfcc
}
.section-lead-dark {
  color : #aebfc9
}
.product-filter-bar {
  display : flex;
  flex-wrap : wrap;
  gap : 8px;
  padding : 7px;
  border : 1px solid rgba(255, 255, 255, .11);
  background : rgba(255, 255, 255, .035);
  border-radius : 14px;
  margin-bottom : 30px
}
.product-filter-bar .filter-label {
  padding : 9px 12px;
  color : #8fa4af;
  font-size : .68rem;
  letter-spacing : .15em;
  text-transform : uppercase;
  font-weight : 700
}
.product-filter-bar a {
  color : #cbd9df;
  text-decoration : none;
  padding : 9px 12px;
  border-radius : 9px;
  font-size : .82rem
}
  .product-filter-bar a : hover, .product-filter-bar a.active {
  background : #15384d;
  color : #fff
}
  .product-filter-bar a : last-child {
  margin-left : auto;
  color : #79d4d1
}
.product-card-premium {
  display : block;
  height : 100%;
  background : linear-gradient(120deg, #0a2333, #124a68);
  border : 1px solid rgba(255, 255, 255, .09);
  border-radius : 20px;
  overflow : hidden;
  text-decoration : none;
  color : #fff;
  transition : .35s;
  box-shadow : 0 18px 50px rgba(0, 0,0, .16)
}
  .product-card-premium : hover {
  transform : translateY(-8px);
  border-color : rgba(66, 170, 167, .42);
  box-shadow : 0 28px 70px rgba(0, 0,0, .28);
  color : #fff
}
.product-photo {
  height : 285px;
  padding : 10px;
  position : relative;
 /* background : linear-gradient(145deg, #f7fafb, #e7eff2);*/
  display : flex;
  align-items : center;
  justify-content : center
}
  .product-photo : after {
  content : '';
  position : absolute;
  left : 0;
  right : 0;
  bottom : 0;
  height : 2px;
  background : linear-gradient(90deg, transparent, var(--fa-teal), var(--fa-red), transparent)
}
.product-photo img {
  width : 80%;
  height : 80%;
  object-fit : contain;
  transition : .5s;
  filter : contrast(1.03)
}
  .product-card-premium : hover .product-photo img {
  transform : scale(1.035)
}
.product-number {
  position : absolute;
  z-index : 2;
  top : 15px;
  left : 15px;
  width : 36px;
  height : 36px;
  border-radius : 50%;
  display : grid;
  place-items : center;
  background : rgba(7, 23, 36, .9);
  border : 1px solid rgba(255, 255, 255, .16);
  font-size : .68rem
}
.product-info {
  padding : 23px
}
.product-meta {
  font-size : .64rem;
  letter-spacing : .17em;
  color : #70cecb;
  font-weight : 700
}
.product-info h3 {
  color : #fff;
  font-size : 1.28rem;
  font-weight : 500;
  line-height : 1.25;
  margin : 9px 0
}
.product-info p {
  color : #91a8b4;
  font-size : .88rem;
  line-height : 1.65;
  min-height : 72px
}
.discover {
  color : #fff;
  font-size : .82rem;
  font-weight : 600
}
.discover i {
  color : var(--fa-red);
  margin-left : 5px
}
.product-bottom {
  display : flex;
  justify-content : space-between;
  align-items : center;
  gap : 20px;
  margin-top : 36px;
  padding-top : 22px;
  border-top : 1px solid rgba(255, 255, 255, .10);
  color : #8fa5b1;
  font-size : .82rem
}
.accent-dot {
  display : inline-block;
  width : 7px;
  height : 7px;
  background : var(--fa-red);
  border-radius : 50%;
  margin-right : 8px
}
.dark-section {
  /*background : #0a2130;*/
  background : linear-gradient(120deg, #0a2333, #124a68);
  color : #fff
}
.dark-section .section-title {
  color : #fff
}
.dark-section .section-lead {
  color : #adbec8
}
.test-card {
  height : 100%;
  padding : 28px;
  border : 1px solid rgba(255, 255, 255, .10);
  background : rgba(255, 255, 255, .035);
  border-radius : 18px
}
.test-card i {
  font-size : 1.7rem;
  color : #72cfcc
}
.test-card h4 {
  color : #fff;
  font-size : 1.05rem;
  margin-top : 16px
}
.test-card p {
  color : #aabdc8;
  font-size : .9rem
}
.classification {
  overflow : hidden;
  border : 1px solid var(--fa-border);
  border-radius : 18px;
  box-shadow : var(--fa-shadow)
}
.classification table {
  margin : 0
}
.classification thead th {
  background : #0b2a3d;
  color : #fff;
  border : 0;
  padding : 15px;
  font-size : .82rem
}
.classification tbody td {
  padding : 14px;
  border-color : #e5edf1;
  font-size : .86rem
}
  .classification tbody tr : nth-child(even) {
  background : #f7fafb
}
.accessory-card {
  height : 100%;
  background : #fff;
  border : 1px solid var(--fa-border);
  border-radius : 18px;
  padding : 25px
}
.accessory-card h4 {
  font-size : 1rem
}
.accessory-card p {
  color : var(--fa-muted);
  font-size : .86rem
}
.cta-panel {
  border-radius : 24px;
  padding : 55px;
  background : linear-gradient(120deg, #0a2333, #124a68);
  color : #fff;
  position : relative;
  overflow : hidden
}
  .cta-panel : after {
  content : '';
  position : absolute;
  right : -100px;
  top : -120px;
  width : 360px;
  height : 360px;
  border-radius : 50%;
  border : 1px solid rgba(255, 255, 255, .08);
  box-shadow : 0 0 0 60px rgba(255, 255, 255, .02), 0 0 0 120px rgba(255, 255, 255, .015)
}
.cta-panel h2 {
  color : #fff;
  font-weight : 500
}
.cta-panel p {
  color : #bfd0d9
}
.page-hero {
  padding : 155px 0 80px;
  background : linear-gradient(120deg, #071724, #0b2b3e 70%, #123d50);
  color : #fff;
  position : relative;
  overflow : hidden
}
  .page-hero : after {
  content : '';
  position : absolute;
  right : -160px;
  top : -180px;
  width : 520px;
  height : 520px;
  border-radius : 50%;
  border : 1px solid rgba(66, 170, 167, .13);
  box-shadow : 0 0 0 70px rgba(66, 170, 167, .025), 0 0 0 140px rgba(66, 170, 167, .018)
}
.page-hero h1 {
  color : #fff;
  font-size : clamp(2.0rem, 3vw, 2.8rem);
  font-weight : 500;
  line-height : 1.05
}
.page-hero h1 span {
  color : #74d1ce
}
.page-hero .section-lead {
  color : #b6c7d0
}
.detail-gallery {
  background : #edf3f5;
  border : 1px solid #dce7eb;
  border-radius : 22px;
 
}
.detail-gallery img {
  width : 100%;
  height : 300px;
  object-fit : contain;
  /*background : #fff;*/
  border-radius : 15px
}
.detail-copy h2 {
  font-weight : 500
}
.detail-copy p, .detail-copy li {
  color : var(--fa-muted);
  line-height : 1.8
}
.spec-box {
  border : 1px solid var(--fa-border);
  border-radius : 18px;
  background : #fff;
  padding : 24px;
  box-shadow : var(--fa-shadow)
}
.spec-row {
  display : flex;
  justify-content : space-between;
  gap : 20px;
  padding : 12px 0;
  border-bottom : 1px solid #edf2f4;
  font-size : .88rem
}
  .spec-row : last-child {
  border-bottom : 0
}
.spec-row strong {
  font-weight : 600;
  color : var(--fa-navy)
}
.spec-row span {
  color : var(--fa-muted);
  text-align : right
}
.badge-red {
  background : #fff1ef;
  color : #b43d36;
  padding : 6px 10px;
  border-radius : 999px;
  font-size : .72rem;
  font-weight : 700
}
.catalogue-box {
  border : 1px dashed #b9cbd4;
  background : #f8fbfc;
  border-radius : 17px;
  padding : 23px
}
.product-card {
  height : 100%;
  background : #fff;
  border : 1px solid var(--fa-border);
  border-radius : 18px;
  overflow : hidden;
  box-shadow : 0 10px 35px rgba(8, 30, 45, .055);
  transition : .3s
}
  .product-card : hover {
  transform : translateY(-6px);
  box-shadow : var(--fa-shadow)
}
.product-img {
  height : 270px;
  padding : 16px;
  background : linear-gradient(145deg, #f6f9fa, #e9f0f3);
  display : flex;
  align-items : center;
  justify-content : center
}
.product-img img {
  width : 100%;
  height : 100%;
  object-fit : contain
}
.product-body {
  padding : 23px
}
.product-body h3 {
  font-weight : 600
}
.product-body p {
  color : var(--fa-muted);
  font-size : .88rem;
  line-height : 1.65
}
.product-link {
  color : var(--fa-blue);
  font-weight : 700;
  text-decoration : none;
  font-size : .84rem
}
  .product-link : hover {
  color : var(--fa-red)
}
.category-label {
  display : inline-block;
  padding : 5px 9px;
  background : #edf7f7;
  color : #247d7b;
  border-radius : 999px;
  font-size : .65rem;
  font-weight : 700;
  letter-spacing : .08em;
  text-transform : uppercase
}
.footer {
  background : #05131e;
  color : #fff
}
.footer h6 {
  color : #fff;
  font-size : .8rem;
  letter-spacing : .12em;
  text-transform : uppercase
}
.footer a {
  color : #9eb2bd;
  text-decoration : none;
  font-size : .86rem;
  line-height : 2
}
  .footer a : hover {
  color : #fff
}
.footer-logo {
  height : 52px
}
.footer-bottom {
  border-top : 1px solid rgba(255, 255, 255, .10);
  color : #718896
}
.form-control {
  border-radius : 10px;
  border : 1px solid #d6e2e8;
  padding : 12px
}
  .form-control : focus {
  border-color : var(--fa-teal);
  box-shadow : 0 0 0 .2rem rgba(66, 170, 167, .12)
}

/* =========================================================
   FINE AIRSYS PRODUCTS MEGA DROPDOWN
========================================================= */

.fa-products-menu {
    position: static;
}

.fa-products-dropdown {

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

    margin-top: 15px !important;

    padding: 0;

    border: 1px solid #e3eaee;

    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 25px 70px rgba(7, 28, 42, 0.16);

    overflow: hidden;
}


/* Columns */

.fa-products-dropdown .row > div:first-child {

    border-right: 1px solid #e8eef1;

}


/* Group */

.fa-product-menu-group {

    padding: 28px 32px;
}


/* Category heading */

.fa-product-menu-title {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 12px;

    color: #17384b;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: .01em;
}


.fa-product-menu-title i {

    width: 30px;
    height: 30px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background: rgba(24,118,182,.08);

    color: #1876b6;

    font-size: 14px;
}


/* Product links */

.fa-products-dropdown a:not(.dropdown-toggle) {

    display: block;

    padding: 7px 8px;

    margin: 1px 0;

    border-radius: 6px;

    color: #536b78;

    text-decoration: none;

    font-size: 13px;

    line-height: 1.45;

    transition:
        background .2s ease,
        color .2s ease,
        padding-left .2s ease;
}


.fa-products-dropdown a:not(.dropdown-toggle):hover {

    padding-left: 14px;

    color: #1876b6;

    background: #f2f8fb;
}


.fa-products-dropdown a small {

    display: block;

    margin-top: 1px;

    color: #8ca0aa;

    font-size: 10px;
}


/* Products dropdown arrow */

.fa-products-menu > .nav-link::after {

    margin-left: 7px;

    vertical-align: 2px;
}


/* =========================================================
   PRODUCTS MEGA MENU — RESPONSIVE CENTER FIX
========================================================= */

/* ---------- DESKTOP ---------- */
@media (min-width: 992px) {

    .fa-products-menu {
        position: static !important;
    }

    .fa-products-dropdown {
        position: fixed !important;

        top: 78px !important;

        left: 50% !important;
        right: auto !important;

        transform: translateX(-50%) !important;

        width: 920px !important;
        max-width: calc(100vw - 40px) !important;

        margin: 0 !important;

        z-index: 1050 !important;

        border: 1px solid #e2e9ed !important;
        border-radius: 14px !important;

        background: #fff !important;

        box-shadow:
            0 24px 70px rgba(5, 25, 40, .18) !important;
    }

}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 991px) {

    .fa-products-menu {
        position: relative !important;
    }

    .fa-products-dropdown {
        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 6px 0 0 0 !important;

        border: 1px solid #e2e9ed !important;
        border-radius: 10px !important;

        background: #fff !important;

        box-shadow:
            0 12px 35px rgba(5, 25, 40, .15) !important;

        max-height: calc(100vh - 120px) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        z-index: 1050 !important;
    }


    /* Stack menu columns */

    .fa-products-dropdown .row {
        display: block !important;
        margin: 0 !important;
    }

    .fa-products-dropdown .row > div {
        width: 100% !important;

        border-right: 0 !important;
        border-bottom: 1px solid #e8eef1 !important;
    }

    .fa-products-dropdown .row > div:last-child {
        border-bottom: 0 !important;
    }


    /* Menu groups */

    .fa-product-menu-group {
        padding: 18px !important;
    }


    /* Category heading */

    .fa-product-menu-title {
        margin-bottom: 8px !important;
        font-size: 14px !important;
    }


    /* Product links */

    .fa-products-dropdown a:not(.dropdown-toggle) {
        display: block !important;

        padding: 9px 8px !important;

        font-size: 13px !important;

        white-space: normal !important;
    }

}

/* =========================================================
   OUR MANUFACTURING PROGRAM
========================================================= */

.fa-manufacturing-section {
    position: relative;
    overflow: hidden;

    padding: 95px 0;

    background:
        radial-gradient(
            circle at 5% 20%,
            rgba(24,118,182,.14),
            transparent 30%
        ),
        radial-gradient(
            circle at 95% 80%,
            rgba(75,190,185,.08),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #06131f 0%,
            #091d2c 55%,
            #071722 100%
        );
}


/* Subtle technical background */

.fa-manufacturing-section::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: .10;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size: 80px 80px;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.fa-manufacturing-kicker {
    display: block;

    margin-bottom: 14px;

    color: #72d2cd;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 3px;
}


.fa-manufacturing-title {
    margin: 0;

    color: #ffffff;

    font-size: clamp(40px, 4.5vw, 58px);

    line-height: 1.05;

    font-weight: 400;

    letter-spacing: -1.5px;
}


.fa-manufacturing-title span {
    display: block;

    color: #72d2cd;
}


.fa-manufacturing-intro {
    max-width: 390px;

    margin-top: 25px;

    color: #8fa6b3;

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;
}


/* =========================================================
   TWO COLUMN PROGRAM GRID
========================================================= */

.fa-program-grid {

    position: relative;

    display: grid;

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

    column-gap: 55px;

    row-gap: 0;

    border-top: 1px solid rgba(255,255,255,.10);
}


/* Individual program */

.fa-program-item {

    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 14px;

    min-height: 92px;

    padding: 19px 5px 18px;

    border-bottom: 1px solid rgba(255,255,255,.08);

    transition:
        background .25s ease,
        padding-left .25s ease;
}


/* Bullet */

.fa-program-dot {

    flex: 0 0 auto;

    width: 7px;
    height: 7px;

    margin-top: 8px;

    border-radius: 50%;

    background: #4bbeb9;

    box-shadow:
        0 0 0 4px rgba(75,190,185,.08);

    transition: .25s ease;
}


/* Heading */

.fa-program-item h3 {

    margin: 0;

    color: #eaf2f5;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 450;
}


/* Description */

.fa-program-item p {

    margin: 4px 0 0;

    color: #78919f;

    font-size: 12px;

    line-height: 1.55;
}


/* Hover */

.fa-program-item:hover {

    padding-left: 10px;

    background: rgba(255,255,255,.025);
}


.fa-program-item:hover .fa-program-dot {

    background: #df352b;

    box-shadow:
        0 0 0 5px rgba(223,53,43,.08);
}


.fa-program-item:hover h3 {

    color: #ffffff;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .fa-manufacturing-section {
        padding: 80px 0;
    }

    .fa-program-grid {
        column-gap: 35px;
    }

}


@media (max-width: 767px) {

    .fa-manufacturing-section {
        padding: 70px 0;
    }

    .fa-program-grid {

        grid-template-columns: 1fr;

        column-gap: 0;
    }

    .fa-manufacturing-title {
        font-size: 44px;
    }

}


@media (max-width: 575px) {

    .fa-manufacturing-title {
        font-size: 38px;
    }

    .fa-program-item {
        min-height: auto;
        padding: 16px 2px;
    }

    .fa-program-item h3 {
        font-size: 15px;
    }

}
  @media(max-width : 991px) {
  .navbar-collapse{background : #869bad;
  margin : 8px -12px -8px;
  padding : 12px;
  border-top : 1px solid rgba(255, 255, 255, .08)
}
.hero {
  min-height : 860px
}
.hero h1 {
  font-size : clamp(2.8rem, 8vw, 4.6rem)
}
.section {
  padding : 50px 0
}
.product-photo {
  height : 285px
}
.product-bottom {
  flex-direction : column;
  align-items : flex-start
}
  .product-filter-bar a : last-child {
  margin-left : 0
}
.detail-gallery img {
  height : 360px
}
  }@media(max-width : 575px) {
  .navbar-brand img{height : 46px
}
.hero {
  min-height : 780px
}
.hero p {
  font-size : .98rem
}
.hero-scroll {
  display : none
}
.section {
  padding : 65px 0
}
.product-photo {
  height : 245px
}
.product-img {
  height : 235px
}
.page-hero {
  padding : 125px 0 60px
}
.detail-gallery img {
  height : 290px
}
.cta-panel {
  padding : 35px 25px
}


}