/* Premium Hover & Interactive Animations */
body, html { overflow-x: hidden; }
a, button, .btn, .btn-1, .btn-2 { transition: all 0.3s ease-in-out !important; }
a:hover, button:hover, .btn:hover, .btn-1:hover, .btn-2:hover { transform: translateY(-5px); box-shadow: 0 15px 25px rgba(0,0,0,0.2) !important; }
.box { transition: all 0.4s ease; }
.box:hover { transform: translateY(-8px); }
.img-box img { transition: transform 0.5s ease; }
.box:hover .img-box img { transform: scale(1.05); }
.social-box a:hover { transform: scale(1.2) rotate(8deg); }
.portfolio_section .box { overflow: hidden; border-radius: 8px; }
.portfolio_section .box img { transition: transform 0.4s ease; }
.portfolio_section .box:hover img { transform: scale(1.1); }
.slider.slider-for .slick-current .main-img-box { animation: kenBurns 10s ease-out forwards; }
@keyframes kenBurns { 0% { transform: scale(1); } 100% { transform: scale(1.15); } }
@keyframes float { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-12px) rotate(2deg); } 100% { transform: translateY(0px) rotate(0deg); } }
.about_section .img-box img, .quality_section .img-box img, .brand_box img { animation: float 6s ease-in-out infinite; }
.about_section .img-box.b2 img { animation-delay: -3s; }
.quality_section .box:nth-child(2) .img-box img { animation-delay: -2s; }
.btn-1, .btn-2, .btn, .contact_section button { position: relative; overflow: hidden; }
.btn-1::after, .btn-2::after, .btn::after, .contact_section button::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.7), transparent); transform: skewX(-20deg); animation: shineSweep 4s infinite; }
@keyframes shineSweep { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }
@keyframes pulse-glow { 0% { box-shadow: 0 0 0 0 rgba(22, 22, 22, 0.4); } 70% { box-shadow: 0 0 0 15px rgba(22, 22, 22, 0); } 100% { box-shadow: 0 0 0 0 rgba(22, 22, 22, 0); } }
.contact_section button { animation: pulse-glow 2.5s infinite; }
.info_section { position: relative; overflow: hidden; background: linear-gradient(-45deg, #2F4F4F, #333333, #000000, #4A6D7C) !important; background-size: 400% 400% !important; animation: gradientBG 15s ease infinite; color: #fff; }
@keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }