/*Reset and Base Styles*/
/*Global Styles*/
:root{--bg-color:#f5f5f5;--link-color:#C30404;--text-color:#333;--container-width:80%;}
body{font-family:'Roboto',Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;line-height:1.6;}
.container{width:80%;margin:0 auto;}
.fc_03c{color:#F00;}
/*微信和WhatsApp图标样式*/
.social-icons{display:flex;gap:15px;}
/*新增Header样式*/
.header-top{display:flex;justify-content:space-between;align-items:center;padding:15px 0;width:100%;background:#fff;z-index:9999;}
@media (max-width:768px){
.header-top{display:none;}
.top-bar{display:block;height:40px;}
}
.main-header{width:100%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.logo img{}
.slogan{gap:20px;font-size:18px;color:#333;text-align:left;flex-wrap:wrap;}
.slogan span{position:relative;padding:0 10px;}
.slogan span:not(:last-child):after{content:"|";position:absolute;right:-10px;}
.header-contact{display:flex;align-items:center;gap:8px;font-size:16px;color:#333;}
.header-contact i{color:#C30404;font-size:24px;}
/*二级菜单样式*/
.has-submenu{position:relative;}
.has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.submenu{position:absolute;width:100%;top:100%;left:50%;transform:translateX(-50%);background:white;box-shadow:0 5px 15px rgba(0,0,0,0.1);border-radius:0 0 var(--border-radius) var(--border-radius);opacity:0;visibility:hidden;transition:all 0.3s;z-index:10001;padding:0;list-style:none;margin-left:0;}
.submenu li{padding:0;width:100% !important;}
.submenu a{color:var(--text-color);display:block;padding:0;border-bottom:1px solid #eee;text-align:center;line-height:40px !important;}
.submenu a:hover{color:#C30404 !important;}
/*响应式调整*/
@media (max-width:768px){
.header-top{flex-direction:column;gap:10px;}
.slogan{gap:8px;}
.slogan span{padding:0 8px;}
.slogan span:not(:last-child):after{display:inline;}
}
.wechat-icon,.whatsapp-icon{position:relative;display:flex;align-items:center;color:#FFFFFF;cursor:pointer;transition:all 0.3s ease;}
.wechat-icon i,.whatsapp-icon i{margin-right:5px;font-size:16px;}
.wechat-icon:hover,.whatsapp-icon:hover{background:rgba(255,255,255,0.2);}
/*二维码下拉框样式*/
.qr-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:10px;z-index:10001;}
.qr-dropdown .qr-code{width:120px;height:120px;background:#fff;padding:10px;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,0.2);border:1px solid #ddd;z-index:10001;}
/*Top Bar Styles*/
.top-bar{background-color:#C30404;padding:10px 0;border-bottom:1px solid #eee;font-size:14px;animation:fadeInDown 1s;color:#FFF;}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;}
.top-bar .left-section span{margin-right:20px;color:#FFF;}
.top-bar .left-section i{margin-right:5px;color:#FFF;}
.top-bar .right-section{display:flex;align-items:center;}
.social-icons a{color:#FFF;margin-left:15px;font-size:16px;}
.language-selector{position:relative;margin-left:20px;}
.current-language{display:flex;align-items:center;padding:5px 10px;background-color:rgba(255,255,255,0.1);border-radius:4px;cursor:pointer;color:#fff;gap:5px;}
.current-language .lang-icon{width:20px;height:15px;object-fit:cover;}
.language-list{display:none;position:absolute;top:100%;left:0;right:0;background:white;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin:5px 0 0;padding:0;list-style:none;z-index:1000;}
.language-list.show{display:block;}
.language-list li{display:flex;align-items:center;padding:8px 12px;cursor:pointer;gap:5px;color:#333;}
.language-list li:hover{background:#f5f5f5;}
.language-list .lang-icon{width:20px;height:15px;object-fit:cover;}
.current-language i{font-size:12px;margin-left:5px;}
/*Main Header Styles*/
.main-header{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:relative;transition:all 0.3s;animation:fadeIn 1s;}
.logo{height:60px}
.logo img{max-height:60px;}
.mobile-logo{height:40px}
.main-nav{background:#f5f5f5;position:static;z-index:1000;transition:all 0.3s;box-shadow:0 3px 10px rgba(0,0,0,0.1);display:flex;align-items:center;height:50px;width:100%;}
.main-nav.fixed{position:fixed;top:0;left:0;right:0;}
body.has-fixed-nav{padding-top:50px;}
.main-nav ul{list-style:none;padding:0;margin:0}
.main-nav li{position:relative;float:left;width:134px;text-align:center;}
.main-nav  a{color:var(--text-color);text-decoration:none;border-radius:var(--border-radius);transition:all 0.3s;display:block;;line-height:50px;text-align:center}
.main-nav a:hover,.main-nav .current-menu-item{color:#C30404 !important;}
.mobile-menu-toggle{display:none;background:transparent;border:none;color:#333;cursor:pointer;padding:10px 15px;font-size:16px;align-items:center;gap:8px;}
.mobile-menu-toggle .menu-icon{font-size:24px;}
.mobile-menu-toggle .menu-text{font-weight:500;}
/*Banner Slider Styles*/
.banner-slider{position:relative;width:100%;overflow:hidden;animation:fadeIn 1s both;}
.slider-container{position:relative;width:100%;height:90vh;min-height:500px;max-height:1000px;}
.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;}
.slide.active{opacity:1;}
.slide img{width:100%;height:100%;object-fit:cover;}
@media (max-width:768px){
.slide img{}
.slide-content{display:none;}
}
.slide-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:white;background-color:rgba(0,0,0,0.6);padding:30px;border-radius:5px;max-width:80%;}
.slide-content h2{font-size:2.5rem;margin-bottom:15px;}
.slide-content p{font-size:1.2rem;margin-bottom:20px;}
.btn{display:inline-block;background-color:var(--link-color);color:white;padding:10px 25px;border-radius:4px;text-decoration:none;font-weight:bold;transition:background-color 0.3s;}
.btn:hover{background-color:#940505;}
.slider-controls{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:10;padding:0 15px;}
.slider-controls button{background-color:rgba(0,0,0,0.5);color:white;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:background-color 0.3s;display:flex;align-items:center;justify-content:center;}
.slider-controls button:hover{background-color:rgba(0,0,0,0.8);}
.slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;z-index:10;background:rgba(0,0,0,0.3);padding:5px 10px;border-radius:20px;}
@media (max-width:768px){
.slider-controls button{width:30px;height:30px;font-size:1rem;}
.slider-dots{bottom:10px;}
}
.slider-dots .dot{width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,0.5);margin:0 5px;cursor:pointer;}
.slider-dots .dot.active{background-color:white;}
/*Product Categories*/
.product-categories{padding:20px 0;background:#f9f9f9;position:relative;animation:fadeInUp 1s both;}
.section-title{text-align:center;margin-bottom:40px;font-size:32px;color:#333;}
.category-carousel{position:relative;width:100%;overflow:hidden;}
.category-track{display:flex;transition:transform 0.5s ease;width:100%;}
.category-item{background:white;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease;flex:0 0 calc(25% - 30px);margin:0 15px;}
.category-image{height:180px;overflow:hidden;position:relative;}
.category-image img{width:100%;height:100%;object-fit:contain;transition:transform 0.5s ease;}
.category-title{padding:0 5px;text-align:center;font-size:18px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.learn-more{display:block;text-align:center;padding:10px;margin:0 20px 20px;background:#C30404;color:white;border-radius:4px;text-decoration:none;transition:background 0.3s ease;}
.learn-more:hover{background:#940505;}
.learn-more i{margin-left:5px;}
.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10;font-size:18px;display:flex;align-items:center;justify-content:center;}
.carousel-control.prev{left:10px;}
.carousel-control.next{right:10px;}
.carousel-control:hover{background:rgba(0,0,0,0.8);}
/*About Us Section Styles*/
.about-section{padding:60px 0;background:#FFFFFF;animation:fadeInLeft 1s both;}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.about-content{animation:fadeInLeft 1s both 1s;}
.about-content h2{font-size:2rem;color:#C30404;margin-bottom:20px;}
.about-content p{margin-bottom:15px;line-height:2;}
.about-content p  span{color:#E60029;}
.video-container{position:relative;height:0;padding-bottom:56.25%;/*16:9 aspect ratio*/
background-size:cover;background-position:center;border-radius:8px;overflow:hidden;animation:fadeInRight 1s both 1.5s;}
.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.8);border-radius:50%;width:60px;height:60px;border:none;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;color:#C30404;font-size:20px;}
.play-btn:hover{background:rgba(255,255,255,0.9);transform:translate(-50%,-50%) scale(1.05);}
/*Responsive Adjustments*/
@media (max-width:992px){
.about-grid{grid-template-columns:1fr;gap:30px;}
.video-container{order:-1;}
}
@media (max-width:768px){
.about-section{padding:40px 0;}
.about-content h2{font-size:1.8rem;}
}
@media (max-width:480px){
.play-btn{width:50px;height:50px;font-size:18px;}
}
/*Stats Section Styles*/
.stats-section{padding:50px 0;background:#fff;color:#C30404;animation:fadeInRight 1s both;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center;}
.stat-item{padding:25px 20px;background:#f5f5f5;border-radius:8px;border:1px solid #eee;box-shadow:0 2px 5px rgba(0,0,0,0.06);}
.stat-number{font-size:2.8rem;font-weight:700;margin-bottom:8px;color:#C30404;}
.stat-label{font-size:1.05rem;color:#666;}
/*Responsive Adjustments*/
@media (max-width:992px){
.stats-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:576px){
.stats-grid{grid-template-columns:1fr;}
.stat-number{font-size:2.5rem;}
}
/*Blog Section Styles*/
.blog-section{padding:40px 0;animation:fadeInUp 1s both;}
.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px;}
.blog-card{background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;animation:fadeInUp 0.5s both;}
.blog-card:nth-child(1){
animation-delay:1s;}
.blog-card:nth-child(2){
animation-delay:1.5s;}
.blog-card:nth-child(3){
animation-delay:2s;}
.blog-card:nth-child(4){
animation-delay:2.5s;}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.blog-image{position:relative;height:220px;overflow:hidden;}
.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.blog-card:hover .blog-image img{transform:scale(1.05);}
.blog-date{position:absolute;bottom:15px;left:15px;background:rgba(0,0,0,0.7);color:white;padding:5px 10px;border-radius:4px;font-size:0.9rem;}
.blog-content{padding:15px 10px;}
.blog-content h3{font-size:1.3rem;margin:0;color:#333;line-height:1.4;}
.blog-content p{color:#666;margin-bottom:20px;line-height:1.6;}
.read-more{color:#C30404;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;}
.read-more i{margin-left:5px;transition:transform 0.3s ease;}
.read-more:hover{color:#940505;}
.read-more:hover i{transform:translateX(3px);}
.blog-cta{text-align:center;}
/*Responsive Adjustments*/
@media (max-width:1200px){
.blog-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:992px){
.blog-grid{grid-template-columns:repeat(2,1fr);}
.blog-image{height:180px;}
}
@media (max-width:576px){
.blog-grid{grid-template-columns:1fr;}
.blog-section{padding:60px 0;}
.blog-image{height:200px;}
}
/*Contact Form Styles*/
.contact-section{padding:80px 0;background:#f8f9fa;}
.contact-form{width:100%;margin:0 auto;}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;}
.form-group{position:relative;margin-bottom:25px;}
.form-group.full-width{grid-column:span 2;display:inline-block;width:calc(66.66% - 15px);margin-right:30px;}
.contact-form input,.contact-form textarea{width:100%;padding:15px;border:1px solid #ddd;border-radius:4px;font-size:16px;background:white;transition:all 0.3s ease;}
.contact-form textarea{resize:vertical;min-height:150px;}
.contact-form label{position:absolute;top:15px;left:15px;color:#666;transition:all 0.3s ease;pointer-events:none;background:white;padding:0 5px;}
.contact-form input:focus,.contact-form textarea:focus{border-color:#C30404;outline:none;}
.contact-form input:focus + label,.contact-form textarea:focus + label,.contact-form input:not(:placeholder-shown) + label,.contact-form textarea:not(:placeholder-shown) + label{top:-10px;left:10px;font-size:0.8rem;color:#C30404;}
.submit-btn{display:inline-block;width:200px;padding:15px;background:#C30404;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background 0.3s ease;vertical-align:top;margin-top:25px;}
.submit-btn:hover{background:#940505;}
/*Responsive Adjustments*/
@media (max-width:768px){
.form-grid{grid-template-columns:1fr;}
.form-group.full-width{grid-column:span 1;}
}
@media (max-width:480px){
.contact-section{padding:60px 0;}
.contact-form input,.contact-form textarea{padding:12px;}
}
/*Friendly Links Styles*/
.friendly-links{background-color:#f8f9fa;padding:30px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;animation:fadeInDown 2s;}
.friendly-links .container{margin:0 auto;}
.friendly-links h3{text-align:center;color:#333;margin-bottom:20px;font-size:1.5rem;}
.links-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.links-container a{color:#333;text-decoration:none;padding:5px 10px;border:1px solid #333;border-radius:4px;transition:all 0.3s ease;}
.links-container a:hover{background-color:#333;color:white;}
/*Footer Styles*/
.main-footer{background-color:#2b2b2b;color:white;padding:50px 0 0;animation:fadeIn 1s both;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px;}
.footer-col{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;}
.footer-col.animate{opacity:1;transform:translateY(0);}
.footer-col h3{color:white;font-size:1.3rem;margin-bottom:20px;position:relative;padding-bottom:10px;}
.footer-col h3::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:2px;background-color:#f5f5f5;}
.footer-col:nth-child(1){
transition-delay:0.1s;}
.footer-col:nth-child(2){
transition-delay:0.3s;}
.footer-col:nth-child(3){
transition-delay:0.5s;}
.footer-col:nth-child(4){
transition-delay:0.7s;}
.footer-col p{margin-bottom:20px;line-height:1.6;}
.footer-col ul{list-style:none;padding:0;margin:0;}
.footer-col li{margin-bottom:10px;}
.footer-col a{color:#ddd;text-decoration:none;transition:color 0.3s;}
.footer-col a:hover{color:white;}
.footer-col i{margin-right:10px;width:20px;text-align:center;}
.footer-social{display:flex;gap:15px;}
.footer-social a{color:white;background-color:rgba(255,255,255,0.1);width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s;}
.footer-social a:hover{background-color:rgba(255,255,255,0.2);}
.footer-bottom{background-color:rgba(0,0,0,0.2);padding:1px 0;text-align:center;font-size:0.9rem;width:100%;opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease;transition-delay:0.5s;}
.footer-bottom a{text-decoration:none;color:#FFF;}
.footer-bottom.animate{opacity:1;transform:translateY(0);}
/*Animation Delays*/
.top-bar{animation-delay:0.1s;}
.main-header{animation-delay:0.2s;}
.banner-slider{animation-delay:0.3s;}
.product-categories{animation-delay:0.4s;}
.about-section{animation-delay:0.5s;}
.stats-section{animation-delay:0.7s;}
.blog-section{animation-delay:0.8s;}
.friendly-links{animation-delay:1.5s;}
.main-footer{animation-delay:0s;}
/**/
/*Responsive Styles*/
@media (max-width:1200px){
.category-item{flex:0 0 calc(100% - 30px);}
}
@media (max-width:992px){
.mobile-menu-toggle{display:flex;}
.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);z-index:1000;padding:20px;}
.main-nav.active{display:block;}
.main-nav ul{flex-direction:column;gap:15px;}
.main-nav li{margin:0;}
.main-nav a{display:block;padding:10px 0;}
.contact-btn{display:none;}
}
@media (max-width:768px){
.slider-container{height:40vh;min-height:200px;max-height:400px;}
.slide img{}
.slide-content{display:none;}
.slider-controls{top:50%;padding:0 10px;}
.slider-controls button{width:25px;height:25px;font-size:0.8rem;}
.slider-dots{bottom:5px;padding:3px 8px;}
.slide-content h2{font-size:1.5rem;}
.slide-content p{font-size:1rem;}
.footer-grid{grid-template-columns:1fr;}
}
@media (max-width:480px){
.slider-container{height:200px;}
.slide-content{padding:20px;}
.slide-content h2{font-size:1.5rem;}
.company-stats{flex-direction:column;}
.stat-item{flex:0 0 100%;}
.visual-element.factory{grid-column:1 / 3;grid-row:1 / 2;}
.visual-element.team{grid-column:1 / 2;grid-row:2 / 3;}
.visual-element.product{grid-column:2 / 3;grid-row:2 / 3;}
}
/*Mobile Dropdown Menu Styles*/
@media (max-width:768px){
.header-top{display:none;}
.nav-toggle{display:block;}
}
.mobile-contact-btn{display:inline-block;background:#C30404;color:white;padding:12px 25px;border-radius:4px;margin-top:20px;}
/*响应式设置*/
/*移动端导航样式*/
.mobile-nav-header{display:none;justify-content:space-between;align-items:center;padding:10px 15px;background:#fff;border-bottom:1px solid #eee;position:fixed;top:0;left:0;right:0;z-index:1000;}
.mobile-logo img{height:40px;width:auto;}
.mobile-menu-toggle{background:none;border:none;font-size:24px;color:#C30404;cursor:pointer;}
.mobile-nav-container{position:fixed;top:60px;right:-100%;width:80%;max-width:300px;height:calc(100vh - 60px);background:#fff;box-shadow:-5px 0 15px rgba(0,0,0,0.1);transition:right 0.3s ease;z-index:999;overflow-y:auto;}
.mobile-nav-container.active{right:0;}
.mobile-nav-menu{list-style:none;padding:0;margin:0;}
.mobile-nav-menu li{border-bottom:1px solid #f0f0f0;}
.mobile-nav-menu a{display:block;padding:12px 20px;color:#333;text-decoration:none;}
.mobile-nav-menu .current-menu-item{color:#C30404;font-weight:500;}
.mobile-submenu{display:none;list-style:none;padding-left:20px;background:#f9f9f9;}
.mobile-submenu.active{display:block;}
.mobile-submenu a{padding:10px 20px;}
.has-submenu>a{}
.has-submenu>a i{transition:transform 0.3s ease;}
.has-submenu>a i.active{transform:rotate(180deg);}
@media (max-width:768px){
.header-top,.main-nav{display:none;}
.mobile-nav-header{display:flex;}
}
@media (min-width:769px){
.mobile-dropdown{display:none !important;}
}
@media (max-width:992px){
.nav-toggle{display:block;}
.main-nav{display:none;}
/*Hide elements on mobile*/
.hide-on-mobile,.slide-content{display:none !important;}
/*Language selector mobile styles*/
.language-selector{margin-left:10px;}
.current-language{padding:3px 8px;font-size:13px;background-color:transparent;}
.current-language span{max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.language-list{right:-10px;left:auto;min-width:120px;background:#C30404;border:1px solid rgba(255,255,255,0.1);}
.language-list li{padding:8px 12px;font-size:13px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1);}
.language-list li:hover{background:rgba(255,255,255,0.1);}
.current-language .lang-icon,.language-list .lang-icon{width:16px;height:12px;}
/*Adjust category track for mobile*/
.category-track{grid-template-columns:repeat(2,1fr);}
.category-item:nth-child(3){
display:none;}
}
/*Additional language selector touch optimizations*/
@media (max-width:576px){
.language-selector{position:static;}
.language-list{position:fixed;left:0;right:0;bottom:0;top:auto;border-radius:12px 12px 0 0;padding:16px 0;transform:translateY(100%);transition:transform 0.3s ease;}
.language-list.show{transform:translateY(0);}
.language-list li{padding:12px 20px;font-size:14px;}
}
.ab_img img{max-width:100% !important;height:auto !important;display:inline-block;}
.ab_img p{text-wrap:inherit !important;}
.ab_img p span{text-wrap:inherit !important;}
/*AB模板网新增分页样式 www.admibnuy.cn*/
.pagebar{padding:20px;overflow:hidden;clear:both}
.pagebar .pagination{display:flex;justify-content:center;margin-top:10px;}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:12px;padding:8px 10px;margin:0 2px;border-radius:3px;line-height:100%;text-decoration:none}
.pagination span{color:#333;font-size:12px;padding:7px 2px;margin:0 2px;border-radius:3px;}
.pagination a:hover{color:#333;border:1px solid #333;}
.pagination a.page-num-current{color:#fff;background:#333;border:1px solid #333;}
.pagination .st{font-family:宋体}
.text-secondary{text-align:center;padding:20px 0}
/*Tech Section Styles*/
.section-desc{text-align:center;margin:-30px 0 40px;font-size:1rem;color:#888;}
.tech-section{padding:60px 0;background:#f9f9f9;}
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.tech-card{background:#fff;border-radius:8px;text-align:center;padding:32px 20px;border-top:4px solid #C30404;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.tech-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15);}
.tech-icon{width:112px;height:112px;margin:0 auto 18px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease;}
.tech-card:hover .tech-icon{background:rgba(195,4,4,0.08);}
.tech-icon img{width:72px;height:72px;display:block;}
.tech-card h3{font-size:1.15rem;color:#333;margin:0 0 10px;}
.tech-card p{font-size:0.9rem;color:#888;line-height:1.7;margin:0;}
/*Responsive Adjustments*/
@media (max-width:992px){
.tech-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:576px){
.tech-grid{grid-template-columns:1fr;}
.tech-section{padding:40px 0;}
}