@charset "utf-8";
/* CSS Document */

:root {--primary:#00AEEF; --secondary:#0F62FE; --dark:#6580b6; --light:#F3F5F9; --text:#64748B;}
* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:'Outfit',sans-serif; background:#fff; overflow-x:hidden;}
a {text-decoration:none;}
ul {margin:0; padding:0;}
img {max-width:100%;}
.top-header {position:relative; background:var(--light); padding:22px 0 38px; overflow:hidden; z-index:1;}
.top-header::before {content:''; position:absolute; right:0; top:0; width:520px; height:100%; background:var(--dark); clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%); z-index:-1;}
.top-header .container {position:relative; z-index:5;}
.header-logo {display:flex; align-items:center; height:100%; padding-left:10px;}
.header-logo img {width:550px; display:block;}
.header-contact-wrap {display:flex; align-items:center; justify-content:flex-end; gap:28px; height:100%; flex-wrap:nowrap; padding-right:10px;}
.contact-box {display:flex; align-items:center; gap:15px;}
.contact-icon {width:70px; height:70px; border-radius:50%; background:#fff; border:1px solid #E5E7EB; display:flex; align-items:center; justify-content:center; font-size:28px; color:#FF6B1A; flex-shrink:0; transition:0.4s;}
.contact-box:hover .contact-icon {background:var(--dark); color:#fff; transform:translateY(-4px);}
.contact-text h6 {margin:0 0 6px; font-size:18px; font-weight:700; font-family:'Sora',sans-serif; color:#0F172A;}
.contact-text p {margin:0; font-size:16px; color:var(--text);}
.header-social {display:flex; align-items:center; gap:12px; margin-left:20px; flex-shrink:0;}
.header-social a {width:54px; height:54px; border-radius:50%; background:#fff; border:1px solid #E5E7EB; display:flex; align-items:center; justify-content:center; font-size:20px; color:#FF6B1A; transition:0.4s;}
.header-social a:hover {background:var(--dark); color:#fff; transform:translateY(-5px);}
.premium-navbar {position:relative; margin-top:-28px; z-index:50;}
.navbar-box {background:var(--dark); border-radius:10px; overflow:visible; display:flex; align-items:stretch; justify-content:space-between; box-shadow:0 20px 60px rgba(2,27,78,0.15);}
.navbar {padding:0; width:100%;}
.navbar-nav {align-items:center; gap:8px; padding-left:28px;}
.nav-link {position:relative; color:#fff !important; padding:34px 22px !important; font-size:18px; font-weight:600; font-family:'Sora',sans-serif; letter-spacing:0.2px; transition:0.4s; display:flex; align-items:center; gap:8px;}
.nav-link.active, .nav-link:hover {color:#FF6B1A !important;}
.nav-link.active::before {content:''; position:absolute; top:16px; left:50%; transform:translateX(-50%); width:12px; height:12px; border-radius:50%; background:#FF6B1A;}
.dropdown {position:relative;}
.dropdown-toggle::after {display:none !important;}
.dropdown-toggle {position:relative; padding-right:26px !important;}
.dropdown-toggle::before {content:'\F282'; font-family:'bootstrap-icons'; font-size:12px; position:absolute; right:6px; top:50%; transform:translateY(-50%); color:#fff; transition:0.3s;}
.dropdown.show .dropdown-toggle::before {transform:translateY(-50%) rotate(180deg); color:#FF6B1A;}
.dropdown-menu {border:none; border-radius:18px; padding:16px; min-width:260px; margin-top:0; background:#fff; box-shadow:0 20px 50px rgba(0,0,0,0.12); opacity:0; visibility:hidden; transform:translateY(15px); display:block; transition:0.35s ease; pointer-events:none; left:0; top:100%;}
.dropdown-menu.show {opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;}
.dropdown-item {padding:14px 18px; border-radius:12px; font-weight:600; font-size:15px; transition:0.3s; font-family:'Outfit',sans-serif; color:#0F172A;}
.dropdown-item:hover {background:#EFF6FF; color:#0F62FE; transform:translateX(4px);}
.quote-btn {min-width:280px; background:#031744; color:#fff; display:flex; align-items:center; justify-content:center; padding:30px 30px; font-size:16px; font-weight:700; font-family:'Sora',sans-serif; letter-spacing:1px; text-transform:uppercase; transition:0.4s;}
.quote-btn:hover {background:#FF6B1A; color:#fff;}
.navbar-toggler {border:none; color:#fff; font-size:30px; box-shadow:none !important; margin-left:15px;}

@media (min-width: 1600px){
    .top-header::before{
        width: 750px;
    }
}

@media (min-width: 2000px){
    .top-header::before{
        width: 900px;
    }
}

@media(max-width:1399px) {
.header-contact-wrap {gap:18px;}
.contact-text h6 {font-size:16px;}
.contact-text p {font-size:14px;}
.top-header::before {width:620px;}
}

@media(max-width:1199px) {
.top-header {padding:25px 0 110px; background:var(--dark);}
.top-header::before {display:none;}
.header-logo {justify-content:center; text-align:center; margin-bottom:30px; padding-left:0;}
.header-logo img {width:260px; max-width:100%;}
.header-contact-wrap {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:15px; padding-right:0;}
.contact-box {width:calc(50% - 10px); background:#fff; border-radius:18px; padding:16px; align-items:flex-start; gap:12px; min-height:100px; box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.contact-icon {width:52px; height:52px; font-size:20px;}
.contact-text h6 {font-size:15px; margin-bottom:4px;}
.contact-text p {font-size:14px; line-height:1.5; word-break:break-word;}
.header-social {width:100%; justify-content:center; margin-left:0; margin-top:10px; gap:10px;}
.header-social a {width:46px; height:46px; font-size:18px;}
.premium-navbar {margin-top:-70px; padding:0 12px;}
.navbar-box {display:block; border-radius:22px; overflow:hidden;}
.navbar-toggler {width:60px; height:60px; display:flex; align-items:center; justify-content:center; font-size:28px; margin-left:0;}
.navbar-collapse {padding:20px; background:var(--dark);}
.navbar-nav {padding-left:0; gap:0; width:100%; align-items:flex-start;}
.nav-link {width:100%; padding:16px 0 !important; font-size:17px; justify-content:space-between; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.nav-link.active::before {display:none;}
.dropdown-toggle::before {right:10px;}
.dropdown-menu {position:static !important; transform:none !important; opacity:1 !important; visibility:visible !important; display:none; background:transparent !important; box-shadow:none !important; border:none !important; padding:8px 0 8px 14px !important; pointer-events:auto;}
.dropdown-menu.show {display:block;}
.dropdown-item {padding:12px 14px; font-size:14px; border-radius:10px; color:#fff;}
.dropdown-item:hover {background:rgba(255, 255, 255, 0.08); color:#FF6B1A; transform:none;}
.quote-btn {width:100%; min-width:100%; padding:20px; font-size:16px; border-radius:0;}
}

@media(max-width:767px) {
.top-header {padding:20px 0 95px;}
.header-logo img {width:220px;}
.contact-box {width:100%; min-height:auto; padding:14px;}
.contact-icon {width:48px; height:48px; font-size:18px;}
.contact-text h6 {font-size:14px;}
.contact-text p {font-size:13px;}
.header-social {justify-content:center;}
.premium-navbar {margin-top:-60px;}
.nav-link {font-size:16px; padding:15px 0 !important;}
.navbar-toggler {width:54px; height:54px; font-size:24px;}
.quote-btn {font-size:15px; padding:18px;}
}

/* ===== VCS Header ===== */

.vcs-topbar{
    position:relative;
    background:#fff;
    padding:0 0 20px;
    overflow:hidden;
}

.vcs-topbar::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:54%;
    height:100%;
    background:#7188bc;
    clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);
    z-index:0;
}

.vcs-topbar-inner{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
}


.vcs-brand{
    display:flex;
    align-items:center;
    height:140px;
}

.vcs-brand img{
    height:95px;
    width:auto;
    max-width:100%;
    display:block;
}

.vcs-brand img{
    max-width:620px;
    width:100%;
    height:auto;
}

/* Contact Area */

.vcs-contact-panel{
    display:flex;
    flex-direction:column;
    gap:12px;
    align-items:flex-start;
    margin-left:auto;
    padding-right:30px;
}

.vcs-contact-row{
    display:flex;
    align-items:center;
    gap:15px;
}

.vcs-label{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:95px;
}

.vcs-label i{
    color:#0d2a6b;
    font-size:15px;
}

.vcs-label span{
    font-size:13px;
    font-weight:700;
    color:#333;
}

.vcs-contact-row a{
    text-decoration:none;
    font-size:16px;
    font-weight:700;
    color:#0056ff;
    transition:.3s;
}

.vcs-contact-row a:hover{
    color:#e31e24;
}

.vcs-social-links{
    display:flex;
    gap:8px;
}

.vcs-social-links a{
    width:34px;
    height:34px;
    border-radius:50%;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0d2a6b;
    transition:.3s;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.vcs-social-links a:hover{
    background:#e31e24;
    color:#fff;
    transform:translateY(-2px);
}

/* Responsive */

@media(max-width:991px){

    .vcs-topbar::after{
        display:none;
    }

    .vcs-topbar-inner{
        flex-direction:column;
        gap:25px;
    }

    .vcs-contact-panel{
        align-items:center;
        padding-right:0;
    }

    .vcs-contact-row{
        flex-direction:column;
        gap:5px;
        text-align:center;
    }

    .vcs-label{
        min-width:auto;
    }
}

.vcs-contact-box{
    margin-left:auto;
    width:340px;
    display:flex;
    flex-direction:column;
    gap:10px;
    position:relative;
    z-index:5;
}

.vcs-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
	border-bottom:1px solid #667caf;
	padding-bottom:3px;
}

.vcs-title{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:15px;
    font-weight:600;
    color:#fff;
}

.vcs-title i{
    color:#fff;
}

.vcs-row a{
    color:#fff;
    text-decoration:none;
    font-weight:600;
}

.vcs-icons{
    display:flex;
    gap:8px;
}

.vcs-icons a{
    width:32px;
    height:32px;
    border-radius:50%;
    background:#fff;
    border:1px solid #ddd;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0d2a6b;
    transition:.3s;
}

.vcs-icons a:hover{
    background:#e31e24;
    border-color:#e31e24;
    color:#fff;
}
.vcs-contact-box{
    display:flex;
    justify-content:flex-end;
    gap:15px;
    flex-wrap:wrap;
}

.contact-card{
    display:flex;
    align-items:center;
    gap:15px;
    min-width:220px;
    padding:14px 20px;
    border-radius:16px;

    background:rgba(255,255,255,.12);
    backdrop-filter:blur(15px);

    transition:.35s ease;
}

.contact-card:hover{
    transform:translateY(-5px);
    background:rgba(255,255,255,.18);
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.contact-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(135deg,#0056b3,#00a6ff);
    color:#fff;
    font-size:20px;

    flex-shrink:0;
}

.contact-info span{
    display:block;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#dce7ff;
    margin-bottom:3px;
}

.contact-info a{
    color:#fff;
    font-size:17px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.contact-info a:hover{
    color:#ffd166;
}

.vcs-social{
    display:flex;
    gap:8px;
    margin-top:6px;
}

.vcs-social a{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#fff;
    color:#003b8e;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:.3s;
}

.vcs-social a:hover{
    transform:translateY(-4px);
    background:#ff7a21;
    color:#fff;
}

@media (max-width:767px) {
	
	.vcs-brand { height:auto}
	.vcs-title, .vcs-title i, .vcs-row a { color:#333;}
	.vcs-contact-box { margin-bottom:50px;}
	.dropdown-toggle::before { right:-22px;}
}

.premium-hero {position:relative; padding:140px 0 110px; background:linear-gradient(180deg,#F3F5F9 0%,#ffffff 100%); overflow:hidden;}
.hero-glow {position:absolute; border-radius:50%; filter:blur(100px); opacity:0.15; z-index:1;}
.hero-glow-1 {width:400px; height:400px; background:#00AEEF; top:-120px; left:-120px;}
.hero-glow-2 {width:350px; height:350px; background:#0F62FE; right:-100px; bottom:-100px;}
.premium-hero .container {position:relative; z-index:5;}
.hero-content {padding-right:40px;}
.hero-badge {display:inline-flex; align-items:center; gap:12px; padding:14px 22px; background:#fff; border-radius:60px; box-shadow:0 10px 30px rgba(0,0,0,0.06); font-size:14px; font-weight:700; color:#021B4E; margin-bottom:28px;}
.hero-badge span {width:10px; height:10px; border-radius:50%; background:#FF6B1A; display:block;}
.hero-content h1 {font-size:52px; line-height:.8; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E; margin-bottom:28px; letter-spacing:-2px;}
.hero-content h1 span {display:block; color:#FF6B1A;}
.hero-content p {font-size:18px; line-height:1.9; color:#64748B; margin-bottom:38px; max-width:650px;}
.hero-btns {display:flex; align-items:center; gap:18px; margin-bottom:55px; flex-wrap:wrap;}
.hero-btn-primary {height:62px; padding:0 34px; border-radius:18px; background:#021B4E; display:inline-flex; align-items:center; gap:12px; font-size:16px; font-weight:700; color:#fff; transition:0.4s; box-shadow:0 15px 35px rgba(2,27,78,0.18);}
.hero-btn-primary:hover {background:#FF6B1A; color:#fff; transform:translateY(-5px);}
.hero-btn-outline {height:62px; padding:0 34px; border-radius:18px; border:2px solid #D9E2F2; display:inline-flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; color:#021B4E; transition:0.4s; background:#fff;}
.hero-btn-outline:hover {background:#021B4E; border-color:#021B4E; color:#fff; transform:translateY(-5px);}
.hero-stats {display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.hero-stat-box {background:#fff; padding:22px 28px; border-radius:22px; box-shadow:0 15px 40px rgba(0,0,0,0.06); min-width:180px;}
.hero-stat-box h3 {font-size:28px; font-weight:700; color:#FF6B1A; font-family:'Sora',sans-serif; margin-bottom:8px;}
.hero-stat-box p {margin:0; font-size:15px; line-height:1.5; color:#64748B;}
.hero-image-wrap {position:relative; padding-left:40px;}
.hero-main-image {position:relative; border-radius:40px; overflow:hidden; box-shadow:0 30px 80px rgba(2,27,78,0.18);}
.hero-main-image img {width:100%; height:720px; object-fit:cover; display:block;}
.hero-floating-card {position:absolute; left:0; top:80px; background:#fff; padding:22px; border-radius:24px; box-shadow:0 20px 50px rgba(0,0,0,0.12); display:flex; align-items:center; gap:16px; max-width:320px; animation:floatCard 4s ease-in-out infinite;}
.float-icon {width:68px; height:68px; border-radius:20px; background:#021B4E; display:flex; align-items:center; justify-content:center; font-size:30px; color:#fff; flex-shrink:0;}
.hero-floating-card h5 {font-size:18px; font-weight:700; margin-bottom:6px; color:#021B4E;}
.hero-floating-card p {margin:0; font-size:14px; line-height:1.6; color:#64748B;}
.hero-exp-card {position:absolute; right:-20px; bottom:60px; background:#FF6B1A; padding:28px 34px; border-radius:28px; color:#fff; text-align:center; box-shadow:0 25px 60px rgba(255,107,26,0.28); animation:floatCard 5s ease-in-out infinite;}
.hero-exp-card h2 {font-size:52px; font-weight:700; margin-bottom:8px; color:#fff; font-family:'Sora',sans-serif;}
.hero-exp-card p {margin:0; font-size:16px; font-weight:600;}

@keyframes floatCard {
0% {transform:translateY(0);}
50% {transform:translateY(-12px);}
100% {transform:translateY(0);}
}

@media(max-width:1399px) {
.hero-content h1 {font-size:62px;}
.hero-main-image img {height:650px;}
}

@media(max-width:1199px) {
.premium-hero {padding:120px 0 90px;}
.hero-content {padding-right:0; margin-bottom:60px; text-align:center;}
.hero-content p {margin-left:auto; margin-right:auto;}
.hero-btns {justify-content:center;}
.hero-stats {justify-content:center;}
.hero-image-wrap {padding-left:0; max-width:700px; margin:auto;}
.hero-floating-card {left:20px;}
.hero-exp-card {right:20px;}
}

@media(max-width:767px) {
.premium-hero {padding:90px 0 70px;}
.hero-content h1 {font-size:42px; line-height:1.15;}
.hero-content p {font-size:16px;}
.hero-btns {flex-direction:column; align-items:stretch;}
.hero-btn-primary, .hero-btn-outline {width:100%; justify-content:center;}
.hero-stat-box {width:100%; text-align:center;}
.hero-main-image img {height:450px;}
.hero-floating-card {position:relative; left:auto; top:auto; margin-top:20px; max-width:100%;}
.hero-exp-card {right:20px; bottom:20px; padding:20px 24px;}
.hero-exp-card h2 {font-size:36px;}
}

.premium-hero {margin-top:-95px; padding:120px 0 110px; position:relative; z-index:1;}
.premium-hero::before {content:''; position:absolute; left:0; top:0; width:100%; height:260px;background:linear-gradient(180deg,#163B82 0%,#2F6BC2 42%,#EEF4FF 100%); z-index:-2;}
.premium-hero::after {content:''; position:absolute; left:0; bottom:0; width:100%; height:180px; background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#ffffff 100%); z-index:-1; pointer-events:none;}
.hero-content {padding-top:20px;}
.hero-image-wrap {margin-top:10px;}

@media(max-width:1199px) {
.premium-hero {margin-top:-70px; padding:180px 0 90px;}
.premium-hero::before {height:220px;}
}

@media(max-width:767px) {
.premium-hero {margin-top:-60px; padding:140px 0 70px;}
.premium-hero::before {height:180px;}
.hero-content {padding-top:0;}
}

.hero-content {position:relative; z-index:5; padding-right:50px;}
.hero-top-wrap {display:flex; align-items:center; gap:18px; margin-bottom:34px; flex-wrap:wrap;}
.hero-badge {display:inline-flex; align-items:center; gap:14px; padding:14px 22px; background:rgba(255,255,255,0.75); backdrop-filter:blur(12px); border:1px solid rgba(255, 255, 255, 0.5); border-radius:60px; box-shadow:0 12px 30px rgba(0, 0, 0, 0.05);}
.badge-icon {width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,#FF6B1A,#FF9A3D); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; flex-shrink:0;}
.hero-badge span {font-size:14px; font-weight:700; color:#021B4E; letter-spacing:0.2px;}
.hero-mini-card {padding:14px 20px; background:#fff; border-radius:18px; box-shadow:0 12px 30px rgba(0,0,0,0.06); border:1px solid #EEF2F7;}
.hero-mini-card h6 {margin:0 0 4px; font-size:14px; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E;}
.hero-mini-card p {margin:0; font-size:13px; color:#64748B;}
.hero-title {font-size:78px; line-height:1; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E; letter-spacing:-3px; margin-bottom:30px;}
.hero-title span {display:block; background:linear-gradient(90deg,#FF6B1A,#FF9548); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin:12px 0;}
.hero-desc {font-size:18px; line-height:1.9; color:#5B6B84; max-width:680px; margin-bottom:38px;}
.hero-features {display:flex; flex-wrap:wrap; gap:18px; margin-bottom:42px;}
.hero-feature-item {display:flex; align-items:center; gap:12px; padding:6px 8px; background:#fff; border-radius:16px; border:1px solid #EEF2F7; box-shadow:0 10px 30px rgba(0,0,0,0.05); transition:0.4s;}
.hero-feature-item:hover {transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,0.08);}
.feature-icon {width:30px; height:30px; border-radius:12px; background:#EFF6FF; display:flex; align-items:center; justify-content:center; color:#0F62FE; font-size:18px; flex-shrink:0;}
.hero-feature-item span {font-size:12px; font-weight:700; color:#021B4E;}
.hero-btns {display:flex; align-items:center; gap:18px; margin-bottom:55px; flex-wrap:wrap;}
.hero-btn-primary {height:50px; padding:0 24px; border-radius:18px; background:#021B4E; display:inline-flex; align-items:center; gap:12px; font-size:16px; font-weight:700; color:#fff; transition:0.4s; box-shadow:0 15px 35px rgba(2,27,78,0.18);}
.hero-btn-primary:hover {background:#FF6B1A; color:#fff; transform:translateY(-5px);}
.hero-btn-outline {height:50px; padding:0 24px; border-radius:18px; border:2px solid #DCE4F2; display:inline-flex; align-items:center; gap:12px; font-size:16px; font-weight:700; color:#021B4E; background:#fff; transition:0.4s;}
.hero-btn-outline:hover {background:#021B4E; border-color:#021B4E; color:#fff; transform:translateY(-5px);}
.hero-stats {display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.hero-stat-box {min-width:180px; padding:24px 28px; background:rgba(255,255,255,0.8); backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.5); border-radius:24px; box-shadow:0 18px 40px rgba(0, 0, 0, 0.06); transition:0.4s;}
.hero-stat-box:hover {transform:translateY(-6px);}
.hero-stat-box h3 {font-size:28px; font-weight:700; font-family:'Sora',sans-serif; color:#FF6B1A; margin-bottom:10px;}
.hero-stat-box p {margin:0; font-size:15px; line-height:1.5; color:#64748B;}

@media(max-width:1399px) {
.hero-title {font-size:66px;}
}

@media(max-width:1199px) {
.hero-content {padding-right:0; text-align:center; margin-bottom:60px;}
.hero-top-wrap, .hero-features, .hero-btns, .hero-stats {justify-content:center;}
.hero-desc {margin-left:auto; margin-right:auto;}
}

@media(max-width:767px) {
.hero-title {font-size:42px; line-height:1.1; letter-spacing:-2px;}
.hero-desc {font-size:16px;}
.hero-btns {flex-direction:column; align-items:stretch;}
.hero-btn-primary, .hero-btn-outline {width:100%; justify-content:center;}
.hero-stat-box {width:100%; text-align:center;}
.hero-feature-item {width:100%; justify-content:flex-start;}
}

.hero-top-wrap {display:flex; align-items:center; gap:18px; margin-bottom:34px; flex-wrap:wrap;}
.hero-badge {display:flex; align-items:center; gap:16px; padding:14px 20px; background:rgba(255,255,255,0.78); backdrop-filter:blur(12px); border:1px solid rgba(255, 255, 255, 0.5); border-radius:22px; box-shadow:0 12px 30px rgba(0, 0, 0, 0.05);}
.badge-icon {width:52px; height:52px; border-radius:16px; background:linear-gradient(135deg,#FF6B1A,#FF9A3D); display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; flex-shrink:0; box-shadow:0 10px 25px rgba(255, 107, 26, 0.25);}
.badge-text h6 {margin:0 0 4px; font-size:15px; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E; line-height:1.3;}
.badge-text p {margin:0; font-size:13px; color:#64748B; line-height:1.5;}
.hero-mini-card {display:flex; align-items:center; gap:14px; padding:14px 18px; background:#fff; border-radius:18px; border:1px solid #EEF2F7; box-shadow:0 10px 30px rgba(0,0,0,0.05);}
.mini-dot {width:14px; height:14px; border-radius:50%; background:#22C55E; box-shadow:0 0 0 6px rgba(34,197,94,0.12); flex-shrink:0;}
.hero-mini-card h6 {margin:0 0 4px; font-size:14px; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E;}
.hero-mini-card p {margin:0; font-size:13px; color:#64748B; line-height:1.5;}

@media(max-width:767px) {
.hero-top-wrap {gap:14px;}
.hero-badge, .hero-mini-card {width:100%;}
.badge-text h6 {font-size:14px;}
}

.hero-image-wrap {position:relative; padding-left:50px; min-height:760px; z-index:5;}
.hero-brush-bg {position:absolute; right:-40px; top:40px; width:520px; height:520px; background:linear-gradient(135deg,#D9EBFF,#EEF5FF); border-radius:48% 52% 61% 39% / 42% 38% 62% 58%; animation:brushMove 10s ease-in-out infinite; z-index:1; filter:blur(2px);}

@keyframes brushMove {
0% {transform:rotate(0deg) scale(1);}
50% {transform:rotate(8deg) scale(1.04);}
100% {transform:rotate(0deg) scale(1);}
}

.hero-main-image {position:relative; z-index:3; border-radius:40px; overflow:hidden; box-shadow:0 30px 80px rgba(2,27,78,0.18);}
.hero-main-image img {width:100%; height:720px; object-fit:cover; display:block;}
.hero-small-img {position:absolute; overflow:hidden; border-radius:28px; box-shadow:0 20px 60px rgba(0,0,0,0.18); z-index:4; animation:floatImage 5s ease-in-out infinite; background:#fff; padding:8px;}
.hero-small-img img {width:100%; height:100%; object-fit:cover; border-radius:22px; display:block;}
.hero-img-two {width:230px; height:260px; left:-10px; top:90px; transform:rotate(-6deg);}
.hero-img-three {width:240px; height:180px; right:-20px; bottom:100px; transform:rotate(8deg); animation-delay:1.5s;}

@keyframes floatImage {
0% {transform:translateY(0);}
50% {transform:translateY(-14px);}
100% {transform:translateY(0);}
}

.hero-floating-card {position:absolute; left:10px; bottom:120px; background:rgba(255,255,255,0.88); backdrop-filter:blur(14px); padding:22px; border-radius:24px; box-shadow:0 20px 50px rgba(0, 0, 0, 0.12); display:flex; align-items:center; gap:16px; max-width:320px; z-index:6; animation:floatCard 4s ease-in-out infinite;}
.float-icon {width:68px; height:68px; border-radius:20px; background:#021B4E; display:flex; align-items:center; justify-content:center; font-size:30px; color:#fff; flex-shrink:0;}
.hero-floating-card h5 {font-size:18px; font-weight:700; margin-bottom:6px; color:#021B4E; font-family:'Sora',sans-serif;}
.hero-floating-card p {margin:0; font-size:14px; line-height:1.6; color:#64748B;}
.hero-exp-card {position:absolute; right:-20px; top:80px; background:#FF6B1A; padding:30px 34px; border-radius:28px; color:#fff; text-align:center; box-shadow:0 25px 60px rgba(255,107,26,0.28); z-index:7; animation:floatCard 5s ease-in-out infinite;}
.hero-exp-card h2 {font-size:52px; font-weight:700; margin-bottom:8px; color:#fff; font-family:'Sora',sans-serif;}
.hero-exp-card p {margin:0; font-size:16px; font-weight:600;}

@keyframes floatCard {
0% {transform:translateY(0);}
50% {transform:translateY(-12px);}
100% {transform:translateY(0);}
}

@media(max-width:1199px) {
.hero-image-wrap {padding-left:0; min-height:auto; max-width:700px; margin:auto;}
.hero-brush-bg {width:420px; height:420px; right:40px;}
.hero-main-image img {height:620px;}
.hero-img-two {left:0;}
.hero-img-three {right:0;}
.hero-floating-card {left:20px; bottom:30px;}
.hero-exp-card {right:20px; top:40px;}
}

@media(max-width:767px) {
.hero-image-wrap {padding:0;}
.hero-main-image img {height:420px; border-radius:28px;}
.hero-main-image {border-radius:28px;}
.hero-small-img {display:none;}
.hero-floating-card {position:relative; left:auto; bottom:auto; margin-top:20px; max-width:100%;}
.hero-exp-card {right:15px; top:15px; padding:18px 22px; border-radius:20px;}
.hero-exp-card h2 {font-size:34px;}
.hero-exp-card p {font-size:13px;}
.hero-brush-bg {width:260px; height:260px; right:-40px; top:40px;}
}


.hero-image-wrap {position:relative; padding-left:50px; min-height:760px; z-index:5;}
.hero-brush-bg {position:absolute; right:-40px; top:40px; width:540px; height:540px; background:linear-gradient(135deg,#D9EBFF,#EEF5FF); border-radius:48% 52% 61% 39% /42% 38% 62% 58%; animation:brushMove 10s ease-in-out infinite; z-index:1; filter:blur(2px);}

@keyframes brushMove {
0% {transform:rotate(0deg) scale(1); border-radius:48% 52% 61% 39% /42% 38% 62% 58%;}
50% {transform:rotate(8deg) scale(1.05); border-radius:60% 40% 45% 55% /38% 55% 45% 62%;}
100% {transform:rotate(0deg) scale(1); border-radius:48% 52% 61% 39% /42% 38% 62% 58%;}
}

.hero-slider {position:relative; z-index:3;}
.hero-main-image {position:relative; border-radius:40px; overflow:hidden; box-shadow:0 30px 80px rgba(2,27,78,0.18);}
.hero-main-image img {width:100%; height:720px; object-fit:cover; display:block;}
.carousel-item img {transform:scale(1); transition:7s ease;}
.carousel-item.active img {transform:scale(1.08);}
.hero-slider-btn {position:absolute; top:50%; transform:translateY(-50%); width:58px; height:58px; border-radius:50%; background:rgba(255,255,255,0.82); backdrop-filter:blur(12px); opacity:1; display:flex; align-items:center; justify-content:center; z-index:5; transition:0.4s;}
.hero-slider-btn i {font-size:22px; color:#021B4E;}
.carousel-control-prev {left:20px;}
.carousel-control-next {right:20px;}
.hero-slider-btn:hover {background:#021B4E;}
.hero-slider-btn:hover i {color:#fff;}
.hero-slider-indicators {position:absolute; left:50%; bottom:24px; transform:translateX(-50%); display:flex; gap:10px; z-index:5;}
.hero-slider-indicators button {width:12px; height:12px; border:none; border-radius:50%; background:rgba(255,255,255,0.5); transition:0.4s;}
.hero-slider-indicators button.active {width:42px; border-radius:30px; background:#FF6B1A;}

@media(max-width:1199px) {
.hero-image-wrap {padding-left:0; min-height:auto; max-width:700px; margin:auto;}
.hero-brush-bg {width:420px; height:420px; right:40px;}
.hero-main-image img {height:620px;}
}

@media(max-width:767px) {
.hero-image-wrap {padding:0;}
.hero-main-image {border-radius:28px;}
.hero-main-image img {height:420px;}
.hero-brush-bg {width:260px; height:260px; right:-40px; top:40px;}
.hero-slider-btn {width:46px; height:46px;}
.hero-slider-btn i {font-size:18px;}
}

.header-logo {position:relative; display:flex; align-items:center; height:100%; padding-left:10px; z-index:5;}
.header-logo img {width:550px; display:block; position:relative; z-index:5;}
.logo-spark {position:absolute; width:14px; height:14px; border-radius:50%; background:#00AEEF; filter:blur(1px); box-shadow:0 0 10px #00AEEF, 0 0 25px #00AEEF, 0 0 45px rgba(0,174,239,0.8); animation:sparkMove 4s linear infinite;}

.logo-spark:nth-child(1) {top:20px; left:120px; animation-delay:0s;}
.spark-2 {top:60px; left:220px; background:#FF6B1A; box-shadow:0 0 10px #FF6B1A, 0 0 25px #FF6B1A, 0 0 45px rgba(255,107,26,0.8); animation-delay:1.5s;}
.spark-3 {top:10px; right:40px; width:10px; height:10px; animation-delay:2.5s;}

@keyframes sparkMove {
0% {transform:translateY(0) scale(1); opacity:0;}
15% {opacity:1;}
50% {transform:translateY(-12px) scale(1.15);}
100% {transform:translateY(-25px) scale(0.7); opacity:0;}
}

.header-logo::before {content:''; position:absolute; left:40px; top:50%; width:120px; height:2px; background:linear-gradient(90deg,transparent,rgba(0,174,239,0.9),transparent); transform:translateY(-50%) rotate(-12deg); opacity:0; animation:electricFlash 3s ease-in-out infinite; z-index:1;}

@keyframes electricFlash {
0%, 100% {opacity:0; transform:translateY(-50%) rotate(-12deg) scaleX(0.6);}
40% {opacity:1;}
50% {opacity:0.9; transform:translateY(-50%) rotate(-12deg) scaleX(1.2);}
60% {opacity:0;}
}

@media(max-width:767px) {
.header-logo img {width:220px;}
.logo-spark {width:10px; height:10px;}
.spark-2 {left:170px;}
}

.about-section {position:relative; padding:130px 0; background:#fff; overflow:hidden;}
.about-shape {position:absolute; border-radius:50%; filter:blur(100px); opacity:0.08;}
.about-shape-1 {width:420px; height:420px; background:#0F62FE; top:-100px; left:-100px;}
.about-shape-2 {width:350px; height:350px; background:#FF6B1A; right:-100px; bottom:-100px;}
.about-image-wrap {position:relative; padding-right:70px; min-height:720px;}
.about-main-img {position:relative; border-radius:36px; overflow:hidden; box-shadow:0 30px 80px rgba(2,27,78,0.16); z-index:3;}
.about-main-img img {width:100%; height:720px; object-fit:cover; display:block; transition:6s ease;}
.about-main-img:hover img {transform:scale(1.08);}
.about-small-img {position:absolute; right:0; bottom:70px; width:260px; height:320px; border-radius:30px; overflow:hidden; border:8px solid #fff; box-shadow:0 25px 60px rgba(0,0,0,0.15); z-index:5; animation:floatAbout 5s ease-in-out infinite;}
.about-small-img img {width:100%; height:100%; object-fit:cover;}
.about-exp-card {position:absolute; left:-20px; bottom:120px; width:220px; padding:28px; background:linear-gradient(135deg,#6580b6,#94b0e8); border-radius:28px; color:#fff; box-shadow:0 30px 70px rgba(15, 98, 254, 0.25); z-index:6; animation:floatAbout 4s ease-in-out infinite;}
.about-exp-card h2 {font-size:58px; font-weight:700; margin-bottom:10px; font-family:'Sora',sans-serif; color:#fff; line-height:1;}
.about-exp-card p {margin:0; font-size:15px; line-height:1.7;}
.about-iso-card {position:absolute; top:50px; right:20px; background:rgba(255,255,255,0.9); backdrop-filter:blur(12px); padding:20px 24px; border-radius:24px; display:flex; align-items:center; gap:16px; box-shadow:0 20px 50px rgba(0, 0, 0, 0.1); z-index:6; animation:floatAbout 6s ease-in-out infinite;}
.iso-icon {width:62px; height:62px; border-radius:18px; background:#EFF6FF; display:flex; align-items:center; justify-content:center; font-size:28px; color:#0F62FE; flex-shrink:0;}
.about-iso-card h5 {margin:0 0 4px; font-size:18px; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E;}
.about-iso-card p {margin:0; font-size:14px; color:#64748B;}

@keyframes floatAbout {
0% {transform:translateY(0);}
50% {transform:translateY(-12px);}
100% {transform:translateY(0);}
}

.about-content {padding-left:30px;}
.section-tag {display:inline-flex; align-items:center; gap:12px; padding:14px 22px; background:#EFF6FF; border-radius:60px; margin-bottom:28px; font-size:14px; font-weight:700; color:#0F62FE;}
.section-tag span {width:10px; height:10px; border-radius:50%; background:#FF6B1A;}
.about-content h2 {font-size:32px; line-height:1.08; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E; margin-bottom:28px; letter-spacing:-2px;}
.about-content h2 span {display:block; color:#FF6B1A;}
.about-desc {font-size:16px; line-height:1.4; color:#64748B; margin-bottom:22px;}
.about-features {display:flex; flex-direction:column; gap:20px; margin:38px 0;}
.about-feature-box {display:flex; align-items:flex-start; gap:18px; padding:24px; background:#fff; border-radius:24px; box-shadow:0 15px 40px rgba(0,0,0,0.06); border:1px solid #EEF2F7; transition:0.4s;}
.about-feature-box:hover {transform:translateY(-6px); box-shadow:0 25px 60px rgba(0,0,0,0.08);}
.feature-box-icon {width:68px; height:68px; border-radius:20px; background:linear-gradient(135deg,#6580b6,#94b0e8); display:flex; align-items:center; justify-content:center; font-size:28px; color:#fff; flex-shrink:0;}
.about-feature-box h5 {font-size:20px; font-weight:700; margin-bottom:8px; font-family:'Sora',sans-serif; color:#021B4E;}
.about-feature-box p {margin:0; font-size:15px; line-height:1.7; color:#64748B;}
.core-values {margin-top:40px;}
.core-values h4 {font-size:28px; font-weight:700; margin-bottom:28px; font-family:'Sora',sans-serif; color:#021B4E;}
.value-list {display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
.value-item {display:flex; align-items:flex-start; gap:12px; padding:18px 20px; background:#F8FAFF; border-radius:18px; transition:0.4s;}
.value-item:hover {background:#EFF6FF; transform:translateY(-4px);}
.value-item i {font-size:20px; color:#FF6B1A; margin-top:2px;}
.value-item span {font-size:15px; font-weight:600; line-height:1.7; color:#021B4E;}
.about-btn-wrap {margin-top:42px;}
.about-btn {height:64px; padding:0 34px; border-radius:18px; background:#021B4E; display:inline-flex; align-items:center; gap:12px; font-size:16px; font-weight:700; color:#fff; transition:0.4s; box-shadow:0 15px 35px rgba(2,27,78,0.18);}
.about-btn:hover {background:#FF6B1A; color:#fff; transform:translateY(-5px);}

@media(max-width:1199px) {
.about-section {padding:100px 0;}
.about-image-wrap {padding-right:0; min-height:auto; margin-bottom:60px; max-width:700px; margin-left:auto; margin-right:auto;}
.about-content {padding-left:0; text-align:center;}
.about-content h2 {font-size:52px;}
.value-list {grid-template-columns:1fr;}
.section-tag {justify-content:center;}
}

@media(max-width:767px) {
.about-section {padding:80px 0;}
.about-content h2 {font-size:40px; line-height:1.15;}
.about-desc {font-size:16px;}
.about-main-img img {height:450px;}
.about-small-img {display:none;}
.about-exp-card {left:15px; bottom:15px; width:160px; padding:20px;}
.about-exp-card h2 {font-size:40px;}
.about-iso-card {position:relative; top:auto; right:auto; margin-top:20px; width:100%;}
.about-feature-box {flex-direction:column; text-align:center; align-items:center;}
.value-item {padding:16px;}
.about-btn {width:100%; justify-content:center;}
}


.premium-products {position:relative; padding:60px 0; background:linear-gradient(180deg,#F8FBFF 0%,#ffffff 100%); overflow:hidden;}
.products-blur {position:absolute; border-radius:50%; filter:blur(120px); opacity:0.08;}
.products-blur-1 {width:420px; height:420px; background:#0F62FE; top:-100px; left:-100px;}
.products-blur-2 {width:380px; height:380px; background:#FF6B1A; right:-100px; bottom:-100px;}
.premium-section-head {max-width:760px; margin:auto; margin-bottom:70px; position:relative; z-index:5;}
.premium-tag {display:inline-flex; align-items:center; gap:12px; padding:14px 24px; background:rgba(255,255,255,0.85); border:1px solid rgba(255, 255, 255, 0.7); backdrop-filter:blur(12px); border-radius:60px; box-shadow:0 15px 40px rgba(0, 0, 0, 0.05); font-size:14px; font-weight:700; color:#021B4E; margin-bottom:28px;}
.tag-dot {width:12px; height:12px; border-radius:50%; background:#FF6B1A; box-shadow:0 0 0 6px rgba(255,107,26,0.15);}
.premium-section-head h2 {font-size:68px; line-height:1.05; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E; letter-spacing:-2px; margin-bottom:24px;}
.premium-section-head h2 span {display:block; background:linear-gradient(90deg,#FF6B1A,#FF9A4D); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.premium-section-head p {font-size:18px; line-height:1.9; color:#64748B;}
.featured-product-card {position:relative; height:100%; min-height:760px; border-radius:40px; overflow:hidden; box-shadow:0 35px 90px rgba(2,27,78,0.14);}
.featured-product-card img {width:100%; height:100%; object-fit:cover; transition:6s ease;}
.featured-product-card:hover img {transform:scale(1.08);}
.featured-overlay {position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,27,78,0.05), rgba(2, 27, 78, 0.85)); z-index:2;}
.featured-content {position:absolute; left:0; bottom:0; padding:45px; z-index:5;}
.featured-badge {display:inline-flex; align-items:center; gap:10px; padding:12px 18px; background:rgba(255,255,255,0.12); backdrop-filter:blur(10px); border-radius:60px; font-size:13px; font-weight:700; color:#fff; margin-bottom:24px;}
.featured-content h3 {font-size:52px; line-height:1.05; font-weight:700; font-family:'Sora',sans-serif; color:#fff; margin-bottom:20px;}
.featured-content p {font-size:16px; line-height:1.9; color:rgba(255,255,255,0.82); margin-bottom:30px;}
.featured-btn {height:60px; padding:0 30px; border-radius:18px; background:#fff; display:inline-flex; align-items:center; gap:12px; font-size:15px; font-weight:700; color:#021B4E; transition:0.4s;}
.featured-btn:hover {background:#FF6B1A; color:#fff; transform:translateY(-4px);}
.premium-product-card {position:relative; height:100%; padding:34px; background:rgba(255,255,255,0.78); backdrop-filter:blur(14px); border:1px solid rgba(255, 255, 255, 0.6); border-radius:30px; overflow:hidden; transition:0.45s; box-shadow:0 20px 50px rgba(2, 27, 78, 0.05);}
.premium-product-card:hover {transform:translateY(-10px); box-shadow:0 35px 70px rgba(2,27,78,0.1);}
.product-card-top {display:flex; align-items:center; justify-content:space-between; margin-bottom:28px;}
.premium-icon {width:78px; height:78px; border-radius:24px; background:linear-gradient(135deg,#6580b6,#94b0e8); display:flex; align-items:center; justify-content:center; font-size:32px; color:#fff; box-shadow:0 20px 40px rgba(15, 98, 254, 0.22);}
.product-number {font-size:56px; font-weight:700; font-family:'Sora',sans-serif; color:#EEF3FF; line-height:1;}
.premium-product-card h4 {font-size:28px; line-height:1.25; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E; margin-bottom:18px;}
.premium-product-card p {font-size:15px; line-height:1.9; color:#64748B;}
.product-hover-line {position:absolute; left:0; bottom:0; width:0; height:5px; background:linear-gradient(90deg,#FF6B1A,#FF9A4D); transition:0.5s;}
.premium-product-card:hover .product-hover-line {width:100%;}
.wide-product-card {position:relative; padding:38px; border-radius:34px; background:linear-gradient(135deg,#6580b6,#94b0e8); display:flex; align-items:center; justify-content:space-between; gap:30px; overflow:hidden; box-shadow:0 30px 70px rgba(15, 98, 254, 0.22);}
.wide-icon {width:95px; height:95px; min-width:95px; border-radius:28px; background:rgba(255,255,255,0.12); display:flex; align-items:center; justify-content:center; font-size:38px; color:#fff;}
.wide-content {flex:1;}
.wide-content h3 {font-size:38px; line-height:1.15; font-weight:700; font-family:'Sora',sans-serif; color:#fff; margin-bottom:14px;}
.wide-content p {font-size:15px; line-height:1.9; color:rgba(255,255,255,0.82); margin:0;}
.wide-btn {height:58px; padding:0 26px; border-radius:18px; background:#fff; display:inline-flex; align-items:center; gap:10px; font-size:15px; font-weight:700; color:#021B4E; transition:0.4s;}
.wide-btn:hover {background:#FF6B1A; color:#fff;}

@media(max-width:1199px) {
.premium-products {padding:100px 0;}
.premium-section-head h2 {font-size:54px;}
.featured-product-card {min-height:620px;}
.featured-content h3 {font-size:42px;}
}

@media(max-width:767px) {
.premium-products {padding:80px 0;}
.premium-section-head {margin-bottom:50px;}
.premium-section-head h2 {font-size:40px; line-height:1.15;}
.premium-section-head p {font-size:16px;}
.featured-product-card {min-height:480px; border-radius:28px;}
.featured-content {padding:28px;}
.featured-content h3 {font-size:34px;}
.premium-product-card {padding:28px; border-radius:24px;}
.premium-product-card h4 {font-size:24px;}
.premium-icon {width:68px; height:68px; font-size:28px; border-radius:20px;}
.wide-product-card {padding:28px; border-radius:26px; flex-direction:column; align-items:flex-start;}
.wide-content h3 {font-size:30px;}
.wide-btn {width:100%; justify-content:center;}
}

.product-learn-btn {position:relative; height:58px; padding:0 12px 0 24px; border-radius:60px; background:#F4F7FF; display:inline-flex; align-items:center; gap:16px; font-size:15px; font-weight:700; color:#021B4E; overflow:hidden; transition:0.45s; border:1px solid #E5EDFF;}
.product-learn-btn span {width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,#6580b6,#94b0e8); display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; transition:0.45s;}
.product-learn-btn:hover {background:#021B4E; color:#fff; transform:translateY(-4px); box-shadow:0 20px 40px rgba(2,27,78,0.18);}
.product-learn-btn:hover span {background:#FF6B1A; transform:rotate(45deg);}
.product-learn-btn::before {content:''; position:absolute; top:0; left:-120%; width:100%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent); transition:0.7s;}
.product-learn-btn:hover::before {left:120%;}

.why-choose-section {position:relative; padding:140px 0; background:linear-gradient(180deg,#ffffff 0%,#F7FAFF 100%); overflow:hidden;}
.why-blur {position:absolute; border-radius:50%; filter:blur(120px); opacity:0.08;}
.why-blur-1 {width:420px; height:420px; background:#0F62FE; top:-120px; left:-120px;}
.why-blur-2 {width:350px; height:350px; background:#FF6B1A; right:-100px; bottom:-100px;}
.why-content {position:sticky; top:120px;}
.why-content h2 {font-size:64px; line-height:1.05; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E; letter-spacing:-2px; margin:26px 0;}
.why-content h2 span {display:block; background:linear-gradient(90deg,#FF6B1A,#FF9A4D); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.why-content p {font-size:17px; line-height:1.9; color:#64748B; margin-bottom:38px;}
.why-btn {height:62px; padding:0 30px; border-radius:18px; background:#021B4E; display:inline-flex; align-items:center; gap:12px; font-size:15px; font-weight:700; color:#fff; transition:0.4s; box-shadow:0 20px 40px rgba(2,27,78,0.14);}
.why-btn:hover {background:#FF6B1A; color:#fff; transform:translateY(-5px);}
.highlight-card {position:relative; height:100%; padding:34px 30px; background:rgba(255,255,255,0.82); backdrop-filter:blur(14px); border:1px solid rgba(255, 255, 255, 0.7); border-radius:32px; overflow:hidden; transition:0.45s; box-shadow:0 20px 50px rgba(2, 27, 78, 0.05);}
.active-card {background:linear-gradient(135deg,#6580b6,#94b0e8); transform:translateY(-14px); box-shadow:0 35px 70px rgba(15, 98, 254, 0.22);}
.highlight-card:hover {transform:translateY(-10px); box-shadow:0 35px 70px rgba(2,27,78,0.12);}
.highlight-icon {width:82px; height:82px; border-radius:26px; background:linear-gradient(135deg,#6580b6,#94b0e8); display:flex; align-items:center; justify-content:center; font-size:34px; color:#fff; margin-bottom:28px; box-shadow:0 20px 40px rgba(15, 98, 254, 0.2);}
.active-card .highlight-icon {background:rgba(255,255,255,0.12); box-shadow:none;}
.highlight-card h4 {font-size:28px; line-height:1.25; font-weight:700; font-family:'Sora',sans-serif; color:#021B4E; margin-bottom:24px;}
.active-card h4 {color:#fff;}
.highlight-card ul {list-style:none; padding:0; margin:0;}
.highlight-card ul li {position:relative; padding-left:26px; margin-bottom:16px; font-size:15px; line-height:1.8; color:#64748B;}
.highlight-card ul li::before {content:''; position:absolute; left:0; top:10px; width:10px; height:10px; border-radius:50%; background:#FF6B1A;}
.active-card ul li {color:rgba(255,255,255,0.82);}
.active-card ul li::before {background:#fff;}
.highlight-line {position:absolute; left:0; bottom:0; width:0; height:5px; background:linear-gradient(90deg,#FF6B1A,#FFB067); transition:0.5s;}
.highlight-card:hover .highlight-line {width:100%;}
.bottom-highlight-strip {margin-top:35px; padding:28px 34px; background:#fff; border-radius:28px; display:flex; align-items:center; justify-content:space-between; box-shadow:0 20px 50px rgba(2,27,78,0.06);}
.strip-item {text-align:center; flex:1;}
.strip-item h3 {font-size:44px; font-weight:700; font-family:'Sora',sans-serif; color:#FF6B1A; margin-bottom:8px;}
.strip-item p {margin:0; font-size:14px; font-weight:600; color:#64748B;}
.strip-divider {width:1px; height:60px; background:#E6ECF5;}

@media(max-width:1199px) {
.why-choose-section {padding:100px 0;}
.why-content {position:relative; top:auto; text-align:center; margin-bottom:50px;}
.why-content h2 {font-size:54px;}
}

@media(max-width:767px) {
.why-choose-section {padding:80px 0;}
.why-content h2 {font-size:40px; line-height:1.15;}
.why-content p {font-size:16px;}
.highlight-card {padding:28px 24px; border-radius:26px;}
.highlight-card h4 {font-size:24px;}
.highlight-icon {width:68px; height:68px; font-size:28px; border-radius:22px;}
.bottom-highlight-strip {padding:22px; border-radius:22px; flex-direction:column; gap:24px;}
.strip-divider {width:100%; height:1px;}
.strip-item h3 {font-size:36px;}
}

.premium-cta-section {position:relative; padding:140px 0; background:linear-gradient(180deg,#647fb5 0%,#6a8ccf 100%); overflow:hidden;}
.cta-glow {position:absolute; border-radius:50%; filter:blur(120px); opacity:0.15;}
.cta-glow-1 {width:420px; height:420px; background:#0F62FE; top:-120px; left:-120px;}
.cta-glow-2 {width:380px; height:380px; background:#FF6B1A; right:-100px; bottom:-100px;}
.premium-cta-box {position:relative; padding:70px; background:rgba(255,255,255,0.08); backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,0.08); border-radius:40px; display:grid; grid-template-columns:1.2fr 0.8fr; gap:50px; overflow:hidden; box-shadow:0 35px 90px rgba(0, 0, 0, 0.22); z-index:5;}
.premium-cta-box::before {content:''; position:absolute; top:0; left:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.7),transparent);}
.cta-left-content {position:relative; z-index:2;}
.cta-tag {display:inline-flex; align-items:center; gap:14px; padding:14px 24px; background:rgba(255,255,255,0.1); border:1px solid rgba(255, 255, 255, 0.08); border-radius:60px; font-size:14px; font-weight:700; color:#fff; margin-bottom:28px;}
.tag-pulse {width:12px; height:12px; border-radius:50%; background:#22C55E; box-shadow:0 0 0 0 rgba(34,197,94,0.5); animation:pulseGlow 2s infinite;}

@keyframes pulseGlow {
0% {box-shadow:0 0 0 0 rgba(34,197,94,0.5);}
70% {box-shadow:0 0 0 12px rgba(34, 197, 94, 0);}
100% {box-shadow:0 0 0 0 rgba(34, 197, 94, 0);}
}

.cta-left-content h2 {font-size:42px; line-height:1.02; font-weight:700; font-family:'Sora', sans-serif; color:#fff; letter-spacing:-3px; margin-bottom:26px;}
.cta-left-content h2 span {display:block; background:linear-gradient(90deg,#FFB067,#ffffff); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.cta-left-content p {font-size:18px; line-height:1.9; color:rgba(255,255,255,0.82); max-width:720px; margin-bottom:40px;}
.cta-features {display:flex; flex-wrap:wrap; gap:18px; margin-bottom:40px;}
.cta-feature {display:flex; align-items:center; gap:14px; padding:16px 20px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.08); border-radius:18px;}
.cta-feature-icon {width:50px; height:50px; border-radius:16px; background:rgba(255,255,255,0.12); display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff; flex-shrink:0;}
.cta-feature span {font-size:14px; font-weight:600; line-height:1.6; color:#fff;}
.cta-btns {display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.cta-primary-btn {height:64px; padding:0 34px; border-radius:18px; background:#FF6B1A; display:inline-flex; align-items:center; gap:12px; font-size:15px; font-weight:700; color:#fff; transition:0.45s; box-shadow:0 20px 40px rgba(255,107,26,0.28);}
.cta-primary-btn:hover {background:#fff; color:#021B4E; transform:translateY(-5px);}
.cta-outline-btn {height:64px; padding:0 30px; border-radius:18px; background:rgba(255,255,255,0.08); border:1px solid rgba(255, 255, 255, 0.1); display:inline-flex; align-items:center; gap:12px; font-size:15px; font-weight:700; color:#fff; transition:0.45s;}
.cta-outline-btn:hover {background:#fff; color:#021B4E; transform:translateY(-5px);}
.cta-contact-card {position:relative; padding:38px; background:rgba(255,255,255,0.08); backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,0.08); border-radius:32px; overflow:hidden;}
.cta-card-pattern {position:absolute; right:-80px; top:-80px; width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,0.05);}
.cta-contact-card h4 {font-size:34px; font-weight:700; font-family:'Sora', sans-serif; color:#fff; margin-bottom:34px; position:relative; z-index:2;}
.cta-contact-item {display:flex; align-items:flex-start; gap:18px; padding:18px 0; border-bottom:1px solid rgba(255,255,255,0.08); position:relative; z-index:2;}
.contact-item-icon {width:58px; height:58px; border-radius:18px; background:rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; font-size:24px; color:#fff; flex-shrink:0;}
.cta-contact-item h6 {font-size:16px; font-weight:700; color:#fff; margin-bottom:6px;}
.cta-contact-item p {margin:0; font-size:14px; line-height:1.7; color:rgba(255,255,255,0.72);}
.cta-socials {display:flex; gap:14px; margin-top:34px; position:relative; z-index:2;}
.cta-socials a {width:54px; height:54px; border-radius:18px; background:rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; transition:0.45s;}
.cta-socials a:hover {background:#FF6B1A; transform:translateY(-6px);}

@media(max-width:1199px) {
.premium-cta-section {padding:100px 0;}
.premium-cta-box {grid-template-columns:1fr; padding:50px;}
.cta-left-content h2 {font-size:58px;}
}

@media(max-width:767px) {
.premium-cta-section {padding:80px 0;}
.premium-cta-box {padding:30px; border-radius:28px; gap:40px;}
.cta-left-content h2 {font-size:40px; line-height:1.1; letter-spacing:-1px;}
.cta-left-content p {font-size:16px;}
.cta-contact-card {padding:28px 24px; border-radius:24px;}
.cta-contact-card h4 {font-size:28px;}
.cta-btns {flex-direction:column;}
.cta-primary-btn, .cta-outline-btn {width:100%; justify-content:center;}
.cta-feature {width:100%;}
}

.modern-footer {position:relative; background:radial-gradient(circle at top left, rgba(0,153,255,.15), transparent 35%), radial-gradient(circle at bottom right, rgba(0, 255, 200, .08), transparent 35%), #07121f; color:#fff; overflow:hidden; padding-top:90px;}
.modern-footer::before {content:''; position:absolute; inset:0; background:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px); background-size:40px 40px; opacity:.3;}
.footer-top {position:relative; z-index:2;}
.footer-card {height:100%; background:rgba(255,255,255,.05); border:1px solid rgba(255, 255, 255, .08); backdrop-filter:blur(12px); border-radius:28px; padding:35px; transition:.4s ease; box-shadow:0 10px 40px rgba(0, 0, 0, .25);}
.footer-card:hover {transform:translateY(-6px); border-color:rgba(0,153,255,.35);}
.footer-icon {width:68px; height:68px; border-radius:20px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#00a6ff,#00e0b8); font-size:28px; margin-bottom:25px; color:#fff; box-shadow:0 10px 30px rgba(0, 166, 255, .35);}
.footer-card h3 {font-size:24px; font-weight:700; margin-bottom:20px; color:#fff;}
.footer-card p {color:rgba(255,255,255,.75); line-height:1.9; margin-bottom:20px;}
.footer-contact {display:flex; flex-direction:column; gap:14px;}
.footer-contact a {display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; transition:.3s; font-weight:500;}
.footer-contact a:hover {color:#00d9ff; transform:translateX(5px);}
.footer-contact i {color:#00d9ff; font-size:18px;}
.footer-mail-list {display:flex; flex-direction:column; gap:8px;}
.mail-item {padding:10px 12px; border-radius:18px; background:rgba(255,255,255,.04); border:1px solid rgba(255, 255, 255, .06);}
.mail-item span {display:block; font-size:13px; text-transform:uppercase; letter-spacing:1px; color:#00d9ff; margin-bottom:0; font-weight:600;}
.mail-item a {color:#fff; text-decoration:none; word-break:break-word; transition:.3s;}
.mail-item a:hover {color:#00d9ff;}
.footer-bottom {position:relative; z-index:2; margin-top:70px; border-top:1px solid rgba(255,255,255,.08); padding:28px 0;}
.copyright {margin:0; color:rgba(255,255,255,.65);}
.footer-social {display:flex; gap:14px; justify-content:flex-end;}
.footer-social a {width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.06); color:#fff; text-decoration:none; transition:.35s ease; border:1px solid rgba(255, 255, 255, .08);}
.footer-social a:hover {background:linear-gradient(135deg,#00a6ff,#00e0b8); transform:translateY(-5px); color:#fff;}

@media(max-width:991px) {
.modern-footer {padding-top:70px;}
.footer-card {padding:28px;}
.footer-bottom {text-align:center;}
.footer-social {justify-content:center;}
}

.floating-btn {position:fixed; right:20px; width:60px; height:60px; border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:26px; cursor:pointer; z-index:9999; text-decoration:none; transition:.35s ease; box-shadow:0 12px 30px rgba(0,0,0,.25);}
.floating-btn:hover {transform:translateY(-6px) scale(1.05); color:#fff;}
.wa-btn {bottom:25px; background:linear-gradient(135deg,#00c853,#25d366); animation:pulseWa 2s infinite;}

@keyframes pulseWa {
0% {box-shadow:0 0 0 0 rgba(37,211,102,.6);}
70% {box-shadow:0 0 0 18px rgba(37, 211, 102, 0);}
100% {box-shadow:0 0 0 0 rgba(37, 211, 102, 0);}
}

.call-btn {bottom:100px; background:linear-gradient(135deg,#007bff,#00bfff);}
.top-btn {bottom:175px; background:linear-gradient(135deg,#111,#444); opacity:0; visibility:hidden;}
.top-btn.show {opacity:1; visibility:visible;}
.wa-lead-box {position:fixed; right:25px; bottom:100px; width:360px; background:#fff; border-radius:28px; overflow:hidden; z-index:10000; display:none; box-shadow:0 20px 60px rgba(0,0,0,.22); animation:waPopup .35s ease;}

@keyframes waPopup {
from {opacity:0; transform:translateY(20px) scale(.95);}
to {opacity:1; transform:translateY(0) scale(1);}
}

.wa-header {background:linear-gradient(135deg,#00c853,#25d366); padding:18px 22px; display:flex; align-items:center; justify-content:space-between; color:#fff;}
.wa-title {display:flex; align-items:center; gap:10px; font-size:20px; font-weight:700;}
#waClose {width:38px; height:38px; border:none; border-radius:50%; background:rgba(255,255,255,.15); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.3s;}
#waClose:hover {background:#fff; color:#25d366; transform:rotate(90deg);}
#waForm {padding:24px;}
.form-group {margin-bottom:18px;}
#waForm input, #waForm textarea {width:100%; border:none; outline:none; background:#f4f7fb; border-radius:16px; padding:16px 18px; font-size:15px; transition:.3s;}
#waForm input:focus, #waForm textarea:focus {background:#fff; border:1px solid #25d366; box-shadow:0 0 0 4px rgba(37,211,102,.12);}
.wa-submit-btn {width:100%; border:none; border-radius:18px; background:linear-gradient(135deg,#00c853,#25d366); color:#fff; padding:16px; font-weight:700; font-size:16px; display:flex; align-items:center; justify-content:center; gap:10px; transition:.35s ease;}
.wa-submit-btn:hover {transform:translateY(-3px); box-shadow:0 14px 30px rgba(37,211,102,.3);}

@media(max-width:575px) {
.floating-btn {width:55px; height:55px; font-size:22px; right:15px;}
.wa-btn {bottom:20px;}
.call-btn {bottom:90px;}
.top-btn {bottom:160px;}
.wa-lead-box {width:calc(100% - 24px); right:12px; bottom:90px; border-radius:22px;}
}

.about-hero {position:relative; margin-top:-68px; padding:150px 0 60px; background:linear-gradient(135deg,rgba(2,27,78,.92), rgba(11, 45, 115, .88)), url('../i/about-banner.jpg'); background-size:cover; background-position:center; overflow:hidden;}
.about-hero::before {content:''; position:absolute; inset:0; background:radial-gradient(circle at top right,rgba(255,107,26,.15),transparent 40%);}
.breadcrumb-wrap {display:inline-flex; align-items:center; gap:12px; padding:14px 22px; background:rgba(255,255,255,.08); backdrop-filter:blur(15px); border-radius:60px; margin-bottom:35px; color:#fff; font-weight:600;}
.breadcrumb-wrap a {color:#fff;}
.about-hero h1 {font-size:82px; line-height:1.05; font-family:'Sora', sans-serif; font-weight:700; color:#fff; letter-spacing:-3px; margin-bottom:25px;}
.about-hero h1 span {display:block; background:linear-gradient(90deg,#FFB067,#fff); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.about-hero p {max-width:760px; margin:auto; font-size:20px; line-height:1.9; color:rgba(255,255,255,.82);}
.section-padding {padding:40px 0;}
.section-title {font-size:48px; line-height:1.08; font-family:'Sora', sans-serif; font-weight:700; color:#021B4E; margin-bottom:24px; letter-spacing:-2px;}
.section-header {margin-bottom:60px;}
.section-tag {display:inline-flex; align-items:center; gap:12px; padding:12px 24px; background:#EFF6FF; border-radius:50px; font-size:14px; font-weight:700; color:#0F62FE; margin-bottom:24px;}
.tag-dot {width:10px; height:10px; border-radius:50%; background:#FF6B1A;}
.company-overview {background:#fff;}
.overview-image-wrap {position:relative; padding-right:60px;}
.overview-image-wrap img {border-radius:36px !important; box-shadow:0 30px 80px rgba(0,0,0,.12);}
.exp-card {position:absolute; left:-20px; bottom:60px; background:linear-gradient(135deg,#6580b6,#94b0e8); padding:28px; border-radius:28px; color:#fff; width:220px; box-shadow:0 25px 60px rgba(15, 98, 254, .25);}
.exp-card h2 {font-size:58px; margin:0; color:#fff; font-family:'Sora', sans-serif;}
.exp-card p {margin:0;}
.iso-card {position:absolute; right:0; top:60px; padding:20px 24px; background:#fff; border-radius:24px; display:flex; align-items:center; gap:15px; box-shadow:0 20px 50px rgba(0,0,0,.08);}
.iso-card i {font-size:34px; color:#0F62FE;}
.iso-card h5 {margin:0; font-weight:700;}
.iso-card p {margin:0; font-size:13px; color:#64748B;}
.overview-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:35px;}
.info-box {padding:22px; border-radius:20px; background:#F8FBFF; display:flex; align-items:center; gap:14px; font-weight:600; transition:.4s;}
.info-box:hover {transform:translateY(-5px); background:#EFF6FF;}
.info-box i {font-size:24px; color:#FF6B1A;}
.mission-section {padding-bottom:130px;}
.mission-card {height:100%; padding:50px; border-radius:36px; background:#fff; box-shadow:0 25px 60px rgba(0,0,0,.06); transition:.4s;}
.mission-card:hover {transform:translateY(-10px);}
.card-icon {width:90px; height:90px; border-radius:24px; background:linear-gradient(135deg,#6580b6,#94b0e8); display:flex; align-items:center; justify-content:center; font-size:38px; color:#fff; margin-bottom:25px;}
.mission-card h3 {font-size:34px; font-family:'Sora', sans-serif; margin-bottom:18px;}
.mission-card p {line-height:1.9; color:#64748B;}
.core-values-section {background:#F8FBFF;}
.value-card {height:100%; padding:40px 30px; background:#fff; border-radius:30px; text-align:center; transition:.45s; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.value-card:hover {transform:translateY(-10px); background:#021B4E;}
.value-card:hover h4, .value-card:hover p, .value-card:hover i {color:#fff;}
.value-card i {font-size:48px; color:#FF6B1A; margin-bottom:20px;}
.value-card h4 {font-size:24px; font-family:'Sora', sans-serif; margin-bottom:15px;}
.value-card p {color:#64748B; margin:0;}
.manufacturing-section {padding:130px 0;}
.facility-card {height:100%; padding:35px; border-radius:28px; background:#fff; box-shadow:0 20px 50px rgba(0,0,0,.05); transition:.4s;}
.facility-card:hover {transform:translateY(-8px); background:#021B4E;}
.facility-card:hover h5, .facility-card:hover i {color:#fff;}
.facility-card i {font-size:44px; color:#FF6B1A; margin-bottom:20px;}
.facility-card h5 {font-size:22px; font-family:'Sora', sans-serif;}
.stats-section {padding:130px 0; background:linear-gradient(135deg,#021B4E,#0B2D73);}
.stat-box {padding:45px; text-align:center; background:rgba(255,255,255,.08); backdrop-filter:blur(10px); border-radius:30px; color:#fff;}
.stat-box h2 {font-size:62px; font-family:'Sora', sans-serif; color:#FFB067; margin-bottom:10px;}
.stat-box p {margin:0;}
.about-cta {padding:130px 0; background:#fff;}
.cta-box {padding:80px; text-align:center; border-radius:40px; background:linear-gradient(135deg,#6580b6,#94b0e8); color:#fff;}
.cta-box h2 {font-size:62px; font-family:'Sora', sans-serif; margin-bottom:20px;}
.cta-box p {max-width:700px; margin:auto auto 35px; font-size:18px; opacity:.85;}
.cta-buttons {display:flex; justify-content:center; gap:20px; flex-wrap:wrap;}
.btn-primary-premium {height:62px; padding:0 34px; display:inline-flex; align-items:center; border-radius:18px; background:#FF6B1A; font-weight:700; color:#fff;}
.btn-outline-premium {height:62px; padding:0 34px; display:inline-flex; align-items:center; border-radius:18px; background:rgba(255,255,255,.1); border:1px solid rgba(255, 255, 255, .15); font-weight:700; color:#fff;}

@media(max-width:991px) {
.about-hero h1 {font-size:56px;}
.section-title {font-size:46px;}
.overview-image-wrap {padding-right:0; margin-bottom:50px;}
.iso-card {position:relative; right:auto; top:auto; margin-top:20px;}
.exp-card {left:15px; bottom:15px;}
.cta-box {padding:50px 30px;}
.cta-box h2 {font-size:42px;}
}

@media(max-width:767px) {
.about-hero {padding:180px 0 100px;}
.about-hero h1 {font-size:42px;}
.about-hero p {font-size:16px;}
.section-padding, .manufacturing-section, .stats-section, .about-cta, .mission-section {padding:80px 0;}
.section-title {font-size:36px;}
.overview-grid {grid-template-columns:1fr;}
.stat-box h2 {font-size:42px;}
}

.overview-section {padding:0 0; background:#fff; position:relative; overflow:hidden;}
.overview-section::before {content:''; position:absolute; top:-150px; left:-150px; width:350px; height:350px; border-radius:50%; background:rgba(15,98,254,.05); filter:blur(100px);}
.overview-section::after {content:''; position:absolute; bottom:-150px; right:-150px; width:350px; height:350px; border-radius:50%; background:rgba(255,107,26,.08); filter:blur(100px);}
.overview-image-wrap {position:relative; padding-right:60px;}
.overview-image-wrap img {width:100%; height:650px; object-fit:cover; border-radius:36px; box-shadow:0 30px 80px rgba(2,27,78,.12);}
.overview-float-card {position:absolute; left:-20px; bottom:40px; width:250px; padding:28px; border-radius:30px; background:linear-gradient(135deg,#6580b6,#94b0e8); box-shadow:0 25px 60px rgba(15, 98, 254, .25); animation:floatCard 5s ease-in-out infinite;}
.overview-float-card h3 {font-size:52px; font-weight:700; font-family:'Sora', sans-serif; color:#fff; margin-bottom:8px;}
.overview-float-card p {margin:0; font-size:15px; line-height:1.8; color:rgba(255,255,255,.85);}
.overview-section .section-title {font-size:44px; line-height:1.05; font-family:'Sora', sans-serif; font-weight:700; color:#021B4E; margin-bottom:25px; letter-spacing:-2px;}
.overview-section p {font-size:17px; line-height:1.9; color:#64748B; margin-bottom:20px;}
.credentials-section {padding-bottom:130px; background:#fff;}
.credential-card {height:100%; padding:45px 35px; border-radius:32px; background:#fff; border:1px solid #EEF2F7; text-align:center; transition:.45s; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.credential-card:hover {transform:translateY(-10px); background:#021B4E; border-color:#021B4E;}
.credential-card:hover h4, .credential-card:hover p, .credential-card:hover i {color:#fff;}
.credential-card i {font-size:55px; color:#FF6B1A; margin-bottom:25px;}
.credential-card h4 {font-size:28px; font-family:'Sora', sans-serif; margin-bottom:15px; color:#021B4E;}
.credential-card p {margin:0; font-size:15px; line-height:1.8; color:#64748B;}
.strength-section {background:#F8FBFF; padding:130px 0;}
.strength-card {height:100%; padding:35px 30px; background:#fff; border-radius:30px; text-align:center; transition:.45s; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.strength-card:hover {transform:translateY(-10px);}
.strength-card i {font-size:50px; color:#0F62FE; margin-bottom:20px;}
.strength-card h5 {font-size:24px; font-family:'Sora', sans-serif; margin-bottom:15px; color:#021B4E;}
.strength-card p {margin:0; font-size:15px; line-height:1.8; color:#64748B;}
.experience-banner {padding:130px 0; background:#fff;}
.banner-box {padding:70px; border-radius:40px; background:linear-gradient(135deg,#6580b6,#94b0e8); position:relative; overflow:hidden;}
.banner-box::before {content:''; position:absolute; top:-100px; right:-100px; width:250px; height:250px; border-radius:50%; background:rgba(255,255,255,.08);}
.banner-box h2 {font-size:56px; line-height:1.05; font-family:'Sora', sans-serif; font-weight:700; color:#fff; margin-bottom:20px;}
.banner-box p {font-size:17px; line-height:1.9; color:rgba(255,255,255,.82); margin:0;}
.banner-btn {height:64px; padding:0 34px; border-radius:18px; display:inline-flex; align-items:center; gap:12px; background:#FF6B1A; font-weight:700; color:#fff; transition:.4s;}
.banner-btn:hover {background:#fff; color:#021B4E; transform:translateY(-4px);}
.overview-stats {padding-bottom:130px; background:#fff;}
.overview-stats .stat-box {padding:45px; border-radius:30px; background:#F8FBFF; text-align:center; transition:.4s;}
.overview-stats .stat-box:hover {transform:translateY(-8px); background:#021B4E;}
.overview-stats .stat-box:hover h3, .overview-stats .stat-box:hover p {color:#fff;}
.overview-stats .stat-box h3 {font-size:62px; font-family:'Sora', sans-serif; font-weight:700; color:#FF6B1A; margin-bottom:10px;}
.overview-stats .stat-box p {margin:0; font-size:15px; font-weight:600; color:#64748B;}

@keyframes floatCard {
0% {transform:translateY(0);}
50% {transform:translateY(-12px);}
100% {transform:translateY(0);}
}

@media(max-width:1199px) {
.overview-section, .strength-section, .experience-banner {padding:100px 0;}
.credentials-section, .overview-stats {padding-bottom:100px;}
.overview-image-wrap {padding-right:0; margin-bottom:50px;}
.overview-section .section-title {font-size:52px;}
.banner-box h2 {font-size:44px;}
}

@media(max-width:767px) {
.overview-section, .strength-section, .experience-banner {padding:80px 0;}
.credentials-section, .overview-stats {padding-bottom:80px;}
.overview-section .section-title {font-size:38px; line-height:1.15;}
.overview-image-wrap img {height:450px;}
.overview-float-card {width:180px; padding:20px; left:15px; bottom:15px;}
.overview-float-card h3 {font-size:36px;}
.banner-box {padding:35px 25px; border-radius:28px; text-align:center;}
.banner-box h2 {font-size:34px;}
.banner-btn {margin-top:25px; width:100%; justify-content:center;}
.credential-card, .strength-card {padding:30px 24px;}
.overview-stats .stat-box h3 {font-size:42px;}
}

.inner-hero {position:relative; margin-top:-68px; padding:150px 0 160px; background:linear-gradient(135deg,rgba(2,27,78,.92), rgba(11, 45, 115, .85)), url('../i/inner-banner.jpg'); background-size:cover; background-position:center; overflow:hidden;}
.inner-hero::before {content:''; position:absolute; inset:0; background:radial-gradient(circle at 15% 20%,rgba(255,107,26,.18),transparent 35%), radial-gradient(circle at 85% 25%, rgba(15, 98, 254, .22), transparent 40%); z-index:1;}
.inner-hero::after {content:''; position:absolute; left:-5%; bottom:-170px; width:110%; height:250px; background:#fff; border-radius:100% 100% 0 0 /100% 100% 0 0; z-index:2;}
.inner-hero .container {position:relative; z-index:5;}
.hero-breadcrumb {display:inline-flex; align-items:center; gap:12px; padding:14px 24px; background:rgba(255,255,255,.08); backdrop-filter:blur(15px); border:1px solid rgba(255, 255, 255, .1); border-radius:60px; margin-bottom:32px; font-size:14px; font-weight:600; color:#fff;}
.hero-breadcrumb a {color:#fff; transition:.3s;}
.hero-breadcrumb a:hover {color:#FFB067;}
.hero-breadcrumb span {color:#FFB067;}
.inner-hero h1 {font-size:64px; line-height:.95; font-family:'Sora', sans-serif; font-weight:700; letter-spacing:-4px; color:#fff; margin-bottom:24px;}
.inner-hero h1 span {background:linear-gradient(90deg,#FFB067,#ffffff); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.inner-hero p {max-width:760px; margin:auto; font-size:18px; line-height:1.9; color:rgba(255,255,255,.82);}
.inner-hero-stats {margin-top:50px; display:flex; justify-content:center; gap:20px; flex-wrap:wrap;}
.inner-hero-stat {min-width:180px; padding:20px 24px; background:rgba(255,255,255,.08); backdrop-filter:blur(15px); border:1px solid rgba(255, 255, 255, .1); border-radius:22px; text-align:center;}
.inner-hero-stat h3 {font-size:36px; font-family:'Sora', sans-serif; font-weight:700; color:#FFB067; margin-bottom:5px;}
.inner-hero-stat p {margin:0; font-size:13px; line-height:1.5; color:#fff;}

@media(max-width:1199px) {
.inner-hero {padding:260px 0 130px;}
.inner-hero h1 {font-size:64px; letter-spacing:-2px;}
}

@media(max-width:767px) {
.inner-hero {margin-top:-120px; padding:200px 0 90px;}
.inner-hero h1 {font-size:42px; line-height:1.1; letter-spacing:-1px;}
.inner-hero p {font-size:16px;}
.hero-breadcrumb {padding:12px 18px; font-size:13px;}
.inner-hero-stats {gap:12px;}
.inner-hero-stat {width:calc(50% - 6px); min-width:auto; padding:16px;}
.inner-hero-stat h3 {font-size:26px;}
}

.leadership-section {padding:0 0 80px; background:#fff;}
.leader-image-wrap {position:relative;}
.leader-image-wrap img {width:100%; border-radius:36px; box-shadow:0 30px 80px rgba(2,27,78,.12);}
.leader-badge {position:absolute; left:25px; bottom:25px; padding:16px 24px; background:linear-gradient(135deg,#6580b6,#94b0e8); border-radius:18px; color:#fff; font-weight:600; display:flex; align-items:center; gap:10px;}
.leader-name {font-size:62px; line-height:1; font-family:'Sora', sans-serif; font-weight:700; color:#021B4E; margin-bottom:15px;}
.leader-designation {font-size:26px; color:#FF6B1A; margin-bottom:20px;}
.leader-qualification {display:inline-flex; align-items:center; gap:10px; padding:14px 22px; background:#EFF6FF; border-radius:50px; font-weight:600; margin-bottom:30px;}
.leader-qualification i {color:#0F62FE;}
.leader-highlights {display:flex; gap:20px; margin-top:40px; flex-wrap:wrap;}
.highlight-item {padding:25px 30px; background:#F8FBFF; border-radius:24px; min-width:180px;}
.highlight-item h3 {font-size:40px; font-family:'Sora', sans-serif; color:#FF6B1A; margin-bottom:5px;}
.highlight-item p {margin:0; font-size:14px;}
.leadership-message {padding-bottom:130px;}
.message-box {padding:80px; border-radius:40px; text-align:center; background:linear-gradient(135deg,#6580b6,#94b0e8); color:#fff; position:relative; overflow:hidden;}
.quote-icon {font-size:70px; color:#FFB067; margin-bottom:20px;}
.message-box h2 {font-size:54px; font-family:'Sora', sans-serif; margin-bottom:25px;}
.message-box p {max-width:850px; margin:auto; font-size:22px; line-height:1.9; color:rgba(255,255,255,.9);}
.message-author {margin-top:35px; font-size:22px; font-weight:700;}
.message-author span {display:block; font-size:15px; font-weight:500; opacity:.8; margin-top:8px;}

.vision-mission-section {padding:0 0; background:#fff;}
.vision-card, .mission-card-premium {position:relative; padding:60px 50px; height:100%; border-radius:36px; overflow:hidden; transition:.45s;}
.vision-card {background:linear-gradient(135deg,#6580b6,#94b0e8); color:#fff;}
.mission-card-premium {background:#F8FBFF; border:1px solid #E9EEF7;}
.vision-card:hover, .mission-card-premium:hover {transform:translateY(-10px);}
.vm-icon {width:90px; height:90px; border-radius:24px; display:flex; align-items:center; justify-content:center; font-size:40px; margin-bottom:25px;}
.vision-card .vm-icon {background:rgba(255,255,255,.12); color:#fff;}
.mission-card-premium .vm-icon {background:#EFF6FF; color:#0F62FE;}
.vm-label {font-size:44px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:15px; color:#FFB067;}
.mission-card-premium .vm-label {color:#FF6B1A;}
.vision-card h2, .mission-card-premium h2 {font-size:44px; line-height:1.1; font-family:'Sora', sans-serif; font-weight:700; margin-bottom:20px;}
.vision-card p {font-size:17px; line-height:1.9; color:rgba(255,255,255,.85);}
.mission-card-premium p {font-size:17px; line-height:1.9; color:#64748B;}
.commitment-section {padding:130px 0; background:#F8FBFF;}
.commitment-card {height:100%; padding:40px 30px; background:#fff; border-radius:30px; text-align:center; transition:.4s; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.commitment-card:hover {transform:translateY(-10px);}
.commitment-card i {font-size:52px; color:#FF6B1A; margin-bottom:20px;}
.commitment-card h4 {font-size:24px; font-family:'Sora', sans-serif; margin-bottom:15px;}
.commitment-card p {margin:0; line-height:1.8; color:#64748B;}
.vision-cta {padding:130px 0; background:#fff;}
.vision-cta-box {padding:80px; text-align:center; border-radius:40px; background:linear-gradient(135deg,#6580b6,#94b0e8); color:#fff;}
.vision-cta-box h2 {font-size:58px; font-family:'Sora', sans-serif; margin-bottom:20px;}
.vision-cta-box p {max-width:700px; margin:auto auto 30px; font-size:18px; opacity:.85;}
.vision-btn {height:62px; padding:0 34px; display:inline-flex; align-items:center; gap:12px; border-radius:18px; background:#FF6B1A; color:#fff; font-weight:700; transition:.4s;}
.vision-btn:hover {background:#fff; color:#021B4E;}

.quality-intro {padding:0 0; background:#fff;}
.quality-image {position:relative;}
.quality-image img {border-radius:36px; box-shadow:0 30px 80px rgba(2,27,78,.12);}
.quality-badge {position:absolute; left:25px; bottom:25px; padding:18px 26px; background:linear-gradient(135deg,#6580b6,#94b0e8); border-radius:18px; display:flex; align-items:center; gap:12px; color:#fff; font-weight:600;}
.quality-badge i {font-size:22px;}
.quality-objectives {padding:130px 0; background:#F8FBFF;}
.quality-card {height:100%; padding:40px 32px; background:#fff; border-radius:30px; text-align:center; transition:.4s; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.quality-card:hover {transform:translateY(-10px); background:#021B4E;}
.quality-card:hover h4, .quality-card:hover p, .quality-card:hover i {color:#fff;}
.quality-card i {font-size:52px; color:#FF6B1A; margin-bottom:20px;}
.quality-card h4 {font-size:24px; font-family:'Sora', sans-serif; margin-bottom:15px; color:#021B4E;}
.quality-card p {margin:0; line-height:1.8; color:#64748B;}
.quality-commitment {padding:130px 0; background:#fff;}
.commitment-box {padding:90px; border-radius:40px; text-align:center; background:linear-gradient(135deg,#6580b6,#94b0e8); color:#fff;}
.quote-icon {font-size:70px; color:#FFB067; margin-bottom:20px;}
.commitment-box h2 {font-size:58px; font-family:'Sora', sans-serif; margin-bottom:25px;}
.commitment-box p {max-width:900px; margin:auto; font-size:20px; line-height:1.9; color:rgba(255,255,255,.9);}
.quality-stats {padding-bottom:130px; background:#fff;}
.stat-card {padding:45px; border-radius:30px; background:#F8FBFF; text-align:center; transition:.4s;}
.stat-card:hover {background:#021B4E; transform:translateY(-8px);}
.stat-card:hover h3, .stat-card:hover p {color:#fff;}
.stat-card h3 {font-size:54px; font-family:'Sora', sans-serif; color:#FF6B1A; margin-bottom:10px;}
.stat-card p {margin:0; font-weight:600; color:#64748B;}

.company-performance {padding:0 0 60px;}
.performance-highlights {padding-bottom:80px;}
.highlight-card {padding:40px; background:#fff; border-radius:30px; text-align:center; box-shadow:0 20px 50px rgba(0,0,0,.05); transition:.4s;}
.highlight-card:hover {transform:translateY(-8px);}
.highlight-card h3 {font-size:52px; font-family:'Sora', sans-serif; color:#FF6B1A; margin-bottom:10px;}
.highlight-card p {margin:0; font-weight:600; color:#64748B;}
.financial-table-section {padding-bottom:130px;}
.financial-table-wrap {background:#fff; border-radius:32px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.06);}
.performance-table {margin:0;}
.performance-table thead {background:#021B4E; color:#fff;}
.performance-table th {padding:22px; font-weight:600; border:none;}
.performance-table td {padding:20px 22px; vertical-align:middle;}
.performance-table tbody tr:nth-child(even) {background:#F8FBFF;}
.status-positive {padding:8px 16px; border-radius:50px; background:#DCFCE7; color:#15803D; font-size:13px; font-weight:600;}
.status-negative {padding:8px 16px; border-radius:50px; background:#FEE2E2; color:#DC2626; font-size:13px; font-weight:600;}


.infra-overview {padding:0 0; background:#fff; position:relative; overflow:hidden;}
.infra-overview::before {content:''; position:absolute; top:-150px; left:-150px; width:350px; height:350px; border-radius:50%; background:rgba(15,98,254,.05); filter:blur(100px);}
.infra-image-wrap {position:relative;}
.infra-image-wrap img {width:100%; height:650px; object-fit:cover; border-radius:36px; box-shadow:0 30px 80px rgba(2,27,78,.12);}
.infra-float-card {position:absolute; left:30px; bottom:30px; padding:30px; width:230px; background:linear-gradient(135deg,#6580b6,#94b0e8); border-radius:30px; color:#fff; box-shadow:0 25px 60px rgba(15, 98, 254, .25);}
.infra-float-card h3 {font-size:58px; font-family:'Sora', sans-serif; margin-bottom:5px; color:#fff;}
.infra-float-card p {margin:0; color:rgba(255,255,255,.85);}
.infra-section-light {padding:130px 0; background:#F8FBFF;}
.infra-card {height:100%; padding:45px 35px; background:#fff; border-radius:30px; text-align:center; transition:.45s; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.infra-card:hover {transform:translateY(-10px); background:#021B4E;}
.infra-card:hover h4, .infra-card:hover i {color:#fff;}
.infra-card i {font-size:58px; color:#FF6B1A; margin-bottom:25px;}
.infra-card h4 {font-size:26px; line-height:1.4; font-family:'Sora', sans-serif; color:#021B4E; margin:0;}
.testing-section {padding:130px 0; background:#fff;}
.testing-card {height:100%; padding:40px; background:#fff; border-radius:30px; border:1px solid #EEF2F7; transition:.4s; position:relative; overflow:hidden;}
.testing-card::before {content:''; position:absolute; left:0; top:0; width:5px; height:100%; background:linear-gradient(180deg,#0F62FE,#FF6B1A);}
.testing-card:hover {transform:translateY(-8px); box-shadow:0 25px 60px rgba(2,27,78,.08);}
.testing-card h4 {font-size:28px; font-family:'Sora', sans-serif; color:#021B4E; margin-bottom:15px;}
.testing-card p {margin:0; line-height:1.9; color:#64748B;}
.raw-materials-section {padding:130px 0; background:#F8FBFF;}
.material-list {display:flex; flex-direction:column; gap:20px;}
.material-item {display:flex; align-items:center; gap:18px; padding:24px 28px; background:#fff; border-radius:20px; font-size:18px; font-weight:600; color:#021B4E; transition:.4s;}
.material-item:hover {transform:translateX(10px);}
.material-item i {font-size:22px; color:#22C55E;}
.quality-standard-section {padding:130px 0; background:#fff;}
.standard-card {height:100%; padding:50px 35px; text-align:center; border-radius:30px; background:linear-gradient(135deg,#6580b6,#94b0e8); color:#fff; transition:.4s;}
.standard-card:hover {transform:translateY(-10px);}
.standard-card h3 {font-size:54px; font-family:'Sora', sans-serif; margin-bottom:15px; color:#FFB067;}
.standard-card p {margin:0; line-height:1.8; color:rgba(255,255,255,.85);}
.future-banner {padding:130px 0; background:#F8FBFF;}
.future-box {padding:80px; text-align:center; border-radius:40px; background:#fff; box-shadow:0 25px 70px rgba(0,0,0,.06);}
.future-box h2 {font-size:60px; line-height:1.1; font-family:'Sora', sans-serif; color:#021B4E; margin-bottom:25px;}
.future-box p {max-width:900px; margin:auto; font-size:18px; line-height:1.9; color:#64748B;}
.india-cta {padding-bottom:130px; background:#F8FBFF;}
.india-box {padding:90px; text-align:center; border-radius:40px; background:linear-gradient(135deg,#6580b6,#94b0e8); color:#fff; position:relative; overflow:hidden;}
.india-box::before {content:''; position:absolute; right:-100px; top:-100px; width:250px; height:250px; border-radius:50%; background:rgba(255,255,255,.08);}
.india-icon {width:120px; height:120px; margin:0 auto 30px; border-radius:30px; background:rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; font-size:55px; color:#FFB067;}
.india-box h2 {font-size:62px; font-family:'Sora', sans-serif; margin-bottom:20px;}
.india-box p {max-width:850px; margin:auto auto 35px; font-size:18px; line-height:1.9; color:rgba(255,255,255,.85);}
.india-btn {height:64px; padding:0 36px; display:inline-flex; align-items:center; gap:12px; border-radius:18px; background:#FF6B1A; color:#fff; font-weight:700; transition:.4s;}
.india-btn:hover {background:#fff; color:#021B4E; transform:translateY(-5px);}

@media(max-width:1199px) {
.infra-overview, .infra-section-light, .testing-section, .raw-materials-section, .quality-standard-section, .future-banner {padding:100px 0;}
.india-cta {padding-bottom:100px;}
.future-box h2, .india-box h2 {font-size:48px;}
}

@media(max-width:767px) {
.infra-overview, .infra-section-light, .testing-section, .raw-materials-section, .quality-standard-section, .future-banner {padding:80px 0;}
.india-cta {padding-bottom:80px;}
.infra-image-wrap img {height:450px;}
.infra-float-card {width:180px; padding:20px;}
.infra-float-card h3 {font-size:40px;}
.future-box, .india-box {padding:40px 25px; border-radius:28px;}
.future-box h2, .india-box h2 {font-size:36px;}
.india-icon {width:90px; height:90px; font-size:42px;}
.testing-card, .infra-card {padding:30px 24px;}
}

.certifications-section {padding:0 0; background:#fff;}
.certificate-card {background:#fff; border-radius:32px; overflow:hidden; box-shadow:0 25px 70px rgba(0,0,0,.06); transition:.45s; height:100%;}
.certificate-card:hover {transform:translateY(-10px);}
.certificate-image {position:relative; overflow:hidden;}
.certificate-image img {width:100%; height:550px; object-fit:cover; transition:.6s;}
.certificate-card:hover img {transform:scale(1.05);}
.certificate-overlay {position:absolute; inset:0; background:linear-gradient(180deg,transparent,rgba(2,27,78,.7)); display:flex; align-items:flex-end; justify-content:flex-end; padding:25px; opacity:0; transition:.4s;}
.certificate-card:hover .certificate-overlay {opacity:1;}
.certificate-overlay a {width:60px; height:60px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; color:#021B4E;}
.certificate-content {padding:35px;}
.certificate-badge {display:inline-flex; align-items:center; gap:10px; padding:10px 18px; border-radius:50px; background:#EFF6FF; color:#0F62FE; font-size:13px; font-weight:700; margin-bottom:20px;}
.certificate-content h4 {font-size:30px; font-family:'Sora', sans-serif; color:#021B4E; margin-bottom:15px;}
.certificate-content p {margin:0; line-height:1.8; color:#64748B;}
.cert-highlights {padding:130px 0; background:#fff;}
.highlight-box {padding:45px; background:#F8FBFF; border-radius:30px; text-align:center; transition:.4s; height:100%;}
.highlight-box:hover {background:#021B4E; transform:translateY(-8px);}
.highlight-box:hover h3, .highlight-box:hover p, .highlight-box:hover i {color:#fff;}
.highlight-box i {font-size:55px; color:#FF6B1A; margin-bottom:20px;}
.highlight-box h3 {font-size:28px; font-family:'Sora', sans-serif; margin-bottom:10px; color:#021B4E;}
.highlight-box p {margin:0; color:#64748B;}
.cert-cta {padding-bottom:130px; background:#fff;}
.cert-cta-box {padding:90px; border-radius:40px; text-align:center; background:linear-gradient(135deg,#6580b6,#94b0e8); color:#fff;}
.cert-cta-box h2 {font-size:60px; font-family:'Sora', sans-serif; margin-bottom:20px;}
.cert-cta-box p {max-width:800px; margin:auto auto 35px; font-size:18px; line-height:1.9; color:rgba(255,255,255,.85);}

@media(max-width:767px) {
.certifications-section {padding:80px 0;}
.cert-highlights, .cert-cta {padding-bottom:80px;}
.certificate-image img {height:380px;}
.cert-cta-box {padding:40px 25px;}
.cert-cta-box h2 {font-size:36px;}
}

.product-hero {position:relative; margin-top:-68px; padding:140px 0; background:linear-gradient(180deg,#06142F 0%,#0B1E45 55%,#102754 100%); overflow:hidden;}
.product-hero::before {content:''; position:absolute; top:-150px; right:-150px; width:450px; height:450px; border-radius:50%; background:rgba(15,98,254,.15); filter:blur(140px);}
.product-hero::after {content:''; position:absolute; left:-120px; bottom:-120px; width:350px; height:350px; border-radius:50%; background:rgba(255,107,26,.12); filter:blur(120px);}
.product-hero .hero-breadcrumb {margin-bottom:25px; color:rgba(255,255,255,.75);}
.product-hero .hero-breadcrumb a {color:#fff;}
.product-hero .hero-breadcrumb span {color:#FFB067;}
.product-badge {display:inline-flex; align-items:center; gap:12px; padding:14px 22px; background:rgba(255,255,255,.08); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.08); border-radius:50px; font-size:14px; font-weight:700; color:#fff; margin-bottom:30px;}
.product-badge i {color:#FF6B1A;}
.product-hero h1 {font-size:52px; line-height:1; font-family:'Sora', sans-serif; font-weight:700; letter-spacing:-3px; color:#fff; margin-bottom:25px;}
.product-hero h1 span {display:block; background:linear-gradient(90deg,#FFB067,#FFD6A3); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.product-hero p {font-size:18px; line-height:1.9; color:rgba(255,255,255,.75); margin-bottom:35px;}
.product-btns {display:flex; gap:15px; flex-wrap:wrap;}
.btn-primary-product {height:60px; padding:0 32px; display:inline-flex; align-items:center; border-radius:18px; background:#FF6B1A; color:#fff; font-weight:700; transition:.4s;}
.btn-primary-product:hover {background:#fff; color:#021B4E; transform:translateY(-4px);}
.btn-outline-product {height:60px; padding:0 32px; display:inline-flex; align-items:center; border-radius:18px; border:2px solid rgba(255,255,255,.15); background:rgba(255, 255, 255, .05); color:#fff; font-weight:700; transition:.4s;}
.btn-outline-product:hover {background:#fff; border-color:#fff; color:#021B4E; transform:translateY(-4px);}
.product-hero-image {position:relative;}
.product-hero-image img {width:100%; border-radius:40px; border:1px solid rgba(255,255,255,.08); box-shadow:0 40px 100px rgba(0, 0, 0, .35);}
.product-hero-image::before {content:''; position:absolute; inset:-15px; border-radius:50px; border:1px solid rgba(255,255,255,.05); pointer-events:none;}

@media(max-width:1199px) {
.product-hero h1 {font-size:58px;}
}

@media(max-width:767px) {
.product-hero h1 {font-size:42px; letter-spacing:-1px;}
.product-hero p {font-size:16px;}
.product-btns {flex-direction:column;}
.btn-primary-product, .btn-outline-product {width:100%; justify-content:center;}
}
.product-overview {padding:60px 0; background:#fff;}
.product-img {border-radius:36px; box-shadow:0 25px 70px rgba(0,0,0,.08);}
.product-features {padding:130px 0; background:#F8FBFF;}
.feature-card {height:100%; padding:40px 30px; background:#fff; border-radius:30px; text-align:center; transition:.4s; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.feature-card:hover {transform:translateY(-10px); background:#021B4E;}
.feature-card:hover i, .feature-card:hover h4, .feature-card:hover p {color:#fff;}
.feature-card i {font-size:55px; color:#FF6B1A; margin-bottom:20px;}
.feature-card h4 {font-size:24px; font-family:'Sora', sans-serif; margin-bottom:15px; color:#021B4E;}
.feature-card p {margin:0; line-height:1.8; color:#64748B;}
.specification-section {padding:130px 0; background:#fff;}
.spec-table-wrap {background:#fff; border-radius:30px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.06);}
.spec-table {margin:0;}
.spec-table th {width:35%; padding:22px 30px; background:#021B4E; color:#fff; font-weight:600; border-color:#16336D;}
.spec-table td {padding:22px 30px; background:#fff; font-weight:500; color:#475569;}
.spec-table tr:nth-child(even) td {background:#F8FBFF;}
.application-section {padding:130px 0; background:#F8FBFF;}
.application-card {padding:45px 30px; border-radius:30px; background:#fff; text-align:center; transition:.4s; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.application-card:hover {transform:translateY(-10px);}
.application-card i {font-size:55px; color:#0F62FE; margin-bottom:20px;}
.application-card h5 {margin:0; font-size:24px; font-family:'Sora', sans-serif; color:#021B4E;}
.product-cta {padding:60px 0; background:#fff;}
.product-cta-box {padding:90px; border-radius:40px; text-align:center; background:linear-gradient(135deg,#6580b6,#94b0e8); position:relative; overflow:hidden;}
.product-cta-box::before {content:''; position:absolute; right:-100px; top:-100px; width:250px; height:250px; border-radius:50%; background:rgba(255,255,255,.08);}
.product-cta-box h2 {font-size:48px; line-height:1.05; font-family:'Sora', sans-serif; color:#fff; margin-bottom:20px;}
.product-cta-box p {max-width:800px; margin:auto auto 35px; font-size:18px; line-height:1.9; color:rgba(255,255,255,.85);}

@media(max-width:1199px) {
.product-overview, .product-features, .specification-section, .application-section, .product-cta {padding:100px 0;}
.product-cta-box h2 {font-size:48px;}
}

@media(max-width:767px) {
.product-hero {padding:80px 0;}
.product-hero h1 {font-size:42px; letter-spacing:-1px;}
.product-hero p {font-size:16px;}
.product-btns {flex-direction:column;}
.btn-primary-product, .btn-outline-product {width:100%; justify-content:center;}
.product-overview, .product-features, .specification-section, .application-section, .product-cta {padding:80px 0;}
.product-cta-box {padding:45px 25px; border-radius:28px;}
.product-cta-box h2 {font-size:36px;}
.feature-card, .application-card {padding:30px 24px;}
.spec-table th, .spec-table td {padding:16px; font-size:14px;}
}

.rd-overview, .rd-focus, .rd-process, .rd-highlights, .rd-cta {padding:60px 0;}
.rd-focus, .rd-highlights {background:#F8FBFF;}
.rd-card, .process-card {background:#fff; padding:40px 30px; border-radius:30px; text-align:center; height:100%; transition:.4s; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.rd-card:hover, .process-card:hover {transform:translateY(-8px);}
.rd-card i {font-size:55px; color:#FF6B1A; margin-bottom:20px;}
.process-card span {display:inline-flex; width:70px; height:70px; align-items:center; justify-content:center; border-radius:50%; background:#021B4E; color:#fff; font-size:24px; font-weight:700; margin-bottom:20px;}


.customer-overview {padding:0 0 70px;}
.customer-section {padding:80px 0;}
.bg-light-custom {background:#F8FBFF;}
.customer-category {background:#fff; padding:50px; border-radius:30px; box-shadow:0 20px 60px rgba(0,0,0,.05);}
.category-header {display:flex; align-items:center; gap:25px; margin-bottom:40px;}
.category-icon {width:90px; height:90px; border-radius:24px; background:linear-gradient(135deg,#6580b6,#94b0e8); display:flex; align-items:center; justify-content:center; font-size:36px; color:#fff;}
.category-header h2 {margin-bottom:8px; font-size:36px; color:#021B4E;}
.category-header p {margin:0; color:#64748B;}
.customer-card {height:100%; padding:22px 25px; background:#F8FBFF; border-radius:18px; font-weight:600; color:#021B4E; transition:.35s; border:1px solid #E5EEF8;}
.customer-card:hover {background:#021B4E; color:#fff; transform:translateY(-6px);}

@media(max-width:767px) {
.customer-category {padding:30px 20px;}
.category-header {flex-direction:column; text-align:center;}
.category-header h2 {font-size:28px;}
}

.contact-info-section {padding:120px 0 80px;}
.contact-card {height:100%; padding:40px 30px; background:#fff; border-radius:30px; text-align:center; box-shadow:0 20px 60px rgba(0,0,0,.05); transition:.4s;}
.contact-card:hover {transform:translateY(-10px);}
.contact-icon {width:80px; height:80px; margin:0 auto 25px; border-radius:24px; background:linear-gradient(135deg,#6580b6,#94b0e8); display:flex; align-items:center; justify-content:center; font-size:34px; color:#fff;}
.contact-card h4 {margin-bottom:10px; color:#021B4E;}
.contact-card a {color:#FF6B1A; font-weight:600;}
.contact-main-section {padding-bottom:120px;}
.contact-form-box, .office-box {padding:50px; background:#fff; border-radius:32px; box-shadow:0 20px 60px rgba(0,0,0,.05); height:100%;}
.contact-form-box h3, .office-box h3 {margin-bottom:25px; color:#021B4E;}
.form-control {height:60px; border-radius:16px; border:1px solid #E5E7EB;}
textarea.form-control {height:auto; padding-top:15px;}
.submit-btn {height:60px; padding:0 35px; border:none; border-radius:18px; background:#021B4E; color:#fff; font-weight:700;}
.office-badge {display:inline-flex; align-items:center; gap:10px; padding:12px 20px; background:#EFF6FF; border-radius:50px; margin-bottom:20px; color:#0F62FE; font-weight:700;}
.office-feature {display:flex; align-items:center; gap:15px; padding:15px 0; border-bottom:1px solid #EEF2F7;}
.office-feature i {color:#FF6B1A; font-size:20px;}
.contact-map iframe {width:100%; height:500px; border:0;}
.contact-cta {padding:120px 0; background:#F8FBFF;}
.vcspl-feature-list{
    list-style:none;
    padding:0;
    margin:25px 0 0;
}

.vcspl-feature-list li{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:16px;
    padding:14px 18px;
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:12px;
    line-height:1.7;
    color:#555;
    transition:all .3s ease;
}

.vcspl-feature-list li:hover{
    transform:translateX(5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.vcspl-feature-list li i{
    color:#0d6efd;
    font-size:18px;
    flex-shrink:0;
    margin-top:3px;
}

.highlights-section {
    background: #f8fafc;
}

.highlight-card {
    background: #fff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    text-align: left;
}

.highlight-card h4 {
    margin: 40px 0 20px;
    font-size: 42px;
    font-weight: 700;
    color: #0f172a;
}

.highlight-list {
    list-style: none;
    padding: 0;
    margin: 0 auto 35px;
    width: 900px;
    max-width: 100%;
}

.highlight-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    text-align: left;
    color: #64748b;
    line-height: 1.7;
}

.highlight-list li::before {
    content: "";
    width: 12px;
    height: 12px;
    background: #f97316;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}

.highlight-card p {
   
    margin: 0 auto 25px;
    color: #64748b;
    line-height: 1.9;
    font-size: 18px;
}

.made-india-box {
    margin-top: 35px;
    padding: 30px;
    border-radius: 16px;
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: #fff;
}

.made-india-box h4 {
    color: #fff;
    margin-bottom: 12px;
}

.made-india-box p {
    color: rgba(255,255,255,0.9);
    margin: 0;
}


@media (max-width: 768px) {

    .highlight-card {
        padding: 30px 20px;
    }

    .highlight-card h4 {
        font-size: 28px;
    }

    .highlight-list li {
        font-size: 16px;
    }
}

.department-contact-section{
    padding:100px 0;
    background:#f7f9fc;
}

.dept-section-header{
    margin-bottom:60px;
}

.dept-section-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 22px;
    border-radius:50px;
    background:#e9f2ff;
    color:#0a4db3;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:20px;
}

.dept-tag-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#0d6efd;
}

.dept-section-title{
    font-size:clamp(2rem,4vw,3.5rem);
    font-weight:800;
    color:#0f172a;
    margin:0;
}

.dept-contact-card{
    height:100%;
    background:#fff;
    border-radius:24px;
    padding:40px 30px;
    text-align:center;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(13,110,253,.08);
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:all .4s ease;
}

.dept-contact-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.dept-contact-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#0d6efd,#00b4ff);
}

.dept-contact-icon{
    width:85px;
    height:85px;
    margin:0 auto 25px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0d6efd,#00b4ff);
    color:#fff;
    font-size:32px;
    box-shadow:0 15px 35px rgba(13,110,253,.25);
    transition:.4s;
}

.dept-contact-card:hover .dept-contact-icon{
    transform:rotate(-8deg) scale(1.08);
}

.dept-contact-card h4{
    font-size:1.4rem;
    font-weight:700;
    color:#0f172a;
    margin-bottom:15px;
}

.dept-contact-card a{
    color:#475569;
    text-decoration:none;
    font-size:1.05rem;
    font-weight:500;
    word-break:break-word;
    transition:.3s;
}

.dept-contact-card a:hover{
    color:#0d6efd;
}

@media(max-width:768px){

    .department-contact-section{
        padding:70px 0;
    }

    .dept-contact-card{
        padding:30px 20px;
    }

    .dept-contact-icon{
        width:70px;
        height:70px;
        font-size:28px;
    }

}