:root {

    --primary-color: rgb(1, 74, 142);
    --secondary-color: #f0a945;
  
  }
  body{
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: black;
    font-family: "Yantramanav", sans-serif;
  

}

h1,h2,h3,h4,h5,h6{
    margin: 0px;
    padding: 0px;
}
img{
    max-width: 100%;
}
a{
    color: inherit;
    text-decoration: none;
}
p{
    margin: 0px;
    padding: 0px;
}
ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/* Loader disabled completely (spinning on-load loader removed) */
.loader-main {
    display: none !important;
}

/* header-css-start */


#ago-site-topbar {
    background: var(--secondary-color);
    padding: 14px;
    position: relative;
    z-index: 1;
}
#ago-site-topbar:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    background: var(--primary-color);
    width: 55%;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
    z-index: -1;
}
#ago-site-topbar .top-contact-link ul li {
    display: inline-block;
    margin-right: 26px;
}
#ago-site-topbar .top-contact-link ul li a{
    color: white;
    font-size: 16px;
    font-weight: 500;
}
#ago-site-topbar .top-social-icon {
    float: right;
}
#ago-site-topbar .top-social-icon ul li {
    display: inline-block;
    font-size: 16px;
    color: white;
    margin-left: 9px;
    font-weight: 500;
}
#ago-site-topbar .top-social-icon ul li a {
    color: white;
    font-weight: 500;
}

#ago-site-header {
    background: #ffff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    position: sticky;
    top: 0;
    z-index: 9;
    width: 100%;
}
#ago-site-header .logo a img {
    width: 125px;
    display: inline-block;
    height: 80px;
}
#ago-site-header .menu >ul >li {
    display: inline-block;
    margin: 30px 18px;
}
#ago-site-header .menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#ago-site-header .menu >ul >li {
    display: inline-block;
    margin: 30px 5px;
}
#ago-site-header .menu >ul >li >a{
    text-transform: uppercase;
    font-weight: 500;
    transition: 0.5s;
    color: var(--primary-color);
}
#ago-site-header .menu >ul >li >a:hover{
  color: var(--secondary-color);
}
input.search-input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #8d7f7f59;
    border-radius: 5px;
    outline: none;
    background: none;
}
#ago-site-header .search-form {
    width: 100%;
    max-width: 350px;
    position: relative;
    margin-right: 25px;
}
#ago-site-header .search-bar {
    display: flex;
    justify-content: center;
    align-items: center;
}
#ago-site-header .search-btn {
    position: absolute;
    right: 15px;
    top: 13px;
    background: none;
    border: none;
}
#ago-site-header .header-search {
    margin-top: 15px;
}
button.search-btn i {
    font-size: 16px;
    color: var(--primary-color);
}
dropdown {
    position: relative;
}
ul.dropdown-menus {
    position: absolute;
    top: 54px;
    left: 0;
    width: 300px;
    background: white;
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
    z-index: 999;
    transform: scaleY(0);
    transition: 0.5s;
    transform-origin: top;
}
ul.dropdown-menus li {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    transition: 0.5s;
    display: flex;
}
ul.dropdown-menus li a {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 500;
    transition: 0.5s;
}
#ago-site-header .dropdown-menus li a:hover{
    color: var(--secondary-color);
}
#ago-site-header .dropdown:hover .dropdown-menus{
    transform: scaleY(1);
}
/* header-css-end */
/* banner-css-start */
.banner-image img {
    height: 650px;
   
}

.banner-image {
    position: relative;
}
.banner-text {
    position: absolute;
    top: 50%;
    left: 32%;
    transform: translate(-50%, -50%);
}
.banner-text h1 {
    font-size: 70px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 70px;
}
button.primary-btn {
    font-size: 16px;
    padding: 13px 55px;
    border: none;
    background:var(--primary-color);
    display: inline-block;
    border-radius: 20px 0px;
    color: var(--secondary-color);
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 30px;
    transition: 0.5s;
}
button.primary-btn:hover{
    background-color: var(--secondary-color);
    color:var(--primary-color);
}
.banner-image video {
    object-fit: cover;
}
.banner-text {
    border-radius: 5px;
    background: #ffffffa3;
    padding: 20px;
}

/* banner-css-end */

/* spares-css-start */

.spares-sec {
    padding: 60px 0px;
}
.spares-images img {
    border-radius: 10px;
}

.spares-boxes {
    padding-top: 50px;
}
.spares-box {
    background: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.spares-box-content {
    padding: 15px;
}
.apares-content h2 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}
.spares-box-content h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.spares-box-images img {
  
    transform: scale(1);
    transition: 0.6s;
    height: 160px;
}
.spares-box-images {
    overflow: hidden;
}
.spares-box-images img:hover{
    transform: scale(1.1);
}
/* spares-css-end */

/* product-css-start */

.product-sec {
    padding: 60px;
    background-color: #f6f4ef;
}

.product-box {
    margin: 0px 15px;
}
.product-sec .slick-dots li {
    height: 10px;
    width: 10px;
    background: var(--primary-color);
    border-radius: 50px;
    margin-top: 10px;
}
.product-sec .slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.product-sec .slick-dots li button:before {
    opacity: 0;
}
.product-sec .slick-dots li.slick-active button:before {
    opacity: 0;
}
.product-sec .slick-dots li button:hover:before {
    opacity: 0;
}
.product-sec .slick-dots li.slick-active {
    background: var(--secondary-color);
}
.product-images a span {
    font-size: 20px;
}
.product-images a img {
    margin-bottom: 10px;
    height: 270px;
    border-radius: 5px;
    object-fit: cover;
    width: 100%;
}
/* product-css-end */

/* home-service-css-start */

 .services{
      text-align:center;
      background-color: #f6f4ef;
      padding: 60px 0px;
    }

    
    /* GRID */

    .service-container{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:30px;
    }

    .service_card{
      background:var(--primary-color);
      border-radius:20px;
      overflow:hidden;
      transition:0.4s;
      box-shadow:0 10px 25px rgba(0,0,0,0.3);
    }

    .service_card:hover{
      transform:translateY(-10px);
      box-shadow:0 15px 35px rgb(1, 74, 142);
    }

    .service_card img{
      width:100%;
      height:220px;
      object-fit:cover;
    }

    .content{
      padding:25px;
    }

    .content h3{
      font-size:25px;
      margin-bottom:12px;
      color: var(--secondary-color);
    }

    .serve_btn{
        background-color: var(--secondary-color) !important;
        color: var(--primary-color) !important;
    }
    
 .services p{
      color:#cbd5e1;
     
      font-size:16px;
    }

/* home-service-css-end */
/* how-we-work-css-start */
 

  
.work-section{
    padding: 60px 0px;
}

    /* GRID */

    .work-container{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:35px;
    }

    /* CARD */

    .work-card{
      background:var(--primary-color);
      border:1px solid rgba(255,255,255,0.08);
      padding:35px;
      border-radius:24px;
      position:relative;
      overflow:hidden;
      transition:0.4s;
    }

    .work-card:hover{
      transform:translateY(-10px);
      border-color:var(--primary-color);
      box-shadow:0 15px 40px rgba(0,207,255,0.15);
    }

    .work-card::before{
      content:"";
      position:absolute;
      width:180px;
      height:180px;
      background:var(--secondary-color);
      opacity:0.08;
      border-radius:50%;
      top:-80px;
      right:-80px;
    }

    .number{
      font-size:18px;
      font-weight:bold;
      color:black;
      margin-bottom:18px;
      letter-spacing:1px;
    }

    .work-card h3{
      font-size:28px;
      margin-bottom:18px;
      line-height:1.4;
      color: var(--secondary-color);
    }

    .work-card p{
      color:#c4ced8;
      line-height:20px;
      font-size:16px;
    }

    /* RESPONSIVE */

    @media(max-width:992px){

      .work-container{
        grid-template-columns:1fr;
      }

      .section-title h2{
        font-size:40px;
      }

    }

    @media(max-width:600px){

      .section-title h2{
        font-size:34px;
      }

      .work-card{
        padding:28px;
      }

      .work-card h3{
        font-size:24px;
      }

    }
/* how-we-work-css-end */


/* faq-section-start */

.faq-sectoin {
    padding: 60px 0px;
}
.faq-sectoin .accordion-item {
    border: none;
}
.faq-sectoin .accordion-button:not(.collapsed) {
    background: #f5f5f5;
    color: var(--secondary-color);
}
.faq-sectoin .accordion-button:focus {
    outline: none;
    z-index: 0;
    box-shadow: none;
}
.faq-sectoin .accordion-item {
    border: 1px solid #ddd;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.faq-sectoin .accordion-button {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
}
.product-title h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--secondary-color);
}
.product-title h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}
/* faq-sectionend */

/* team-css-start */
.team-section {
    padding: 60px;
    background-color: #f6f4ef;
}
.team-content h2 {
    font-size: 52px;
    line-height: 58px;
    text-transform: uppercase;
    font-weight: 500;
}
.team-content P {
    MARGIN-TOP: 10PX;
}
.team-img {
    overflow: hidden;
}
.team-img img {
    border-radius: 5px;
    height: 330px;
    object-fit: cover;
    max-width: 100%;
}
.team-images {
    position: relative;
}
.team-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: scaleY(0);
    transform-origin: top;
}
.team-images:hover .team-overlay {
    transform: scaleY(1);

}
p.team-xxl {
    text-align: center;
    font-size: 25px;
    color: white;
    text-transform: capitalize;
}
p.team-xlp {
    text-align: center;
    color: white;
    font-size: 18px;
    margin-bottom: 10px;
}
ul.team-list li {
    display: inline-block;
    margin-right: 10px;
}
ul.team-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.team-list li a {
    color: white;
    font-size: 20px;
    background: rgba(255, 255, 255, 0.1);
    height: 40px;
    width: 40px;
    border-radius: 40px;
    border: 1px solid #A2A2A3;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    transition: 0.5s;
}
.team-list li a:hover{
    background-color: white;
    color: var(--secondary-color);
}
/* team-css-end */
/* about-css-start */

.about-sec {
    padding: 60px 0px;
}
.about-title h4 {
    font-size: 30px;
    text-transform: uppercase;
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 10px;
}
.about-title h2 {
    font-size: 52px;
    line-height: 58px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
}

.about-us {
    padding-top: 60px;
}
.about-us-image img {
    border-radius: 10px;
}
.about-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.about-list ul li i {
    margin-right: 6px;
    color: var(--secondary-color);
}
.about-list ul li {
    padding: 6px 0px;
}
.our-advantage-sec {
    padding-top: 60px;
}
.about-img img {
    border-radius: 20px;
}
/* about-css-end */
/* contact-css-start */
.contact-section{
    background-image: url(../../img/cta-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 120px 0px;
    position: relative;
    z-index: 2;
}
.contact-section:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.65);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.contact-title {
    margin-bottom: 30px;
}
.contact-title h2 {
    font-size: 40px;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 600;
}
.contact-section .form-control:focus {
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.contact-section .form-control {
    background: none !important;
    margin-bottom: 40px;
    padding: 15px;
    color: white;
}
.contact-section .form-control::placeholder{
    color: white;
}
.contact-right {
    background: #ffffff26;
    padding: 40px;
    border-radius: 10px;
    height: 400px;
}
.inbox i {
    color: var(--secondary-color);
    font-size: 30px;
}
.address .inbox p {
    color: white;
    margin: 0px;
}
.address .inbox h3 {
    font-size: 25px;
    color: white;
    font-weight: 600;
    margin: 0px;
}
.inbox{
    margin-bottom: 30px;
}
.contact-banner-img img {
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    height: 400px;
}
.contact-titles h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--primary-color);
    font-size: 50px;
    font-weight: 600;
    transform: translate(-50%, -50%);
}
.contact-banner {
    position: relative;
}
.contact-banner:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000073;
    content: "";
    left: 0;
    top: 0;
}
/* contact-css-end */

/* service-css-start */
.service-sec {
    padding: 60px 0px;
}
.service-title h2 {
    font-size: 40px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 30px;
}
.serivce-text h3 {
    font-size: 30px;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 20px;
}
.service-image img {
    border-radius: 10px;
}

/* service-css-end */


/* privacy-css-start */
.privacy-sec {
    padding: 60px 0px;
}
.privacy-sec ul {
    margin: 0px;
    padding: 0px;
   
}
.privacy-sec ul li {
    margin-bottom: 15px;
}
.privacy-sec p {
    margin-bottom: 15px;
}
/* privacy-css-end */



/* table-css-start */

td.mail-list {
    padding-left: 20px;
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 20px;
}
.table-section {
    padding: 60px 0px;
}


.product-section .MsoNormal {
    margin-bottom: 15px;
}
/* table-css-end */

/* turbine-steam-product-sec css start */
.turbine-steam-product-sec{
    padding: 60px 0px;
}
.turbine-steam-product-sec h2{
    margin-bottom: 40px;
}
.ge-power-service-sec{
    padding: 60px 0px;
}
.ge-power-service-sec h2{
    margin-bottom: 40px;
}
/* turbine-steam-product-sec css-end */
/* engine_portfolio_css-start */
.engine-portfolio_sec {
    padding: 60px 0px;
}
.engine-portfolio_text h1 {
    font-size: 55px;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.engine_portfolio_grid_futured {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 16px;
}
.engine_card {
    background: var(--primary-color);
    color: white;
    padding: 0;
    border-radius: 10px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255,255,255,0.06);
    position: relative;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.engine_card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background: radial-gradient(ellipse at top right, rgba(226,125,36,0.10) 0%, transparent 60%);
    pointer-events: none;
    z-index: 2;
}
.engine_card_media {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--primary-color);
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}
.engine_card_media  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
   
    transition: filter .4s ease, transform .5s ease;
}
.engine_card_media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5,25,55,0) 55%, rgb(1, 74, 142) 100%);
    pointer-events: none;
}
.engine_card_body {
    padding: 22px 26px 26px;
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    z-index: 1;
}
.engine_card_oem {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    color: var(--secondary-color);
}

.engine_card_name {
    font-size:36px;
    color: white;
    margin: 6px 0 4px;
    letter-spacing: -0.02em;
    font-weight: 700;
    line-height: 1.05;
}
.engine_card_linage {
    color:rgb(203, 213, 225);
    font-size: 13px;
    margin: 0 0 18px;
    font-style: italic;
}

.engine_card_power_label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    color: rgb(203, 213, 225);
    font-weight: 600;
    margin-bottom: 2px;
}
.engine_card_power {
    font-size: 17px;
    color: white;
    font-weight: 600;
    margin: 0;
}
.engine_card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(11,37,69,0.35);
    border-color: rgba(226,125,36,0.30);
    text-decoration: none;
    color: white;
}
.engine_card:hover .engine_card_media img {
  
    transform: scale(1.04);
}

.engine_portfolio_grid_standard {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: 16px;
}

.engine_parts_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(10, 22, 40, 0.7);
}
.engine_parts_banner_sec {
    position: relative;
}
.engine_parts_banner_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.engine_parts_banner_text h1 {
    font-size: 50px;
    line-height: 50px;
    color: white;
    font-weight: 600;
    margin-bottom: 15px;
}
.engine_parts_banner_text p {
    color: #d8e2ee;
    font-size: 18px;
    line-height: 25px;
}
.engine_parts_sec {
    padding: 60px 0px;
  
}
.engine_flow h2 {
    font-size: 36px;
    color: var(--primary-color);
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.engine_flow p {
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 18px;
}
.engine_flow_images img {
    border-radius: 20px;
}
.engine_portfolio_content {
    padding: 60px 0px;
      background-color: #f6f4ef;
}
.engine_portfolio_text h2 {
    font-size: 36px;
    color: var(--primary-color);
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.engine_portfolio_text p {
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 18px;
}
.engine_portfolio_text h3 {
    font-size: 28px;
    color: var(--primary-color);
    line-height: 35px;
    font-weight: 600;
    margin-bottom: 20px;
}

.engine_portfolio_text h4{
    font-size: 20px;
    color: var(--primary-color);
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}
.engine-portfolio_list ul li i {
    font-size: 10px;
    margin-right: 7px;
    vertical-align: middle;
    line-height: 10px;
}
.recent_post {
    overflow: hidden;
    background: white;
    position: relative;
    padding: 45px 30px;
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
}
h4.widget-title {
    font-size: 20px;
    line-height: 25px;
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 15px;
}
h4.widget-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: var(--secondary-color);
    margin-bottom: -7px;
}
.recent_post ul > li {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}
span.post_date {
    display: block;
    color: var(--primary-color);
    font-size: 18px;
    margin: 0 0 2px;
}
/* engine_portfolio_css_end */

/* footer-css-start */
#ago-site-footer {
    background: #f6f4ef;
    padding: 60px 0px;
}
#ago-site-footer .footer-logo img {
    width: 200px;
}
#ago-site-footer .footer-icon ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#ago-site-footer .footer-icon ul li {
    display: inline-block;
  margin-right: 10px;
}
#ago-site-footer .footer-icon ul li a {
    height: 40px;
    width: 40px;
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-color );
    transition: 0.5s;
}
#ago-site-footer .footer-icon ul li a i {
 
    font-size: 20px;
   
}
#ago-site-footer .footer-icon ul li a:hover{
    color: var(--secondary-color);
}
#ago-site-footer .footer-icon {
    margin-top: 15px;
}
#ago-site-footer .footer-links {
    margin-top: 20px;
}
#ago-site-footer .footer-links ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#ago-site-footer .footer-links ul li {
    padding: 7px 0px;
}
#ago-site-footer .footer-links ul li a {
    font-size: 18px;
    color: black;
    transition: 0.5s;
}
#ago-site-footer .footer-links ul li a:hover{
    color: var(--secondary-color);
}
#ago-site-footer .footer-links ul li span i {
    padding-right: 10px;
}

/* footer-css-end */

/* responsive-css-start */
#ago-site-header .toogle-btn {
    display: none !important;
}
#ago-site-header .toogle-btn {
    float: right;
    display:inline-block;
    margin-top: 22px;
    background: var(--primary-color);
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 24px;
    color: var(--secondary-color);
    line-height: 24px;
}

@media screen and (max-width:1200px){
    #ago-site-header .menu ul li {
        display: inline-block;
        margin: 30px 2px;
    }
    .banner-text {
        position: absolute;
        top: 50%;
        left: 27%;
        transform: translate(-10%, -30%);
    }
   
#ago-site-header .menu >ul >li >a {
    text-transform: uppercase;
    font-weight: 500;
    transition: 0.5s;
    color: var(--primary-color);
    font-size: 14px;
}
}

@media screen and (max-width:768px){
  
    .banner-text {
     display: none;
    }
    .spares-box-images img {
        transform: scale(1);
        transition: 0.6s;
        /* height: 160px; */
        width: 100%;
        object-fit: cover;
    }
    .product-images a img {
     
        width: 100%;
    }
    .contact-right {
     
        margin-top: 30px;
    }
    .product-title h2 {
        font-size: 30px;
    
    }
    .product-sec {
        padding-bottom: 30px;
    }
    .discover-sec {
        padding: 30px 0px;
    
    }
    .discover-content h2 {
        font-size: 35px;
        line-height: 40px;
       
}
.faq-sectoin {
    padding: 30px 0px;
}
.team-section {
    padding-bottom: 30px;
}
.team-content h2 {
    font-size: 40px;
    line-height: 42px;
   
}
.about-sec {

    padding: 3dvh 0px;
}
.about-title h2 {
    font-size: 40px;
    line-height: 42px;
   
}
.spares-sec {
    padding: 30px 0px;
}
.contact-section {
 
    padding: 30px 0px;

}
#ago-site-footer {
   
    padding: 30px 0px;
}
.product-section td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 0px;
    font-size: 10px;
}
.turbine-steam-product-sec td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 0px;
    font-size: 10px;
}
.ge-power-service-sec td, th {
     border: 1px solid #dddddd;
    text-align: left;
    padding: 0px;
    font-size: 10px;
}

#ago-site-topbar {
    background: var(--primary-color);
    padding: 5px;
    position: relative;
    z-index: 1;
}
#ago-site-topbar .top-contact-link {
    text-align: center;
}
#ago-site-topbar .top-social-icon {
    float: none;
    text-align: center;
}
}


    @media(max-width:992px){
      .service-container{
        grid-template-columns:repeat(2,1fr);
      }
    }

    /* MOBILE */

    @media(max-width:600px){
      .service-container{
        grid-template-columns:1fr;
      }


    }


@media screen and (max-width:576px){
 .product-section td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 0px;
    font-size: 7px;
}
.turbine-steam-product-sec td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 0px;
    font-size: 7px;
}
}

@media screen and (max-width:1024px){
  #ago-site-header .menu {
        position: absolute;
        top: 80px;
        left: 0;
        background: white;
        box-shadow: 0 0 10px #ddd;
        width: 100%;
        z-index: 9999;
        transform: scaleX(0);
        transform-origin: left;
        transition: 0.5s;
    }
    #ago-site-header .menu ul li {
        display: block;
        width: 100%;
        padding: 20px;
        margin: 0px;
        border-top: 1px solid black;
    }
    #ago-site-header .show-menu .menu{
        transform: scaleX(1);
    }
    .show-menu .fa-bars{
        display: none;
    }
    .fa-xmark{
        display: none;
    }
    .show-menu .fa-xmark{
        display: block;
    }
    #ago-site-header .toogle-btn{
        display: block !important;
    }
}

/* reponsive-css-end */

/* =================================================================
   AGO AVIATION - HOMEPAGE REDESIGN V3
   Premium UI | TVS-style sticky header | consistent cards
   Theme colours kept: primary rgb(1,74,142) | secondary #f0a945
   ================================================================= */

/* ---------- tokens + base polish ---------- */
:root{
  --ink:#0a1c30;
  --ink-2:#12263f;
  --muted:#5f7185;
  --line:rgba(1,74,142,.10);
  --line-2:rgba(1,74,142,.20);
  --soft:#f4f7fb;
  --soft-2:#eaf1f9;
  --radius-xl:28px;
  --radius-lg:22px;
  --radius:16px;
  --shadow-1:0 10px 30px rgba(10,28,48,.07);
  --shadow-2:0 22px 55px rgba(10,28,48,.12);
  --shadow-3:0 34px 80px rgba(1,74,142,.20);
  --ease:cubic-bezier(.22,.7,.2,1);
}
html{ scroll-behavior:smooth; }
body{ overflow-x:hidden; }
::selection{ background:var(--secondary-color); color:var(--ink); }
:focus-visible{ outline:3px solid rgba(240,169,69,.55); outline-offset:2px; }
#trust{ scroll-margin-top:120px; }

/* =================================================================
   1. FAST SPLASH  (~0.5s, auto-hides even without JS)
   ================================================================= */
.page-splash{
  position:fixed; inset:0; z-index:100000;
  display:flex; align-items:center; justify-content:center;
  background:#fff;
  animation:splashAuto .4s ease .62s forwards;
}
.page-splash::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(60% 55% at 50% 42%, rgba(1,74,142,.08), transparent 72%);
}
.page-splash.is-hidden{ opacity:0; visibility:hidden; }
.splash-inner{ position:relative; display:flex; flex-direction:column; align-items:center; gap:16px; }
.splash-inner img{ height:74px; width:auto; animation:splashPop .5s var(--ease) both; }
.splash-bar{ width:170px; height:4px; border-radius:99px; background:rgba(1,74,142,.12); overflow:hidden; }
.splash-bar > span{ display:block; height:100%; width:0; border-radius:99px; background:linear-gradient(90deg,var(--primary-color),var(--secondary-color)); animation:splashFill .62s var(--ease) forwards; }
.splash-tag{ font-size:11px; letter-spacing:2.8px; text-transform:uppercase; color:var(--primary-color); font-weight:600; opacity:.75; }
@keyframes splashPop{ from{ opacity:0; transform:scale(.9) translateY(6px); } to{ opacity:1; transform:none; } }
@keyframes splashFill{ to{ width:100%; } }
@keyframes splashAuto{ to{ opacity:0; visibility:hidden; } }

/* =================================================================
   2. HEADER  (sticky, TVS-style, shared on every page)
   ================================================================= */
#ago-site-topbar{
  background:linear-gradient(90deg,#061a30 0%, var(--primary-color) 58%, #0a63bd 100%);
  padding:0; position:relative; z-index:5;
}
#ago-site-topbar:before{ display:none; }
#ago-site-topbar .container{ max-width:1320px; }
#ago-site-topbar .row{ min-height:42px; align-items:center; }
#ago-site-topbar .top-contact-link ul li{ margin-right:24px; }
#ago-site-topbar .top-contact-link ul li a{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:500; color:rgba(255,255,255,.88); transition:color .25s ease; }
#ago-site-topbar .top-contact-link ul li a i{ color:var(--secondary-color); font-size:12px; }
#ago-site-topbar .top-contact-link ul li a:hover{ color:#fff; }
#ago-site-topbar .top-social-icon{ float:none; }
#ago-site-topbar .top-social-icon ul{ display:flex; align-items:center; justify-content:flex-end; gap:8px; }
#ago-site-topbar .top-social-icon ul li{ margin:0; font-size:13px; color:rgba(255,255,255,.70); }
#ago-site-topbar .top-social-icon ul li a{
  width:28px; height:28px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16);
  color:#fff; font-size:12px; transition:.25s var(--ease);
}
#ago-site-topbar .top-social-icon ul li a:hover{ background:var(--secondary-color); border-color:var(--secondary-color); color:var(--ink); transform:translateY(-2px); }

#ago-site-header{position:sticky; top:10px;
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  box-shadow:0 8px 30px rgba(10,28,48,.07);
  border-bottom:1px solid var(--line);
  position:sticky; top:0; z-index:900; width:100%;
  transition:box-shadow .3s ease;
}
#ago-site-header.scrolled{ box-shadow:0 16px 44px rgba(10,28,48,.14); }
#ago-site-header .container{ max-width:1320px; }
#ago-site-header .row{ align-items:center; }
#ago-site-header .header-logo .logo a img{ width:auto; height:56px; }

#ago-site-header .menu{ text-align:center; }
#ago-site-header .menu > ul{ display:flex; align-items:center; justify-content:center; }
#ago-site-header .menu > ul > li{ display:inline-block; margin:0; }
#ago-site-header .menu > ul > li > a{
  position:relative; display:inline-flex; align-items:center; gap:7px;
  height:74px; padding:0 15px;
  font-size:13px; font-weight:600; letter-spacing:.6px; text-transform:uppercase;
  color:var(--ink); transition:color .25s ease;
}
#ago-site-header .menu > ul > li > a i{ font-size:10px; opacity:.55; transition:transform .3s var(--ease), opacity .3s ease; }
#ago-site-header .menu > ul > li > a:after{
  content:""; position:absolute; left:15px; right:15px; bottom:20px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));
  transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease);
}
#ago-site-header .menu > ul > li:hover > a,
#ago-site-header .menu > ul > li.active > a{ color:var(--primary-color); }
#ago-site-header .menu > ul > li:hover > a:after,
#ago-site-header .menu > ul > li.active > a:after{ transform:scaleX(1); }
#ago-site-header .menu > ul > li:hover > a i{ transform:rotate(180deg); opacity:1; }

/* mega dropdown */
#ago-site-header .menu .dropdown{ position:relative; }
ul.dropdown-menus{
  position:absolute; top:100%; left:0; right:auto;
  display:grid; grid-template-columns:repeat(2, minmax(200px,1fr)); gap:2px 10px;
  width:460px; max-width:calc(100vw - 40px);
  background:#fff; border:1px solid var(--line); border-radius:18px;
  box-shadow:0 30px 60px rgba(10,28,48,.16);
  padding:12px; z-index:999;
  opacity:0; visibility:hidden; transform:translateY(12px);
  transition:opacity .28s ease, transform .28s var(--ease), visibility .28s;
}
#ago-site-header .menu .dropdown:hover > ul.dropdown-menus,
#ago-site-header .menu .dropdown:focus-within > ul.dropdown-menus{ opacity:1; visibility:visible; transform:translateY(0); }
ul.dropdown-menus li{ display:block; padding:0; margin:0; border-bottom:none; }
ul.dropdown-menus li a{
  display:flex; align-items:flex-start; gap:9px;
  padding:10px 12px; border-radius:10px;
  font-size:11.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase;
  color:#44586e; line-height:1.35; transition:.22s ease;
}
ul.dropdown-menus li a:before{
  content:"\f054"; font-family:"Font Awesome 6 Free"; font-weight:900;
  font-size:7px; color:var(--secondary-color); margin-top:4px; flex:0 0 auto;
}
ul.dropdown-menus li a:hover{ background:var(--soft); color:var(--primary-color); transform:translateX(2px); }

/* search + toggle */
#ago-site-header .header-search{ margin-top:0; }
#ago-site-header .search-bar{ justify-content:flex-end; }
#ago-site-header .search-form{ position:relative; width:100%; max-width:100%; margin-right:0; }
input.search-input{
  width:100%; height:46px; padding:0 46px 0 18px;
  border:1px solid var(--line-2); border-radius:999px;
  background:var(--soft); color:var(--ink); font-size:13.5px; outline:none; transition:.25s ease;
}
input.search-input::placeholder{ color:#93a3b5; }
input.search-input:focus{ background:#fff; border-color:var(--primary-color); box-shadow:0 0 0 4px rgba(1,74,142,.10); }
#ago-site-header .search-btn{
  position:absolute; right:5px; top:50%; transform:translateY(-50%);
  width:36px; height:36px; border-radius:50%; border:none;
  background:linear-gradient(135deg,var(--primary-color),#0a63bd);
  display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.25s ease;
}
#ago-site-header .search-btn:hover{ background:linear-gradient(135deg,var(--secondary-color),#ffc46b); }
button.search-btn i{ color:#fff; font-size:13px; }
#ago-site-header .toogle-btn{
  float:right; margin-top:14px; width:46px; height:46px; padding:0; line-height:46px; text-align:center;
  font-size:19px; border-radius:13px;
  background:linear-gradient(135deg,var(--primary-color),#0a63bd); color:#fff;
  box-shadow:0 10px 22px rgba(1,74,142,.25);
}
@media (min-width:992px){
  #ago-site-header .row > div:nth-child(1){ flex:0 0 200px; max-width:200px; }
  #ago-site-header .row > div:nth-child(2){ flex:1 1 auto; width:auto; max-width:none; }
  #ago-site-header .row > div:nth-child(3){ flex:0 0 290px; max-width:290px; }
}

/* =================================================================
   3. BUTTONS  (unique + attractive)
   ================================================================= */
button.primary-btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:52px; padding:14px 30px; border:none; border-radius:999px;
  background:linear-gradient(135deg,var(--primary-color) 0%, #0a63bd 100%);
  color:#fff; font-size:13.5px; font-weight:700; letter-spacing:.9px; text-transform:uppercase;
  cursor:pointer; overflow:hidden; margin-top:0;
  box-shadow:0 14px 30px rgba(1,74,142,.28);
  transition:transform .3s var(--ease), box-shadow .3s ease, background .3s ease, color .3s ease;
}
button.primary-btn:after{ content:"\f061"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:11px; transition:transform .3s var(--ease); }
button.primary-btn:before{
  content:""; position:absolute; top:0; left:-130%; width:55%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
  transform:skewX(-18deg); transition:left .55s var(--ease);
}
button.primary-btn:hover{
  background:linear-gradient(135deg,var(--secondary-color) 0%, #ffc46b 100%);
  color:var(--ink); transform:translateY(-3px); box-shadow:0 20px 42px rgba(240,169,69,.42);
}
button.primary-btn:hover:after{ transform:translateX(5px); }
button.primary-btn:hover:before{ left:135%; }
button.primary-btn:active{ transform:translateY(-1px); }

button.primary-btn.serve_btn{
  background:transparent !important; color:var(--primary-color) !important;
  border:1.6px solid var(--line-2) !important; box-shadow:none !important;
  min-height:46px; padding:11px 22px; font-size:12px;
}
button.primary-btn.serve_btn:after{ content:none; }
button.primary-btn.serve_btn:hover{
  background:var(--primary-color) !important; color:#fff !important;
  border-color:var(--primary-color) !important; transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(1,74,142,.30) !important;
}
.serve_btn .dots{ display:inline-flex; align-items:center; gap:4px; margin-left:2px; }
.serve_btn .dots i{ width:5px; height:5px; border-radius:50%; background:currentColor; opacity:.35; animation:dotPulse 1.2s infinite ease-in-out; }
.serve_btn .dots i:nth-child(2){ animation-delay:.15s; }
.serve_btn .dots i:nth-child(3){ animation-delay:.3s; }
@keyframes dotPulse{ 0%,100%{ opacity:.3; transform:translateY(0); } 40%{ opacity:1; transform:translateY(-2px); } }

/* =================================================================
   4. SHARED SECTION HEADINGS
   ================================================================= */
.home-page .product-title{ margin-bottom:46px; }
.home-page .product-title h3{
  display:inline-block; font-size:12px; letter-spacing:3.4px; font-weight:800; text-transform:uppercase;
  color:var(--secondary-color); background:rgba(240,169,69,.12);
  border:1px solid rgba(240,169,69,.30); padding:7px 17px; border-radius:99px;
}
.home-page .product-title h2{
  font-size:clamp(26px,3vw,44px); line-height:1.12; text-transform:none;
  font-weight:800; letter-spacing:-.6px; color:var(--ink); margin:16px 0 0;
}
.home-page .product-title p{ color:var(--muted); max-width:760px; margin:16px auto 0; line-height:1.7; font-size:16px; }
.home-page .section-note{ color:var(--muted); }

/* =================================================================
   5. HERO
   ================================================================= */
.home-page .banner-image{ position:relative; overflow:hidden; }
.home-page .hero-slider{ position:relative; height:clamp(600px, 92vh, 880px); background:#04101e; }
.home-page .hero-bgs{ position:absolute; inset:0; z-index:0; overflow:hidden; }
.home-page .hero-bg-layer{
  position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0; transform:scale(1.09);
  transition:opacity 1.1s ease, transform 7.5s ease-out;
  will-change:opacity, transform;
}
.home-page .hero-bg-layer.is-active{ opacity:1; transform:scale(1); }
.home-page .hero-veil{
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(90deg, rgba(4,16,30,.94) 0%, rgba(1,74,142,.74) 46%, rgba(1,74,142,.22) 78%, rgba(6,20,38,.62) 100%),
    linear-gradient(180deg, rgba(4,16,30,.55) 0%, rgba(4,16,30,0) 34%);
}
.home-page .hero-wrap{ position:absolute; inset:0; z-index:2; }
.home-page .hero-wrap .container{ position:relative; height:100%; display:flex; align-items:center; }
.home-page .hero-copy{ max-width:720px; width:100%; }
.home-page .hero-slides-copy{ display:grid; }
.home-page .hero-slide-copy{
  grid-area:1 / 1; opacity:0; visibility:hidden; transform:translateY(16px);
  transition:opacity .75s var(--ease), transform .75s var(--ease), visibility .75s;
}
.home-page .hero-slide-copy.is-active{ opacity:1; visibility:visible; transform:none; }
.home-page .hero-eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:11.5px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  color:var(--secondary-color); background:rgba(240,169,69,.13);
  border:1px solid rgba(240,169,69,.36); padding:9px 18px; border-radius:99px;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.home-page .hero-title{
  display:block; color:#fff; font-size:clamp(27px,3.5vw,52px); line-height:1.08; font-weight:800;
  letter-spacing:-1.1px; margin:22px 0 0; max-width:660px; text-transform:none;
}
.home-page .hero-sub{ color:rgba(255,255,255,.84); font-size:clamp(15px,1.3vw,17.5px); line-height:1.65; margin:18px 0 0; max-width:560px; }
.home-page .hero-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:30px; }
.home-page .hero-btn-ghost{
  display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:14px 30px;
  border-radius:999px; border:1px solid rgba(255,255,255,.5);
  color:#fff; font-size:13.5px; font-weight:700; letter-spacing:.9px; text-transform:uppercase;
  transition:.3s var(--ease);
}
.home-page .hero-btn-ghost:hover{ background:#fff; color:var(--primary-color); border-color:#fff; transform:translateY(-3px); }
.home-page .hero-trust{ display:flex; flex-wrap:wrap; gap:22px; margin-top:28px; }
.home-page .hero-trust li{ display:inline-flex; align-items:center; gap:9px; color:rgba(255,255,255,.82); font-size:13px; font-weight:600; letter-spacing:.3px; }
.home-page .hero-trust li i{ color:var(--secondary-color); }
.home-page .hero-slide-copy.is-active > *,
.home-page .hero-actions,
.home-page .hero-trust{ animation:heroUp .8s var(--ease) both; }
.home-page .hero-slide-copy.is-active > *:nth-child(1){ animation-delay:.05s; }
.home-page .hero-slide-copy.is-active > *:nth-child(2){ animation-delay:.14s; }
.home-page .hero-slide-copy.is-active > *:nth-child(3){ animation-delay:.23s; }
.home-page .hero-actions{ animation-delay:.30s; }
.home-page .hero-trust{ animation-delay:.38s; }
@keyframes heroUp{ from{ opacity:0; transform:translateY(26px); } to{ opacity:1; transform:none; } }
.home-page .hero-nav{ position:absolute; left:12px; bottom:100px; z-index:4; display:flex; align-items:center; gap:9px; }
.home-page .hero-dot{
  width:26px; height:5px; border-radius:99px; border:0; padding:0; cursor:pointer;
  background:rgba(255,255,255,.34); transition:width .35s var(--ease), background .35s var(--ease);
}
.home-page .hero-dot:hover{ background:rgba(255,255,255,.6); }
.home-page .hero-dot.is-active{ width:46px; background:var(--secondary-color); }
.home-page .hero-scroll{
  position:absolute; right:5%; bottom:118px; z-index:3;
  width:46px; height:46px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.08);
  animation:bounceY 1.8s infinite ease-in-out; transition:.25s ease;
}
.home-page .hero-scroll:hover{ background:var(--secondary-color); border-color:var(--secondary-color); color:var(--ink); }
@keyframes bounceY{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(7px); } }

/* stats strip (overlaps hero) */
.hero-stats-strip{ position:relative; z-index:6; margin-top:-76px; }
.stats-strip{
  display:grid; grid-template-columns:repeat(4,1fr); gap:6px;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-xl);
  box-shadow:var(--shadow-3); padding:28px 14px;
}
.stat{ position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:6px 10px; }
.stat + .stat:before{ content:""; position:absolute; left:0; top:14%; bottom:14%; width:1px; background:var(--line); }
.stat-ico{
  width:46px; height:46px; border-radius:14px; margin-bottom:2px;
  display:inline-flex; align-items:center; justify-content:center; font-size:18px;
  color:var(--primary-color); background:linear-gradient(135deg, rgba(1,74,142,.10), rgba(240,169,69,.16));
}
.stat-num{ font-size:clamp(24px,2.4vw,36px); font-weight:800; letter-spacing:-.5px; line-height:1; color:var(--ink); }
.stat-label{ font-size:11.5px; letter-spacing:1.2px; text-transform:uppercase; color:var(--muted); font-weight:600; }

/* =================================================================
   6. BRANDS MARQUEE
   ================================================================= */
.brands-sec{ padding:58px 0 66px; background:#fff; }
.brands-title{ text-align:center; font-size:12.5px; letter-spacing:3px; text-transform:uppercase; color:var(--muted); font-weight:700; margin-bottom:26px; }
.brands-marquee{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.brands-track{ display:flex; width:max-content; animation:brandScroll 34s linear infinite; }
.brands-marquee:hover .brands-track{ animation-play-state:paused; }
@keyframes brandScroll{ to{ transform:translateX(-50%); } }
.brand-group{ display:flex; gap:14px; padding-right:14px; }
.brand-chip{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:10px;
  padding:13px 24px; border:1px solid var(--line); border-radius:999px; background:#fff;
  box-shadow:var(--shadow-1); font-size:13px; font-weight:800; letter-spacing:.5px;
  color:var(--ink); text-transform:uppercase; white-space:nowrap; transition:.3s ease;
}
.brand-chip:before{ content:"\f072"; font-family:"Font Awesome 6 Free"; font-weight:900; color:var(--secondary-color); font-size:11px; }
.brand-chip:hover{ color:var(--primary-color); border-color:var(--line-2); transform:translateY(-2px); box-shadow:var(--shadow-2); }

/* =================================================================
   7. SPARES / TRUST
   ================================================================= */
.home-page .spares-sec{ padding:96px 0; background:#fff; }
.home-page .apares-content h2{ font-size:clamp(24px,2.4vw,38px); line-height:1.2; font-weight:800; letter-spacing:-.5px; color:var(--ink); margin-bottom:20px; }
.home-page .apares-content p{ color:var(--muted); font-size:16px; line-height:1.78; }
.home-page .apares-content p.mb-5{ margin-bottom:22px !important; }
.home-page .apares-content p + p{ margin-top:18px; }
.home-page .spares-images img{ width:100%; border-radius:var(--radius-xl); box-shadow:var(--shadow-2); }
.home-page .spares-boxes{ padding-top:56px; }
.home-page .spares-box{
  height:100%; display:flex; flex-direction:column;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
  overflow:hidden; box-shadow:var(--shadow-1);
  transition:transform .4s var(--ease), box-shadow .4s ease, border-color .4s ease;
}
.home-page .spares-box:hover{ transform:translateY(-8px); box-shadow:var(--shadow-2); border-color:var(--line-2); }
.home-page .spares-box-images{ position:relative; overflow:hidden; }
.home-page .spares-box-images img{ width:100%; height:180px; object-fit:cover; display:block; transform:none; transition:transform .7s var(--ease); }
.home-page .spares-box:hover .spares-box-images img{ transform:scale(1.08); }
.home-page .spares-box-images:after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(1,74,142,0) 45%, rgba(1,74,142,.55) 100%); }
.home-page .spares-box-content{ flex:1; display:flex; flex-direction:column; gap:8px; padding:18px 20px 22px; }
.home-page .spares-box-content h2{ font-size:16px; font-weight:800; letter-spacing:1px; color:var(--ink); }
.home-page .spares-box-content a{ margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-size:11.5px; font-weight:800; letter-spacing:1.4px; color:var(--secondary-color); }
.home-page .spares-box-content a:after{ content:"\f061"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:9px; transition:transform .3s var(--ease); }
.home-page .spares-box:hover .spares-box-content a:after{ transform:translateX(5px); }

/* =================================================================
   8. PRODUCTS
   ================================================================= */
.home-page .product-sec{ padding:96px 0 120px; background:linear-gradient(180deg,#f7fafd 0%, #eef3f9 100%); }
.home-page .product-slider .slick-track{ display:flex !important; }
.home-page .product-slider .slick-slide{ height:auto !important; float:none; }
.home-page .product-slider .slick-slide > div{ height:100%; }
.home-page .product-slider .product-boxes{ height:100%; }
.home-page .product-box{ height:100%; margin:0 12px; }
.home-page .product-images{ height:100%; }
.home-page .product-images a{
  height:100%; display:flex; flex-direction:column;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
  overflow:hidden; box-shadow:var(--shadow-1);
  transition:transform .4s var(--ease), box-shadow .4s ease, border-color .4s ease;
}
.home-page .product-images a:hover{ transform:translateY(-6px); box-shadow:var(--shadow-2); border-color:var(--line-2); }
.home-page .product-images a img{ width:100%; height:230px; object-fit:cover; border-radius:0; margin:0; display:block; transition:transform .7s var(--ease); }
.home-page .product-images a:hover img{ transform:scale(1.05); }
.home-page .product-images a span{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:60px; padding:16px 18px; font-size:15px; font-weight:700; color:var(--ink);
  line-height:1.35; text-transform:none;
}
.home-page .product-sec .slick-dots{ bottom:-52px; }
.home-page .product-sec .slick-dots li{ width:26px; height:6px; border-radius:6px; margin:0 4px; background:rgba(1,74,142,.20); transition:.3s ease; }
.home-page .product-sec .slick-dots li.slick-active{ width:42px; background:var(--secondary-color); }
.home-page .product-sec .slick-dots li button{ width:100%; height:100%; padding:0; margin:0; border:0; background:transparent; }
.home-page .product-sec .slick-dots li button:before{ display:none !important; }

/* =================================================================
   9. ABOUT
   ================================================================= */
.home-page .about-sec{ position:relative; padding:100px 0; background:#fff; overflow:hidden; }
.home-page .about-sec:before{ content:""; position:absolute; right:-160px; top:-140px; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle, rgba(1,74,142,.08), transparent 68%); pointer-events:none; }
.home-page .about-title{ position:relative; z-index:1; }
.home-page .about-eyebrow{
  display:inline-block; font-size:12px; letter-spacing:3.4px; font-weight:800; text-transform:uppercase;
  color:var(--secondary-color); background:rgba(240,169,69,.12); border:1px solid rgba(240,169,69,.30);
  padding:7px 17px; border-radius:99px; margin-bottom:16px;
}
.home-page .about-title h2{ font-size:clamp(26px,2.9vw,46px); line-height:1.14; font-weight:800; letter-spacing:-.6px; text-transform:none; color:var(--ink); margin-bottom:18px; }
.home-page .about-title p{ color:var(--muted); font-size:16px; line-height:1.82; max-width:620px; }
.home-page .about-title .hl{
  color:var(--ink); font-weight:600; padding:0 2px; border-radius:3px;
  background-image:linear-gradient(180deg, transparent 58%, rgba(240,169,69,.44) 58%);
  background-repeat:no-repeat; background-size:100% 100%;
}
.home-page .about-points{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:30px; }
.home-page .about-points li{
  display:flex; align-items:center; gap:13px; padding:14px 16px;
  background:var(--soft); border:1px solid var(--line); border-radius:16px;
  transition:.35s var(--ease);
}
.home-page .about-points li:hover{ background:#fff; border-color:var(--line-2); transform:translateY(-3px); box-shadow:var(--shadow-1); }
.home-page .ap-ico{
  flex:0 0 auto; width:42px; height:42px; border-radius:13px;
  display:inline-flex; align-items:center; justify-content:center; font-size:15px;
  color:#fff; background:linear-gradient(135deg,var(--primary-color),#0a63bd);
  box-shadow:0 10px 22px rgba(1,74,142,.22);
}
.home-page .about-points strong{ display:block; color:var(--ink); font-size:14.5px; font-weight:700; line-height:1.25; }
.home-page .about-points small{ display:block; color:var(--muted); font-size:12.5px; margin-top:2px; }
.home-page .about-btn{ margin-top:32px; }
.home-page .about-media{ position:relative; padding:26px 26px 34px; }
.home-page .about-media-glow{
  position:absolute; right:-6%; bottom:-4%; width:62%; height:62%; z-index:0;
  background:radial-gradient(circle, rgba(240,169,69,.38), transparent 66%); filter:blur(6px);
}
.home-page .about-media-main{ position:relative; z-index:1; border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--shadow-3); }
.home-page .about-media-main img{ width:100%; display:block; border-radius:var(--radius-xl); transition:transform .9s var(--ease); }
.home-page .about-media:hover .about-media-main img{ transform:scale(1.035); }
.home-page .about-media-tag{
  position:absolute; z-index:3; right:2px; top:8px;
  display:inline-flex; align-items:center; gap:8px; padding:10px 17px; border-radius:99px;
  font-size:12px; font-weight:800; letter-spacing:.5px; color:var(--ink);
  background:linear-gradient(135deg,var(--secondary-color),#ffc46b);
  box-shadow:0 14px 30px rgba(240,169,69,.4);
}
.home-page .about-media-card{
  position:absolute; z-index:3; left:2px; bottom:4px;
  display:flex; align-items:center; gap:13px; padding:15px 20px;
  background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-3);
}
.home-page .amc-ico{
  flex:0 0 auto; width:46px; height:46px; border-radius:14px;
  display:inline-flex; align-items:center; justify-content:center; font-size:17px; color:#fff;
  background:linear-gradient(135deg,var(--primary-color),#0a63bd);
}
.home-page .amc-num{ display:block; font-size:19px; font-weight:800; color:var(--ink); line-height:1.05; }
.home-page .amc-txt{ display:block; font-size:12px; color:var(--muted); }

/* =================================================================
   10. WHY CHOOSE US
   ================================================================= */
.why-us{ padding:96px 0; background:#fff; }
.why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.why-card{
  position:relative; overflow:hidden; background:#fff; border:1px solid var(--line);
  border-radius:var(--radius-lg); padding:30px 28px; box-shadow:var(--shadow-1);
  transition:transform .4s var(--ease), box-shadow .4s ease, border-color .4s ease;
}
.why-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-2); border-color:var(--line-2); }
.why-card:after{ content:""; position:absolute; left:0; top:0; height:3px; width:100%; background:linear-gradient(90deg,var(--primary-color),var(--secondary-color)); transform:scaleX(0); transform-origin:left; transition:transform .4s var(--ease); }
.why-card:hover:after{ transform:scaleX(1); }
.why-ico{ width:54px; height:54px; border-radius:16px; margin-bottom:18px; display:inline-flex; align-items:center; justify-content:center; font-size:22px; color:#fff; background:linear-gradient(135deg,var(--primary-color),#0a63bd); box-shadow:0 12px 26px rgba(1,74,142,.25); }
.why-card h3{ font-size:18px; font-weight:800; color:var(--ink); margin-bottom:10px; }
.why-card p{ color:var(--muted); font-size:14.5px; line-height:1.7; }

/* =================================================================
   11. SERVICES
   ================================================================= */
.home-page .services{ padding:96px 0; background:linear-gradient(180deg,#f7fafd 0%, #eef3f9 100%); text-align:center; }
.home-page .service-container{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; align-items:stretch; }
.home-page .service_card{
  display:flex; flex-direction:column; height:100%; text-align:left;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden;
  box-shadow:var(--shadow-1);
  transition:transform .4s var(--ease), box-shadow .4s ease, border-color .4s ease;
}
.home-page .service_card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-2); border-color:var(--line-2); }
.home-page .service_card img{ width:100%; height:210px; object-fit:cover; display:block; }
.home-page .service_card .content{ flex:1; display:flex; flex-direction:column; padding:24px 24px 26px; }
.home-page .service_card .content h3{ font-size:19px; line-height:1.32; font-weight:800; color:var(--ink); margin-bottom:12px; }
.home-page .service_card .content p{
  color:var(--muted); font-size:14.5px; line-height:1.68; margin-bottom:18px;
  display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;
}
.home-page .service_card .content a{ margin-top:auto; }

/* =================================================================
   12. CERTIFICATIONS
   ================================================================= */
.certs-sec{ padding:8px 0 96px; background:#fff; }
.certs-inner{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:.9fr 1.4fr; gap:34px; align-items:center;
  background:linear-gradient(120deg,#061a30 0%, var(--primary-color) 100%);
  border-radius:var(--radius-xl); padding:44px 46px; box-shadow:var(--shadow-3);
}
.certs-inner:before{ content:""; position:absolute; width:340px; height:340px; right:-90px; top:-120px; border-radius:50%; background:radial-gradient(circle, rgba(240,169,69,.28), transparent 70%); }
.certs-head h3{ color:#fff; font-size:clamp(22px,2.2vw,30px); font-weight:800; letter-spacing:-.4px; margin-bottom:10px; }
.certs-head p{ color:rgba(255,255,255,.78); font-size:15px; line-height:1.7; }
.certs-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.certs-list li{ display:flex; align-items:center; gap:14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:16px 18px; }
.certs-ico{ width:44px; height:44px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:rgba(240,169,69,.18); color:var(--secondary-color); font-size:18px; flex:0 0 auto; }
.certs-list strong{ display:block; color:#fff; font-size:15px; font-weight:700; }
.certs-list small{ color:rgba(255,255,255,.66); font-size:12.5px; }

/* =================================================================
   13. HOW WE WORK
   ================================================================= */
.home-page .work-section{ padding:96px 0; background:#fff; }
.home-page .work-section .product-title h3{
  display:block; background:none; border:none; padding:0;
  font-size:clamp(26px,3vw,44px); letter-spacing:-.6px; font-weight:800; color:var(--ink); text-transform:none;
}
.home-page .work-section .product-title h3:after{ content:""; display:block; width:58px; height:3px; border-radius:3px; background:var(--secondary-color); margin:16px auto 0; }
.home-page .work-section .product-title p{ margin:18px auto 30px; }
.home-page .work-container{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; align-items:stretch; }
.home-page .work-card{
  position:relative; overflow:hidden; display:flex; flex-direction:column;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:34px;
  box-shadow:var(--shadow-1);
  transition:transform .4s var(--ease), box-shadow .4s ease, border-color .4s ease;
}
.home-page .work-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-2); border-color:var(--line-2); }
.home-page .work-card:before{ content:""; position:absolute; width:190px; height:190px; border-radius:50%; top:-90px; right:-90px; background:var(--primary-color); opacity:.05; }
.home-page .work-card .number{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:16px; margin-bottom:20px; background:linear-gradient(135deg,var(--primary-color),#0a63bd); color:#fff; font-size:17px; font-weight:800; box-shadow:0 10px 22px rgba(1,74,142,.26); }
.home-page .work-card h3{ font-size:21px; line-height:1.3; font-weight:800; color:var(--ink); margin-bottom:12px; }
.home-page .work-card p{ color:var(--muted); font-size:14.5px; line-height:1.72; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
.home-page .work-card p.mb-4{ margin-bottom:14px !important; }

/* =================================================================
   14. TESTIMONIALS
   ================================================================= */
.testi-sec{ padding:96px 0; background:linear-gradient(180deg,#f7fafd 0%, #eef3f9 100%); }
.testi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.testi-card{
  position:relative; display:flex; flex-direction:column; height:100%;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:30px 28px;
  box-shadow:var(--shadow-1); transition:transform .4s var(--ease), box-shadow .4s ease;
}
.testi-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-2); }
.testi-quote{ position:absolute; top:22px; right:24px; font-size:30px; color:rgba(1,74,142,.10); }
.testi-stars{ color:var(--secondary-color); letter-spacing:2px; font-size:15px; margin-bottom:14px; }
.testi-card blockquote{ margin:0 0 20px; color:#42566c; font-size:15px; line-height:1.72; flex:1; }
.testi-card figcaption{ display:flex; align-items:center; gap:12px; padding-top:16px; border-top:1px solid var(--line); }
.testi-avatar{ width:44px; height:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-weight:800; color:#fff; font-size:14px; background:linear-gradient(135deg,var(--primary-color),#0a63bd); flex:0 0 auto; }
.testi-card figcaption strong{ display:block; color:var(--ink); font-size:14.5px; font-weight:700; }
.testi-card figcaption small{ color:var(--muted); font-size:12.5px; }

/* =================================================================
   15. FAQ
   ================================================================= */
.home-page .faq-sectoin{ padding:96px 0; background:#fff; }
.home-page .faq-sectoin .row > .col-10{ flex:0 0 auto; width:min(880px,100%); margin-inline:auto; }
.home-page .faq-sectoin .accordion-item{ border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#fff; box-shadow:var(--shadow-1); margin-bottom:14px; }
.home-page .faq-sectoin .accordion-button{ font-size:16.5px; font-weight:700; line-height:1.4; color:var(--ink); padding:22px 24px; background:#fff; border-radius:16px !important; }
.home-page .faq-sectoin .accordion-button:not(.collapsed){ background:var(--primary-color); color:#fff; }
.home-page .faq-sectoin .accordion-button:not(.collapsed):after{ filter:brightness(0) invert(1); }
.home-page .faq-sectoin .accordion-button:focus{ box-shadow:none; }
.home-page .faq-sectoin .accordion-body{ background:#fff; color:var(--muted); padding:18px 24px 24px; line-height:1.75; font-size:15px; }

/* =================================================================
   16. CTA BANNER
   ================================================================= */
.cta-banner{ padding:0 0 96px; background:#fff; }
.cta-inner{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:1.5fr auto; gap:30px; align-items:center;
  background:linear-gradient(120deg,#061a30 0%, var(--primary-color) 55%, #0a63bd 100%);
  border-radius:var(--radius-xl); padding:46px 48px; box-shadow:var(--shadow-3);
}
.cta-inner:before{ content:""; position:absolute; inset:0; background:radial-gradient(120% 140% at 100% 0%, rgba(240,169,69,.30), transparent 55%); pointer-events:none; }
.cta-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:var(--secondary-color); margin-bottom:14px; }
.cta-copy h2{ color:#fff; font-size:clamp(22px,2.6vw,34px); line-height:1.18; font-weight:800; letter-spacing:-.4px; margin-bottom:12px; max-width:640px; }
.cta-copy p{ color:rgba(255,255,255,.82); font-size:15.5px; line-height:1.7; max-width:560px; }
.cta-actions{ position:relative; display:flex; flex-direction:column; gap:14px; align-items:flex-start; }
.cta-call{ display:inline-flex; align-items:center; gap:10px; color:#fff; font-weight:700; font-size:15px; letter-spacing:.4px; }
.cta-call i{ width:38px; height:38px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); }
.cta-call:hover{ color:var(--secondary-color); }
.cta-banner .primary-btn{ background:linear-gradient(135deg,var(--secondary-color),#ffc46b); color:var(--ink); box-shadow:0 18px 38px rgba(240,169,69,.4); }
.cta-banner .primary-btn:hover{ background:#fff; color:var(--primary-color); }

/* =================================================================
   18. CONTACT
   ================================================================= */
.home-page .contact-section{ padding:110px 0; }
.home-page .contact-section:after{ background:linear-gradient(120deg, rgba(4,16,30,.93), rgba(1,74,142,.80)); }
.home-page .contact-title h2{ font-size:clamp(28px,3vw,42px); text-transform:none; letter-spacing:-.5px; }
.home-page .contact-section .form-control{
  border:1px solid rgba(255,255,255,.28); border-radius:12px; padding:15px 16px;
  margin-bottom:20px; color:#fff; background:rgba(255,255,255,.06) !important;
}
.home-page .contact-section .form-control:focus{ border-color:var(--secondary-color); background:rgba(255,255,255,.10) !important; }
.home-page .contact-section .form-control::placeholder{ color:rgba(255,255,255,.72); }
.home-page .contact-form .primary-btn{ margin-top:6px; }
.home-page .contact-right{ height:auto; border-radius:var(--radius-lg); background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16); padding:36px; }

/* =================================================================
   19. FOOTER
   ================================================================= */
.home-page #ago-site-footer{ background:linear-gradient(180deg,#f7fafd 0%, #e9eef6 100%); padding:76px 0 44px; border-top:1px solid var(--line); }
.home-page #ago-site-footer .footer-logo img{ width:176px; }
.home-page #ago-site-footer .footer-logo-part p{ color:var(--muted); line-height:1.72; margin-top:16px; font-size:15px; }
.home-page #ago-site-footer .footer-links{ margin-top:0; }
.home-page #ago-site-footer .footer-links h4{ font-size:16px; font-weight:800; color:var(--ink); letter-spacing:.3px; margin-bottom:14px; }
.home-page #ago-site-footer .footer-links ul li a{ font-size:15px; color:#516274; }
.home-page #ago-site-footer .footer-links ul li a:hover{ color:var(--secondary-color); }
.home-page #ago-site-footer .footer-links ul li p{ color:#516274; font-size:15px; line-height:1.6; }
.home-page #ago-site-footer .footer-icon ul li a{ border-radius:12px; border-color:var(--line-2); color:var(--primary-color); }
.home-page #ago-site-footer .footer-icon ul li a:hover{ background:var(--primary-color); color:#fff; border-color:var(--primary-color); }

/* =================================================================
   20. REVEAL ANIMATIONS
   ================================================================= */
body.has-js .reveal{ opacity:0; transform:translateY(34px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
body.has-js .reveal.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  body.has-js .reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
  .home-page .hero-slide-copy.is-active > *,
  .home-page .hero-actions,
  .home-page .hero-trust{ animation:none !important; }
  .home-page .hero-slide-copy{ transition:none !important; }
  .home-page .hero-bg-layer{ transition:opacity .4s ease !important; transform:none !important; }
  .home-page .hero-bg-layer.is-active{ transform:none !important; }
  .home-page .hero-scroll{ animation:none !important; }
  .brands-track{ animation:none !important; }
  .page-splash{ animation-duration:.01s; animation-delay:.15s; }
}

/* =================================================================
   21. RESPONSIVE
   ================================================================= */
@media (max-width:1199px){
  #ago-site-header .row > div:nth-child(1){ flex:0 0 160px; max-width:160px; }
  #ago-site-header .row > div:nth-child(3){ flex:0 0 210px; max-width:210px; }
  #ago-site-header .header-logo .logo a img{ height:48px; }
  #ago-site-header .menu > ul > li > a{ font-size:11.5px; padding:0 9px; letter-spacing:.3px; height:70px; }
  #ago-site-header .menu > ul > li > a i{ display:none; }
  .why-grid{ grid-template-columns:repeat(2,1fr); }
  .testi-grid{ grid-template-columns:repeat(2,1fr); }
  .certs-inner{ grid-template-columns:1fr; }
  .cta-inner{ grid-template-columns:1fr; }
}
@media (max-width:1024px){
  #ago-site-header .menu{
    position:absolute; top:calc(100% + 8px); left:12px; right:12px; width:auto;
    background:#fff; border-radius:20px; padding:10px;
    box-shadow:0 30px 60px rgba(10,28,48,.22); z-index:9999;
    transform:translateY(-10px); opacity:0; visibility:hidden; transform-origin:top;
    transition:.3s var(--ease); max-height:calc(100vh - 110px); overflow-y:auto; text-align:left;
  }
  #ago-site-header .show-menu .menu{ transform:none; opacity:1; visibility:visible; }
  #ago-site-header .menu > ul{ display:block; }
  #ago-site-header .menu > ul > li{ display:block; width:100%; margin:0; padding:0; border:0; }
  #ago-site-header .menu > ul > li > a{ display:flex; align-items:center; justify-content:space-between; height:auto; padding:14px 16px; border-radius:12px; font-size:13px; color:var(--ink); }
  #ago-site-header .menu > ul > li > a:after{ display:none; }
  #ago-site-header .menu > ul > li:hover > a{ background:var(--soft); color:var(--primary-color); }
  #ago-site-header .menu ul li{ border-top:none; }
  ul.dropdown-menus{
    position:static; opacity:1; visibility:visible; transform:none;
    width:100%; max-width:none; display:grid; grid-template-columns:1fr; gap:0;
    box-shadow:none; border:none; border-radius:0; padding:2px 0 8px 12px; background:transparent;
  }
  ul.dropdown-menus li a{ padding:10px 12px; white-space:normal; }
  #ago-site-header .header-search{ display:none; }
  #ago-site-topbar .row{ min-height:auto; padding:8px 0; }
  #ago-site-topbar .top-contact-link ul li a{ font-size:12px; }
  #ago-site-topbar .top-contact-link ul li{ margin-right:14px; }
  .stats-strip{ grid-template-columns:repeat(2,1fr); gap:22px 6px; }
  .stat:nth-child(3):before{ display:none; }
}
@media (max-width:768px){
  .home-page .hero-slider{ height:auto; min-height:max(80vh, 690px); }
  .home-page .hero-wrap .container{ padding-top:96px; padding-bottom:112px; align-items:center; }
  .home-page .hero-title{ font-size:30px; letter-spacing:-.6px; }
  .home-page .hero-sub{ font-size:14.5px; }
  .home-page .hero-trust{ display:none; }
  .home-page .hero-scroll{ display:none; }
  .home-page .hero-nav{ bottom:78px; }
  .home-page .hero-slide-copy.is-active > *,
  .home-page .hero-actions,
  .home-page .hero-trust{ animation-duration:.6s; }
  .hero-stats-strip{ margin-top:-46px; }
  .stats-strip{ padding:22px 10px; border-radius:22px; }
  .stat-ico{ width:40px; height:40px; font-size:16px; }
  .why-grid, .testi-grid, .certs-list{ grid-template-columns:1fr; }
  .home-page .service-container, .home-page .work-container{ grid-template-columns:1fr; }
  .cta-inner{ padding:34px 26px; }
  .certs-inner{ padding:34px 26px; }
  .brands-title{ font-size:11px; letter-spacing:2px; }
  .home-page .spares-sec, .home-page .product-sec, .home-page .about-sec, .home-page .services,
  .home-page .work-section, .home-page .faq-sectoin, .home-page .contact-section,
  .why-us, .testi-sec, .certs-sec, .cta-banner, .brands-sec{ padding-top:60px; padding-bottom:60px; }
  .home-page .product-sec{ padding-bottom:90px; }
  .certs-sec{ padding-top:0; }
  .cta-banner{ padding-top:0; }
}
@media (max-width:576px){
  .home-page .hero-title{ font-size:26px; }
  .home-page .hero-nav{ bottom:72px; }
  .home-page .about-media{ padding:14px 14px 20px; }
  .home-page .about-points{ grid-template-columns:1fr; }
  .home-page .about-media-tag{ padding:8px 14px; font-size:11px; }
  .home-page .about-media-card{ padding:12px 15px; gap:10px; }
  .home-page .amc-ico{ width:40px; height:40px; font-size:15px; }
  .stats-strip{ grid-template-columns:1fr 1fr; }
  .stat + .stat:before{ top:8%; bottom:8%; }
}

/* AGO � Rounded premium header (global) */
/* AGO � Rounded premium header (global) */

/* ---------- base ---------- */
:root{
  --primary-color: rgb(1,74,142);
  --secondary-color: #f0a945;
  --ink: #0a1c30;
  --ink-2: #12263f;
  --muted: #5f7185;
  --line: rgba(1,74,142,.10);
  --line-2: rgba(1,74,142,.20);
  --soft: #f4f7fb;
  --soft-2: #eaf1f9;
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius: 16px;
  --shadow-1: 0 10px 30px rgba(10,28,48,.07);
  --shadow-2: 0 22px 55px rgba(10,28,48,.12);
  --shadow-3: 0 34px 80px rgba(1,74,142,.20);
  --ease: cubic-bezier(.22,.7,.2,1);
}

/* ensure no horizontal overflow on header-related areas */
html, body{ overflow-x:hidden; }

/* ---------- top-band ---------- */
#ago-site-topbar{
  background:linear-gradient(90deg,#061a30 0%, var(--primary-color) 58%, #0a63bd 100%);
  padding:0; position:relative; z-index:5;
  /* subtle bottom gradient "seam" into the rounded header */
  &::after{
    content:""; position:absolute; inset:0; bottom:0;
    background:linear-gradient(180deg, transparent 0%, rgba(6,26,48,.3) 100%);
    pointer-events:none;
  }
}
#ago-site-topbar .container{ max-width:1320px; }
#ago-site-topbar .row{ min-height:44px; align-items:center; gap:12px; }
#ago-site-topbar .top-contact-link ul{ display:flex; align-items:center; gap:20px; }
#ago-site-topbar .top-contact-link ul li a{
  display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:500; color:rgba(255,255,255,.88); transition:color .25s ease;
}
#ago-site-topbar .top-contact-link ul li a i{ color:var(--secondary-color); font-size:12px; }
#ago-site-topbar .top-contact-link ul li a:hover{ color:#fff; }
#ago-site-topbar .top-social-icon ul{ display:flex; align-items:center; justify-content:flex-end; gap:8px; }
#ago-site-topbar .top-social-icon ul li{ margin:0; font-size:13px; color:rgba(255,255,255,.70); }
#ago-site-topbar .top-social-icon ul li a{
  width:32px; height:32px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16);
  color:#fff; font-size:12px; transition:.25s var(--ease);
}
#ago-site-topbar .top-social-icon ul li a:hover{
  background:var(--secondary-color); border-color:var(--secondary-color); color:var(--ink); transform:translateY(-2px);
}

/* ---------- main-header ---------- */
#ago-site-header{position:sticky; top:10px;
  position:sticky; top:10px; z-index:900;
  width:min(1360px,calc(100% - 24px)); margin:10px auto;
  background:rgba(255,255,255,.86);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border:1px rgba(255,255,255,.4) solid;
  border-radius:22px;
  box-shadow:
    0 4px 20px rgba(10,28,48,.08),
    0 0 0 1px rgba(1,74,142,.08);
  transition:
    background .3s var(--ease),
    backdrop-filter .3s var(--ease),
    box-shadow .3s var(--ease),
    height .3s var(--ease),
    padding .3s var(--ease);
  height:68px;
  overflow:visible !important;
}
#ago-site-header.scrolled{
  background:rgba(255,255,255,.94);
  box-shadow:
    0 12px 40px rgba(10,28,48,.16),
    0 0 0 1px rgba(1,74,142,.12);
  height:56px;
}

/* keep inner height from collapsing on scroll */
#ago-site-header.scrolled .container{ height:56px; align-items:center; }
#ago-site-header .container{ max-width:1320px; width:100%; }
#ago-site-header .row{ height:100%; align-items:center; gap:12px; }

/* ---------- logo ---------- */
#ago-site-header .header-logo .logo a img{
  height:56px; width:auto;
  /* give logo breathing room on light background */
  filter: grayscale(.05) brightness(1.05);
}

/* ---------- nav / menu ---------- */
#ago-site-header .menu{ text-align:center; }
#ago-site-header .menu > ul{ display:flex; align-items:center; justify-content:center; gap:0; flex-wrap:wrap; }
#ago-site-header .menu > ul > li{ position:relative; margin:0 4px; }
#ago-site-header .menu > ul > li > a{
  position:relative; display:inline-flex; align-items:center; gap:6px;
  height:auto; min-height:60px; padding:0 18px;
  font-size:13.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase;
  color:var(--ink); transition:color .25s var(--ease);
  border-radius:999px; /* pill */
  background:transparent;
}
#ago-site-header .menu > ul > li > a i{
  font-size:11px; opacity:.55; transition:transform .3s var(--ease), opacity .3s ease;
}
#ago-site-header .menu > ul > li > a:after{
  content:""; position:absolute; left:8px; right:8px; bottom:6px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));
  transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease);
}
#ago-site-header .menu > ul > li:hover > a,
#ago-site-header .menu > ul > li.active > a{ color:var(--primary-color); }
#ago-site-header .menu > ul > li:hover > a:after,
#ago-site-header .menu > ul > li.active > a:after{ transform:scaleX(1); }
#ago-site-header .menu > ul > li:hover > a i{ transform:rotate(180deg); opacity:1; }

/* reduce font/padding at 1025-1199px */
@media (min-width:1025px) and (max-width:1199px){
  #ago-site-header .menu > ul > li > a{ font-size:12px; padding:0 12px; height:auto; min-height:52px; }
}

/* ---------- mega dropdown ---------- */
#ago-site-header .menu .dropdown{ position:relative; }
ul.dropdown-menus{
  position:absolute; top:100%; left:0; right:auto;
  background:#fff; border:1px solid var(--line-2); border-radius:20px;
  box-shadow:0 20px 50px rgba(10,28,48,.14);
  padding:16px 20px; z-index:999;
  opacity:0; visibility:hidden; transform:translateY(16px);
  transition:opacity .3s ease, transform .3s var(--ease), visibility .3s;
  /* 2-column grid at =1200, single column below */
  display:grid; grid-template-columns:1fr; gap:16px 20px;
}
@media (min-width:1200px){
  ul.dropdown-menus{ grid-template-columns:repeat(2, minmax(200px,1fr)); gap:20px 24px; }
}
#ago-site-header .menu .dropdown:hover > ul.dropdown-menus,
#ago-site-header .menu .dropdown:focus-within > ul.dropdown-menus{
  opacity:1; visibility:visible; transform:translateY(0);
}
ul.dropdown-menus li{ display:block; padding:0; margin:0; border-bottom:none; }
ul.dropdown-menus li a{
  display:flex; align-items:flex-start; gap:8px; padding:8px 12px;
  border-radius:12px; font-size:12.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase;
  color:#44586e; line-height:1.35; transition:.22s ease;
  background:transparent; border:none;
}
ul.dropdown-menus li a:before{
  content:"\f054"; font-family:"Font Awesome 6 Free"; font-weight:900;
  font-size:7px; color:var(--secondary-color); margin-top:3px; flex:0 0 auto;
}
ul.dropdown-menus li a:hover{
  background:var(--soft); color:var(--primary-color); transform:translateX(2px);
}

/* Arrow/caret rotation on dropdown hover */
#ago-site-header .menu .dropdown > a > i{
  transition:transform .3s var(--ease);
  font-size:9px; opacity:.6;
}
#ago-site-header .menu .dropdown:hover > a > i{ transform:rotate(180deg); opacity:1; }

/* ---------- search ---------- */
#ago-site-header .header-search{ margin-top:0; }
#ago-site-header .search-bar{ justify-content:flex-end; gap:6px; }
#ago-site-header .search-form{
  position:relative; display:flex; align-items:center; gap:4px;
  background:rgba(255,255,255,.7); backdrop-filter:blur(8px);
  border-radius:999px; padding:4px; min-width:280px;
  width:min(420px,100%);
}
input.search-input{
  width:100%; height:44px; padding:0 50px 0 16px;
  border:1px solid var(--line-2); border-radius:999px;
  background:var(--soft); color:var(--ink); font-size:13.5px; outline:none; transition:.25s ease;
  font-family:inherit;
}
input.search-input::placeholder{ color:#93a3b5; }
input.search-input:focus{
  background:#fff; border-color:var(--primary-color);
  box-shadow:0 0 0 4px rgba(1,74,142,.08);
  outline:2px solid rgba(1,74,142,.25);
}
#ago-site-header .search-btn{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:38px; height:38px; border-radius:50%; border:none;
  background:linear-gradient(135deg,var(--primary-color),#0a63bd);
  display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.25s ease;
  flex-shrink:0;
}
#ago-site-header .search-btn:hover{
  background:linear-gradient(135deg,var(--secondary-color),#ffc46b);
  box-shadow:0 0 0 2px rgba(240,169,69,.15);
}
button.search-btn i{ color:#fff; font-size:14px; }

/* search suggestions - override any inline position styles */
#ago-site-header .search-suggestions{
  position:absolute; top:100%; left:0; right:0;
  margin-top:8px; background:#fff; border-radius:12px;
  border:1px solid var(--line-2); box-shadow:0 12px 30px rgba(10,28,48,.12);
  padding:12px; z-index:1000;
  max-height:300px; overflow:auto;
  font-size:13px; color:var(--ink);
}
#ago-site-header .search-suggestions::-webkit-scrollbar{ width:6px; }
#ago-site-header .search-suggestions::-webkit-scrollbar-track{ background:transparent; }
#ago-site-header .search-suggestions::-webkit-scrollbar-thumb{ background:var(--line); border-radius:3px; }
#ago-site-header .search-suggestions a{
  display:block; padding:6px 10px; border-radius:8px; margin:4px 0;
  color:var(--ink); transition:.15s ease;
  white-space:normal; word-break:break-word;
}
#ago-site-header .search-suggestions a:hover{ background:var(--soft); color:var(--primary-color); transform:none; }

/* ---------- scrolled state micro-details ---------- */
#ago-site-header.scrolled{ box-shadow:0 12px 40px rgba(10,28,48,.16), 0 0 0 1px rgba(1,74,142,.12); }

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  #ago-site-header,
  #ago-site-topbar .top-social-icon ul li a,
  #ago-site-header .menu > ul > li > a:after,
  #ago-site-header .search-btn,
  ul.dropdown-menus,
  #ago-site-header .search-suggestions{
    transition:none !important;
  }
  #ago-site-header.scrolled{
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 12px 40px rgba(10,28,48,.16), 0 0 0 1px rgba(1,74,142,.12) !important;
  }
  #ago-site-header .menu > ul > li > a i{ transition:none; }
}

/* ---------- mobile inset adjustments (=1024px) ---------- */
@media (max-width:1024px){
  /* keep the sticky header inset breathing room */
  #ago-site-header{position:sticky; top:10px; top:6px; margin:6px auto; border-radius:20px; }
  #ago-site-header.scrolled{ top:6px; height:52px; }
  #ago-site-header .menu{
    position:fixed; inset:0 auto 0; /* full inset below header */
    width:calc(100% - 32px); max-width:380px;
    left:50%; transform:translateX(-50%) translateY(-8px);
    background:rgba(255,255,255,.94);
    backdrop-filter: blur(14px) saturate(160%);
    border-radius:20px; border:1px rgba(1,74,142,.08) solid;
    box-shadow:0 20px 50px rgba(10,28,48,.18);
    padding:24px 20px 16px; z-index:9998;
    opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s, transform .3s var(--ease);
  }
  #ago-site-header .show-menu .menu{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
  #ago-site-header .menu > ul{ display:block; }
  #ago-site-header .menu > ul > li{ display:block; width:100%; margin:10px 0; }
  #ago-site-header .menu > ul > li > a{
    display:block; padding:12px 14px; border-radius:12px; font-size:14px; color:var(--ink);
    background:transparent; width:100%; text-align:left;
  }
  #ago-site-header .menu > ul > li > a i{ display:inline; margin-left:6px; }
  ul.dropdown-menus{
    position:static; opacity:1; visibility:visible; transform:none;
    width:100%; max-width:none; display:block; box-shadow:none; border:none; border-radius:0;
    padding:8px 0 4px 12px; background:transparent;
  }
  ul.dropdown-menus li a{ padding:8px 12px; white-space:normal; }
  #ago-site-header .header-search{ display:block; width:100%; max-width:none; margin-top:12px; }
  #ago-site-header .search-form{ width:100%; }
  input.search-input{ border-radius:12px; }
  #ago-site-header .search-btn{
    position:relative; right:auto; top:auto; transform:none;
    margin-top:8px; width:36px; height:36px;
  }
  #ago-site-header .toogle-btn{
    position:absolute; top:10px; right:12px; z-index:9999;
    width:40px; height:40px; padding:0; border-radius:12px;
    background:linear-gradient(135deg,var(--primary-color),#0a63bd); color:#fff;
    display:flex; align-items:center; justify-content:center;
  }
}

/* ---------- thin gradient hairline at top of top-band ---------- */
#ago-site-topbar::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg, transparent, var(--secondary-color), transparent);
  opacity:.4; pointer-events:none;
}
/* AGO � Advanced premium footer (global) */

/* ============================================================
   SHELL � global (no .home-page prefix). Applies on all pages
   that have .footer-section without a .home-page ancestor.
   ============================================================ */
#ago-site-footer{
  background:linear-gradient(180deg,#f7fafd,#e9eef6) var(--bg,0 0) no-repeat;
  background-size:100% 100%;
  padding:80px 0 44px;
  border-top:1px solid var(--line);
  position:relative;
  overflow:hidden;
  --bs-grid-cols:4;
}
#ago-site-footer::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(1,74,142,.08) 0, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(240,169,69,.07) 0, transparent 50%);
  pointer-events:none;
  border-radius:34px 34px 0 0;
  z-index:1;
}
#ago-site-footer::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:0; top:44px;
  border-top:1px solid var(--line);
  pointer-events:none;
  z-index:1;
}
#ago-site-footer .row{
  --bs-grid-rows:1;
  display:grid !important;
  gap:48px;
  grid-template-columns:1.5fr 0.8fr 0.8fr 1fr;
}

/* ============================================================
   GRID LAYOUT � mobile-first
   ============================================================ */
@media(max-width:991px){
  #ago-site-footer .row{ grid-template-columns:1fr 1fr; gap:36px; }
}
@media(max-width:575px){
  #ago-site-footer .row{ grid-template-columns:1fr; gap:24px; }
}

/* ============================================================
   BRAND COLUMN � global
   ============================================================ */
#ago-site-footer .footer-logo-part{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:16px;
  order:1;
  margin-bottom:24px;
}
#ago-site-footer .footer-logo{
  position:relative;
  display:inline-block;
  margin-bottom:12px;
}
#ago-site-footer .footer-logo img{
  width:176px;
  height:auto;
  display:block;
}
#ago-site-footer .footer-logo-part p{
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
  max-width:260px;
  margin:0;
}
#ago-site-footer .footer-icon{
  display:flex;
  gap:12px;
  margin-top:20px;
  justify-content:center;
}
#ago-site-footer .footer-icon ul{
  display:flex;
  gap:12px;
  list-style:none;
  padding:0;
  margin:0;
}
#ago-site-footer .footer-icon ul li a{
  display:inline-flex;
  width:42px; height:42px;
  border-radius:12px;
  background:rgba(255,255,255,.8);
  border:1px solid var(--line-2);
  color:var(--primary-color);
  align-items:center;
  justify-content:center;
  transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);
  pointer-events:auto;
}
#ago-site-footer .footer-icon ul li a:hover{
  transform:translateY(-4px);
  background:rgba(240,169,69,.15);
  border-color:#f0a945;
  color:#f0a945;
}
#ago-site-footer .footer-icon ul li a:focus-visible,
#ago-site-footer .footer-icon ul li a:focus{
  outline:2px solid #f0a945;
  outline-offset:4px;
}

/* ============================================================
   LINK COLUMNS � global
   ============================================================ */
#ago-site-footer .footer-links{
  display:flex;
  flex-direction:column;
  gap:24px;
  order:2;
}
#ago-site-footer .footer-links h4{
  font-size:16px;
  font-weight:800;
  color:var(--ink);
  letter-spacing:.3px;
  margin-bottom:12px;
  padding-bottom:8px;
  position:relative;
}
#ago-site-footer .footer-links h4::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:24px; height:2px;
  background:linear-gradient(90deg, var(--secondary-color), transparent);
}
#ago-site-footer .footer-links ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
#ago-site-footer .footer-links ul li a{
  font-size:15px;
  color:var(--muted);
  text-decoration:none;
  display:block;
  padding:6px 0;
  position:relative;
  transition:color .2s var(--ease), transform .2s var(--ease);
}
#ago-site-footer .footer-links ul li a::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:0; height:1px;
  background:var(--secondary-color);
  transition:width .2s var(--ease);
}
#ago-site-footer .footer-links ul li a:hover{
  color:var(--secondary-color);
  transform:translateX(4px);
}
#ago-site-footer .footer-links ul li a:hover::after{
  width:100%;
}

/* ============================================================
   CONTACT COLUMN � global
   ============================================================ */
#ago-site-footer .footer-links.contact ul{
  flex-direction:column;
  gap:12px;
}
#ago-site-footer .footer-links.contact ul li{
  display:flex;
  align-items:start;
  gap:12px;
  background:rgba(255,255,255,.55);
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 14px;
  backdrop-filter:blur(4px);
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
#ago-site-footer .footer-links.contact ul li:hover{
  border-color:#f0a945;
  box-shadow:0 4px 12px rgba(240,169,69,.15);
}
#ago-site-footer .footer-links.contact ul li .icon{
  width:36px; height:36px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--secondary-color);
  border-radius:9px;
  color:#fff;
  margin-top:2px;
}
#ago-site-footer .footer-links.contact ul li span{
  flex:1;
  font-size:14px;
  line-height:1.5;
  color:var(--ink);
}
#ago-site-footer .footer-links.contact ul li a{
  flex-shrink:0;
  color:var(--primary-color);
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  transition:text-decoration .2s var(--ease);
}
#ago-site-footer .footer-links.contact ul li a:hover{
  text-decoration:underline;
}

/* ============================================================
   HOME PAGE OVERRIDES � equal specificity to existing
   .home-page .footer-section rules in style.css. Since this CSS
   is appended last, these rules win on the home page due to
   equal specificity + later cascade order.
   ============================================================ */
.home-page #ago-site-footer{
  background:linear-gradient(180deg,#f7fafd,#e9eef6) var(--bg,0 0) no-repeat;
  background-size:100% 100%;
  padding:80px 0 44px;
  border-top:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
.home-page #ago-site-footer::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(1,74,142,.08) 0, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(240,169,69,.07) 0, transparent 50%);
  pointer-events:none;
  border-radius:34px 34px 0 0;
  z-index:1;
}
.home-page #ago-site-footer::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:0; top:44px;
  border-top:1px solid var(--line);
  pointer-events:none;
  z-index:1;
}
.home-page #ago-site-footer .row{
  --bs-grid-rows:1;
  display:grid !important;
  gap:48px;
  grid-template-columns:1.5fr 0.8fr 0.8fr 1fr !important;
}
@media(max-width:991px){
  .home-page #ago-site-footer .row{ grid-template-columns:1fr 1fr !important; gap:36px !important; }
}
@media(max-width:575px){
  .home-page #ago-site-footer .row{ grid-template-columns:1fr !important; gap:24px !important; }
}
.home-page #ago-site-footer .footer-logo-part{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:16px;
  order:1;
  margin-bottom:24px;
}
.home-page #ago-site-footer .footer-logo img{ width:176px; height:auto; display:block; }
.home-page #ago-site-footer .footer-logo-part p{ color:var(--muted); font-size:15px; line-height:1.7; max-width:260px; margin:0; }
.home-page #ago-site-footer .footer-icon{ display:flex; gap:12px; margin-top:20px; justify-content:center; }
.home-page #ago-site-footer .footer-icon ul{ display:flex; gap:12px; list-style:none; padding:0; margin:0; }
.home-page #ago-site-footer .footer-icon ul li a{
  display:inline-flex;
  width:42px; height:42px;
  border-radius:12px;
  background:rgba(255,255,255,.8);
  border:1px solid var(--line-2);
  color:var(--primary-color);
  align-items:center;
  justify-content:center;
  transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);
  pointer-events:auto;
}
.home-page #ago-site-footer .footer-icon ul li a:hover{
  transform:translateY(-4px);
  background:rgba(240,169,69,.15);
  border-color:#f0a945;
  color:#f0a945;
}
.home-page #ago-site-footer .footer-icon ul li a:focus-visible,
.home-page #ago-site-footer .footer-icon ul li a:focus{
  outline:2px solid #f0a945;
  outline-offset:4px;
}
.home-page #ago-site-footer .footer-links{
  display:flex;
  flex-direction:column;
  gap:24px;
  order:2;
}
.home-page #ago-site-footer .footer-links h4{
  font-size:16px; font-weight:800; color:var(--ink); letter-spacing:.3px; margin-bottom:12px; position:relative;
}
.home-page #ago-site-footer .footer-links h4::after{
  content:""; position:absolute; left:0; bottom:0; width:24px; height:2px; background:linear-gradient(90deg, var(--secondary-color), transparent);
}
.home-page #ago-site-footer .footer-links ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.home-page #ago-site-footer .footer-links ul li a{
  font-size:15px; color:var(--muted); text-decoration:none; display:block; padding:6px 0; position:relative; transition:color .2s var(--ease), transform .2s var(--ease);
}
.home-page #ago-site-footer .footer-links ul li a::after{
  content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--secondary-color); transition:width .2s var(--ease);
}
.home-page #ago-site-footer .footer-links ul li a:hover{ color:var(--secondary-color); transform:translateX(4px); }
.home-page #ago-site-footer .footer-links ul li a:hover::after{ width:100%; }
.home-page #ago-site-footer .footer-links.contact ul{ flex-direction:column; gap:12px; }
.home-page #ago-site-footer .footer-links.contact ul li{ display:flex; align-items:start; gap:12px; background:rgba(255,255,255,.55); border:1px solid var(--line); border-radius:10px; padding:10px 14px; backdrop-filter:blur(4px); transition:border-color .2s var(--ease), box-shadow .2s var(--ease); }
.home-page #ago-site-footer .footer-links.contact ul li:hover{ border-color:#f0a945; box-shadow:0 4px 12px rgba(240,169,69,.15); }
.home-page #ago-site-footer .footer-links.contact ul li .icon{ width:36px; height:36px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:var(--secondary-color); border-radius:9px; color:#fff; margin-top:2px; }
.home-page #ago-site-footer .footer-links.contact ul li span{ flex:1; font-size:14px; line-height:1.5; color:var(--ink); }
.home-page #ago-site-footer .footer-links.contact ul li a{ flex-shrink:0; color:var(--primary-color); font-size:14px; font-weight:600; white-space:nowrap; transition:text-decoration .2s var(--ease); }
.home-page #ago-site-footer .footer-links.contact ul li a:hover{ text-decoration:underline; }

/* ============================================================
   PREFERRED REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  #ago-site-footer .footer-icon ul li a,
  #ago-site-footer .footer-links ul li a,
  #ago-site-footer .footer-links.contact ul li,
  #ago-site-footer::before,
  #ago-site-footer::after{
    transition:none !important;
    animation:none !important;
  }
  #ago-site-footer .footer-icon ul li a:hover{ transform:none !important; }
  #ago-site-footer .footer-links ul li a:hover::after{ width:100% !important; }
  #ago-site-footer .footer-links.contact ul li:hover{ border-color:var(--line) !important; box-shadow:none !important; }
}
/* AGO � Why Choose Us + Our Product */

/* -------------------------------------------------
   WHY CHOOSE US SECTION
   ------------------------------------------------- */

/* Section root � keep .reveal for IntersectionObserver */
.home-page .why-us.reveal {
    padding: 96px 0 60px;
    background: #fff;
}

/* Section header: amber eyebrow "Why Ago Aviation" + existing heading + p */
.home-page .why-us .product-title {
    position: relative;
    text-align: center;
    margin-bottom: 48px;
}

.home-page .why-us .product-title::before {
    content: "Why Ago Aviation";
    display: inline-block;
    font-size: 12px;
    letter-spacing: 3.4px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--secondary-color);
    background: rgba(240,169,69,.12);
    border: 1px solid rgba(240,169,69,.30);
    padding: 7px 17px;
    border-radius: 99px;
    margin-bottom: 16px;
    margin-top: -12px;
}

/* Keep the existing h3 "Why Choose Us" and h2 + p verbatim */
.home-page .why-us .product-title h3 {
    font-size: clamp(22px, 3.5vw, 34px);
    font-weight: 800;
    letter-spacing: -.4px;
    color: var(--ink);
    margin-bottom: 12px;
}

.home-page .why-us .product-title h2 {
    font-size: clamp(26px, 2.9vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    letter-spacing: -.6px;
    text-transform: none;
    color: var(--ink);
    margin-bottom: 18px;
}

.home-page .why-us .product-title p {
    color: var(--muted);
    font-size: 16px;
    line-height: 1.82;
    max-width: 620px;
    margin: 0 auto;
}

/* ------------------------------
   Bento grid: 6 why-cards
   ------------------------------ */
.home-page .why-us .why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Collapse: 3 cols ? 2 cols ? 1 col */
@media (max-width: 1100px) {
    .home-page .why-us .why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .home-page .why-us .why-grid {
        grid-template-columns: 1fr;
    }
}

/* Feature card 1 spans 2 columns on desktop � the "bento" accent */
.home-page .why-us .why-card:first-child {
    grid-column: span 2;
}

/* Why cards � consistent height, thin borders, soft shadow */
.home-page .why-us .why-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: var(--ease);
    position: relative;
    overflow: hidden;
}

/* Amber glow on hover � thin border + subtle shadow */
.home-page .why-us .why-card:hover {
    border-color: var(--secondary-color);
    box-shadow: 0 0 0 1px var(--secondary-color), 0 12px 36px rgba(1,74,142,.15);
    transform: translateY(-4px);
}

/* ------------------------------
   Gradient icon tiles inside why-cards
   ------------------------------ */
.home-page .why-us .why-ico {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
    border-radius: var(--radius);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.home-page .why-us .why-ico::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: calc(var(--radius) - 2px);
    border: 1px solid rgba(255,255,255,.3);
    z-index: -1;
}

.home-page .why-us .why-ico i {
    color: #fff;
    font-size: 20px;
    transition: transform .3s var(--ease);
}

.home-page .why-us .why-card:hover .why-ico i {
    transform: scale(1.1);
}

/* Why card heading & body */
.home-page .why-us .why-card h3 {
    font-size: clamp(16px, 1.8vw, 18px);
    font-weight: 700;
    color: var(--ink);
    line-height: 1.3;
    margin: 0;
}

.home-page .why-us .why-card p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--muted);
    flex: 1;
    margin: 0;
}

/* -------------------------------------------------
   PRODUCT SECTION (Our Product)
   ------------------------------------------------- */

/* Section root */
.home-page .product-sec {
    padding: 96px 0 120px;
    background: linear-gradient(180deg,#f7fafd 0%, #eef3f9 100%);
}

/* Keep the existing .home-page .product-slider .slick-track guard */
.home-page .product-slider .slick-track {
    display: flex !important;
}

/* =====================================================
     Product header: eyebrow "Our Range" + "OUR PRODUCT" + supporting line + CTA
   ===================================================== */
.home-page .product-sec .product-title {
    position: relative;
    text-align: center;
    margin-bottom: 32px;
}

.home-page .product-sec .product-title::before {
    content: "Our Range";
    display: inline-block;
    font-size: 12px;
    letter-spacing: 3.4px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--secondary-color);
    background: rgba(240,169,69,.12);
    border: 1px solid rgba(240,169,69,.30);
    padding: 7px 17px;
    border-radius: 99px;
    margin-bottom: 8px;
}

/* Existing big "OUR PRODUCT" heading � keep verbatim */
.home-page .product-sec .product-title h2 {
    font-size: clamp(36px, 5.5vw, 52px);
    font-weight: 800;
    letter-spacing: -1.5px;
    color: var(--ink);
    margin-bottom: 12px;
}

/* Short supporting line */
.home-page .product-sec .product-title p {
    font-size: 15px;
    color: var(--muted);
    margin: 0 auto;
    max-width: 600px;
    padding: 0 16px;
}

/* "View All Parts" CTA link � absolutely positioned within the title area */
.home-page .product-sec .product-title .view-all-parts {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    padding: 10px 28px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--primary-color);
    background: transparent;
    border: 2px solid var(--primary-color);
    border-radius: var(--radius);
    transition: var(--ease);
    white-space: nowrap;
}

.home-page .product-sec .product-title .view-all-parts:hover {
    background: var(--primary-color);
    color: #fff;
}

/* -------------------------------------------------
   Product cards restyling
   ------------------------------------------------- */
.home-page .product-sec .product-box {
    flex: 1 0 0;          /* allow growth, shrink, base 0 */
    height: 100%;        /* equal-height guard */
    margin: 0 12px;      /* keep existing horizontal spacing */
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-1);
    transition: var(--ease);
    display: flex;
    flex-direction: column;
}

/* Hover lift + gradient overlay emphasis */
.home-page .product-sec .product-box:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-2);
    border-color: transparent;
}

/* Product images container � gradient dark-to-transparent bottom overlay */
.home-page .product-sec .product-images {
    position: relative;
    height: 230px;
    width: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.45) 100%);
}

/* Ensure images keep consistent ratios so slider never jumps */
.home-page .product-sec .product-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Small index number (01...14) � bottom-left on each card */
.home-page .product-sec .product-box:nth-child(1) .product-images::after {
    content: "01";
}
.home-page .product-sec .product-box:nth-child(2) .product-images::after {
    content: "02";
}
.home-page .product-sec .product-box:nth-child(3) .product-images::after {
    content: "03";
}
.home-page .product-sec .product-box:nth-child(4) .product-images::after {
    content: "04";
}
.home-page .product-sec .product-box:nth-child(5) .product-images::after {
    content: "05";
}
.home-page .product-sec .product-box:nth-child(6) .product-images::after {
    content: "06";
}
.home-page .product-sec .product-box:nth-child(7) .product-images::after {
    content: "07";
}
.home-page .product-sec .product-box:nth-child(8) .product-images::after {
    content: "08";
}
.home-page .product-sec .product-box:nth-child(9) .product-images::after {
    content: "09";
}
.home-page .product-sec .product-box:nth-child(10) .product-images::after {
    content: "10";
}
.home-page .product-sec .product-box:nth-child(11) .product-images::after {
    content: "11";
}
.home-page .product-sec .product-box:nth-child(12) .product-images::after {
    content: "12";
}
.home-page .product-sec .product-box:nth-child(13) .product-images::after {
    content: "13";
}
.home-page .product-sec .product-box:nth-child(14) .product-images::after {
    content: "14";
}

/* Index number style � tiny, strong, contrast */
.home-page .product-sec .product-images::after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 12px;
    font-family: "Yantramanav", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .2px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 1;
    min-width: 24px;
    text-align: center;
    line-height: 20px;
}

/* Hover arrow chip � top-right, fades in on hover */
.home-page .product-sec .product-box:hover .product-arrow-chip {
    opacity: 1;
    transform: translateY(0);
}

.home-page .product-sec .product-arrow-chip {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: var(--secondary-color);
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(4px);
    transition: var(--ease);
    z-index: 2;
    font-size: 18px;
    color: #fff;
}

.home-page .product-sec .product-arrow-chip::after {
    content: "\f0a9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 10px;
}

/* =====================================================
     Slick dots restyling � slim amber bars
   ===================================================== */
.home-page .product-sec .slick-dots {
    bottom: -52px !important;
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.home-page .product-sec .slick-dots li {
    width: 26px;
    height: 6px;
    margin: 0 4px;
    border-radius: 6px;
    background: rgba(240,169,69,.35);
    transition: .3s ease;
    border: none;
}

.home-page .product-sec .slick-dots li.slick-active {
    width: 42px;
    background: var(--secondary-color);
    border-radius: 6px;
    transition: .3s ease;
}

/* Keep the button::before hidden as already required */
.home-page .product-sec .slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
}

.home-page .product-sec .slick-dots li button:before {
    display: none !important;
}

/* -------------------------------------------------
   Reduced-motion override
   ------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .home-page .why-us .why-card:hover,
    .home-page .product-sec .product-box:hover {
        transform: none;
        box-shadow: inherit;
    }

    .home-page .why-us .why-ico i,
    .home-page .product-sec .product-arrow-chip {
        transition: none;
    }

    .home-page .product-sec .product-images::after {
        animation: none;
    }

    .home-page .product-sec .slick-dots li {
        transition: none;
    }
}

/* Focused homepage feature polish */
.home-page .hero-wrap .container {
    justify-content: space-between;
    gap: clamp(28px, 5vw, 76px);
}

.home-page .hero-copy {
    width: min(100%, 690px);
    max-width: min(100%, 690px);
}

.home-page .hero-ops-panel {
    position: relative;
    flex: 0 0 326px;
    margin: 32px 0 42px auto;
    padding: 22px;
    overflow: hidden;
    color: #f4f8fc;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0, rgba(58, 129, 184, .3), transparent 46%),
        linear-gradient(145deg, rgba(9, 31, 52, .88), rgba(4, 17, 31, .76));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.home-page .hero-ops-panel::before {
    position: absolute;
    top: -56px;
    right: -54px;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(240, 168, 67, .22);
    border-radius: 50%;
    box-shadow: 0 0 0 18px rgba(240, 168, 67, .035), 0 0 0 38px rgba(240, 168, 67, .025);
    content: "";
    pointer-events: none;
}

.home-page .hero-ops-top,
.home-page .hero-ops-heading,
.home-page .hero-ops-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.home-page .hero-ops-top {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.home-page .hero-ops-live,
.home-page .hero-ops-status {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.35px;
}

.home-page .hero-ops-live {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
}

.home-page .hero-ops-live i,
.home-page #ago-site-footer .footer-bottom-status i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #56d7a0;
    box-shadow: 0 0 0 4px rgba(86, 215, 160, .13), 0 0 15px rgba(86, 215, 160, .55);
}

.home-page .hero-ops-status {
    color: #b5c7d8;
}

.home-page .hero-ops-heading {
    justify-content: flex-start;
    margin: 20px 0;
}

.home-page .hero-ops-icon {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    color: #ffd18a;
    border: 1px solid rgba(240, 168, 67, .3);
    border-radius: 14px;
    background: rgba(240, 168, 67, .12);
    font-size: 18px;
}

.home-page .hero-ops-heading div {
    display: grid;
    gap: 5px;
}

.home-page .hero-ops-heading div > span {
    color: #a9bac9;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.home-page .hero-ops-heading strong {
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
}

.home-page .hero-ops-divider {
    height: 1px;
    margin-bottom: 8px;
    background: linear-gradient(90deg, rgba(240, 168, 67, .55), rgba(255, 255, 255, .08));
}

.home-page .hero-ops-row {
    padding: 12px 0;
    color: rgba(239, 246, 252, .84);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-size: 12px;
    font-weight: 600;
}

.home-page .hero-ops-row span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.home-page .hero-ops-row span i {
    width: 17px;
    color: #ffd18a;
    text-align: center;
}

.home-page .hero-ops-row > i {
    color: #56d7a0;
    font-size: 11px;
}

.home-page .hero-ops-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    color: #ffd18a;
    font-size: 12px;
    font-weight: 800;
}

.home-page .hero-ops-link:hover {
    color: #fff;
}

.home-page .hero-ops-link i {
    font-size: 11px;
    transition: transform .2s ease;
}

.home-page .hero-ops-link:hover i {
    transform: translate(2px, -2px);
}

.home-page .why-us .product-title::before {
    content: "THE AGO ADVANTAGE";
}

.home-page .why-us .product-title h3 {
    margin-bottom: 8px;
    color: #ffd18a;
    font-size: 13px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.home-page .hpcert-panel {
    border: 1px solid rgba(91, 159, 211, .22);
    background:
        radial-gradient(ellipse at 88% 8%, rgba(26, 105, 158, .28), transparent 38%),
        linear-gradient(135deg, #071c31 0%, #0a2945 55%, #071a2d 100%);
    box-shadow: 0 30px 80px rgba(7, 26, 45, .2);
}

.home-page .hpcert-head-copy h3 {
    max-width: 650px;
    font-size: clamp(26px, 3vw, 40px);
    letter-spacing: -.8px;
}

.home-page .hpcert-head-copy p {
    max-width: 560px;
    color: rgba(231, 240, 248, .74);
}

.home-page .hpcert-card {
    min-height: 190px;
    border-color: rgba(255, 255, 255, .13);
    background: linear-gradient(155deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

.home-page .hpcert-card:hover {
    transform: translateY(-5px);
    border-color: rgba(240, 168, 67, .55);
    background: linear-gradient(155deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .045));
    box-shadow: 0 16px 32px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .09);
}

.home-page .hpcert-ico {
    border: 1px solid rgba(240, 168, 67, .24);
    background: rgba(240, 168, 67, .13);
}

.home-page .hphw-sec {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 10% 18%, rgba(222, 236, 249, .62), transparent 34%),
        linear-gradient(180deg, #f6f9fc, #fff 74%);
}

.home-page .hphw-head h3 {
    max-width: 720px;
    margin: 15px auto 14px;
    font-size: clamp(29px, 4vw, 48px);
    line-height: 1.12;
    letter-spacing: -1.25px;
}

.home-page .hphw-head p {
    max-width: 680px;
    margin-right: auto;
    margin-left: auto;
    color: #62758a;
    font-size: 15px;
    line-height: 1.75;
}

.home-page .hphw-timeline {
    position: relative;
}

.home-page .hphw-spine {
    background: linear-gradient(180deg, rgba(240, 168, 67, .2), #0b3b66 12%, #0b3b66 88%, rgba(240, 168, 67, .2));
}

.home-page .hphw-node {
    z-index: 2;
    display: grid;
    place-items: center;
    color: #ffd18a;
    border: 1px solid rgba(240, 168, 67, .48);
    background: #092541;
    box-shadow: 0 0 0 7px #f2f6fa, 0 10px 24px rgba(9, 37, 65, .2);
    font-size: 12px;
    font-weight: 800;
}

.home-page .hphw-link {
    background: linear-gradient(90deg, rgba(11, 59, 102, .2), rgba(11, 59, 102, .08));
}

.home-page .hphw-card {
    border: 1px solid rgba(11, 59, 102, .1);
    border-radius: 22px;
    background: linear-gradient(145deg, #fff, #f8fbfe);
    box-shadow: 0 18px 48px rgba(13, 38, 64, .08), inset 0 1px 0 #fff;
}

.home-page .hphw-card h3 {
    color: #123451;
    letter-spacing: -.2px;
}

.home-page .hphw-card p {
    color: #64788b;
    line-height: 1.75;
}

.home-page .hphw-ico {
    border: 1px solid rgba(240, 168, 67, .32);
    background: linear-gradient(145deg, #0b3b66, #174f7b);
    box-shadow: 0 8px 18px rgba(11, 59, 102, .2);
}

.home-page .hphw-label {
    color: #9a641d;
    letter-spacing: 1.2px;
}

.home-page .hphw-foot {
    border-top: 1px solid rgba(11, 59, 102, .09);
}

.home-page .hphw-count {
    color: #8192a2;
}

.home-page .cta-banner {
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    background: linear-gradient(180deg, #fff 0%, #f4f8fc 100%);
}

.home-page .cta-inner {
    border: 1px solid rgba(111, 171, 213, .24);
    border-radius: 28px;
    background:
        radial-gradient(circle at 84% 0, rgba(50, 117, 169, .32), transparent 34%),
        linear-gradient(120deg, #071a2d, #0b3b66 70%, #102e4b);
    box-shadow: 0 30px 70px rgba(7, 26, 45, .22);
}

.home-page .cta-inner::after {
    position: absolute;
    right: 28%;
    bottom: -112px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    box-shadow: 0 0 0 22px rgba(255, 255, 255, .025), 0 0 0 48px rgba(255, 255, 255, .02);
    content: "";
    pointer-events: none;
}

.home-page .cta-eyebrow {
    color: #ffd18a;
}

.home-page .cta-copy h2 {
    max-width: 680px;
    font-size: clamp(29px, 4vw, 46px);
    letter-spacing: -1px;
}

.home-page .cta-call {
    color: rgba(255, 255, 255, .88);
}

.home-page #ago-site-footer {
    padding-bottom: 24px;
    background:
        radial-gradient(ellipse at 90% 0%, rgba(34, 101, 151, .26), transparent 36%),
        linear-gradient(145deg, #061626 0%, #071a2d 55%, #0a2238 100%);
}

.home-page #ago-site-footer .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px 28px;
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: rgba(236, 243, 249, .62);
    font-size: 11px;
}

.home-page #ago-site-footer .footer-bottom-brand,
.home-page #ago-site-footer .footer-bottom-links,
.home-page #ago-site-footer .footer-bottom-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.home-page #ago-site-footer .footer-bottom-brand > i {
    color: #ffd18a;
}

.home-page #ago-site-footer .footer-bottom-brand > span {
    color: rgba(255, 255, 255, .3);
}

.home-page #ago-site-footer .footer-bottom-links {
    flex-wrap: wrap;
    gap: 18px;
}

.home-page #ago-site-footer .footer-bottom a {
    color: rgba(236, 243, 249, .72);
}

.home-page #ago-site-footer .footer-bottom a:hover {
    color: #ffd18a;
}

.home-page #ago-site-footer .footer-bottom-status {
    gap: 9px;
    white-space: nowrap;
}

.home-page #ago-site-footer .footer-bottom-status i {
    width: 7px;
    height: 7px;
}

.home-page #ago-site-footer .footer-bottom-status strong {
    color: #fff;
}

@media (max-width: 1199px) {
    .home-page .hero-ops-panel {
        display: none;
    }

    .home-page .hero-wrap .container {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .home-page .hpcert-head-copy h3 {
        font-size: 27px;
    }

    .home-page .hpcert-card {
        min-height: 160px;
    }

    .home-page .hphw-head h3 {
        font-size: clamp(28px, 8vw, 36px);
        letter-spacing: -.8px;
    }

    .home-page .cta-banner {
        padding-top: 10px;
    }

    .home-page .cta-inner {
        border-radius: 21px;
    }

    .home-page #ago-site-footer .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 34px;
        gap: 14px;
    }

    .home-page #ago-site-footer .footer-bottom-links {
        gap: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page .hero-ops-link i {
        transition: none;
    }
}

/* -------------------------------------------------
   Fallback image-ratio consistency � already present in style.css
   but reinforced here for completeness
   ------------------------------------------------- */
.home-page .product-slider .slick-slide {
    height: auto !important;
    float: none;
}

.home-page .product-slider .slick-slide > div {
    height: 100%;
}

.home-page .product-slider .product-boxes {
    height: 100%;
}

.home-page .product-box {
    height: 100%;
    margin: 0 12px;
}

.home-page .product-images {
    height: 100%;
}
/* AGO � Rounded premium header (global) */

/* ---------- base ---------- */
:root{
  --primary-color: rgb(1,74,142);
  --secondary-color: #f0a945;
  --ink: #0a1c30;
  --ink-2: #12263f;
  --muted: #5f7185;
  --line: rgba(1,74,142,.10);
  --line-2: rgba(1,74,142,.20);
  --soft: #f4f7fb;
  --soft-2: #eaf1f9;
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius: 16px;
  --shadow-1: 0 10px 30px rgba(10,28,48,.07);
  --shadow-2: 0 22px 55px rgba(10,28,48,.12);
  --shadow-3: 0 34px 80px rgba(1,74,142,.20);
  --ease: cubic-bezier(.22,.7,.2,1);
}

/* ensure no horizontal overflow on header-related areas */
html, body{ overflow-x:hidden; }

/* ---------- top-band ---------- */
#ago-site-topbar{
  background:linear-gradient(90deg,#061a30 0%, var(--primary-color) 58%, #0a63bd 100%);
  padding:0; position:relative; z-index:5;
  /* subtle bottom gradient "seam" into the rounded header */
  .top-band::after{
    content:""; position:absolute; inset:0; bottom:0;
    background:linear-gradient(180deg, transparent 0%, rgba(6,26,48,.3) 100%);
    pointer-events:none;
  }
}
#ago-site-topbar .container{ max-width:1320px; }
#ago-site-topbar .row{ min-height:44px; align-items:center; gap:12px; }
#ago-site-topbar .top-contact-link ul{ display:flex; align-items:center; gap:20px; }
#ago-site-topbar .top-contact-link ul li a{
  display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:500; color:rgba(255,255,255,.88); transition:color .25s ease;
}
#ago-site-topbar .top-contact-link ul li a i{ color:var(--secondary-color); font-size:12px; }
#ago-site-topbar .top-contact-link ul li a:hover{ color:#fff; }
#ago-site-topbar .top-social-icon ul{ display:flex; align-items:center; justify-content:flex-end; gap:8px; }
#ago-site-topbar .top-social-icon ul li{ margin:0; font-size:13px; color:rgba(255,255,255,.70); }
#ago-site-topbar .top-social-icon ul li a{
  width:32px; height:32px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16);
  color:#fff; font-size:12px; transition:.25s var(--ease);
}
#ago-site-topbar .top-social-icon ul li a:hover{
  background:var(--secondary-color); border-color:var(--secondary-color); color:var(--ink); transform:translateY(-2px);
}

/* ---------- main-header ---------- */
#ago-site-header{position:sticky; top:10px;
  position:sticky; top:10px; z-index:900;
  width:min(1360px,calc(100% - 24px)); margin:10px auto;
  background:rgba(255,255,255,.86);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border:1px rgba(255,255,255,.4) solid;
  border-radius:22px;
  box-shadow:
    0 4px 20px rgba(10,28,48,.08),
    0 0 0 1px rgba(1,74,142,.08);
  transition:
    background .3s var(--ease),
    backdrop-filter .3s var(--ease),
    box-shadow .3s var(--ease),
    height .3s var(--ease),
    padding .3s var(--ease);
  height:68px;
  overflow:visible !important;
}
#ago-site-header.scrolled{
  background:rgba(255,255,255,.94);
  box-shadow:
    0 12px 40px rgba(10,28,48,.16),
    0 0 0 1px rgba(1,74,142,.12);
  height:56px;
}

/* keep inner height from collapsing on scroll */
#ago-site-header.scrolled .container{ height:56px; align-items:center; }
#ago-site-header .container{ max-width:1320px; width:100%; }
#ago-site-header .row{ height:100%; align-items:center; gap:12px; }

/* ---------- logo ---------- */
#ago-site-header .header-logo .logo a img{
  height:56px; width:auto;
  /* give logo breathing room on light background */
  filter: grayscale(.05) brightness(1.05);
}

/* ---------- nav / menu ---------- */
#ago-site-header .menu{ text-align:center; }
#ago-site-header .menu > ul{ display:flex; align-items:center; justify-content:center; gap:0; flex-wrap:wrap; }
#ago-site-header .menu > ul > li{ position:relative; margin:0 4px; }
#ago-site-header .menu > ul > li > a{
  position:relative; display:inline-flex; align-items:center; gap:6px;
  height:auto; min-height:60px; padding:0 18px;
  font-size:13.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase;
  color:var(--ink); transition:color .25s var(--ease);
  border-radius:999px; /* pill */
  background:transparent;
}
#ago-site-header .menu > ul > li > a i{
  font-size:11px; opacity:.55; transition:transform .3s var(--ease), opacity .3s ease;
}
#ago-site-header .menu > ul > li > a:after{
  content:""; position:absolute; left:8px; right:8px; bottom:6px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));
  transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease);
}
#ago-site-header .menu > ul > li:hover > a,
#ago-site-header .menu > ul > li.active > a{ color:var(--primary-color); }
#ago-site-header .menu > ul > li:hover > a:after,
#ago-site-header .menu > ul > li.active > a:after{ transform:scaleX(1); }
#ago-site-header .menu > ul > li:hover > a i{ transform:rotate(180deg); opacity:1; }

/* reduce font/padding at 1025-1199px */
@media (min-width:1025px) and (max-width:1199px){
  #ago-site-header .menu > ul > li > a{ font-size:12px; padding:0 12px; height:auto; min-height:52px; }
}

/* ---------- mega dropdown ---------- */
#ago-site-header .menu .dropdown{ position:relative; }
ul.dropdown-menus{
  position:absolute; top:100%; left:0; right:auto;
  background:#fff; border:1px solid var(--line-2); border-radius:20px;
  box-shadow:0 20px 50px rgba(10,28,48,.14);
  padding:16px 20px; z-index:999;
  opacity:0; visibility:hidden; transform:translateY(16px);
  transition:opacity .3s ease, transform .3s var(--ease), visibility .3s;
  /* 2-column grid at =1200, single column below */
  display:grid; grid-template-columns:1fr; gap:16px 20px;
}
@media (min-width:1200px){
  ul.dropdown-menus{ grid-template-columns:repeat(2, minmax(200px,1fr)); gap:20px 24px; }
}
#ago-site-header .menu .dropdown:hover > ul.dropdown-menus,
#ago-site-header .menu .dropdown:focus-within > ul.dropdown-menus{
  opacity:1; visibility:visible; transform:translateY(0);
}
ul.dropdown-menus li{ display:block; padding:0; margin:0; border-bottom:none; }
ul.dropdown-menus li a{
  display:flex; align-items:flex-start; gap:8px; padding:8px 12px;
  border-radius:12px; font-size:12.5px; font-weight:600; letter-spacing:.3px; text-transform:uppercase;
  color:#44586e; line-height:1.35; transition:.22s ease;
  background:transparent; border:none;
}
ul.dropdown-menus li a:before{
  content:"\f054"; font-family:"Font Awesome 6 Free"; font-weight:900;
  font-size:7px; color:var(--secondary-color); margin-top:3px; flex:0 0 auto;
}
ul.dropdown-menus li a:hover{
  background:var(--soft); color:var(--primary-color); transform:translateX(2px);
}

/* Arrow/caret rotation on dropdown hover */
#ago-site-header .menu .dropdown > a > i{
  transition:transform .3s var(--ease);
  font-size:9px; opacity:.6;
}
#ago-site-header .menu .dropdown:hover > a > i{ transform:rotate(180deg); opacity:1; }

/* ---------- search ---------- */
#ago-site-header .header-search{ margin-top:0; }
#ago-site-header .search-bar{ justify-content:flex-end; gap:6px; }
#ago-site-header .search-form{
  position:relative; display:flex; align-items:center; gap:4px;
  background:rgba(255,255,255,.7); backdrop-filter:blur(8px);
  border-radius:999px; padding:4px; min-width:280px;
  width:min(420px,100%);
}
input.search-input{
  width:100%; height:44px; padding:0 50px 0 16px;
  border:1px solid var(--line-2); border-radius:999px;
  background:var(--soft); color:var(--ink); font-size:13.5px; outline:none; transition:.25s ease;
  font-family:inherit;
}
input.search-input::placeholder{ color:#93a3b5; }
input.search-input:focus{
  background:#fff; border-color:var(--primary-color);
  box-shadow:0 0 0 4px rgba(1,74,142,.08);
  outline:2px solid rgba(1,74,142,.25);
}
#ago-site-header .search-btn{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:38px; height:38px; border-radius:50%; border:none;
  background:linear-gradient(135deg,var(--primary-color),#0a63bd);
  display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.25s ease;
  flex-shrink:0;
}
#ago-site-header .search-btn:hover{
  background:linear-gradient(135deg,var(--secondary-color),#ffc46b);
  box-shadow:0 0 0 2px rgba(240,169,69,.15);
}
button.search-btn i{ color:#fff; font-size:14px; }

/* search suggestions - override any inline position styles */
#ago-site-header .search-suggestions{
  position:absolute; top:100%; left:0; right:0;
  margin-top:8px; background:#fff; border-radius:12px;
  border:1px solid var(--line-2); box-shadow:0 12px 30px rgba(10,28,48,.12);
  padding:12px; z-index:1000;
  max-height:300px; overflow:auto;
  font-size:13px; color:var(--ink);
}
#ago-site-header .search-suggestions::-webkit-scrollbar{ width:6px; }
#ago-site-header .search-suggestions::-webkit-scrollbar-track{ background:transparent; }
#ago-site-header .search-suggestions::-webkit-scrollbar-thumb{ background:var(--line); border-radius:3px; }
#ago-site-header .search-suggestions a{
  display:block; padding:6px 10px; border-radius:8px; margin:4px 0;
  color:var(--ink); transition:.15s ease;
  white-space:normal; word-break:break-word;
}
#ago-site-header .search-suggestions a:hover{ background:var(--soft); color:var(--primary-color); transform:none; }

/* ---------- scrolled state micro-details ---------- */
#ago-site-header.scrolled{ box-shadow:0 12px 40px rgba(10,28,48,.16), 0 0 0 1px rgba(1,74,142,.12); }

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  #ago-site-header,
  #ago-site-topbar .top-social-icon ul li a,
  #ago-site-header .menu > ul > li > a:after,
  #ago-site-header .search-btn,
  ul.dropdown-menus,
  #ago-site-header .search-suggestions{
    transition:none !important;
  }
  #ago-site-header.scrolled{
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 12px 40px rgba(10,28,48,.16), 0 0 0 1px rgba(1,74,142,.12) !important;
  }
  #ago-site-header .menu > ul > li > a i{ transition:none; }
}

/* ---------- mobile inset adjustments (=1024px) ---------- */
@media (max-width:1024px){
  /* keep the sticky header inset breathing room */
  #ago-site-header{position:sticky; top:10px; top:6px; margin:6px auto; border-radius:20px; }
  #ago-site-header.scrolled{ top:6px; height:52px; }
  #ago-site-header .menu{
    position:fixed; inset:0 auto 0; /* full inset below header */
    width:calc(100% - 32px); max-width:380px;
    left:50%; transform:translateX(-50%) translateY(-8px);
    background:rgba(255,255,255,.94);
    backdrop-filter: blur(14px) saturate(160%);
    border-radius:20px; border:1px rgba(1,74,142,.08) solid;
    box-shadow:0 20px 50px rgba(10,28,48,.18);
    padding:24px 20px 16px; z-index:9998;
    opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s, transform .3s var(--ease);
  }
  #ago-site-header .show-menu .menu{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
  #ago-site-header .menu > ul{ display:block; }
  #ago-site-header .menu > ul > li{ display:block; width:100%; margin:10px 0; }
  #ago-site-header .menu > ul > li > a{
    display:block; padding:12px 14px; border-radius:12px; font-size:14px; color:var(--ink);
    background:transparent; width:100%; text-align:left;
  }
  #ago-site-header .menu > ul > li > a i{ display:inline; margin-left:6px; }
  ul.dropdown-menus{
    position:static; opacity:1; visibility:visible; transform:none;
    width:100%; max-width:none; display:block; box-shadow:none; border:none; border-radius:0;
    padding:8px 0 4px 12px; background:transparent;
  }
  ul.dropdown-menus li a{ padding:8px 12px; white-space:normal; }
  #ago-site-header .header-search{ display:block; width:100%; max-width:none; margin-top:12px; }
  #ago-site-header .search-form{ width:100%; }
  input.search-input{ border-radius:12px; }
  #ago-site-header .search-btn{
    position:relative; right:auto; top:auto; transform:none;
    margin-top:8px; width:36px; height:36px;
  }
  #ago-site-header .toogle-btn{
    position:absolute; top:10px; right:12px; z-index:9999;
    width:40px; height:40px; padding:0; border-radius:12px;
    background:linear-gradient(135deg,var(--primary-color),#0a63bd); color:#fff;
    display:flex; align-items:center; justify-content:center;
  }
}

/* ---------- thin gradient hairline at top of top-band ---------- */
#ago-site-topbar::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg, transparent, var(--secondary-color), transparent);
  opacity:.4; pointer-events:none;
}

/* AGO � Advanced premium footer (global) */

/* ============================================================
   SHELL � global (no .home-page prefix). Applies on all pages
   that have .footer-section without a .home-page ancestor.
   ============================================================ */
#ago-site-footer{
  background:linear-gradient(180deg,#f7fafd,#e9eef6) var(--bg,0 0) no-repeat;
  background-size:100% 100%;
  padding:80px 0 44px;
  border-top:1px solid var(--line);
  position:relative;
  overflow:hidden;
  --bs-grid-cols:4;
}
#ago-site-footer::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(1,74,142,.08) 0, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(240,169,69,.07) 0, transparent 50%);
  pointer-events:none;
  border-radius:34px 34px 0 0;
  z-index:1;
}
#ago-site-footer::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:0; top:44px;
  border-top:1px solid var(--line);
  pointer-events:none;
  z-index:1;
}
#ago-site-footer .row{
  --bs-grid-rows:1;
  display:grid !important;
  gap:48px;
  grid-template-columns:1.5fr 0.8fr 0.8fr 1fr;
}

/* ============================================================
   GRID LAYOUT � mobile-first
   ============================================================ */
@media(max-width:991px){
  #ago-site-footer .row{ grid-template-columns:1fr 1fr; gap:36px; }
}
@media(max-width:575px){
  #ago-site-footer .row{ grid-template-columns:1fr; gap:24px; }
}

/* ============================================================
   BRAND COLUMN � global
   ============================================================ */
#ago-site-footer .footer-logo-part{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:16px;
  order:1;
  margin-bottom:24px;
}
#ago-site-footer .footer-logo{
  position:relative;
  display:inline-block;
  margin-bottom:12px;
}
#ago-site-footer .footer-logo img{
  width:176px;
  height:auto;
  display:block;
}
#ago-site-footer .footer-logo-part p{
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
  max-width:260px;
  margin:0;
}
#ago-site-footer .footer-icon{
  display:flex;
  gap:12px;
  margin-top:20px;
  justify-content:center;
}
#ago-site-footer .footer-icon ul{
  display:flex;
  gap:12px;
  list-style:none;
  padding:0;
  margin:0;
}
#ago-site-footer .footer-icon ul li a{
  display:inline-flex;
  width:42px; height:42px;
  border-radius:12px;
  background:rgba(255,255,255,.8);
  border:1px solid var(--line-2);
  color:var(--primary-color);
  align-items:center;
  justify-content:center;
  transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);
  pointer-events:auto;
}
#ago-site-footer .footer-icon ul li a:hover{
  transform:translateY(-4px);
  background:rgba(240,169,69,.15);
  border-color:#f0a945;
  color:#f0a945;
}
#ago-site-footer .footer-icon ul li a:focus-visible,
#ago-site-footer .footer-icon ul li a:focus{
  outline:2px solid #f0a945;
  outline-offset:4px;
}

/* ============================================================
   LINK COLUMNS � global
   ============================================================ */
#ago-site-footer .footer-links{
  display:flex;
  flex-direction:column;
  gap:24px;
  order:2;
}
#ago-site-footer .footer-links h4{
  font-size:16px;
  font-weight:800;
  color:var(--ink);
  letter-spacing:.3px;
  margin-bottom:12px;
  padding-bottom:8px;
  position:relative;
}
#ago-site-footer .footer-links h4::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:24px; height:2px;
  background:linear-gradient(90deg, var(--secondary-color), transparent);
}
#ago-site-footer .footer-links ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
#ago-site-footer .footer-links ul li a{
  font-size:15px;
  color:var(--muted);
  text-decoration:none;
  display:block;
  padding:6px 0;
  position:relative;
  transition:color .2s var(--ease), transform .2s var(--ease);
}
#ago-site-footer .footer-links ul li a::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:0; height:1px;
  background:var(--secondary-color);
  transition:width .2s var(--ease);
}
#ago-site-footer .footer-links ul li a:hover{
  color:var(--secondary-color);
  transform:translateX(4px);
}
#ago-site-footer .footer-links ul li a:hover::after{
  width:100%;
}

/* ============================================================
   CONTACT COLUMN � global
   ============================================================ */
#ago-site-footer .footer-links.contact ul{
  flex-direction:column;
  gap:12px;
}
#ago-site-footer .footer-links.contact ul li{
  display:flex;
  align-items:start;
  gap:12px;
  background:rgba(255,255,255,.55);
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 14px;
  backdrop-filter:blur(4px);
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
#ago-site-footer .footer-links.contact ul li:hover{
  border-color:#f0a945;
  box-shadow:0 4px 12px rgba(240,169,69,.15);
}
#ago-site-footer .footer-links.contact ul li .icon{
  width:36px; height:36px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--secondary-color);
  border-radius:9px;
  color:#fff;
  margin-top:2px;
}
#ago-site-footer .footer-links.contact ul li span{
  flex:1;
  font-size:14px;
  line-height:1.5;
  color:var(--ink);
}
#ago-site-footer .footer-links.contact ul li a{
  flex-shrink:0;
  color:var(--primary-color);
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  transition:text-decoration .2s var(--ease);
}
#ago-site-footer .footer-links.contact ul li a:hover{
  text-decoration:underline;
}

/* ============================================================
   HOME PAGE OVERRIDES � equal specificity to existing
   .home-page .footer-section rules in style.css. Since this CSS
   is appended last, these rules win on the home page due to
   equal specificity + later cascade order.
   ============================================================ */
.home-page #ago-site-footer{
  background:linear-gradient(180deg,#f7fafd,#e9eef6) var(--bg,0 0) no-repeat;
  background-size:100% 100%;
  padding:80px 0 44px;
  border-top:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
.home-page #ago-site-footer::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(1,74,142,.08) 0, transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(240,169,69,.07) 0, transparent 50%);
  pointer-events:none;
  border-radius:34px 34px 0 0;
  z-index:1;
}
.home-page #ago-site-footer::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:0; top:44px;
  border-top:1px solid var(--line);
  pointer-events:none;
  z-index:1;
}
.home-page #ago-site-footer .row{
  --bs-grid-rows:1;
  display:grid !important;
  gap:48px;
  grid-template-columns:1.5fr 0.8fr 0.8fr 1fr !important;
}
@media(max-width:991px){
  .home-page #ago-site-footer .row{ grid-template-columns:1fr 1fr !important; gap:36px !important; }
}
@media(max-width:575px){
  .home-page #ago-site-footer .row{ grid-template-columns:1fr !important; gap:24px !important; }
}
.home-page #ago-site-footer .footer-logo-part{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:16px;
  order:1;
  margin-bottom:24px;
}
.home-page #ago-site-footer .footer-logo img{ width:176px; height:auto; display:block; }
.home-page #ago-site-footer .footer-logo-part p{ color:var(--muted); font-size:15px; line-height:1.7; max-width:260px; margin:0; }
.home-page #ago-site-footer .footer-icon{ display:flex; gap:12px; margin-top:20px; justify-content:center; }
.home-page #ago-site-footer .footer-icon ul{ display:flex; gap:12px; list-style:none; padding:0; margin:0; }
.home-page #ago-site-footer .footer-icon ul li a{
  display:inline-flex;
  width:42px; height:42px;
  border-radius:12px;
  background:rgba(255,255,255,.8);
  border:1px solid var(--line-2);
  color:var(--primary-color);
  align-items:center;
  justify-content:center;
  transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);
  pointer-events:auto;
}
.home-page #ago-site-footer .footer-icon ul li a:hover{
  transform:translateY(-4px);
  background:rgba(240,169,69,.15);
  border-color:#f0a945;
  color:#f0a945;
}
.home-page #ago-site-footer .footer-icon ul li a:focus-visible,
.home-page #ago-site-footer .footer-icon ul li a:focus{
  outline:2px solid #f0a945;
  outline-offset:4px;
}
.home-page #ago-site-footer .footer-links{
  display:flex;
  flex-direction:column;
  gap:24px;
  order:2;
}
.home-page #ago-site-footer .footer-links h4{
  font-size:16px; font-weight:800; color:var(--ink); letter-spacing:.3px; margin-bottom:12px; position:relative;
}
.home-page #ago-site-footer .footer-links h4::after{
  content:""; position:absolute; left:0; bottom:0; width:24px; height:2px; background:linear-gradient(90deg, var(--secondary-color), transparent);
}
.home-page #ago-site-footer .footer-links ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.home-page #ago-site-footer .footer-links ul li a{
  font-size:15px; color:var(--muted); text-decoration:none; display:block; padding:6px 0; position:relative; transition:color .2s var(--ease), transform .2s var(--ease);
}
.home-page #ago-site-footer .footer-links ul li a::after{
  content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--secondary-color); transition:width .2s var(--ease);
}
.home-page #ago-site-footer .footer-links ul li a:hover{ color:var(--secondary-color); transform:translateX(4px); }
.home-page #ago-site-footer .footer-links ul li a:hover::after{ width:100%; }
.home-page #ago-site-footer .footer-links.contact ul{ flex-direction:column; gap:12px; }
.home-page #ago-site-footer .footer-links.contact ul li{ display:flex; align-items:start; gap:12px; background:rgba(255,255,255,.55); border:1px solid var(--line); border-radius:10px; padding:10px 14px; backdrop-filter:blur(4px); transition:border-color .2s var(--ease), box-shadow .2s var(--ease); }
.home-page #ago-site-footer .footer-links.contact ul li:hover{ border-color:#f0a945; box-shadow:0 4px 12px rgba(240,169,69,.15); }
.home-page #ago-site-footer .footer-links.contact ul li .icon{ width:36px; height:36px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:var(--secondary-color); border-radius:9px; color:#fff; margin-top:2px; }
.home-page #ago-site-footer .footer-links.contact ul li span{ flex:1; font-size:14px; line-height:1.5; color:var(--ink); }
.home-page #ago-site-footer .footer-links.contact ul li a{ flex-shrink:0; color:var(--primary-color); font-size:14px; font-weight:600; white-space:nowrap; transition:text-decoration .2s var(--ease); }
.home-page #ago-site-footer .footer-links.contact ul li a:hover{ text-decoration:underline; }

/* ============================================================
   PREFERRED REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  #ago-site-footer .footer-icon ul li a,
  #ago-site-footer .footer-links ul li a,
  #ago-site-footer .footer-links.contact ul li,
  #ago-site-footer::before,
  #ago-site-footer::after{
    transition:none !important;
    animation:none !important;
  }
  #ago-site-footer .footer-icon ul li a:hover{ transform:none !important; }
  #ago-site-footer .footer-links ul li a:hover::after{ width:100% !important; }
  #ago-site-footer .footer-links.contact ul li:hover{ border-color:var(--line) !important; box-shadow:none !important; }
}
/* AGO � Why Choose Us + Our Product */

/* -------------------------------------------------
   WHY CHOOSE US SECTION
   ------------------------------------------------- */

/* Section root � keep .reveal for IntersectionObserver */
.home-page .why-us.reveal {
    padding: 96px 0 60px;
    background: #fff;
}

/* Section header: amber eyebrow "Why Ago Aviation" + existing heading + p */
.home-page .why-us .product-title {
    position: relative;
    text-align: center;
    margin-bottom: 48px;
}

.home-page .why-us .product-title::before {
    content: "Why Ago Aviation";
    display: inline-block;
    font-size: 12px;
    letter-spacing: 3.4px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--secondary-color);
    background: rgba(240,169,69,.12);
    border: 1px solid rgba(240,169,69,.30);
    padding: 7px 17px;
    border-radius: 99px;
    margin-bottom: 16px;
    margin-top: -12px;
}

/* Keep the existing h3 "Why Choose Us" and h2 + p verbatim */
.home-page .why-us .product-title h3 {
    font-size: clamp(22px, 3.5vw, 34px);
    font-weight: 800;
    letter-spacing: -.4px;
    color: var(--ink);
    margin-bottom: 12px;
}

.home-page .why-us .product-title h2 {
    font-size: clamp(26px, 2.9vw, 46px);
    line-height: 1.14;
    font-weight: 800;
    letter-spacing: -.6px;
    text-transform: none;
    color: var(--ink);
    margin-bottom: 18px;
}

.home-page .why-us .product-title p {
    color: var(--muted);
    font-size: 16px;
    line-height: 1.82;
    max-width: 620px;
    margin: 0 auto;
}

/* ------------------------------
   Bento grid: 6 why-cards
   ------------------------------ */
.home-page .why-us .why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Collapse: 3 cols ? 2 cols ? 1 col */
@media (max-width: 1100px) {
    .home-page .why-us .why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .home-page .why-us .why-grid {
        grid-template-columns: 1fr;
    }
}

/* Feature card 1 spans 2 columns on desktop � the "bento" accent */
.home-page .why-us .why-card:first-child {
    grid-column: span 2;
}

/* Why cards � consistent height, thin borders, soft shadow */
.home-page .why-us .why-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: var(--ease);
    position: relative;
    overflow: hidden;
}

/* Amber glow on hover � thin border + subtle shadow */
.home-page .why-us .why-card:hover {
    border-color: var(--secondary-color);
    box-shadow: 0 0 0 1px var(--secondary-color), 0 12px 36px rgba(1,74,142,.15);
    transform: translateY(-4px);
}

/* ------------------------------
   Gradient icon tiles inside why-cards
   ------------------------------ */
.home-page .why-us .why-ico {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
    border-radius: var(--radius);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.home-page .why-us .why-ico::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: calc(var(--radius) - 2px);
    border: 1px solid rgba(255,255,255,.3);
    z-index: -1;
}

.home-page .why-us .why-ico i {
    color: #fff;
    font-size: 20px;
    transition: transform .3s var(--ease);
}

.home-page .why-us .why-card:hover .why-ico i {
    transform: scale(1.1);
}

/* Why card heading & body */
.home-page .why-us .why-card h3 {
    font-size: clamp(16px, 1.8vw, 18px);
    font-weight: 700;
    color: var(--ink);
    line-height: 1.3;
    margin: 0;
}

.home-page .why-us .why-card p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--muted);
    flex: 1;
    margin: 0;
}

/* -------------------------------------------------
   PRODUCT SECTION (Our Product)
   ------------------------------------------------- */

/* Section root */
.home-page .product-sec {
    padding: 96px 0 120px;
    background: linear-gradient(180deg,#f7fafd 0%, #eef3f9 100%);
}

/* Keep the existing .home-page .product-slider .slick-track guard */
.home-page .product-slider .slick-track {
    display: flex !important;
}

/* =====================================================
     Product header: eyebrow "Our Range" + "OUR PRODUCT" + supporting line + CTA
   ===================================================== */
.home-page .product-sec .product-title {
    position: relative;
    text-align: center;
    margin-bottom: 32px;
}

.home-page .product-sec .product-title::before {
    content: "Our Range";
    display: inline-block;
    font-size: 12px;
    letter-spacing: 3.4px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--secondary-color);
    background: rgba(240,169,69,.12);
    border: 1px solid rgba(240,169,69,.30);
    padding: 7px 17px;
    border-radius: 99px;
    margin-bottom: 8px;
}

/* Existing big "OUR PRODUCT" heading � keep verbatim */
.home-page .product-sec .product-title h2 {
    font-size: clamp(36px, 5.5vw, 52px);
    font-weight: 800;
    letter-spacing: -1.5px;
    color: var(--ink);
    margin-bottom: 12px;
}

/* Short supporting line */
.home-page .product-sec .product-title p {
    font-size: 15px;
    color: var(--muted);
    margin: 0 auto;
    max-width: 600px;
    padding: 0 16px;
}

/* "View All Parts" CTA link � absolutely positioned within the title area */
.home-page .product-sec .product-title .view-all-parts {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    padding: 10px 28px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--primary-color);
    background: transparent;
    border: 2px solid var(--primary-color);
    border-radius: var(--radius);
    transition: var(--ease);
    white-space: nowrap;
}

.home-page .product-sec .product-title .view-all-parts:hover {
    background: var(--primary-color);
    color: #fff;
}

/* -------------------------------------------------
   Product cards restyling
   ------------------------------------------------- */
.home-page .product-sec .product-box {
    flex: 1 0 0;          /* allow growth, shrink, base 0 */
    height: 100%;        /* equal-height guard */
    margin: 0 12px;      /* keep existing horizontal spacing */
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-1);
    transition: var(--ease);
    display: flex;
    flex-direction: column;
}

/* Hover lift + gradient overlay emphasis */
.home-page .product-sec .product-box:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-2);
    border-color: transparent;
}

/* Product images container � gradient dark-to-transparent bottom overlay */
.home-page .product-sec .product-images {
    position: relative;
    height: 230px;
    width: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.45) 100%);
}

/* Ensure images keep consistent ratios so slider never jumps */
.home-page .product-sec .product-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Base style for index numbers � positioned on each product image */
.home-page .product-sec .product-images::after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 12px;
    font-family: "Yantramanav", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .2px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 1;
    min-width: 24px;
    text-align: center;
    line-height: 20px;
}

/* Index numbers 01�14 via nth-child (must come after the base rule above) */
.home-page .product-sec .product-box:nth-child(1) .product-images::after {
    content: "01";
}
.home-page .product-sec .product-box:nth-child(2) .product-images::after {
    content: "02";
}
.home-page .product-sec .product-box:nth-child(3) .product-images::after {
    content: "03";
}
.home-page .product-sec .product-box:nth-child(4) .product-images::after {
    content: "04";
}
.home-page .product-sec .product-box:nth-child(5) .product-images::after {
    content: "05";
}
.home-page .product-sec .product-box:nth-child(6) .product-images::after {
    content: "06";
}
.home-page .product-sec .product-box:nth-child(7) .product-images::after {
    content: "07";
}
.home-page .product-sec .product-box:nth-child(8) .product-images::after {
    content: "08";
}
.home-page .product-sec .product-box:nth-child(9) .product-images::after {
    content: "09";
}
.home-page .product-sec .product-box:nth-child(10) .product-images::after {
    content: "10";
}
.home-page .product-sec .product-box:nth-child(11) .product-images::after {
    content: "11";
}
.home-page .product-sec .product-box:nth-child(12) .product-images::after {
    content: "12";
}
.home-page .product-sec .product-box:nth-child(13) .product-images::after {
    content: "13";
}
.home-page .product-sec .product-box:nth-child(14) .product-images::after {
    content: "14";
}

/* Hover arrow chip � uses ::after on .product-box, shown on :hover */
.home-page .product-sec .product-box {
    position: relative;
}

.home-page .product-sec .product-box::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: var(--secondary-color);
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(4px);
    transition: var(--ease);
    z-index: 2;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 10px;
    color: #fff;
}

.home-page .product-sec .product-box:hover::after {
    opacity: 1;
    transform: translateY(0);
}

/* =====================================================
     Slick dots restyling � slim amber bars
   ===================================================== */
.home-page .product-sec .slick-dots {
    bottom: -52px !important;
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.home-page .product-sec .slick-dots li {
    width: 26px;
    height: 6px;
    margin: 0 4px;
    border-radius: 6px;
    background: rgba(240,169,69,.35);
    transition: .3s ease;
    border: none;
}

.home-page .product-sec .slick-dots li.slick-active {
    width: 42px;
    background: var(--secondary-color);
    border-radius: 6px;
    transition: .3s ease;
}

/* Keep the button::before hidden as already required */
.home-page .product-sec .slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
}

.home-page .product-sec .slick-dots li button:before {
    display: none !important;
}

/* -------------------------------------------------
   Reduced-motion override
   ------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .home-page .why-us .why-card:hover,
    .home-page .product-sec .product-box:hover {
        transform: none;
        box-shadow: inherit;
    }

    .home-page .why-us .why-ico i,
    .home-page .product-sec .product-arrow-chip {
        transition: none;
    }

    .home-page .product-sec .product-images::after {
        animation: none;
    }

    .home-page .product-sec .slick-dots li {
        transition: none;
    }
}

/* -------------------------------------------------
   Fallback image-ratio consistency � already present in style.css
   but reinforced here for completeness
   ------------------------------------------------- */
.home-page .product-slider .slick-slide {
    height: auto !important;
    float: none;
}

.home-page .product-slider .slick-slide > div {
    height: 100%;
}

.home-page .product-slider .product-boxes {
    height: 100%;
}

.home-page .product-box {
    height: 100%;
    margin: 0 12px;
}

.home-page .product-images {
    height: 100%;
}

/* ==========================================================
   STICKY HEADER FIX (2026-10-20)
   overflow-x:hidden on html/body turns the page into the
   sticky containing block and kills position:sticky.
   `clip` keeps horizontal clipping WITHOUT creating a
   scroll container, so the header sticks again.
   ========================================================== */
html,
body,
body.home-page {
    overflow-x: clip;
}