:root {
     --primary: #0b1b2b;
     /* deep navy */
     --secondary: #b08d2a;
     /* gold accent */
     --text: #eaeaea;
   }

   body {
     font-family: "Poppins", sans-serif;
     background: #fff;
   }

   .sitename {
     font-weight: 700;
     letter-spacing: 1px;
   }


.header{
    background:#fff;
    box-shadow:0 3px 20px rgba(0,0,0,.08);
    z-index:999;
}


.logo img{
    max-height:45px;
}

.sitename{
    font-size:26px;
    font-weight:700;
    color:var(--primary);
}

.navmenu ul{
    display:flex;
    list-style:none;
    gap:28px;
    margin:0;
    padding:0;
}

.navmenu a{
    text-decoration:none;
    color:#333;
    font-weight:600;
    transition:.3s;
}

.navmenu a:hover,
.navmenu .active{
    color:var(--secondary);
}

.logo img{
    max-height:45px;
}

.sitename{
    font-size:26px;
    font-weight:700;
    color:var(--primary);
}


   /* Hero 
   #hero {
     background: linear-gradient(rgba(11, 27, 43, 0.85), rgba(11, 27, 43, 0.85)),
       url('assets/img/banner/banner.png') center/cover;
     color: white;
   }

   #hero h2 {
     font-weight: 700;
   }*/

   .btn-get-started {
     background: var(--secondary);
     color: #000;
     padding: 10px 20px;
     border-radius: 5px;
     font-weight: 600;
   }

   .btn-get-started:hover {
     background: #d4af37;
   }

   /* Section Titles */
   .section-title h2 {
     color: var(--primary);
     font-weight: 700;
   }

   /* Cards */
   .icon-box,
   .service-item {
     border: 1px solid rgba(0, 0, 0, 0.05);
     transition: 0.3s;
   }

   .icon-box:hover {
     transform: translateY(-5px);
     border-color: var(--secondary);
   }

   /* Footer */
   footer {
     background: var(--primary);
     color: white;
   }

   footer a {
     color: #ccc;
   }

   .logo img {
     max-height: 45px;
     object-fit: contain;
   }

   @media (max-width:768px) {
     .sitename {
       font-size: 18px;
     }

     

     .logo img {
       height: 38px;
     }
   }

   /* ================= ABOUT SECTION ================= */
   /* ================= ABOUT SECTION ================= */


   #about {

     background: #f6f8fb;

     padding: 40px 0;

   }



   .about-intro {

     max-width: 950px;

     margin: 0 auto 45px;

     text-align: center;

     font-size: 17px;

     line-height: 1.8;

     color: #555;

   }



   /* CARD */

   .mv-card {


     background: #ffffff;

     border-radius: 18px;

     padding: 35px;


     height: 100%;


     border: 1px solid rgba(11, 27, 43, 0.08);


     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);


     transition: 0.3s ease;


   }



   .mv-card:hover {


     transform: translateY(-8px);


     box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);


   }




   /* ICON */


   .mv-icon {


     width: 65px;

     height: 65px;


     display: flex;

     align-items: center;

     justify-content: center;


     border-radius: 50%;


     background: #0b1b2b;


     color: #b08d2a;


     font-size: 28px;


     margin-bottom: 25px;


   }




   /* Vision icon */


   .vision-card .mv-icon {


     background: #b08d2a;

     color: white;


   }




   /* TITLE */


   .mv-card h3 {


     font-size: 28px;

     font-weight: 700;


     color: #0b1b2b;


     margin-bottom: 15px;


   }




   /* TEXT */


   .mv-card p {


     font-size: 16px;


     color: #555;


     line-height: 1.8;


     margin: 0;


   }




   @media(max-width:768px) {


     .mv-card {

       padding: 25px;

     }


   }

   /* ================= PRODUCT CARDS ================= */
   /* ================= PRODUCTS SECTION ================= */


   #products {

     background: #f6f8fb;

     padding: 30px 0;

   }




   /* PRODUCT GRID */

   #products .row {

     row-gap: 35px;

   }



   /* PRODUCT CARD */


 /*   .product-card {
     background: #ffffff;
     border-radius: 18px;
     overflow: hidden;
     height: 100%;
     border: 1px solid rgba(0, 0, 0, 0.06);
     box-shadow:0 8px 25px rgba(0, 0, 0, 0.08);
     transition: 0.35s ease;
   } */
   .product-card{

    display:flex;

    flex-direction:column;

    height:100%;
}




   .product-card:hover {


     transform: translateY(-8px);


     box-shadow:

       0 20px 40px rgba(0, 0, 0, 0.15);


   }






   /* IMAGE SECTION */


   .product-img {


     width: 100%;


     height: 280px;


     background: #ffffff;


     display: flex;


     align-items: center;


     justify-content: center;


     overflow: hidden;


     padding: 15px;


   }




   .product-img img {


     width: 100%;


     height: 100%;


     object-fit: cover;


     transition: 0.5s ease;


   }




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


     transform: scale(1.08);


   }







   /* CONTENT AREA */


   .product-content {


      padding:18px 18px 20px;

   }



.product-content{

    display:flex;

    flex-direction:column;

    flex:1;
}


   /* CATEGORY BADGE */


   .product-tag {


     display: inline-block;


     background: #b08d2a;


     color: white;


     font-size: 12px;


     font-weight: 600;


     letter-spacing: .5px;


     padding: 6px 14px;


     border-radius: 20px;


     margin-bottom: 15px;


   }






   /* PRODUCT TITLE */


   .product-content h4 {
    font-size: 22px;
    line-height: 0.3;
    font-weight: 800;
    color: #b08d2a;
	margin-bottom:6px;
   }






   /* DESCRIPTION */


   .product-content p {


     /* font-size: 16px;


     color: #666;


     line-height: 1.6;


     margin-bottom: 20px;


     min-height: 45px; */

  margin-bottom:10px;

    min-height:auto;
   }







   /* BUTTON */


   .product-btn {


     display: inline-flex;


     align-items: center;


     gap: 8px;


     color: #b08d2a;


     font-weight: 700;


     text-decoration: none;


     font-size: 16px;


     transition: .3s;

	margin-top:auto;
   }



   .product-btn:hover {


     color: #0b1b2b;


   }





   /* MOBILE */


   @media(max-width:991px) {


     .product-img {

       height: 240px;

     }


   }





   @media(max-width:576px) {


     #products {

       padding: 50px 15px;

     }


     .product-content h4 {

       font-size: 20px;

     }


   }

   /* ================= BUYERS SECTION ================= */
   /*================ BUYERS SECTION ================*/

.buyers-section{
    padding:0px 0;
    background:#f8f9fc;
}

.buyers-section .section-title h2{
    font-size:30px;
    font-weight:700;
    color:#0b1b2b;
}

.buyers-section .section-title p{
    color:#777;
    margin-top:10px;
    margin-bottom:45px;
}

.logo-slider{
    overflow:hidden;
    position:relative;
}

.logo-track{
    display:flex;
    align-items:center;
    width:calc(250px * 8);
    animation:scrollLogo 22s linear infinite;
}

.logo-slider:hover .logo-track{
    animation-play-state:paused;
}

.client-logo{
    width:220px;
    height:140px;

    margin:0 20px;

    background:#fff;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.35s;
}

.client-logo:hover{

    transform:translateY(-10px);

    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.client-logo img{

    max-width:150px;

    max-height:90px;

    object-fit:contain;

    transition:.4s;
}

.client-logo:hover img{

    transform:scale(1.08);
}

@keyframes scrollLogo{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}
   /* ================= CONTACT SECTION ================= */


   .contact-section {

     background: #f7f8fa;

     padding: 80px 0;

   }



   .contact-info,
   .contact-form {


     background: white;

     padding: 35px;

     border-radius: 20px;

     box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);

     height: 100%;

   }




   .contact-info h3,
   .contact-form h3 {

     font-size: 28px;

     font-weight: 700;

     margin-bottom: 20px;

   }




   .contact-item {

     display: flex;

     gap: 20px;

     margin-top: 25px;

     align-items: center;

   }



   .contact-item i {

     font-size: 25px;

     width: 50px;

     height: 50px;

     display: flex;

     align-items: center;

     justify-content: center;

     background: #111;

     color: white;

     border-radius: 50%;

   }



   .contact-item h5 {

     margin: 0;

     font-size: 17px;

     font-weight: 600;

   }



   .contact-item p {

     margin: 3px 0;

     color: #666;

   }





   .contact-form input,
   .contact-form textarea {


     width: 100%;

     padding: 14px 18px;

     margin-bottom: 18px;

     border-radius: 10px;

     border: 1px solid #ddd;

     font-size: 15px;

   }





   .contact-form input:focus,
   .contact-form textarea:focus {

     outline: none;

     border-color: #111;

     box-shadow: none;

   }




   .contact-form button {


     background: #111;

     color: white;

     border: none;

     padding: 14px 35px;

     border-radius: 30px;

     font-size: 16px;

     transition: 0.3s;


   }



   .contact-form button:hover {


     background: #333;

     transform: translateY(-3px);

   }




   @media(max-width:768px) {


     .contact-info,
     .contact-form {

       margin-bottom: 25px;

     }
   }

   /* ================= HERO ================= */


   /* ================= HERO ================= */

.hero {
    position: relative;
    height: 30vh;
    min-height: 300px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #fff;
}

/* Background Image */
.hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* Overlay */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 6%);
    z-index: 1;
}

/* Content */
.hero .container {
    position: relative;
    z-index: 2;
}

.hero-content {
    max-width: 650px;
}

/* Small Heading */
.hero-content h5 {
    font-size: 18px;
    font-weight: 600;
    color: #d6a84b;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

/* Main Heading */
.hero-content h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.15;
    /* text-transform: uppercase; */
    margin-bottom: 12px;
}

.hero-content h1 span {
    color: #d6a84b;
}

/* Subtitle */
.main-text {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

/* Optional Description */
.description {
    font-size: 15px;
    line-height: 1.6;
    max-width: 550px;
    margin-bottom: 20px;
}

/* Button */
.btn-get-started {
    display: inline-block;
    padding: 10px 28px;
    background: #d6a84b;
    color: #000;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.btn-get-started:hover {
    background: #c7962d;
    color: #000;
}

/* ================= Tablet ================= */

@media (max-width: 992px) {

    .hero {
        height: 38vh;
        min-height: 320px;
    }

    .hero-content h1 {
        font-size: 34px;
    }

    .hero-content h5 {
        font-size: 17px;
    }

    .main-text {
        font-size: 17px;
    }

    .btn-get-started {
        padding: 10px 24px;
    }

}

/* ================= Mobile ================= */

@media (max-width: 768px) {

    .hero {
        height: 45vh;
        min-height: 160px;
    }

    .hero-content {
        text-align: center;
        margin: auto;
    }

    .hero-content h5 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .hero-content h1 {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .main-text {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .description {
        font-size: 14px;
    }

    .btn-get-started {
        padding: 10px 22px;
        font-size: 14px;
    }

}

/* ================= Small Mobile ================= */

@media (max-width: 480px) {

    .hero {
        height: 15vh;
        min-height: 160px;
    }

    .hero-content h5 {
        font-size: 14px;
    }

    .hero-content h1 {
        font-size: 22px;
    }

    .main-text {
        font-size: 14px;
    }

    .btn-get-started {
        padding: 8px 18px;
        font-size: 13px;
    }

}

/* product-content css 06-07-2026*/
/*==============================
 Product Links
===============================*/

.product-links{

    margin:0px 0 0px;
}

.product-link{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:7px 0;

    text-decoration:none;

    color:#233042;

    font-size:15px;

    font-weight:500;

    border-bottom:1px solid #eceff3;

    transition:all .35s ease;
}

.product-link:last-child{

    border-bottom:none;
}

.product-link span{

    transition:.35s;
}

.product-link i{

    font-size:15px;

    color:#b08d2a;

    transition:.35s;
}

/* Hover */

.product-link:hover{

    color:#b08d2a;
}

.product-link:hover span{

    transform:translateX(8px);
}

.product-link:hover i{

    transform:translate(4px,-4px);
}
.feature-title{

     font-size:10px;

    text-transform:uppercase;

        letter-spacing:1.5px;

        color:#999;

    font-weight:600;

    margin-bottom:5px;
}