/*=====================================
=            Partner Slider           =
=====================================*/
.spartner .product-wrapper{position:relative}
.spartner .product-scroll{align-items:center}
.spartner .product-card{padding:10px;height:auto!important;min-height:unset!important;background:none;border:none;box-shadow:none}
.spartner .product-thumb{aspect-ratio:auto!important;min-height:unset!important;height:80px!important;border:1px solid #ebe9eb;display:flex;align-items:center;justify-content:center;background-size:contain}
/* Hover nhẹ */
.spartner .product-thumb:hover{transform:scale(1.03)}
/* Nếu product slider đang ép ảnh */
.spartner img{height:auto!important;max-height:60px;width:auto}
/* Mobile */
@media (max-width:767px){
  .spartner .product-thumb{height:75px!important}
}
.spartner h5{font-size:20px;font-weight:700}

/*******************************
 * STYLE FOR FOOTER
 * *****************************/
.footer-col,.footer-block,.newsletter-footer{background:rgba(255,255,255,0.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:18px;margin-bottom:20px;transition:0.3s ease}
.footer-col:hover,.footer-block:hover,.newsletter-footer:hover{transform:translateY(-4px);border-color:rgba(245,158,11,0.4)}
.site-footer{background:linear-gradient(135deg,#0b1220,#0f172a);color:#cbd5e1;padding-top:60px;font-family:Arial,sans-serif}
/* Title */
.site-footer h3{color:#ffffff;font-size:15px;font-weight:700;margin-bottom:18px;position:relative;padding-bottom:8px}
.site-footer h3::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background:#f59e0b;border-radius:2px}
/* Text */
.footer-col p{font-size:14px;line-height:1.7;color:#cbd5e1;margin-bottom:8px}
/* Links */
.footer-col a{color:#94a3b8;display:block;padding:4px 0;text-decoration:none;transition:all 0.25s ease;position:relative}
.footer-col a:hover{color:#ffffff;transform:translateX(6px)}
/* Block spacing */
.footer-block{margin-bottom:30px}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-right:8px;border-radius:50%;background:rgba(255,255,255,0.08);color:#fff;transition:all 0.3s ease}
.footer-social a:hover{background:#f59e0b;color:#0f172a;transform:translateY(-3px)}
/* ===============================
FORM
=============================== */
.subscribe-form{display:flex;gap:10px;margin-top:5px}
.subscribe-form .form-control{height:48px;border:none;border-radius:4px;background:#0d1a27;color:#fff;box-shadow:none;padding:0 16px}
.subscribe-form .form-control:focus{outline:none;box-shadow:none}
.subscribe-form .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.45)}
.subscribe-form button{width:160px;height:48px;border:none;border-radius:4px;background:#ff2a2a;color:#fff;font-weight:700}
.subscribe-form button:hover{background:#e41c1c}
@media (max-width:991px){.subscribe-form{display:block}.subscribe-form .form-control{margin-bottom:10px}.subscribe-form button{width:100%}}
.newsletter-footer h4{font-size:14px;color:#fff;margin-bottom:8px}
.newsletter-footer p{font-size:13px;color:#94a3b8}
.newsletter input{border-radius:8px;border:none;padding:10px;margin-bottom:10px;outline:none}
.newsletter button{background:#f59e0b;border:none;color:#111827;font-weight:bold;border-radius:8px;padding:10px;transition:0.3s}
.newsletter button:hover{background:#fbbf24}
/* Bottom bar */
.footer-bottom{margin-top:50px;padding:18px;background:#020617;font-size:13px;color:#64748b;border-top:1px solid rgba(255,255,255,0.06)}
.bct{margin-top:15px;max-width:160px;filter:brightness(0.95);opacity:0.9;transition:0.3s}
.bct:hover{opacity:1;transform:scale(1.05)}
.footer-social{display:flex;gap:10px;margin:10px}
.footer-social .social{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,0.05);transition:all 0.3s ease}
.footer-social .social svg{width:20px;height:20px;fill:#cbd5e1;transition:0.3s}
/* NEON EFFECT */
.footer-social .fb:hover{background:#1877f2;box-shadow:0 0 12px #1877f2}
.footer-social .zalo:hover{background:#0068ff;box-shadow:0 0 14px #0068ff}
.footer-social .yt:hover{background:#ff0033;box-shadow:0 0 12px #ff0033}
.footer-social .tt:hover{background:#00f2ea;box-shadow:0 0 12px #00f2ea}
.footer-social .social:hover svg{fill:#fff}
@media (max-width:768px){.site-footer{text-align:center;padding-top:40px}.footer-social{justify-content:center}.site-footer h3::after{left:50%;transform:translateX(-50%)}.footer-col a:hover{transform:none}}

/***KHU VỰC NẰM NGOÀI FOOTER**/
.banner_ads.stickytop .banner-right{position:fixed;top:40%;transform:translateY(-50%);z-index:999;right:0;transition:all 0.45s linear}
.banner_ads.stickytop .banner-left{top:0;transform:none}
.banner_ads .banner-right{position:fixed;top:40%;transform:translateY(-50%);right:0;z-index:9;transition:all 0.45s linear;width:auto;display:flex;flex-direction:column;align-items:flex-end}
.banner_ads .banner-left{position:fixed;top:50%;transform:translateY(-50%);left:0;z-index:999;transition:all 0.3s ease}
.banner-right > div{border:2px solid #0f1a32;border-radius:15px 0 0 15px;background:#ffffffcf;border-right:none;display:flex;align-items:center;flex-shrink:0;height:50px;width:180px;padding:5px 12px;margin-bottom:10px;margin-left:auto;border-radius:5px 0 0 5px;transition:all 0.3s ease}
.banner-right > div:hover{width:200px;box-shadow:-4px 4px 12px rgba(0,0,0,0.2)}
.banner-right span,.banner-right img{margin-right:8px;flex-shrink:0}
.connect_phone:hover{background:#c62828}
.connect_zalo:hover{background:#006edc}
.connect_fb:hover{background:#2f4a86}
.connect_map:hover{background:#e64a19}
.connect_phone:hover a,.connect_phone:hover span,.connect_phone:hover .phone-text strong,.connect_zalo:hover a,.connect_fb:hover a,.connect_map:hover a{color:#fff!important}
.connect_fb:hover .glyphicon,.connect_phone:hover .glyphicon,.connect_zalo:hover img,.connect_map:hover .glyphicon{color:#fff!important;border:2px solid #fff!important;border-radius:50%}
.banner-right a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#000}
.banner-right img,.banner-right .glyphicon{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;object-fit:contain;flex-shrink:0;font-size:23px;line-height:1;vertical-align:middle;margin-right:10px;color:#016067;border:2px solid #016067;border-radius:50%}
@media (max-width:1439px){.banner_ads{display:none}}
@media (min-width:1440px){.banner_ads .banner-right img{right:0;float:left}.banner_ads .banner-left img{left:0;float:left}}

.back-to-top{position:fixed;left:10px;display:none;cursor:pointer;}
.back-to-top span{background: #666;border-radius: 50%;padding: 10px;color: #fff;height: 100%;width: 100%;border: 5px solid #ccc;}