:root{
    --primary:#0A84FF;
    --dark:#06142B;
    --light:#F5F8FC;
    --white:#ffffff;
}

/* =======================
   Navbar
======================= */

.navbar{

background:
rgba(6,20,43,.92);

backdrop-filter:
blur(10px);

transition:.3s;

}

.navbar-brand{
    display:flex;
    align-items:center;
    padding:0;
    margin-right:30px;
    color:#fff !important;
}
.navbar-logo{
    height:50px !important;
    width:auto !important;
    max-height:50px !important;
    max-width:120px !important;
    object-fit:contain;
    display:block;
}

.nav-link{

color:#fff !important;

margin-left:20px;

font-size:15px;

}

.nav-link:hover,
.nav-link.active{
    color:#0A84FF !important;
    font-weight:700;
}

.dropdown-item:hover,
.dropdown-item:focus{
    color:#0A84FF !important;
    background:#F5F8FC;
}

.lang-switch button{

margin-left:8px;

}
.news-link{

display:block;

color:inherit;

text-decoration:none;

transition:.3s;

}

.news-link:hover{

color:#0A84FF;

padding-left:8px;

}

.news-feature-link{

display:block;

text-decoration:none;

color:inherit;

}

.news-feature-link:hover .news-card{

transform:translateY(-5px);

}

.news-card{

transition:.3s;

}
.section{
padding:80px 0;
}
/* =======================
   Inquiry
======================= */

.inquiry{

background:#fff;

padding:40px;

border-radius:16px;

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

max-width:1000px;

margin:auto;

}

.inquiry h2{

font-size:36px;

font-weight:700;

color:#06142B;

margin-bottom:30px;

text-align:center;

}

.inquiry .form-control{

padding:12px 15px;

border-radius:10px;

border:1px solid #ddd;

}

.inquiry .form-control:focus{

border-color:#0A84FF;

box-shadow:0 0 0 .2rem rgba(10,132,255,.15);

}

.inquiry textarea.form-control{

min-height:140px;

}

.inquiry button{

padding:12px 50px;

font-size:18px;

border-radius:50px;

}
/* =======================
   footer
======================= */
.footer{

    background:#06142B;

    color:#fff;

    padding:80px 0 20px;

}

.footer a,
.footer a:link,
.footer a:visited{
    color:#fff !important;
    display:block;
    margin-bottom:8px;
    text-decoration:none;
}

.footer a:hover{
    color:#0A84FF !important;
}

.beian{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
    white-space:nowrap;
    font-size:14px;
}

.beian a{
    display:inline-flex !important;
    align-items:center;
    margin-bottom:0 !important;
}

.beian .divider{
    color:#999;
}

.footer-bottom{

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

    margin-top:40px;

    padding-top:25px;

    text-align:center;

}

#topBtn{

position:fixed;

right:20px;

bottom:20px;

width:50px;

height:50px;

border:none;

border-radius:50%;

background:#0A84FF;

color:#fff;

font-size:20px;

display:none;

z-index:9999;

}
/* =======================
   Product Card
======================= */

.product-card{

    background:#fff;

    border-radius:16px;

    overflow:hidden;

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

    transition:.3s;

    height:100%;

}

.product-card:hover{

    transform:translateY(-5px);

}

.product-card img{

    width:100%;

    height:180px;

    object-fit:cover;

    display:block;

}

.product-card .p-3{

    min-height:170px;

}
/* =======================
   Fix Banner Gap
======================= */

.hero-product{
    margin-top:64px !important;
}


/* =======================
   Home Featured News Image
======================= */

#featuredNews{
    width:100%;
    max-width:520px;
    margin:0;
}

#featuredNews .news-card{
    width:100%;
    overflow:hidden;
}

#featuredNews .news-card img{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
}