:root {--brand-red:#E60012;--brand-dark:#1A1A1A;--brand-gray:#666666;--bg-light:#F8F9FB;--nav-height:80px;--mega-bg:#FFFFFF;--shadow-sm:0 5px 15px rgba(0,0,0,0.05);--shadow-lg:0 20px 40px rgba(0,0,0,0.08);--transition-smooth:cubic-bezier(0.4,0,0.2,1);}
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'ReemKufiFun',"Helvetica Neue",Helvetica,"Microsoft YaHei",Arial,sans-serif;background-color:#fff;color:var(--brand-dark);overflow-x:hidden;line-height:1.6;}
a {text-decoration:none;color:inherit;transition:color 0.3s;}
ul {list-style:none;}
.container {width:100%;max-width:1400px;margin:0 auto;padding:0 20px;}
.section-title {font-size:26px;font-weight:700;color:var(--brand-dark);margin-bottom:20px;position:relative;padding-bottom:15px;}
.section-title:after {content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background-color:var(--brand-red);}
.section-subtitle {font-size:18px;color:var(--brand-gray);margin-bottom:50px;max-width:700px;}
.header {position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background:rgba(255,255,255,0.98);display:flex;align-items:center;justify-content:space-between;padding:0 10.8%;z-index:1000;box-shadow:var(--shadow-sm);transition:all 0.3s ease;backdrop-filter:blur(10px);}
.header-inner {display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;}
.nav-container {height:100%;}
.nav-list {display:flex;height:100%;align-items:center;}
.nav-item {height:100%;display:flex;align-items:center;padding:0 15px;cursor:pointer;position:relative;}
.nav-link {font-size:16px;font-weight:500;color:var(--brand-dark);position:relative;padding:10px 5px;}
.nav-link::after {content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background-color:var(--brand-red);transition:all 0.3s var(--transition-smooth);transform:translateX(-50%);}
.nav-item:hover .nav-link {color:var(--brand-red);}
.nav-item:hover .nav-link::after {width:100%;}
.header-tools {display:flex;gap:20px;font-weight:600;font-size:14px;}
.mobile-menu-btn {display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:transparent;border:none;cursor:pointer;z-index:1001;}
.mobile-menu-btn span {display:block;height:3px;width:100%;background-color:var(--brand-dark);border-radius:2px;transition:all 0.3s ease;}
.mobile-menu-btn.active span:nth-child(1) {transform:rotate(45deg) translate(6px,6px);}
.mobile-menu-btn.active span:nth-child(2) {opacity:0;}
.mobile-menu-btn.active span:nth-child(3) {transform:rotate(-45deg) translate(7px,-7px);}
.mobile-menu-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:999;opacity:0;visibility:hidden;transition:all 0.4s ease;}
.mobile-menu-overlay.active {opacity:1;visibility:visible;}
.mobile-menu-container {position:fixed;top:0;right:-100%;width:100%;max-width:100%;height:100%;background-color:white;z-index:1000;transition:right 0.5s cubic-bezier(0.77,0.2,0.05,1.0);overflow-y:auto;}
.mobile-menu-container.active {right:0;}
.mobile-menu-header {display:flex;justify-content:space-between;align-items:center;padding:25px 20px;border-bottom:1px solid #eee;}
.mobile-menu-title {font-size:22px;font-weight:700;color:var(--brand-red);}
.mobile-menu-close {background:none;border:none;font-size:28px;color:var(--brand-dark);cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
.mobile-menu-content {padding:20px;}
.mobile-menu-item {border-bottom:1px solid #f5f5f5;position:relative;}
.mobile-menu-link {display:block;padding:18px 0;font-size:18px;font-weight:600;color:var(--brand-dark);transition:all 0.3s ease;position:relative;cursor:pointer;}
.mobile-menu-link:hover {color:var(--brand-red);padding-left:10px;}
.mobile-menu-link i {margin-right:12px;width:24px;text-align:center;color:var(--brand-gray);}
.mobile-menu-link:hover i {color:var(--brand-red);}
.mobile-submenu {padding-left:20px;max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.mobile-submenu.active {max-height:500px;}
.mobile-submenu-link {display:block;padding:14px 0;font-size:16px;color:var(--brand-gray);transition:all 0.3s ease;}
.mobile-submenu-link:hover {color:var(--brand-red);padding-left:10px;}
.mobile-menu-toggle {display:none;}
.mega-menu-wrapper {position:fixed;top:var(--nav-height);left:0;width:100%;background-color:var(--mega-bg);border-top:1px solid rgba(0,0,0,0.06);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(15px);transition:all 0.4s var(--transition-smooth);z-index:900;overflow:hidden;}
.nav-item:hover .mega-menu-wrapper {opacity:1;visibility:visible;transform:translateY(0);}
.mega-container-inner {width:100%;min-height:350px;display:flex;}
.mega-type-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;width:100%;max-width:1400px;margin:0 auto;padding:40px 6%;}
.grid-column-title {font-size:22px;font-weight:700;color:var(--brand-dark);margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #eee;display:block;}
.mega-link-item {display:block;padding:10px 0;color:var(--brand-gray);font-size:15px;transition:all 0.3s;display:flex;align-items:center;}
.mega-link-item:hover {color:var(--brand-red);transform:translateX(8px);}
.mega-link-item::before {content:'→';opacity:0;margin-left:-18px;padding-right:5px;font-size:12px;transition:all 0.3s;transform:translateX(-5px);}
.mega-link-item:hover::before {opacity:1;transform:translateX(0);}
.mega-type-split {width:100%;display:flex;justify-content:space-between;max-width:1600px;margin:0 auto;padding:40px 6%;}
.split-nav-side {width:35%;padding-right:40px;display:flex;flex-direction:column;justify-content:center;}
.split-nav-side .mega-link-item {font-size:17px;padding:15px 0;border-bottom:1px solid #f5f5f5;font-weight:500;}
.mega-type-three-column {width:100%;display:flex;min-height:350px;max-width:1600px;margin:0 auto;position:relative;}
.industry-column {width:25%;background-color:#f8f9fa;padding:40px 6%;display:flex;flex-direction:column;position:relative;}
.industry-column::before {content:'';position:fixed;top:var(--nav-height);left:0;top:0;width:25%;height:100%;background-color:#f8f9fa;z-index:-1;}
.industry-title {font-size:16px;font-weight:700;color:var(--brand-dark);margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #e9ecef;display:block;}
.industry-list {display:flex;flex-direction:column;}
.industry-list .mega-link-item::before {content:none !important;}
.industry-list .mega-link-item {font-size:16px;padding:12px 0 12px 35px;border-bottom:1px solid #e9ecef;font-weight:500;color:var(--brand-dark);position:relative;}
.industry-list .mega-link-item i {position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:16px;color:var(--brand-gray);transition:color 0.3s;width:24px;text-align:center;}
.industry-list .mega-link-item:hover {color:var(--brand-red);transform:translateX(0);padding-left:35px;background-color:transparent;}
.industry-list .mega-link-item:hover i {color:var(--brand-red);}
.industry-list .mega-link-item::after {content:'→';opacity:0;font-size:12px;transition:all 0.3s;transform:translateX(5px);position:absolute;right:0;}
.industry-list .mega-link-item:hover::after {opacity:1;transform:translateX(0);}
.products-solutions .mega-link-item::before {font-weight:bold;font-size:14px;}
.solutions-column {width:35%;padding:40px 6%;border-right:1px solid #f0f0f0;}
.products-column {width:40%;padding:40px 6%;}
.solutions-column .grid-column-title,.products-column .grid-column-title {font-size:16px;font-weight:700;color:var(--brand-dark);margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #eee;display:block;}
.products-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:10px 30px;margin-top:5px;}
.products-grid .mega-link-item {font-size:15px;padding:8px 0;color:var(--brand-gray);}



/* 新增图片样式 */
.visual-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    z-index: 1;
    border-radius: 6px;
}

/* 修改原CSS以兼容图片 */
.split-visual-side {
    width: 60%;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    /* 移除或修改原渐变背景 */
    background: rgba(30, 60, 114, 0.5); /* 半透明背景作为回退 */
    display: flex;
    align-items: flex-end;
    padding: 30px;
    color: white;
    box-shadow: var(--shadow-sm);
    transition: transform 0.5s ease;
}

/* 确保内容在图片之上 */
.visual-content {
    position: relative;
    z-index: 2;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* 增加文字可读性 */
}

.mega-menu-wrapper:hover .split-visual-side {
  
}

.visual-content h3 {
    font-size: 28px;
    font-weight: 300;
}

.visual-content h3 strong {
    font-weight: 800;
}

.visual-content p {
    font-size: 16px;
    opacity: 0.9; /* 稍微提高透明度使文字更清晰 */
}

.branch-mega-panel {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 40px 6%;
    display: flex;
    align-items: stretch;
    gap: 40px;
}

.branch-intro-side {
    width: 34%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 20px;
}

.branch-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 18px;
}

.branch-title {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.branch-website-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid rgba(230,0,18,0.16);
    background: rgba(230,0,18,0.08);
    color: var(--brand-red);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.branch-website-tag:hover {
    background: var(--brand-red);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(230,0,18,0.18);
}

.branch-intro-text {
    max-width: 360px;
    color: var(--brand-gray);
    font-size: 16px;
    line-height: 1.8;
}

.branch-card-side {
    flex: 1;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(247,248,251,0.98), rgba(255,255,255,1));
    border: 1px solid rgba(17,73,158,0.08);
    box-shadow: var(--shadow-sm);
    padding: 30px 34px;
}

.branch-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 30px;
}

.branch-contact-item {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(15,23,42,0.08);
}

.branch-contact-item-address {
    grid-column: 1 / -1;
    border-bottom: 0;
    padding-bottom: 0;
}

.branch-contact-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: var(--brand-dark);
    font-size: 15px;
    font-weight: 700;
}

.branch-contact-label i {
    width: 16px;
    color: var(--brand-red);
    text-align: center;
}

.branch-contact-value {
    color: var(--brand-gray);
    font-size: 15px;
    line-height: 1.8;
    word-break: break-word;
}

.branch-contact-value a {
    color: inherit;
    transition: color 0.3s ease;
}

.branch-contact-value a:hover {
    color: var(--brand-red);
}

.branch-contact-divider {
    margin: 0 6px;
    color: rgba(15,23,42,0.28);
}


.bg-about {}
.bg-solutions {background:linear-gradient(to right,#8A2387,#E94057,#F27121);}
.bg-invest {background:linear-gradient(to right,#DA4453,#89216B);}
.banner-section {margin-top:var(--nav-height);position:relative;height:700px;overflow:hidden;}
.banner-slides {width:100%;height:100%;position:relative;}
.banner-slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;display:flex;align-items:left;justify-content:left;}
.banner-slide.active {opacity:1;z-index:1;}
.banner-image {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.banner-content {position:relative;z-index:2;text-align:left;color:white;max-width:900px;left:25%;top:30%;}
.banner-title {font-size: 40px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.2;
  color: #4985d0;}
.banner-subtitle {font-size:20px;font-weight:300;margin-bottom:40px;opacity:0.9;text-shadow:0 2px 10px rgba(0,0,0,0.2);color:#11499e}
.banner-btn {display:inline-block;padding:16px 40px;background-color:var(--brand-red);color:white;font-size:18px;font-weight:600;border-radius:4px;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(230,0,18,0.3);}
.banner-btn:hover {background-color:#ff0015;transform:translateY(-3px);box-shadow:0 15px 35px rgba(230,0,18,0.4);}
.banner-controls {position:absolute;bottom:40px;left:0;width:100%;display:flex;justify-content:center;align-items:center;z-index:10;}
.banner-dots {display:flex;gap:12px;}
.banner-dot {width:14px;height:14px;border-radius:50%;background-color:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s ease;}
.banner-dot.active {background-color:white;transform:scale(1.2);}
.banner-arrow {position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background-color:rgba(0,0,0,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:16px;cursor:pointer;transition:all 0.3s ease;z-index:10;}
.banner-arrow:hover {background-color:rgba(0,0,0,0.6);}
.banner-arrow.prev {left:30px;}
.banner-arrow.next {right:30px;}
.products-section {padding:50px 0;background-color:white;}
.products-grid-container {display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:50px;}
.product-item {position:relative;height:380px;overflow:hidden;background-color:#f5f5f5;transition:all 0.1s ease;}
.product-item:nth-child(1) {grid-column:span 2;}
.product-item:nth-child(2) {grid-column:span 1;}
.product-item:nth-child(3) {grid-column:span 1;}
.product-item:nth-child(4) {grid-column:span 4;}
.product-item:hover {transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1);}
.product-image {position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s ease;background-size:cover !important;background-repeat:no-repeat !important;background-position:center center !important;}
.product-item:nth-child(1) .product-image {background:linear-gradient(45deg,#1a2980,#26d0ce);}
.product-item:nth-child(2) .product-image {background:linear-gradient(45deg,#8B0000,#FF4500);}
.product-item:nth-child(3) .product-image {background:linear-gradient(45deg,#006400,#228B22);}
.product-item:nth-child(4) .product-image {background:linear-gradient(45deg,#4B0082,#9400D3);}
.product-item:hover .product-image {transform:scale(1.05);opacity:0.7;}
.product-content {position:absolute;bottom:0;left:0;width:100%;padding:30px;color:white;background:linear-gradient(to top,rgba(0,0,0,0.3),transparent);z-index:2;}
.product-title {font-size:24px;font-weight:700;margin-bottom:10px;color:#fff;}
.product-desc {font-size:14px;opacity:0.9;}
.services-section {padding:50px 0;background-color:var(--bg-light);}
.services-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px;}
.service-card {background-color:white;border-radius:12px;padding:40px 30px;box-shadow:var(--shadow-sm);transition:all 0.3s ease;text-align:center;}
.service-card:hover {transform:translateY(-15px);box-shadow:var(--shadow-lg);}
.service-icon {width:80px;height:80px;background-color:rgba(230,0,18,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:var(--brand-red);font-size:34px;}
.service-title {font-size:22px;font-weight:700;margin-bottom:15px;color:var(--brand-dark);}
.service-desc {color:var(--brand-gray);font-size:16px;line-height:1.7;}
.tech-section {padding:50px 0;background-color:white;}
.tech-content {display:flex;align-items:center;gap:60px;margin-top:60px;}
.tech-visual {flex:1;display:flex;flex-direction:column;gap:15px;}
.tech-block-row {display:flex;gap:15px;}
.tech-block {flex:1;height:150px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;font-weight:600;font-size:18px;transition:all 0.3s ease;}
.tech-block:hover {transform:translateY(-5px);box-shadow:var(--shadow-lg);}
.tech-block i {font-size:32px;margin-bottom:15px;}
.tech-block-row:nth-child(1) .tech-block:nth-child(1) {background:linear-gradient(45deg,#1a2980,#26d0ce);}
.tech-block-row:nth-child(1) .tech-block:nth-child(2) {background:linear-gradient(45deg,#FF8C00,#FFA500);}
.tech-block-row:nth-child(2) .tech-block:nth-child(1) {background:linear-gradient(45deg,#228B22,#32CD32);}
.tech-block-row:nth-child(2) .tech-block:nth-child(2) {background:linear-gradient(45deg,#9400D3,#9932CC);}
.tech-info {flex:1;}
.tech-list {margin-top:30px;}
.tech-item {display:flex;align-items:flex-start;margin-bottom:25px;}
.tech-item-icon {width:40px;height:40px;background-color:rgba(230,0,18,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--brand-red);font-size:18px;margin-right:20px;flex-shrink:0;}
.tech-item-text h4 {font-size:18px;font-weight:700;margin-bottom:8px;color:var(--brand-dark);}
.tech-item-text p {color:var(--brand-gray);font-size:16px;}
.featured-section {padding:50px 0;background-color:var(--bg-light);}
.featured-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px;}
.featured-item {background-color:white;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all 0.3s ease;}
.featured-item:hover {transform:translateY(-10px);box-shadow:var(--shadow-lg);}
.featured-image {
  height: 200px;
  overflow: hidden;
}
.featured-image img {
  width: 100%;
  height: 100%;
  object-fit: scale-down; /* 自动缩小图片适配容器，不裁剪 */
  transition: transform 0.5s ease;
}
.featured-item:hover .featured-image img {transform:scale(1.1);}
.featured-item:nth-child(1) .featured-image {background:linear-gradient(45deg,#1a2980,#26d0ce);}
.featured-item:nth-child(2) .featured-image {background:linear-gradient(45deg,#8B0000,#FF4500);}
.featured-item:nth-child(3) .featured-image {background:linear-gradient(45deg,#006400,#228B22);}
.featured-item:nth-child(4) .featured-image {background:linear-gradient(45deg,#4B0082,#9400D3);}
.featured-content {padding:25px;}
.featured-title {font-size:20px;font-weight:700;margin-bottom:12px;color:var(--brand-dark);line-height:1.4;}
.featured-desc {color:var(--brand-gray);font-size:15px;line-height:1.6;margin-bottom:20px;}
.featured-link {color:var(--brand-red);font-weight:600;font-size:15px;display:inline-flex;align-items:center;}
.featured-link i {margin-left:8px;transition:transform 0.3s ease;}
.featured-link:hover i {transform:translateX(5px);}
.footer {background-color:#f5f7fa;color:var(--brand-dark);padding:80px 0 30px;border-top:1px solid #eaeaea;}
.footer-content {display:grid;grid-template-columns:repeat(4,1fr);gap:50px;margin-bottom:60px;}
.footer-column-title {font-size:18px;font-weight:700;color:var(--brand-dark);margin-bottom:25px;position:relative;padding-bottom:15px;}
.footer-column-title:after {content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--brand-red);}
.footer-links {display:flex;flex-direction:column;gap:12px;}
.footer-link {color:var(--brand-gray);font-size:15px;transition:all 0.3s ease;}
.footer-link:hover {color:var(--brand-red);transform:translateX(5px);}
.footer-contact {display:flex;flex-direction:column;gap:15px;}
.contact-item {display:flex;align-items:flex-start;gap:15px;}
.contact-icon {color:var(--brand-red);font-size:18px;width:20px;}
.contact-text {flex:1;color:var(--brand-gray);}
.footer-bottom {width:100%;padding-top:15px;text-align:center;font-size:14px;color:var(--brand-gray);}
.footer-social {display:flex;gap:20px;margin-top:30px;justify-content:center;}
.social-icon {width:40px;height:40px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;color:var(--brand-dark);font-size:18px;transition:all 0.3s ease;}
.social-icon:hover {background-color:var(--brand-red);color:white;transform:translateY(-5px);}
    @media (max-width:1200px) {.banner-title {font-size:52px;}
.services-grid,.featured-grid {grid-template-columns:repeat(2,1fr);}
.products-grid-container {grid-template-columns:repeat(2,1fr);}
.product-item:nth-child(1),.product-item:nth-child(2),.product-item:nth-child(3),.product-item:nth-child(4) {grid-column:span 1;}
.footer-content {grid-template-columns:repeat(2,1fr);}
.branch-mega-panel {gap: 28px;}
.branch-intro-side {width: 38%;}
    ;}
    @media (max-width:992px) {.nav-list,.header-tools {display:none;}
.mobile-menu-btn {display:flex;}
.header {padding:0 5%;}
.tech-content {flex-direction:column;}
.tech-visual,.tech-info {width:100%;}
.banner-title {font-size:60px;}
.banner-subtitle {font-size:20px;}
.featured-grid {grid-template-columns:repeat(2,1fr);}
.mega-menu-wrapper {display:none;}
.industry-list .mega-link-item {padding-left:35px;}
    ;}
@media (max-width:768px) {.banner-section {height:500px;}
.banner-content {left:5%;top:22%;max-width:86%;}
.banner-title {font-size:60px;}
.product-image {position:absolute;top:0;left:0;width:100%;min-height:200px;transition:all 0.5s ease;background-size:cover !important;background-repeat:no-repeat !important;background-position:center center !important;}
.banner-image {object-fit:cover;object-position:66% center;}
.banner-subtitle {font-size:14px;}
.section-title {font-size:18px;}
.products-section .section-title,.products-section .section-subtitle {text-align:left;}
.products-section .section-subtitle {max-width:100%;}
.header .container {padding-left:0;padding-right:0;}
.services-grid,.products-grid-container,.featured-grid {grid-template-columns:1fr;}
.footer {padding:40px 0 20px;}
.footer-bottom {padding-top:20px;flex-direction:column;align-items:center;}
.footer-social {margin-top:20px;}
.banner-arrow {width:50px;height:50px;font-size:20px;}
.banner-arrow.prev {left:15px;}
.banner-arrow.next {right:15px;}
.product-item {height:250px;}
.product-title {font-size:20px;}
.product-desc {font-size:13px;}
.service-card {padding:30px 20px;}
.featured-item {margin-bottom:20px;}
.featured-title {font-size:16px;}
.tech-block {height:120px;font-size:14px;}
.tech-block i {font-size:26px;}
    ;}
    @media (max-width:768px) {.footer-content {display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:30px;}}
    @media (max-width:480px) {.banner-section {height:500px;}
.banner-title {font-size:60px;}
.banner-subtitle {font-size:12px;margin-bottom:24px;}
.banner-btn {padding:10px 24px;font-size:12px;}
.section-title {font-size:24px;}
.section-subtitle {font-size:14px;margin-bottom:30px;}
.logo {font-size:22px;}
.product-item {height:200px;}
.product-content {padding:20px;}
.product-title {font-size:18px;}
.service-icon {width:60px;height:60px;font-size:28px;}
.service-title {font-size:18px;}
.featured-image {height:160px;}
.featured-content {padding:20px;}
.footer {padding:30px 0 15px;}
.footer-bottom {font-size:10px;}
.social-icon {width:36px;height:36px;font-size:14px;}
    ;}