.productsSection{text-align:center;padding:40px 20px}.productsTitle{color:#07102d;margin-bottom:30px;font-size:28px}.productsGrid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.productCard{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;justify-content:center;align-items:end;height:180px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.productNumber{opacity:.6;font-size:12px;font-weight:700;position:absolute;top:10px;left:12px}.productCard:hover{background:#ff5a00;transform:scale(1.05);box-shadow:0 8px 20px #ff5a004d}.productsGrid .productCard:nth-child(5){grid-column:2}.productsGrid .productCard:nth-child(6){grid-column:3}.productsGrid .productCard:nth-child(7){grid-column:4}@media (max-width:992px){.productsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.productsGrid{grid-template-columns:1fr}.productCard{min-height:70px;font-size:13px}}
.services{text-align:center;background-color:#f4f4f4;padding:60px 20px}.services h2{color:#1a1a1a;margin-bottom:40px;font-size:2.5rem;font-weight:700}.services .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;max-width:1000px;margin:0 auto;display:grid}.services .card{color:#1a1a1a;background-color:#fff;border-radius:12px;padding:35px 20px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 6px 15px #00000014}.services .card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0000001f}.services .card .number{color:#fff;background-color:#1e90ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:15px;left:15px}
.aboutPage{width:100%;position:relative;overflow-x:hidden}.aboutHero{padding:60px 0 0 80px;position:relative}.aboutTitle{margin:0;position:relative}.aboutBg{color:#00000040;z-index:1;font-size:150px;font-weight:900;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.aboutMain{color:#333;z-index:2;font-size:60px;font-weight:700;position:relative}.aboutA{color:#ff5a00}.aboutWrapper{align-items:flex-start;gap:50px;padding:20px 80px 0;display:flex}.aboutLeft{flex:0 550px;margin-top:-10px}.aboutLeft p{color:#444;margin-bottom:20px;font-size:13px;line-height:1.8}.aboutRight{flex:1;justify-content:center;align-items:center;margin-top:-140px;display:flex;position:relative;left:7%}.designContainer{justify-content:center;align-items:center;width:500px;height:500px;display:flex;position:relative}@keyframes slowMotionSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.starShape{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;animation:80s linear infinite slowMotionSpin;display:flex;position:absolute}.hexagonImage{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:10;filter:drop-shadow(0 10px 20px #0000001a);background:#fff;justify-content:center;align-items:center;width:320px;height:360px;display:flex;position:relative}.hexagonImage img{object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:94%;height:94%}.hexagonOverlay{color:#ff5a00b3;letter-spacing:2px;z-index:20;pointer-events:none;font-size:44px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.petal{opacity:.9;background:#ff5a00;border-radius:100% 0%;width:120px;height:220px;position:absolute}.petal:first-child{transform:rotate(0)translateY(-120px)}.petal:nth-child(2){transform:rotate(45deg)translateY(-120px)}.petal:nth-child(3){transform:rotate(90deg)translateY(-120px)}.petal:nth-child(4){transform:rotate(135deg)translateY(-120px)}.petal:nth-child(5){transform:rotate(180deg)translateY(-120px)}.petal:nth-child(6){transform:rotate(225deg)translateY(-120px)}.petal:nth-child(7){transform:rotate(270deg)translateY(-120px)}.petal:nth-child(8){transform:rotate(315deg)translateY(-120px)}.expertiseSection{background:#fff;padding:0 80px 80px}.tearStack{flex-direction:column;width:fit-content;margin-top:-100px;margin-bottom:50px;display:flex}.tearItem{line-height:0;display:flex;position:relative}.tearItem:first-child{margin-top:0;margin-left:-190px}.tearItem:nth-child(2){margin-top:-80px;margin-left:55px}.tearItem:nth-child(3){margin-top:-80px;margin-left:-190px}.tearSvg{filter:drop-shadow(3px 5px 14px #00000047);transform-origin:50%;width:220px;height:auto;display:block;overflow:visible}.tearText{pointer-events:none;margin-top:-10px}.tearTop{font-size:3.2px;font-weight:700}.tearBottom{letter-spacing:.5px;font-size:3.8px;font-weight:700}.expertiseTopRow{align-items:center;gap:40px;display:flex}.expertiseDesc{max-width:500px;margin-top:-150px}.whyTitle{color:#07102d66;margin-bottom:10px;font-size:20px;font-weight:700}.whyText{color:#555;margin-bottom:12px;font-size:13px;line-height:1.6}.whyList{color:#333;padding-left:18px;font-size:13px}.whyList li{margin-bottom:6px}.expertiseGrid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-20px;display:grid}.expertiseCard{cursor:pointer;color:#fff;z-index:1;background:#07102d;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:100px;padding:32px 28px 28px;transition:transform .3s,box-shadow .3s,background .4s,color .4s;animation:8s infinite autoHover;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 16px #00000012}.expertiseCard:first-child{animation-delay:0s}.expertiseCard:nth-child(2){animation-delay:2s}.expertiseCard:nth-child(3){animation-delay:4s}.expertiseCard:nth-child(4){animation-delay:6s}@keyframes autoHover{0%{z-index:1;background:#07102d;transform:scale(1)}10%{z-index:10;background:#ff5a00;transform:scale(1.05);box-shadow:0 8px 28px #ff5a0059}20%{z-index:10;background:#ff5a00;transform:scale(1.05)}25%{z-index:1;background:#07102d;transform:scale(1)}to{z-index:1;background:#07102d;transform:scale(1)}}.expertiseCard .cardTitle,.expertiseCard .cardDesc,.expertiseCard .cardLink{color:#fff}.cardIcon{margin-bottom:12px;font-size:20px}.cardTitle{color:#1a56db;margin-bottom:10px;font-size:15px;font-weight:700;transition:color .4s}.cardDesc{color:#555;flex:1;font-size:13px;font-weight:300;line-height:1.6;transition:color .4s}@media (max-width:768px){.tearItem:nth-child(2){margin-left:40px}.tearItem:nth-child(3){margin-left:80px}.tearSvg{width:280px}}
