@import url('_globle.css');
@keyframes bounce {
  0%, to { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); }
}
@keyframes glow {
  0%, to { text-shadow: 0 0 20px hsl(var(--neon-glow) / .5); }
  50% { text-shadow: 0 0 40px hsl(var(--neon-glow) / .8); }
}
@keyframes float {
    0%,to { transform: translateY(0); }
    50% {transform: translateY(-10px); }
}
@keyframes pulse {
    50% { opacity: 0.5 }
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
.animate-float { animation: float 3s ease-in-out infinite;}
.animate-glow { animation: glow 2s ease-in-out infinite;}
@media (min-width:768px) {
  .hero-banner .subtitle { font-size: 1.5rem; line-height: 2rem; }
}
.container { max-width: 100%; width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; }
.body-wrapper { flex: 1; }
body { background-color: var(--body_color); color: var(--content-color); display: flex; flex-direction: column; min-height: 100vh; }
.group-h:hover .hover-scale-110 { transform: scale(1.1) !important; }
.group-h:hover .hover-scale-105 { transform: scale(1.05) !important; }
.group-h:hover .hover-scale-150 { transform: scale(1.5) !important; }
.hover-scale-110, .hover-scale-150,.hover-scale-105 { transition: transform 0.3s var(--tran_func); }
.badge-tag { font-weight:600;text-transform: uppercase; font-size: 0.875rem; line-height: 1.25rem; display: inline-block; padding: 0.5rem 1rem; background: hsl(var(--neon-glow)/ 0.1); border: 1px solid hsl(var(--neon-glow)/ 0.2); border-radius: 9999px; color: var(--primary-color); }
.badge-tag img {filter: brightness(0) saturate(100%) invert(56%) sepia(24%) saturate(1218%) hue-rotate(89deg) brightness(101%) contrast(90%);}
.title-sec { max-width: 48rem; margin: 0 auto; }
.title-sec .badge-tag { margin-bottom: 1.5rem; }
.section-padding{padding-top: 3rem ; padding-bottom: 3rem;}
.full-padding { padding: 6rem 1rem; }
.more-padding{padding: 8rem 1rem;}
.std-title{font-size: 2.25rem; line-height: 2.5rem;margin-bottom: 2rem;}
.subtitle { font-size: 1.25rem; line-height: 1.75rem; }
.card{background-color: #181d25; border: 1px solid #2a303c; transition: all 0.3s var(--tran_func); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); border-radius: 0.75rem;}
.card:hover { box-shadow: 0 1px 2px 0 hsl(var(--neon-glow) / 0.2); border-color: hsl(var(--neon-glow) / 0.5); }
.top-margin{margin-top:4rem ;}
.bottom-margin{margin-bottom:4rem ;}
.hero-banner { position: relative; overflow: hidden; }
.hero-bg { background-size: cover; background-position: center; z-index: 0; }
.hero-overlay { position: absolute; inset: 0;  background:linear-gradient(to bottom, hsl(220 25% 8% / 0.8) 0%, hsl(220 25% 8% / 0.6) 50%, hsl(220 25% 8%) 100%); z-index: 1; }
.hero-banner .container { z-index: 2; position: relative; }
.herotitle { margin-bottom: 1.5rem; }
.herotitle span { display: block; animation: glow 2s ease-in-out infinite; }
.hero-banner .icon-btn img { filter: invert(63%) sepia(75%) saturate(641%) hue-rotate(87deg) brightness(93%) contrast(92%); transition: all 0.3s var(--tran_func); }
.hero-banner .icon-btn a:hover img { filter: unset; }
.scroll-down-btn { position: absolute; bottom: 2rem; z-index: 2; color: var(--primary-color); animation: bounce 1s infinite; background: transparent; border: none; }
.hero-banner .subtitle { max-width: 48rem; margin-bottom: 2rem; }
.products-section .title-sec { margin-bottom: 4rem; }
.product-card .product-title {margin-bottom: 0.75rem; font-size: 1.5rem; line-height: 2rem; transition: 0.3s all var(--tran_func);}
.product-card .price { font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; transition: 0.3s all var(--tran_func);}
.product-card .old-price { font-size: 1.125rem; line-height: 1.75rem; color: var(--accent); }
.product-card .overlay a.spec-link:hover { gap: unset; background: transparent; color: var(--primary-color); }
.dis-badge { font-size: 0.75rem; line-height: 1rem; padding: 0.25rem 0.5rem; color: var(--primary-color); font-weight: 700; background: hsl(var(--neon-glow) / .2); border-radius: .25rem; }
.price-sec { gap: 0.75rem; margin-bottom: 0.75rem; }
.left-pulse { width: 18rem; height: 18rem; top: 5rem; left: 2.5rem; filter: blur(64px); background-color: hsl(var(--neon-glow) / .1); animation: pulse 2s var(--tran_func) infinite; }
.bottom-pulse { filter: blur(64px); background-color: hsl(var(--neon-glow) / .1); width: 24rem; height: 24rem; right: 2.5rem; bottom: 5rem; animation: pulse 2s var(--tran_func) infinite; }
.customer-card{display: flex;flex-direction: column;}
.customer-card .review-des {flex:1;}
.product-card { background-color: #181d25; border: 1px solid #2a303c; transition: all 0.5s var(--tran_func); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); border-radius: 0.75rem; }
.product-card .badge-top {text-transform: uppercase; font-size: .75rem; line-height: 1rem; padding: 0.25rem 0.75rem; background: var(--primary-color); color: var(--body_color); top: 1rem; right: 1rem; font-weight: 700; z-index: 2; }
.product-image { height: 230px; overflow: hidden;}
.product-image img { opacity: 0.7; aspect-ratio: 16/9; object-fit: contain; height: 100%; transition: all 0.5s var(--tran_func); }
.product-image .overlay { z-index: 2;opacity: 0; width: 100%; display: block; position: absolute; bottom: 0; transform: translateY(1rem); padding: 1.5rem; transition: all 0.3s var(--tran_func); }
.product-card .product-image .overlay a { color: var(--primary-color); transition: all 0.3s var(--tran_func); }
.product-card .spec-pill { padding: 0.25rem 0.75rem; font-weight:500;}
.product-card .product-specs li { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-size: 14px; color: var(--accent); }
.product-card .product-specs .spec-dot {min-width: 0.375rem; min-height: 0.35rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1); width: 0.375rem; height: 0.35rem; border-radius: 50%; background-color: var(--primary-color); margin-top: 7.5px; }
.product-card:hover .product-image .overlay { transform: translateY(0); opacity: 1; }
.product-card:hover { box-shadow: 0 0 #0000,0 0 #0000 ,0 25px 50px -12px hsl(142 61% 45% / .2); border-color: hsl(var(--neon-glow) / 0.5); transform: scale(1.02); }
.product-card:hover .product-title,
.product-card:hover .price{color: var(--primary-color);}
.product-card:hover .product-specs li{color: var(--white);}
.product-card:hover .product-specs .spec-dot{box-shadow:  0 0 #0000, 0 0 #0000,0 0 8px hsl(142 61% 45%);}
.spec-link svg { margin-left: 0rem; }
.product-card a.spec-link{transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.product-card a.spec-link:hover { gap: 18px; color: var(--btn1bg); background-color: var(--primary-color); }
.product-image .overlay .spec-link svg { margin-right: 0.5rem;}
.product-image .product-img-overlay {position:relative; height:100%;}
.product-image .product-img-overlay:after { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: absolute; top: 0; left: 0; content: ''; height: 100%; width: 100%; background: linear-gradient(to right, hsl(220 25% 8%), hsl(220 25% 8% / .5), transparent); opacity: 0; }
.product-card:hover .product-image .product-img-overlay:after{opacity: 0.9;}
.product-card .product-con {height: calc(100% - 230px); display: flex; flex-direction: column; }
.product-card .product-con .product-specs { flex: 1; }
.excellence-number { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 1rem; color: var(--primary-color); font-weight: 700; }
.excellence-bg { position: absolute; background-image: linear-gradient(to bottom, hsl(220 25% 8%), hsl(220 18% 15% / .2), hsl(220 25% 8%)); width: 100%; height: 100%; top: 0; left: 0; }
.excellence-section .excellence-icon { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; margin: 0 auto; border-radius: 0.75rem; border: 1px solid #2a303c; background: hsl(var(--neon-glow)/0.1) }
.excellence-section .excellence-icon img{transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);width: 36px; height: 36px;filter: brightness(0) saturate(100%) invert(56%) sepia(24%) saturate(1218%) hue-rotate(89deg) brightness(101%) contrast(90%);}
.excellence-card{transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.excellence-card:hover .excellence-icon { background-color: var(--primary-color); transform: scale(1.1)rotate(3deg); }
.excellence-section .excellence-card:hover .excellence-icon img { filter: none; }
.excellence-card p{font-size: 14px;}
.technology-section .row > div:nth-child(1) .tech-icon { background-image: linear-gradient(to bottom right, #a855f7, #ec4899); }
.technology-section .row > div:nth-child(2) .tech-icon { background-image: linear-gradient(to bottom right, #3b82f6, #06b6d4); }
.technology-section .row > div:nth-child(3) .tech-icon { background-image: linear-gradient(to bottom right, #22c55e, #10b981); }
.technology-section .row > div:nth-child(4) .tech-icon { background-image: linear-gradient(to bottom right, #f97316, #ef4444); }
.tech-icon {display:flex; justify-content:center; align-items:center; width: 64px; height: 64px; margin: 0 auto 1rem; border-radius:50%; }
.technology-section .tech-icon img{filter: invert(1)brightness(100); width: 2rem; height:2rem;}
.tech-card{transition: all 0.3s var(--tran_func);}
.tech-card:hover{transform:scale(1.05); border-color:#2a303c;}
.next-generation .hero-bg{background-attachment: fixed;}
.next-generation .hero-overlay{background: hsl(220 25% 8% / 0.85); backdrop-filter: blur(3px);}
.next-generation .next-generation-inner{max-width: 56rem; margin: 0 auto;}
.next-generation .next-generation-inner .herotitle{margin:32px 0 40px;}
.next-generation-inner .icon-btn a img{transition:all 0.3s cubic-bezier(.4,0,.2,1);}
.next-generation-inner .icon-btn a:hover> img { filter:invert(63%) sepia(75%) saturate(641%) hue-rotate(87deg) brightness(93%) contrast(92%);}
.customer-card .quote-icon{width: 32px; height: 32px; color: hsl(var(--neon-glow) / .3);}
.name-sec {border-top:1px solid #2a303c;}
.name-sec .customer-name{ line-height: 24px; margin-bottom:0;}
.name-sec .designation{font-size:14px; line-height:20px;}
.name-sec .intials{display:flex;justify-content:center; align-items:center; color:var(--primary-color); border-radius:50%; background-color:hsl(var(--neon-glow) / .1); width:3rem; height:3rem;}
.background-blob { width: 24rem; height: 24rem; position: absolute; top: 10rem; right: 5rem; filter: blur(64px); background-color: hsl(var(--neon-glow) / .1); animation: pulse 2s var(--tran_func) infinite; }
.excellence-bg{width: 18px; height: 18px;position: absolute; top:5rem; left:2.5rem; filter: blur(64px); background-color: hsl(142 61% 45%/0.1); border-radius:50%; animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;}
.background-gradient {  position: absolute; top: 0;right: 0;bottom: 0; left: 0;
       background-image: linear-gradient(to bottom, hsl(220 25% 8%) , hsl(142 61% 45% / .05) , hsl(220 25% 8%));}
.customer-card:hover{ box-shadow:0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / .25);}
.video-section{background: hsl(220 18% 15% / 0.2); }
.video-section .wrapper{max-width: 64rem; margin:0 auto;}
.video-section .title-sec {  margin-bottom: 3rem;}
.video-section .preview-box {transition: all 0.3s var(--tran_func); overflow: hidden; aspect-ratio: 16 / 9; border-radius: 1rem; background: hsl(220 20% 12% / .6); backdrop-filter: blur(12px); border: 1px solid hsl(220 18% 20% / .5) }
.video-section .preview-box .overlay-bg {background:hsl(220 25% 8% / 0.4);}
.video-section .preview-box:hover .overlay-bg {background:hsl(220 25% 8% / 0.6);}
.video-section .preview-box .play-btn { width: 5rem; height: 5rem;  background-color: var(--primary-color); border-radius:50%;}
.video-section .preview-box .play-btn svg{width: 2.5rem; height: 2.5rem; margin-left: 0.25rem;transition: all 0.3s var(--tran_func);}
.video-section .preview-box:hover .play-btn{box-shadow:0 0 20px hsl(var(--neon-glow) / .5),0 0 40px hsl(var(--neon-glow) / .3),0 0 60px hsl(var(--neon-glow) / .1);}
.two-col-grid {display:grid;align-items: center;grid-template-columns: repeat(1, minmax(0px, 1fr)); gap:3rem;}
.two-col-grid .description {font-size:18px; margin-bottom:24px;}
.lifestyle-image-wrapper{border:1px solid #2a303c; }
.lifestyle-badge{position:absolute;  top:-1rem; right:-1rem;  animation: 3s ease-in-out 0s infinite normal none running float;}
.glowing-badge {text-transform: uppercase;width:max-content; padding:0.75rem 1.5rem; background-color: var(--primary-color); color: var(--body_color); font-weight:700; border-radius:9999px; box-shadow:0 0 20px hsl(var(--neon-glow) / .5),0 0 40px hsl(var(--neon-glow) / .3),0 0 60px hsl(var(--neon-glow) / .1) }
.ready-section{ background: hsl(220 18% 15%/ 0.1);}

/*Technology page*/
.technology-page .banner-section { height: 60vh; z-index: 1; }
.banner-section .banner-bg { background-size: cover; background-position: center; z-index: -1; height: 100%; width: 100%; }
.banner-section .banner-overlay { position: absolute; top: 0; left: 0; background-image: linear-gradient(to bottom, hsl(220 25% 8% / .9), hsl(220 25% 8% / .7), hsl(220 25% 8%)); width: 100%; height: 100%; z-index: 0; }
.tech-main-sec .tech-tag { padding: 0.25rem 0.75rem; font-size: 0.75rem; line-height: 1rem; display: inline-block; padding: 0.5rem 1rem; background: hsl(var(--neon-glow) / 0.1); border: 1px solid hsl(var(--neon-glow) / 0.2); border-radius: 9999px; color: var(--primary-color); }
.tech-main-sec .tech-card{padding: 1.5rem;}
.tech-main-sec .tech-card .tech-icon{margin-left: 0;}
.tech-main-sec .tech-card:hover{border-color:hsl(var(--neon-glow)/ 0.5); box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.086) 0px 5.11133px 10.2227px -2.05567px;;}
.tech-main-sec .tech-card img {width:28px; height:28px;}
.tech-main-sec .tech-card:hover .tech-icon{background:hsl(var(--neon-glow)/0.2);}
.journey-sec {background: hsl(220 18% 15%/0.2)}
.timeline-wrapper { display: flex; max-width: 56rem; flex-direction: column; gap: 1.5rem; }
.timeline-wrapper .timeline-year { width: 6rem; flex-shrink: 0; }
.timeline-wrapper .timeline-year .year { color: var(--primary-color); font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; }
.timeline-wrapper .timeline-line { width: 1rem; flex-shrink: 0; height: 100%; }
.timeline-wrapper .timeline-dot { top: 0.5rem; width: 1rem; height: 1rem; background-color: var(--primary-color); height: 1rem; border-radius: 50%; box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / .25); }
.timeline-wrapper .timeline-content { border: 1px solid #2a303c; transition: all 0.3s var(--tran_func); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); background-color: hsl(220 20% 12% / .6); backdrop-filter: blur(12px); padding: 1.5rem; border-radius: 12px; }

/*Contact*/
.contact-page .sub-title {margin-bottom: 3rem; font-size: 1.25rem; line-height: 1.75rem; }
.contact-page .container{max-width: 72rem;}
.contact-page .contact-sec{margin-bottom:3rem;}
.contact-box { padding: 1.5rem; background: hsl(220 20% 12%); border-radius: 12px; backdrop-filter: blur(12px); border: 1px solid hsl(220 18% 20%
/0.5); }
.contact-box svg { height: 3rem; width: 3rem; }
.contact-box p{font-size:14px;}
.contact-form-main { background: #181d25; padding: 2rem; border-radius: 12px; backdrop-filter: blur(12px); border: 1px solid hsl(220 18% 20% / 0.5); }
.contact-form-main input[type=submit] { margin-top: 24px;  }
.contact-form-main input[type=submit]:hover{background-color: var(--btn2hvrbg);  color: var(--btn2hvrtext);border: 1px solid var(--btn2hvrborder);}
.contact-btn-sec p { position: relative; display: inline-block; }

/*FAQs*/
.faq-section .container {  max-width: 56rem;}
.faq-section .accordion-item { padding: 0 1.5rem; background: hsl(220 20% 12%); border-radius: 12px; backdrop-filter: blur(12px); border: 1px solid hsl(220 18% 20% / 0.5); margin-bottom: 1.5rem; }
.faq-section .accordion-item .accordion-header .accordion-button {transition: all 0.3s var(--tran_func); padding: 1rem 0 !important; background: hsl(220 20% 12%); padding: 0; box-shadow: none; color: var(--heading-color); font-weight: 600; font-size: 1rem; }
.faq-section .accordion-item .accordion-button::after { color: var(--heading-color); filter: invert(1)brightness(100); width: 16px; height: 16px; background-size: contain; }
.faq-section .accordion-item .accordion-header .accordion-button:hover {text-decoration: underline;}
.faq-section .accordion-item .accordion-body {transition: all 0.3s var(--tran_func); padding:0 0 1rem 0; color: var(--accent);}

/*Support Page*/
.support-page .support-sec{margin: 4rem auto 5rem;}
.support-page .service-sec,
.support-page .faq-section{margin-bottom:5rem;}
.support-page #faqAccordion {max-width: 56rem;margin: 0 auto; padding: 1.5rem; background: hsl(220 20% 12%); border-radius: 12px; backdrop-filter: blur(12px); border: 1px solid hsl(220 18% 20% / 0.5); }
.support-page .faq-section .accordion-item { background: inherit; border: none; padding: 0; margin-bottom: 0; border-bottom: 1px solid hsl(220 18% 20% / 0.5); border-radius:0; }
.support-page .faq-section .accordion-item .accordion-header .accordion-button { font-size: 18px; }
.support-page .faq-section .accordion-item .accordion-header .accordion-button:hover { color: var(--primary-color); }
.support-sec .support-icon { transition: all 0.3s 
cubic-bezier(0.4, 0, 0.2, 1); width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; margin: 0 auto; border-radius: 0.75rem; border: 1px solid #2a303c; background: hsl(var(--neon-glow) / 0.1); }
.support-sec .support-icon img { filter: brightness(0) saturate(100%) invert(56%) sepia(24%) saturate(1218%) hue-rotate(89deg) brightness(101%) contrast(90%); }
.support-card .main-link,
.support-card .main-text { color: var(--accent); font-size: 1.125rem; line-height: 1.75rem; color: var(--primary-color); margin-bottom: 0.5rem; font-weight: 600; }
.support-card a.main-link { color: var(--primary-color); }
.support-card .extra-info { font-size: 14px; }
.service-card {transition: all 0.3s var(--tran_func); border: 1px solid hsl(var(--neon-glow)/ 0.25); padding: 1rem 1.5rem; border-radius: 12px; }
.service-card .service-icon img { filter: brightness(0) saturate(100%) invert(56%) sepia(24%) saturate(1218%) hue-rotate(89deg) brightness(101%) contrast(90%); }
.service-card:hover {background-color: #181d25; border: 1px solid hsl(var(--neon-glow) / 0.5);}
.support-page .contact-form {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); max-width: 42rem; padding: 2rem; background: hsl(220 20% 12%); border-radius: 12px; backdrop-filter: blur(12px); border: 1px solid hsl(220 18% 20% / 0.5); }
.contact-form .form-title {font-size: 1.875rem;line-height: 2.25rem; margin-bottom:0.25rem;}
.support-page .contact-form .wpcf7-form p{position: relative;}
.support-page .contact-form input[type=submit]{width: 100%;}

.warranty-page .container{ max-width: 56rem; }
.warranty-page .title-icon { width: 4rem; height: 4rem; filter: brightness(0) saturate(100%) invert(56%) sepia(24%) saturate(1218%) hue-rotate(89deg) brightness(101%) contrast(90%); }
.warranty-page .standard-box { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); padding: 2rem; background: hsl(220 20% 12%); border-radius: 12px; backdrop-filter: blur(12px); border: 1px solid hsl(220 18% 20% / 0.5); }
.warranty-page .standard-box .check-icon{flex-shrink: 0;width: 20px; height: 20px;}
.warranty-page .standard-box img { width: 40px; height: 40px; filter: brightness(0) saturate(100%) invert(56%) sepia(24%) saturate(1218%) hue-rotate(89deg) brightness(101%) contrast(90%); }
.standard-box .rounded-number {font-weight:600; background: var(--primary-color); width: 2rem; height: 2rem; color: var(--body_color); }
.warranty-page .cta_btn{max-width: max-content;}

/*404*/
.error-404-sc { display: flex; justify-content: center; align-items: center; }
.error-404-sc img { width: 300px; }

/*Shop Now Page*/
.shop-now-page .container{max-width: 72rem;}
.shop-now-page .standard-box .sec-title { font-size: 1.875rem; line-height: 2.25rem; }
.support-page  .why-icon img{filter:unset; width:40px; height:40px; object-fit:scale-down;}
.why-us-section .title-sec >svg { min-width: 24px; height: 24px; margin: auto 0; }
.shop-bar { left: 0; position: absolute; top: 0; height: 8px; width: 100%; }
.shop-section .row > div:nth-child(1) .shop-bar{background: linear-gradient(to right, rgb(249 115 22 / .2), rgb(234 179 8 / .2)) ;}
.shop-section .row > div:nth-child(2) .shop-bar{background: linear-gradient(to right, rgb(59 130 246 / .2) , rgb(6 182 212 / .2));}
.shop-section .row > div:nth-child(3) .shop-bar{background: linear-gradient(to right, rgb(168 85 247 / .2) , rgb(236 72 153 / .2));}
.shop-section .shop-card.standard-box{padding-top:2.5rem;}
.shop-section .shop-card.standard-box .shop-icon{width: auto; height: 40px;max-width: 90px; object-fit: scale-down;}
.shop-section .shop-card{border-width:2px; transition: all 0.3s var(--tran_func);}
.shop-section .row > div:nth-child(1) .shop-card:hover{border:2px solid #f97316;}
.shop-section .row > div:nth-child(2) .shop-card:hover{border:2px solid #3b82f6;}
.shop-section .row > div:nth-child(3) .shop-card:hover{border:2px solid #a855f7;}

/*About*/
.our-story .subtitle{font-size: 18px;line-height: 1.625;}
.about-page .team .title-icon {width:4rem; height:4rem;}
.about-page .hero-bg { opacity: 0.2;}
.journey-year .year-circle { font-weight:700; display: flex; width: 4rem; height: 4rem; border-radius: 50%; background: hsl(var(--neon-glow) / 0.25); justify-content: center; color: var(--primary-color); border: 1px solid var(--primary-color); align-items: center; }
.journey-line { position: absolute; top: 4rem; left: 2rem; width: 0.125rem; height: 100%; background: #2db9604d; }
.journey-list .journey-item:not(first-child) { margin-top:32px;}
.journey-list .journey-item:last-child .journey-line {display: none;}
.member-box .team-img-wrapper img{width:100%; height:100%;object-fit:cover; filter:unset;}
.member-box .team-img-wrapper {aspect-ratio:1; overflow:hidden;}
.social-icon { background-color: #1f242d; width: 2.5rem; height: 2.5rem; border-radius: 50%; transition: all 0.3s cubic-bezier(.4, 0, .2, 1); color: var(--secondary_color); }
.social-icon:hover { background: var(--primary-color); color: #181d25;}
.mission-vision-sec .standard-box img{margin-bottom: 1.5rem; width: 64px; height: 64px}
.corevalue-sec .standard-box img { width: 48px; height: 48px; }
.job-card .small{color: var(--accent);}
.standard-box small{color: var(--accent);}
.pos-f span{color: var(--primary-color);}

/*Legal*/
.legal-page .content h2 { font-size: 2rem; line-height: 2.5rem; }
.legal-page .content h3 { font-size: 1.875rem; line-height: 2.25rem; }
.legal-page .content h4 { font-size: 1.75rem; line-height: 2rem; }
.legal-page .content h5 { font-size: 1.5rem; line-height: 2rem; }
.legal-page .content h6 { font-size: 1.25rem; line-height: 1.5rem; }
.legal-page .content li { list-style: unset; margin-bottom: 0.5rem; color: var(--accent); }
.legal-page .content ol, .legal-page .content ul { margin-top: 0; margin-bottom: 1rem; padding-left: 1.25rem; }
.legal-page .content a{font-size:inherit; color: var(--primary-color);}
.legal-page .content a:hover{color: var(--heading-color);}

/*Products*/
.point-dot { width: 0.5rem; height: 0.5rem; background: var(--primary-color); border-radius: 50%; }
.term-washing-machine .badge-tag img { animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;}
.term-air-conditioner .badge-tag img{animation: spin 1s linear infinite;}
.coming-soon .form-sec {max-width: 28rem; margin: 2rem auto 1rem;}
.television-archive .container{max-width: 1400px;}
.television-archive .product-card .cta_btn{max-width: 100%;}
.looking-for-section .subtitle{font-size:18px; margin-bottom:2rem;max-width: 42rem;}
.tv-filter-container .portfolio-item { transform: translateY(20px); opacity: 0; transition: all 0.3s cubic-bezier(0, 0, .2, 1);; }
.tv-filter-container .portfolio-item.is-visible { transform: translateY(0); opacity: 1; }
.tv-filter-tabs {margin-bottom:2rem;}
.tv-filter-tabs .portfolio-filters.standard-box { display: inline-flex; padding: 0.5rem; justify-content:center; align-items:center; float: wrap; }
.tv-filter-tabs .nav-link { color: var(--accent); font-weight:500; font-size: 0.875rem; line-height: 1.25rem; padding: 0.375rem 0.75rem; border-radius: 8px; transition: all 0.3s cubic-bezier(0, 0, .2, 1); }
.tv-filter-tabs .nav-item .nav-link.active { background: var(--body_color); color: var(--heading-color); }
.television-archive .title-sec .banner-title {font-size: 3rem; line-height: 1;}

/*Blog*/
.back-to-blog {margin-bottom:2rem; font-size: 16px;}
.meta-top { display: flex; gap: 1rem; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; }
.meta-top .date-pub, .meta-top .cat { display: flex; align-items: center; gap: 0.5rem; color: var(--accent); font-size: 1rem; line-height: 1.5; }
.meta-top .cat { color: var(--primary-color);font-weight: 500; }
.meta-top .cat>a { font-weight: 500;font-size: inherit; line-height: inherit; color: inherit; }
.author-name-sec { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; }
.share-wrapper { position: relative; }
.share-wrapper .share-icon { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 10px; cursor: pointer; border: 1px solid hsl(220 18% 20% / 0.5); }
.share-wrapper .share-box { position: absolute; top: 100%; right: 0; border-radius: 8px; padding: 10px 12px; min-width: 170px; display: flex; justify-content: center; gap: 15px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .3s ease; z-index: 99; }
.share-wrapper .share-box a { color: #fff; font-size: 14px; text-decoration: none; display: flex; align-items: center; gap: 8px; }
.share-wrapper .share-box a i { width: 16px; }
.share-wrapper .share-box a:hover { color: var(--primary-color); }
.share-wrapper:hover .share-box { opacity: 1; visibility: visible; transform: translateY(0); }
.featured-img { aspect-ratio: 16 / 9; margin-bottom: 3rem; border-radius: 12px; overflow: hidden; }
.featured-img img { height: 100%; width: 100%; object-fit: cover; }
.single-blog .title { font-size: 2rem; line-height: 1; margin-bottom: 1.5rem; }
article.blog-details { margin-bottom:4rem;}
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 { margin-top:3rem;}
.related-title { font-size: 1.125rem; line-height: 1.75rem; transition: all 0.3s var(--tran_func); }
.related-card:hover .related-title{color:var(--primary-color);} 
.related-posts .card:hover, 
.blog-item .card:hover{ border-color:#2a303c;}
.blog-filter-tabs { margin-bottom: 3rem; }
.blog-filter-tabs .portfolio-filters { gap: 0.75rem; flex-wrap: wrap; }
.blog-filter-tabs .portfolio-filters .nav-link { padding: 0.5rem 1.5rem; font-weight: 500; color: var(--accent); background-color: #1f242d; border-radius: 9999px; transition: all 0.3s var(--tran_func); cursor: pointer; }
.blog-filter-tabs .portfolio-filters .nav-link:hover { color: var(--primary-color); background: hsl(var(--neon-glow)/0.25); }
.blog-filter-tabs .portfolio-filters .nav-link.active { background: var(--primary-color); color: var(--body_color); }
.blog-item .feat-badge { padding: 0.25rem 0.75rem; font-weight: 500; background: hsl(var(--neon-glow) / 0.1); border: 1px solid hsl(var(--neon-glow) / 0.2); border-radius: 9999px; color: var(--primary-color); }
.featured-blog-card .ft-cont-side { padding: 2rem;}
.blog-item .ft-title{font-size: 1.875rem;line-height: 2.25rem;}
.blog-item .more-btn{color:var(--primary-color);line-height: 1.5;transition: all 0.3s var(--tran_func); }
.blog-item .card:hover .ft-title{color:var(--primary-color);}
.featured-blog-card .featured-img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.blog-item .img-wrapper {height:195px;}
.blog-item .cat {color:var(--primary-color);}
.blog-item .card .blog-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 0.75rem; transition: all 0.3s var(--tran_func); }
.blog-item .card:hover .blog-title { color: var(--primary-color); }
.blog-item .blog-des { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/*Single Product*/
.single-product-page{padding: 3rem 0;}
.product-highlight-pill { display: inline-flex; align-items: center; padding: 4px 12px; font-size: 12px; font-weight: 600; border-radius: 9999px; border: 1px solid var(--primary-color); color: var(--primary-color); background-color: transparent; cursor: default; }
.single-product-page .title { background-image:linear-gradient(to right, hsl(142 76% 45%) , hsl(0 0% 98%) , hsl(142 76% 45%));color: transparent;-webkit-background-clip: text; background-clip: text;}
.single-product-page .grad-title{background-image:linear-gradient(to right,hsl(142 76% 45%) , hsl(0 0% 98%));color: transparent;-webkit-background-clip: text; background-clip: text;}
.product-featured-image { margin: 2rem auto; max-width: 56rem; box-shadow: 0 0 40px hsla(142, 76%, 45%, 0.3); border-radius: 12px; overflow: hidden; }
.product-featured-image img { height: 300px; width: 100%; aspect-ratio: 4/3; object-fit: contain; display: block; margin: 0 auto; }
.product-specs-sec {  max-width: 56rem;}
.product-specs-sec .product-spec-value{margin-bottom:0.25rem; color:var(--primary-color);}
.product-specs-sec .product-spec-label{font-size:14px;}
.product-spec-card { padding: 1rem; border-radius: 12px; border: 1px solid #2a303c; background: #1a1a1a4d; backdrop-filter: blur(6px); }
.product-price-card { max-width: 42rem;padding: 24px; border-radius: 16px; background: #1a1a1a4d; backdrop-filter: blur(6px); border: 1px solid #2a303c; }
.product-price-card .price-row { display: flex; justify-content: center; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.product-price-card .sale-price { font-size: 48px; font-weight: 700; color: var(--primary-color); }
.product-price-card .mrp-price { font-size: 20px; color: var(--accent); text-decoration: line-through; }
.product-price-card .discount-badge { font-size: 18px; font-weight: 600; color: var(--primary-color); background: hsl(var(--neon-glow)/ 0.1); padding: 4px 12px; border-radius: 999px; }
.product-price-card .pricing-note { font-size: 14px; }
.single-product-page .why-section .why-icon { width: 3.5rem; height: 3.5rem; display: flex; justify-content: center; align-items: center; margin: 0 auto 16px; border-radius: 50%; background: hsl(var(--neon-glow)/0.25); }
.single-product-page .why-section .why-icon img { filter: brightness(0) saturate(100%) invert(56%) sepia(24%) saturate(1218%) hue-rotate(89deg) brightness(101%) contrast(90%); }
.single-product-page .why-section .why-card-title { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 0.5rem; }
.single-product-page .why-section .why-card:hover{box-shadow:0 0 40px hsla(142, 76%, 45%, 0.3);}
.single-product-page .why-section{max-width: 72rem; margin: 0 auto;}
.gallery-item { position: relative; overflow: hidden; border-radius: 12px; cursor: pointer; aspect-ratio: 16 / 9; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--tran_func); }
.gallery-item::after { content: ""; position: absolute; inset: 0; background: transparent; transition: background 0.3s var(--tran_func); }
.gallery-item:hover::after { background: hsl(var(--neon-glow)/0.25); }
.gallery-modal-img { max-height: 90vh; object-fit: contain; }
#galleryModal .btn-close {opacity: 1;; z-index: 99; padding: 0.5rem; background: #262626; display: flex; justify-content: center; align-items: center; border-radius: 9999px; cursor: pointer; transition:all 0.3s var(--tran_func); }
#galleryModal .btn-close svg { min-width: 24px; min-height: 24px; }
#galleryModal .btn-close:hover { background: var(--primary-color);}
.gallery-overlay { width: 100%;height: 100%;cursor: zoom-out;}
.whats-in-box .box-sec{max-width: 56rem;}
.box-sec .left-img{border-radius:8px; }
.box-sec .box-icon img{width:24px; height:24px;}
.box-sec .box-icon {flex-shrink: 0;}
.spec-box-sec { max-width: 80rem; margin: 0 auto; }
.spec-card:hover { box-shadow: 0 0 40px hsla(142, 76%, 45%, 0.3); }
.spec-card .spec-list { margin-top: 12px; padding-bottom: 0.75rem; }
.spec-card .spec-list:not(:last-child){border-bottom: 1px solid #2a303c; }
.spec-card .text-label { color: var(--accent); }
.spec-card .icon-wrapper {transition: all 0.3s var(--tran_func);  padding: 0.75rem; display: flex; justify-content: center; align-items: center; border-radius: 8px; background: hsl(var(--neon-glow) / 0.1); }
.spec-card:hover .icon-wrapper {background: hsl(var(--neon-glow) / 0.2); }
.spec-card .icon-wrapper img { width: 1.5rem; height: 1.5rem; filter: brightness(0) saturate(100%) invert(56%) sepia(24%) saturate(1218%) hue-rotate(89deg) brightness(101%) contrast(90%); }
.rotate-wrapper { touch-action: none; cursor: grab; border-radius: 8px; border: 1px solid hsl(var(--neon-glow)/0.25); }
.rotate-wrapper .rotate-image{border-radius:8px;}
.rotate-wrapper .rotate-hint { padding: 0.5rem 1rem; background-color: #000c; display: flex; align-items: center; gap: 8px; left: 50%; transform: translateX(-50%); border-radius: 9999px; bottom: 1rem; position: absolute; opacity: 0; transition: all 0.3s var(--tran_func); }
.rotate-wrapper:hover .rotate-hint { opacity: 1; }
.animate-spin{animation: spin 1s linear infinite;}
.rotate-image { pointer-events: none; user-select: none; display: block; }
.spec-value-title { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 0.5rem; }
.display-sec .left-img{border-radius:8px;}
.ab-bg { background-color: #000c; border-radius: 8px; padding: 1rem; }
.audio-sec .icon-wrapper img{width: 48px;height: 48px; filter: brightness(0) saturate(100%) invert(56%) sepia(24%) saturate(1218%) hue-rotate(89deg) brightness(101%) contrast(90%);}
.gaming-sec .standard-box:hover { box-shadow: 0 0 40px hsla(142, 76%, 45%, 0.3); border-color: hsl(var(--neon-glow)/0.5); }
.gaming-sec .standard-box::before {z-index:-1;position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(135deg, hsl(142 76% 45%), hsl(142 76% 35%)); opacity: 0; content: ""; transition: background 0.3s var(--tran_func);}
.gaming-sec .standard-box:hover::before { opacity: 0.1; }


.video-modal { position: fixed; inset: 0; display: none; z-index: 9999; }
.video-overlay { cursor: zoom-out;position: absolute; inset: 0; background: rgba(0, 0, 0, 0.75); }
.video-box { position: relative; max-width: 900px; margin: 10% auto; background: #000; padding: 12px; }
.video-box video { width: 100%; height: auto; }
.close-video { position: absolute; top: -35px; right: 0; color: #fff; font-size: 30px; cursor: pointer; }

/*Responsive*/
@media (min-width: 768px){
    .section-padding{padding-top: 4rem; padding-bottom:4rem;}
    .excellence-number{font-size: 36px;}
    .error-404-sc img { width: 400px; }
    .television-archive .title-sec .banner-title {font-size: 4.5rem;}
    .single-blog .title { font-size: 3rem; }
    .featured-blog-card .featured-img {border-radius: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .product-featured-image img { height: 500px;}
}
@media (min-width:1024px){
    .two-col-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (min-width: 1400px) {
    .container { max-width: 1400px; }
}