* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 :root {
     --blue: #0066e6;
     --blue2: #008cff;
     --dark: #001b68;
     --dark2: #0036b8;
     --dark3: #062d91;
     --white: #ffffff;
     --light: #f5f9ff;
     --text: #222222;
     --muted: #777777;
     --border: #dce8f7;
}
 html {
     scroll-behavior: smooth;
}
 body {
     font-family: "Inter", sans-serif;
     color: var(--text);
     background: #fff;
     line-height: 1.6;
}
 img {
     max-width: 100%;
     display: block;
}
 a {
     text-decoration: none;
     color: inherit;
}
 ul {
     list-style: none;
}
 .container {
     width: min(1240px, 92%);
     margin: auto;
}
 .btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     min-height: 48px;
     padding: 0 24px;
     border-radius: 4px;
     font-size: 13px;
     font-weight: 700;
     transition: .3s ease;
}
 .btn-orange {
     color: #fff;
     background: linear-gradient(135deg, var(--orange2), var(--orange));
}
 .btn-orange:hover {
     transform: translateY(-3px);
     box-shadow: 0 12px 30px rgba(255, 122, 0, .25);
}
 .btn-outline {
     color: #fff;
     border: 1px solid rgba(255, 255, 255, .7);
}
 .btn-outline:hover {
     background: #fff;
     color: #111;
}
 .section-title {
     text-align: center;
     margin-bottom: 38px;
}
 .section-title span {
     color: var(--orange);
     font-size: 12px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .section-title h2 {
     font-size: 38px;
     margin-top: 5px;
     line-height: 1.2;
}
 .topbar {
     background: linear-gradient(90deg, #001b68, #0036b8);
     color: #ffffff;
     font-size: 12px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
 .topbar-inner {
     min-height: 40px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 25px;
}
/* Welcome Text */
 .top-welcome {
     display: flex;
     align-items: center;
     gap: 9px;
     color: rgba(255, 255, 255, 0.9);
     white-space: nowrap;
}
 .top-welcome > i {
     color: #00cfff;
     font-size: 11px;
}
 .top-welcome strong {
     color: #ffffff;
     font-weight: 600;
}
/* Contact Area */
 .top-contact {
     display: flex;
     align-items: center;
     gap: 25px;
}
 .top-contact span {
     display: flex;
     align-items: center;
     gap: 8px;
     white-space: nowrap;
}
 .top-contact > span {
     position: relative;
}
 .top-contact > span:not(:last-child)::after {
     content: "";
     width: 1px;
     height: 15px;
     background: rgba(255, 255, 255, 0.2);
     position: absolute;
     right: -13px;
}
 .top-contact i {
     color: #00cfff;
     font-size: 12px;
}
 .top-contact a {
     color: #ffffff;
     text-decoration: none;
     transition: 0.3s ease;
}
 .top-contact a:hover {
     color: #00cfff;
}
 header {
     position: sticky;
     top: 0;
     z-index: 999;
     background: #fff;
     box-shadow: 0 3px 15px rgba(0, 0, 0, .08);
}
 .site-header {
     background: #ffffff;
     position: relative;
     z-index: 999;
     border-bottom: 1px solid #edf2f8;
     box-shadow: 0 4px 20px rgba(0, 27, 104, 0.05);
}
 .navbar {
     min-height: 88px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 35px;
     padding: 5px 0px;
}
 .logo {
     display: flex;
     align-items: center;
     flex-shrink: 0;
}
 .logo img {
     height: 80px;
     width: auto;
     display: block;
}
 .main-nav {
     margin-left: auto;
}
 .main-nav > ul {
     display: flex;
     align-items: center;
     gap: 30px;
     list-style: none;
     margin: 0;
     padding: 0;
}
 .main-nav li {
     position: relative;
}
 .main-nav a {
     display: flex;
     align-items: center;
     gap: 6px;
     color: #18202a;
     font-size: 12px;
     font-weight: 700;
     text-transform: uppercase;
     text-decoration: none;
     letter-spacing: 0.25px;
     padding: 34px 0;
     position: relative;
     transition: all 0.3s ease;
}
 .main-nav a:hover, .main-nav a.active {
     color: #0066e6;
}
 .main-nav a.active::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 23px;
     height: 3px;
     border-radius: 10px;
     background: #0066e6;
}
 .main-nav a i {
     font-size: 9px;
     transition: transform 0.3s ease;
}
 .dropdown-menu {
     position: absolute;
     top: calc(100% - 20px);
     left: -15px;
     min-width: 220px;
     padding: 10px 0;
     margin: 0;
     background: #ffffff;
     box-shadow: 0 12px 35px rgba(0, 27, 104, 0.32);
     border-radius: 0px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(10px);
     transition: all 0.25s ease;
}
 .dropdown-menu li {
     width: 100%;
}
 .dropdown-menu li a {
     width: 100%;
     padding: 8px 18px;
     font-size: 13px;
     font-weight: 600;
     text-transform: none;
     color: #333;
     white-space: nowrap;
}
 .dropdown-menu li a:hover {
     color: #0066e6;
     background: #f3f8ff;
}
 .dropdown-menu li a::after {
     display: none !important;
}
 .dropdown:hover .dropdown-menu {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}
 .dropdown:hover > a i {
     transform: rotate(180deg);
}
 .quote-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     min-height: 46px;
     padding: 0 20px !important;
     background: linear-gradient(135deg, #0066e6, #0036b8);
     color: #ffffff !important;
     border-radius: 5px;
     text-decoration: none;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.5px;
     box-shadow: 0 7px 18px rgba(0, 102, 230, 0.22);
     transition: all 0.3s ease;
     flex-shrink: 0;
}
 .quote-btn i {
     font-size: 11px;
     transition: transform 0.3s ease;
}
 .quote-btn:hover {
     background: linear-gradient(135deg, #0036b8, #001b68);
     transform: translateY(-2px);
     box-shadow: 0 10px 25px rgba(0, 54, 184, 0.28);
}
 .quote-btn:hover i {
     transform: translateX(4px);
}
 .menu-toggle {
     display: none;
     width: 43px;
     height: 43px;
     border: 0;
     border-radius: 5px;
     background: #0066e6;
     color: #ffffff;
     font-size: 17px;
     cursor: pointer;
     transition: 0.3s ease;
}
 .menu-toggle:hover {
     background: #0036b8;
}

 .vedicHeroSlider {
     position: relative;
     width: 100%;
     height: 500px;
     overflow: hidden;
     background: #03080b;
}
 .vedicHeroSlider__swiper {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
}
 .vedicHeroSlider__slide {
     width: 100%;
     height: 500px;
     overflow: hidden;
}
 .vedicHeroSlider__slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center center;
}
 .vedicHeroSlider__overlay {
     position: absolute;
     inset: 0;
     z-index: 2;
     pointer-events: none;
     background: linear-gradient( 90deg, rgba(2, 7, 9, .97) 0%, rgba(2, 7, 9, .90) 28%, rgba(2, 7, 9, .38) 52%, rgba(2, 7, 9, .05) 78%, rgba(2, 7, 9, 0) 100% );
}
 .vedicHeroSlider__overlay::after {
     content: "";
     position: absolute;
     inset: 0;
     pointer-events: none;
     background: linear-gradient( 0deg, rgba(0,0,0,.45), transparent 35% );
}
 .vedicHeroSlider__overlay::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient( 0deg, rgba(0,0,0,.45), transparent 35% );
}
 .vedicHeroSlider__container {
     position: relative;
     z-index: 5;
     min-height: 500px;
     display: flex;
     align-items: center;
     pointer-events: none;
}
 .vedicHeroSlider__content {
     width: min(620px, 100%);
     padding: 30px 0;
     pointer-events: auto;
}
 .vedicHeroSlider__eyebrow {
     display: flex;
     align-items: center;
     gap: 11px;
     margin-bottom: 16px;
     color: #00cfff;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 2px;
     text-transform: uppercase;
}
 .vedicHeroSlider__eyebrow span {
     width: 36px;
     height: 2px;
     flex-shrink: 0;
     background: #00cfff;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 207, 255, 0.55);
}
 .vedicHeroSlider__title {
     margin: 0 0 22px;
     color: #ffffff;
     font-size: clamp(38px, 4.5vw, 60px);
     font-weight: 700;
     line-height: 1.06;
     letter-spacing: -1.5px;
}
 .vedicHeroSlider__title span {
     color: #00cfff;
     text-shadow: 0 0 25px rgba(0, 207, 255, 0.18);
}
 .vedicHeroSlider__description {
     max-width: 540px;
     margin: 0 0 30px;
     color: rgba(255, 255, 255, 0.75);
     font-size: 15px;
     line-height: 1.8;
     font-weight: 400;
}
 .vedicHeroSlider__actions {
     display: flex;
     align-items: center;
     gap: 14px;
     flex-wrap: wrap;
}
 .vedicHeroSlider__button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     min-height: 50px;
     padding: 0 24px;
     color: #ffffff;
     background: linear-gradient( 135deg, #0066e6, #0036b8 );
     border: 1px solid rgba(0, 207, 255, 0.25);
     border-radius: 5px;
     text-decoration: none;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.8px;
     box-shadow: 0 8px 25px rgba(0, 102, 230, 0.28);
     transition: all 0.3s ease;
}
 .vedicHeroSlider__button:hover {
     color: #ffffff;
     background: linear-gradient( 135deg, #008cff, #0066e6 );
     transform: translateY(-3px);
     box-shadow: 0 12px 30px rgba(0, 140, 255, 0.35);
}
 .vedicHeroSlider__button i {
     font-size: 11px;
     transition: transform 0.3s ease;
}
 .vedicHeroSlider__button:hover i {
     transform: translateX(5px);
}
 .vedicHeroSlider__expert {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     min-height: 50px;
     padding: 0 22px;
     color: #ffffff;
     background: rgba(0, 27, 104, 0.45);
     border: 1px solid rgba(0, 207, 255, 0.45);
     border-radius: 5px;
     text-decoration: none;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.7px;
     backdrop-filter: blur(6px);
     transition: all 0.3s ease;
}
 .vedicHeroSlider__expert i {
     color: #00cfff;
     font-size: 14px;
     transition: all 0.3s ease;
}
 .vedicHeroSlider__expert:hover {
     color: #ffffff;
     background: #0066e6;
     border-color: #0066e6;
     transform: translateY(-3px);
     box-shadow: 0 10px 25px rgba(0, 102, 230, 0.3);
}
 .vedicHeroSlider__expert:hover i {
     color: #ffffff;
     transform: scale(1.1);
}
 .vedicHeroSlider__navigation {
     position: absolute;
     right: 5%;
     bottom: 25px;
     z-index: 99;
     display: flex;
     align-items: center;
     gap: 10px;
     pointer-events: auto;
}
 .vedicHeroSlider__arrow {
     width: 46px;
     height: 46px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     margin: 0;
     border: 1px solid rgba(0, 207, 255, 0.5);
     border-radius: 5px;
     background: rgba(0, 27, 104, 0.85);
     color: #ffffff;
     font-size: 13px;
     line-height: 1;
     cursor: pointer;
     pointer-events: auto;
     position: relative;
     z-index: 10000;
     backdrop-filter: blur(8px);
     transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
 .vedicHeroSlider__arrow i {
     pointer-events: none;
}
 .vedicHeroSlider__arrow:hover {
     background: #0066e6;
     border-color: #0066e6;
     color: #ffffff;
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(0, 102, 230, .35);
}
 .vedicHeroSlider__arrow:active {
     transform: translateY(0);
}
 .vedicHeroSlider__arrow.swiper-button-disabled {
     opacity: .5;
     cursor: default;
}
 .services {
     padding: 40px 0;
     background: #f7faff;
     position: relative;
     overflow: hidden;
}
 .services::before {
     content: "";
     position: absolute;
     width: 200px;
     height: 200px;
     top: -180px;
     left: -180px;
     background: rgba(0, 102, 230, 0.06);
     border-radius: 50%;
     filter: blur(30px);
     pointer-events: none;
}
 .services .container {
     position: relative;
     z-index: 2;
}
 .section-title {
     max-width: 650px;
     margin: 0 auto 20px;
     text-align: center;
}
 .section-title > span {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     color: #0066e6;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 2px;
     text-transform: uppercase;
     margin-bottom: 10px;
}
 .section-title > span::before, .section-title > span::after {
     content: "";
     width: 28px;
     height: 2px;
     background: #00cfff;
     border-radius: 10px;
}
 .section-title h2 {
     margin: 0 0 12px;
     color: #001b68;
     font-size: clamp(30px, 4vw, 42px);
     line-height: 1.15;
     font-weight: 700;
     letter-spacing: -0.8px;
}
 .section-title p {
     max-width: 580px;
     margin: 0 auto;
     color: #687386;
     font-size: 14px;
     line-height: 1.8;
}
 .service-grid {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 8px;
}
 .service-card {
     position: relative;
     min-height: 210px;
     padding: 22px 16px 15px;
     background: #ffffff;
     border: 1px solid #e3ebf5;
     border-radius: 7px;
     text-align: left;
     overflow: hidden;
     box-shadow: 0 8px 25px rgba(0, 27, 104, 0.05);
     transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
 .service-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 3px;
     background: linear-gradient( 90deg, #0066e6, #00cfff );
     transition: width .35s ease;
}
 .service-number {
     position: absolute;
     top: 18px;
     right: 18px;
     color: #e9f1fb;
     font-size: 34px;
     font-weight: 800;
     line-height: 1;
}
 .service-icon {
     width: 58px;
     height: 58px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 22px;
     color: #0066e6;
     background: linear-gradient( 135deg, #eef6ff, #e3f3ff );
     border: 1px solid #d8ebff;
     border-radius: 8px;
     font-size: 23px;
     transition: all .35s ease;
}
 .service-icon i {
     transition: transform .35s ease;
}
 .service-card h3 {
     position: relative;
     z-index: 2;
     margin: 0 0 10px;
     color: #001b68;
     font-size: 17px;
     font-weight: 700;
     transition: color .3s ease;
}
 .service-card p {
     position: relative;
     z-index: 2;
     min-height: 42px;
     margin: 0;
     color: #718096;
     font-size: 12px;
     line-height: 1.75;
}
 .service-card a {
     position: relative;
     z-index: 2;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     margin-top: 10px;
     color: #0066e6;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: .7px;
     text-decoration: none;
     transition: all .3s ease;
}
 .service-card a i {
     font-size: 9px;
     transition: transform .3s ease;
}
 .service-card a:hover {
     color: #0036b8;
}
 .service-card a:hover i {
     transform: translateX(5px);
}
 .service-card:hover {
     transform: translateY(-3px);
     border-color: rgba(0, 102, 230, 0.25);
     box-shadow: 0 18px 40px rgba(0, 54, 184, 0.12);
}
 .service-card:hover::before {
     width: 100%;
}
 .service-card:hover .service-icon {
     color: #ffffff;
     background: linear-gradient( 135deg, #0066e6, #0036b8 );
     border-color: #0066e6;
     transform: translateY(-3px);
     box-shadow: 0 8px 20px rgba(0, 102, 230, 0.2);
}
 .service-card:hover .service-icon i {
     transform: scale(1.1);
}
 .service-card:hover .service-number {
     color: #e2efff;
}
 .products {
     position: relative;
     padding: 40px 0;
     background:#fff;
     color: #fff;
     overflow: hidden;
}
 .products .container {
     position: relative;
     z-index: 2;
}
 .product-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 18px;
}
 .product-card {
     position: relative;
     background: #0a1119;
     border: 1px solid rgba(255,255,255,.10);
     border-radius: 7px;
     overflow: hidden;
     box-shadow: 0 10px 30px rgba(0,0,0,.25);
     transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
 .product-image {
     width: 100%;
     height: 215px;
     overflow: hidden;
     background: #081018;
}
 .product-image img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .6s ease, filter .4s ease;
}
 .product-content {
     padding: 14px 12px 10px;
     background: #001b68;
}
 .product-tag {
     display: block;
     margin-bottom: 9px;
     color: #00cfff;
     font-size: 8px;
     font-weight: 800;
     letter-spacing: 1.3px;
     text-transform: uppercase;
}
 .product-content h3 {
     margin: 0 0 10px;
     color: #fff;
     font-size: 17px;
     font-weight: 700;
     line-height: 1.3;
     transition: color .3s ease;
}
 .product-content p {
     margin: 0;
     color: #fff;
     font-size: 11px;
     line-height: 1.75;
}
 .product-content a {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     margin-top: 18px;
     color: #fff;
     text-decoration: none;
     font-size: 9px;
     font-weight: 800;
     letter-spacing: .8px;
     transition: color .3s ease;
}
 .product-content a i {
     color: #00cfff;
     font-size: 9px;
     transition: transform .3s ease;
}
 .product-content a:hover {
     color: #00cfff;
}
 .product-content a:hover i {
     transform: translateX(5px);
}
 .product-card:hover {
     transform: translateY(-3px);
     border-color: rgba(0, 102, 230, .55);
     box-shadow: 0 20px 40px rgba(0, 27, 104, .30);
}
 .product-card:hover::before {
     width: 100%;
}
 .product-card:hover .product-image img {
     transform: scale(1.07);
     filter: brightness(1.06);
}
 .product-card:hover .product-content h3 {
     color: #00cfff;
}
 .stats {
     position: relative;
     padding: 20px 0;
}
 .stats .container {
     position: relative;
     z-index: 2;
}
 .stats-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     border: 1px solid rgba(0, 207, 255, .18);
     border-radius: 7px;
     background: #001b68;
     overflow: hidden;
}
 .stat {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     padding: 20px;
     border-right: 1px solid rgba(255,255,255,.08);
     transition: background .3s ease;
}
 .stat:last-child {
     border-right: none;
}
 .stat::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 50%;
     width: 0;
     height: 2px;
     background: linear-gradient( 90deg, #0066e6, #00cfff );
     transform: translateX(-50%);
     transition: width .35s ease;
}
 .stat-icon {
     width: 55px;
     height: 55px;
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     background: linear-gradient( 135deg, rgba(0,102,230,.18), rgba(0,207,255,.06) );
     border: 1px solid rgba(0,207,255,.20);
     border-radius: 6px;
     font-size: 21px;
     transition: all .35s ease;
}
 .stat-content strong {
     display: block;
     margin-bottom: 3px;
     color: #ffffff;
     font-size: 29px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: -.5px;
}
 .stat-content strong span {
     color: #00cfff;
     font-size: 20px;
     font-weight: 700;
}
 .stat-content > span {
     display: block;
     color: rgba(255,255,255,.55);
     font-size: 10px;
     font-weight: 500;
     letter-spacing: .3px;
}
 .stat:hover {
     background: linear-gradient( 135deg, rgba(0,102,230,.08), rgba(0,207,255,.03) );
}
 .stat:hover::after {
     width: 55%;
}
 .stat:hover .stat-icon {
     color: #ffffff;
     background: linear-gradient( 135deg, #0066e6, #0036b8 );
     border-color: #0066e6;
     transform: translateY(-3px);
     box-shadow: 0 8px 20px rgba(0,102,230,.25);
}
 .about {
     position: relative;
     padding: 45px 0;
     background: #ffffff;
     overflow: hidden;
}
 .about-grid {
     display: grid;
     grid-template-columns: 1.05fr 1fr;
     gap: 38px;
     align-items: center;
}
 .about-image {
     position: relative;
     height: 475px;
     overflow: hidden;
     border-radius: 7px;
     background: #071019;
     box-shadow: 0 20px 45px rgba(0, 27, 104, .12);
}
 .about-image img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .7s ease;
}
 .about-image:hover img {
     transform: scale(1.05);
}
 .about-image-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient( 180deg, rgba(0,27,104,0) 50%, rgba(0,10,25,.45) 100% );
     pointer-events: none;
}
/* ========================= EXPERIENCE BADGE ========================= */
 .about-experience {
     position: absolute;
     left: 22px;
     bottom: 22px;
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 14px 18px;
     color: #fff;
     background: linear-gradient( 135deg, #0066e6, #0036b8 );
     border-radius: 5px;
     box-shadow: 0 12px 30px rgba(0, 54, 184, .3);
}
 .about-experience strong {
     font-size: 30px;
     line-height: 1;
     font-weight: 800;
}
 .about-experience strong span {
     color: #00cfff;
     font-size: 18px;
}
 .about-experience small {
     color: rgba(255,255,255,.85);
     font-size: 9px;
     line-height: 1.4;
     letter-spacing: .5px;
}
/* ========================= ABOUT CONTENT ========================= */
 .about-copy {
     padding: 10px 0;
}
 .about-label {
     display: flex;
     align-items: center;
     gap: 9px;
     margin-bottom: 12px;
     color: #0066e6;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1.8px;
     text-transform: uppercase;
}
 .about-label span {
     width: 28px;
     height: 2px;
     background: #00cfff;
     border-radius: 10px;
}
 .about-copy h2 {
     margin: 0 0 18px;
     color: #001b68;
     font-size: clamp(31px, 3vw, 42px);
     line-height: 1.13;
     font-weight: 700;
     letter-spacing: -1px;
}
 .about-copy h2 span {
     display: block;
     color: #0066e6;
}
 .about-intro {
     margin: 0 0 10px;
     color: #3e4b5b;
     font-size: 14px;
     line-height: 1.8;
     font-weight: 500;
}
 .about-text {
    position: relative;
    max-height: 340px;
    overflow: hidden;
    transition: max-height .7s ease;
}

/* Bottom fade */
.about-text::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        #fff
    );
    pointer-events: none;
    transition: opacity .3s ease;
}

.about-text.expanded {
    max-height: 5000px;
}

.about-text.expanded::after {
    opacity: 0;
}


/* Read More Button */
.about-read-more {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 20px;
    padding: 11px 20px;
    border: 0;
    border-radius: 5px;
    background: #001b68;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
}

.about-read-more i {
    font-size: 11px;
    transition: transform .3s ease;
}

.about-read-more:hover {
    background: #0066e6;
    box-shadow: 0 8px 20px rgba(0, 102, 230, .25);
    transform: translateY(-2px);
}

.about-read-more.active {
    background: #0066e6;
}

.about-read-more.active i {
    transform: rotate(180deg);
}


/* Mobile */
@media (max-width: 767px) {

    .about-text {
        max-height: 350px;
    }

    .about-read-more {
        margin-top: 15px;
    }

}
 .check-list {
     display: flex;
     flex-direction: column;
     gap: 11px;
     margin: 0;
     padding: 0;
     list-style: none;
}
 .check-list li {
     display: flex;
     align-items: center;
     gap: 10px;
     color: #3f4b5a;
     font-size: 13px;
     line-height: 1.5;
}
 .check-list li i {
     width: 25px;
     height: 25px;
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #0066e6;
     background: #edf6ff;
     border: 1px solid #d8ebff;
     border-radius: 50%;
     font-size: 12px;
}
 .about-btn {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     margin-top: 25px;
     min-height: 47px;
     padding: 0 20px;
     color: #fff;
     background: linear-gradient( 135deg, #0066e6, #0036b8 );
     border-radius: 5px;
     text-decoration: none;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: .7px;
     box-shadow: 0 8px 22px rgba(0,102,230,.2);
     transition: all .3s ease;
}
 .about-btn i {
     font-size: 9px;
     transition: transform .3s ease;
}
 .about-btn:hover {
     color: #fff;
     transform: translateY(-3px);
     box-shadow: 0 12px 28px rgba(0,102,230,.3);
}
 .about-btn:hover i {
     transform: translateX(5px);
}
 
/* ========================= CTA SECTION ========================= */
 .cta {
     position: relative;
     padding: 42px 0;
     background: radial-gradient( circle at 15% 50%, rgba(0, 102, 230, .20), transparent 30% ), radial-gradient( circle at 90% 50%, rgba(0, 207, 255, .08), transparent 28% ), linear-gradient( 100deg, #050b12, #08131d, #06101a );
     color: #fff;
     overflow: hidden;
}
/* Subtle background line */
 .cta::before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     height: 1px;
     background: linear-gradient( 90deg, transparent, rgba(0,207,255,.45), transparent );
}
 .cta::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 1px;
     background: linear-gradient( 90deg, transparent, rgba(0,102,230,.35), transparent );
}
/* ========================= INNER ========================= */
 .cta-inner {
     position: relative;
     z-index: 2;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
}
/* ========================= LEFT CONTENT ========================= */
 .cta-left {
     display: flex;
     align-items: center;
     gap: 18px;
}
/* ========================= ICON ========================= */
 .cta-icon {
     width: 64px;
     height: 64px;
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     background: linear-gradient( 135deg, #0066e6, #0036b8 );
     border: 1px solid rgba(0,207,255,.25);
     border-radius: 7px;
     font-size: 22px;
     box-shadow: 0 10px 28px rgba(0,102,230,.25);
     transition: all .3s ease;
}
 .cta:hover .cta-icon {
     transform: translateY(-3px);
     box-shadow: 0 14px 32px rgba(0,102,230,.35);
}
/* ========================= CONTENT ========================= */
 .cta-content > span {
     display: block;
     margin-bottom: 5px;
     color: #00cfff;
     font-size: 9px;
     font-weight: 800;
     letter-spacing: 1.6px;
}
 .cta h3 {
     margin: 0 0 5px;
     color: #fff;
     font-size: 25px;
     line-height: 1.2;
     font-weight: 700;
}
 .cta p {
     margin: 0;
     color: rgba(255,255,255,.55);
     font-size: 11px;
     line-height: 1.6;
}
/* ========================= CTA BUTTON ========================= */
 .cta-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     flex-shrink: 0;
     min-height: 50px;
     padding: 0 24px;
     color: #fff;
     background: linear-gradient( 135deg, #0066e6, #0036b8 );
     border: 1px solid rgba(0,207,255,.25);
     border-radius: 5px;
     text-decoration: none;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: .8px;
     box-shadow: 0 8px 25px rgba(0,102,230,.25);
     transition: all .3s ease;
}
 .cta-btn i {
     color: #00cfff;
     font-size: 10px;
     transition: transform .3s ease;
}
 .cta-btn:hover {
     color: #fff;
     transform: translateY(-3px);
     background: linear-gradient( 135deg, #008cff, #0066e6 );
     box-shadow: 0 13px 30px rgba(0,102,230,.35);
}
 .cta-btn:hover i {
     color: #fff;
     transform: translateX(5px);
}
 .site-footer {
     position: relative;
     padding: 40px 0 22px;
     background: #001b68;
     color: #fff;
     overflow: hidden;
}
 .site-footer::before {
     content: "";
     position: absolute;
     width: 500px;
     height: 500px;
     top: -300px;
     right: -150px;
     background: rgba(0, 207, 255, .08);
     border-radius: 50%;
     filter: blur(10px);
     pointer-events: none;
}
 .site-footer::after {
     content: "";
     position: absolute;
     width: 400px;
     height: 400px;
     bottom: -300px;
     left: -150px;
     background: rgba(0, 102, 230, .12);
     border-radius: 50%;
     pointer-events: none;
}
 .site-footer .container {
     position: relative;
     z-index: 2;
}
/* ========================= FOOTER GRID ========================= */
.footer-grid {
    display: grid;
    grid-template-columns: 1.35fr .75fr .75fr 1.55fr;
    gap: 45px;
    align-items: start;
}
/* ========================= BRAND ========================= */
 .footer-logo-link {
     display: inline-block;
     margin-bottom: 18px;
}
 .footer-logo {
     display: block;
     width: 155px;
     max-width: 100%;
}
 .footer-brand h3 {
     margin: 0 0 10px;
     color: #00cfff;
     font-size: 17px;
     font-weight: 700;
}
 .footer-brand > p {
     max-width: 300px;
     margin: 0;
     color: #fff;
     font-size: 13px;
     line-height: 1.8;
}
 .footer-social {
     display: flex;
     gap: 9px;
     margin-top: 22px;
}
 .footer-social a {
     width: 36px;
     height: 36px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     background: rgba(255,255,255,.06);
     border: 1px solid rgba(255,255,255,.18);
     border-radius: 5px;
     text-decoration: none;
     font-size: 13px;
     transition: all .3s ease;
}
 .footer-social a:hover {
     color: #fff;
     background: #0066e6;
     border-color: #00cfff;
     transform: translateY(-3px);
     box-shadow: 0 8px 20px rgba(0,102,230,.3);
}
/* ========================= FOOTER COLUMNS ========================= */
 .footer-column h4 {
     position: relative;
     margin: 5px 0 13px;
     padding-bottom: 11px;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: .7px;
}
 .footer-column h4::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 30px;
     height: 2px;
     background: #00cfff;
     border-radius: 10px;
}
 .footer-column ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .footer-column li {
     margin-bottom: 11px;
}
 .footer-column li a {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     color: #fff;
     font-size: 12px;
     line-height: 1.5;
     text-decoration: none;
     transition: color .3s ease, transform .3s ease;
}
 .footer-column li a:hover {
     color: #fff;
     transform: translateX(4px);
}
 .footer-column li a:hover::before {
     transform: translateX(3px);
}
 .contact-footer {
     padding-left: 5px;
}
 .contact-item {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-bottom: 17px;
}
.contact-icon-foot {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00cfff;
    background: rgba(0, 102, 230, .20);
    border: 1px solid rgba(0, 207, 255, .18);
    border-radius: 5px;
    font-size: 12px;
}
 .contact-item strong {
     display: block;
     margin-bottom: 3px;
     color: #fff;
     font-size: 11px;
     font-weight: 700;
}
 .contact-item a {
     color: #fff;
     font-size: 11px;
     line-height: 1.7;
     text-decoration: none;
     transition: color .3s ease;
}
 .contact-item a:hover {
     color: #00cfff;
}
 .footer-bottom span{
     font-size: 13px;
     color: #fff;
}
 .footer-bottom {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
     margin-top: 20px;
     padding-top: 20px;
     border-top: 1px solid rgba(255,255,255,.12);
     color: rgba(255,255,255,.45);
     font-size: 10px;
}
 .footer-bottom div {
     display: flex;
     align-items: center;
     gap: 10px;
}
 .footer-bottom a {
     color: #ffff;
     font-size: 13px;
     text-decoration: none;
     transition: color .3s ease;
}
 .footer-bottom a:hover {
     color: #00cfff;
}
 .footer-divider {
     color: rgba(255,255,255,.25);
}
 .enquire {
     position: fixed;
     right: 0;
     top: 45%;
     z-index: 999;
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 13px 10px;
     color: #fff;
     background: linear-gradient( 135deg, #0066e6, #0036b8 );
     border: 1px solid rgba(0,207,255,.35);
     border-right: none;
     border-radius: 0px 6px 6px 0px;
     text-decoration: none;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: .4px;
     writing-mode: vertical-rl;
     transform: rotate(180deg);
     box-shadow: 0 8px 25px rgba(0,27,104,.35);
     transition: all .3s ease;
}
 .enquire i {
     color: #00cfff;
     font-size: 11px;
}
 .enquire:hover {
     color: #fff;
     padding-left: 14px;
     background: linear-gradient( 135deg, #008cff, #0066e6 );
     box-shadow: 0 10px 30px rgba(0,102,230,.45);
}
 .why{
     padding:55px 0;
     background: radial-gradient(circle at center,#171d22,#080d11 70%);
     color:#fff;
}
 .why .section-heading h2{
     color:#fff;
}
 .why-grid{
     display:grid;
     grid-template-columns:repeat(5,1fr);
     border:1px solid rgba(255,122,0,.25);
}
 .why-item{
     padding:25px 18px;
     display:flex;
     gap:13px;
     border-right:1px solid rgba(255,122,0,.28);
}
 .why-item:last-child{
     border-right:none;
}
 .why-icon{
     color:var(--orange);
     font-size:30px;
     min-width:37px;
}
 .why-item h4{
     font-size:12px;
     margin-bottom:5px;
}
 .why-item p{
     font-size:10px;
     color:#bbb;
}
 .contact-hero{
     min-height:360px;
     display:flex;
     align-items:center;
     color:#fff;
     background: linear-gradient( 90deg, rgba(3,6,8,.97) 0%, rgba(3,6,8,.82) 45%, rgba(3,6,8,.18) 100% ), url("images/contact-hero.jpg") center/cover no-repeat;
}
 .hero-content{
     max-width:560px;
}
 .breadcrumb{
     color:var(--orange);
     font-size:11px;
     font-weight:700;
     margin-bottom:15px;
}
 .contact-hero h1{
     font-size:57px;
     line-height:1.05;
     margin-bottom:13px;
}
 .contact-hero h1 span{
     color:var(--orange);
}
 .hero-line{
     width:85px;
     height:2px;
     background:var(--orange);
     margin:17px 0;
}
 .contact-hero p{
     color:#ddd;
     max-width:480px;
     font-size:14px;
}
/* ========================== CONTACT CARDS ========================== */
 .contact-info{
     padding:55px 0 30px;
}
 .contact-cards{
     display:grid;
     grid-template-columns:repeat(4,1fr);
     gap:18px;
}
 .contact-card{
     min-height:180px;
     padding:27px 20px;
     background:#fff;
     border:1px solid var(--border);
     text-align:center;
     box-shadow:0 8px 25px rgba(0,0,0,.04);
     transition:.3s;
}
 .contact-card:hover{
     transform:translateY(-6px);
     border-color:rgba(255,118,0,.55);
     box-shadow:0 15px 35px rgba(0,0,0,.08);
}
 .contact-icon{
     width:55px;
     height:55px;
     margin:0 auto 15px;
     border:1px solid var(--orange);
     border-radius:50%;
     display:grid;
     place-items:center;
     color:var(--orange);
     font-size:23px;
}
 .contact-card h3{
     font-size:14px;
     margin-bottom:7px;
}
 .contact-card p{
     color:#6f6f6f;
     font-size:11px;
}
 .contact-card a{
     color:var(--orange);
     font-size:11px;
     font-weight:700;
}
/* ========================== FORM + MAP ========================== */
 .contact-main{
     padding:40px 0 70px;
}
 .contact-grid{
     display:grid;
     grid-template-columns:1fr 1fr;
     gap:40px;
     align-items:stretch;
}
 .contact-form-box{
     background:#fff;
     border:1px solid #e7e7e7;
     padding:38px;
     box-shadow:0 10px 35px rgba(0,0,0,.05);
}
 .small-title{
     color:var(--orange);
     font-size:11px;
     font-weight:800;
     text-transform:uppercase;
}
 .contact-form-box h2{
     font-size:31px;
     line-height:1.2;
     margin:6px 0 10px;
}
 .contact-form-box > p{
     color:#777;
     font-size:11px;
     margin-bottom:25px;
}
 .form-row{
     display:grid;
     grid-template-columns:1fr 1fr;
     gap:15px;
}
 .form-group{
     margin-bottom:15px;
}
 .form-group label{
     display:block;
     font-size:10px;
     font-weight:700;
     margin-bottom:6px;
}
 .form-group label span{
     color:var(--orange);
}
 .form-control{
     width:100%;
     height:45px;
     border:1px solid #ddd;
     background:#fafafa;
     padding:0 13px;
     font-family:inherit;
     font-size:11px;
     outline:none;
     transition:.25s;
}
 textarea.form-control{
     height:115px;
     resize:none;
     padding-top:12px;
}
 .form-control:focus{
     border-color:var(--orange);
     background:#fff;
     box-shadow:0 0 0 3px rgba(255,118,0,.07);
}
 .form-btn{
     width:100%;
}
/* MAP */
 .map-box{
     position:relative;
     min-height:530px;
     overflow:hidden;
     background:#eee;
}
 .map-box iframe{
     width:100%;
     height:100%;
     min-height:530px;
     border:0;
}
 .map-address{
     position:absolute;
     left:25px;
     bottom:25px;
     max-width:310px;
     background:#080d11;
     color:#fff;
     padding:20px;
     box-shadow:0 10px 30px rgba(0,0,0,.25);
}
 .map-address h4{
     color:var(--orange);
     font-size:12px;
     margin-bottom:7px;
}
 .map-address p{
     color:#ccc;
     font-size:10px;
}
/* ========================== SUPPORT SECTION ========================== */
 .support{
     padding:55px 0;
     background:#f7f7f7;
}
 .support-grid{
     display:grid;
     grid-template-columns:repeat(4,1fr);
     gap:20px;
}
 .support-item{
     background:#fff;
     padding:25px 20px;
     border-bottom:2px solid transparent;
     transition:.3s;
}
 .support-item:hover{
     border-bottom-color:var(--orange);
     transform:translateY(-4px);
}
 .support-number{
     color:rgba(255,118,0,.18);
     font-size:38px;
     line-height:1;
     font-weight:800;
}
 .support-item h3{
     font-size:14px;
     margin:8px 0;
}
 .support-item p{
     color:#777;
     font-size:10px;
}
/* ========================== EMERGENCY CTA ========================== */
 .emergency{
     background: linear-gradient( 90deg, #080d11 0%, #080d11 62%, #3d220c 100% );
     color:#fff;
     padding:30px 0;
}
 .emergency-inner{
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap:30px;
}
 .emergency-left{
     display:flex;
     align-items:center;
     gap:20px;
}
 .emergency-icon{
     width:67px;
     height:67px;
     min-width:67px;
     display:grid;
     place-items:center;
     border:1px solid var(--orange);
     border-radius:50%;
     color:var(--orange);
     font-size:27px;
}
 .emergency h3{
     font-size:25px;
     line-height:1.2;
}
 .emergency p{
     color:#bbb;
     font-size:11px;
     margin-top:3px;
}
 .phone-button{
     min-width:200px;
}
 .career-hero{
     min-height:430px;
     display:flex;
     align-items:center;
     position:relative;
     color:#fff;
     background: linear-gradient( 90deg, rgba(3,6,8,.98) 0%, rgba(3,6,8,.88) 38%, rgba(3,6,8,.20) 100% ), url("images/career-hero.jpg") center/cover no-repeat;
}
 .hero-content{
     max-width:550px;
}
 .breadcrumb{
     color:var(--orange);
     font-size:12px;
     font-weight:700;
     margin-bottom:18px;
}
 .career-hero h1{
     font-size:55px;
     line-height:1.05;
     margin-bottom:14px;
}
 .career-hero h1 span{
     color:var(--orange);
}
 .hero-line{
     width:80px;
     height:2px;
     background:var(--orange);
     margin:18px 0;
}
 .career-hero p{
     max-width:470px;
     font-size:14px;
     color:#e3e3e3;
     margin-bottom:25px;
}
/* ========================================= WHY JOIN ========================================= */
 .why-join {
     padding: 40px 0;
     background: #f5f8fb;
}
 .why-join__layout {
     display: grid;
     grid-template-columns: 1fr .8fr 1fr;
     gap: 45px;
     align-items: center;
}
 .why-join__item {
     display: flex;
     align-items: flex-start;
     gap: 17px;
     padding: 12px 0;
     border-bottom: 1px solid #dfe7ed;
}
 .why-join__item:last-child {
     border-bottom: 0;
}
 .why-join__icon {
     width: 48px;
     height: 48px;
     flex: 0 0 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #0066e6;
     background: #fff;
     border: 1px solid #dce9f3;
     border-radius: 6px;
     font-size: 17px;
     box-shadow: 0 6px 18px rgba(0, 27, 104, .06);
     transition: .3s ease;
}
/* TEXT */
 .why-join__item h3 {
     margin: 2px 0 7px;
     color: #17212b;
     font-size: 15px;
     font-weight: 750;
}
 .why-join__item p {
     margin: 0;
     color: #737e88;
     font-size: 11px;
     line-height: 1.7;
}
/* HOVER */
 .why-join__item:hover .why-join__icon {
     color: #fff;
     background: linear-gradient( 135deg, #0066e6, #001b68 );
     border-color: #0066e6;
     transform: translateY(-3px);
     box-shadow: 0 10px 25px rgba(0, 102, 230, .2);
}
/* ========================================= CENTER ========================================= */
 .why-join__center {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
}
/* CIRCLE */
 .why-join__circle {
     width: 220px;
     height: 220px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: radial-gradient( circle, #ffffff 0%, #eef8ff 58%, #d9f0ff 100% );
     border: 1px solid #cce8fa;
     box-shadow: 0 20px 55px rgba(0, 27, 104, .12);
     position: relative;
}
/* OUTER RING */
 .why-join__circle::before {
     content: "";
     position: absolute;
     inset: -14px;
     border: 1px dashed rgba(0, 102, 230, .25);
     border-radius: 50%;
     animation: whyRotate 18s linear infinite;
}
 @keyframes whyRotate {
     from {
         transform: rotate(0);
    }
     to {
         transform: rotate(360deg);
    }
}
/* INNER */
 .why-join__circle-inner {
     display: flex;
     flex-direction: column;
     align-items: center;
}
 .why-join__circle-inner i {
     margin-bottom: 10px;
     color: #0066e6;
     font-size: 30px;
}
 .why-join__circle-inner strong {
     color: #17212b;
     font-size: 19px;
}
 .why-join__circle-inner span {
     margin-top: 3px;
     color: #71808d;
     font-size: 10px;
     text-transform: uppercase;
     letter-spacing: 1.5px;
}
/* CENTER LINE */
 .why-join__center-line {
     width: 1px;
     height: 30px;
     margin-top: 15px;
     background: linear-gradient( #0066e6, transparent );
}
/* CENTER TEXT */
 .why-join__center > p {
     max-width: 240px;
     margin: 5px 0 0;
     color: #6e7983;
     font-size: 11px;
     line-height: 1.7;
}
 .life {
     background: var(--dark);
     color: var(--white);
     padding: 55px 0;
}
 .life-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 55px;
     align-items: center;
}
 .life-image {
     position: relative;
}
 .life-image img {
     width: 100%;
     height: 390px;
     object-fit: cover;
     border-radius: 5px;
     display: block;
}
 .life-copy .small {
     color: var(--blue2);
     text-transform: uppercase;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 1px;
}
 .life-copy h2 {
     color: var(--white);
     font-size: 36px;
     margin: 7px 0 17px;
     line-height: 1.15;
}
 .life-copy > p {
     color: #dce8f7;
     font-size: 13px;
     line-height: 1.7;
     margin-bottom: 20px;
}
 .culture-list {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .culture-list li {
     position: relative;
     padding-left: 28px;
     margin-bottom: 10px;
     color: var(--light);
     font-size: 12px;
     line-height: 1.6;
}
 .culture-list li::before {
     content: "✓";
     position: absolute;
     left: 0;
     top: 0;
     width: 18px;
     height: 18px;
     display: grid;
     place-items: center;
     color: var(--white);
     background: var(--blue);
     border: 1px solid var(--blue2);
     border-radius: 50%;
     font-size: 9px;
     font-weight: 700;
}
 .openings {
     position: relative;
     padding: 40px 0;
     background: var(--light);
     overflow: hidden;
}
 .openings::before {
     content: "";
     position: absolute;
     width: 420px;
     height: 420px;
     top: -180px;
     right: -150px;
     background: rgba(0, 102, 230, 0.06);
     border-radius: 50%;
     pointer-events: none;
}
 .openings::after {
     content: "";
     position: absolute;
     width: 300px;
     height: 300px;
     bottom: -180px;
     left: -120px;
     background: rgba(0, 140, 255, 0.05);
     border-radius: 50%;
     pointer-events: none;
}
/* ========================================= JOB LIST ========================================= */
 .jobs {
     position: relative;
     z-index: 2;
     max-width: 1050px;
     margin: auto;
     display: flex;
     flex-direction: column;
     gap: 12px;
}
/* ========================================= JOB ROW ========================================= */
 .job-row {
     position: relative;
     display: grid;
     grid-template-columns: 65px 1.5fr 1fr 145px;
     align-items: center;
     gap: 22px;
     padding: 17px 20px 17px 17px;
     background: var(--white);
     border: 1px solid var(--border);
     border-radius: 8px;
     box-shadow: 0 5px 20px rgba(0, 27, 104, 0.035);
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
 .job-row::before {
     content: "";
     position: absolute;
     left: -1px;
     top: 15px;
     bottom: 15px;
     width: 3px;
     background: linear-gradient( to bottom, var(--blue), var(--blue2) );
     border-radius: 0 5px 5px 0;
     opacity: 0;
     transition: 0.3s ease;
}
 .job-row:hover {
     transform: translateY(-4px);
     border-color: rgba(0, 102, 230, 0.25);
     box-shadow: 0 14px 35px rgba(0, 102, 230, 0.10);
}
 .job-row:hover::before {
     opacity: 1;
}
/* ========================================= JOB ICON ========================================= */
 .job-icon {
     width: 58px;
     height: 58px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--blue);
     font-size: 21px;
     background: linear-gradient( 135deg, rgba(0, 102, 230, 0.08), rgba(0, 140, 255, 0.14) );
     border: 1px solid rgba(0, 102, 230, 0.12);
     border-radius: 8px;
     transition: 0.3s ease;
}
 .job-row:hover .job-icon {
     color: var(--white);
     background: linear-gradient( 135deg, var(--blue), var(--blue2) );
     transform: scale(1.06) rotate(-3deg);
     box-shadow: 0 8px 18px rgba(0, 102, 230, 0.22);
}
/* ========================================= JOB INFO ========================================= */
 .job-info h3 {
     color: var(--text);
     font-size: 14px;
     font-weight: 750;
     margin: 0 0 7px;
     transition: 0.25s ease;
}
 .job-row:hover .job-info h3 {
     color: var(--blue);
}
 .job-info span {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     color: var(--muted);
     font-size: 10px;
     font-weight: 500;
}
 .job-info span i {
     color: var(--blue2);
     font-size: 9px;
}
/* ========================================= LOCATION ========================================= */
 .job-location {
     display: flex;
     align-items: center;
     gap: 8px;
     color: var(--muted);
     font-size: 11px;
}
 .job-location i {
     color: var(--blue);
     font-size: 13px;
}
/* ========================================= APPLY BUTTON ========================================= */
 .apply-btn {
     min-height: 40px;
     padding: 0 15px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     color: var(--white);
     background: linear-gradient( 135deg, var(--blue), var(--blue2) );
     border: 1px solid var(--blue);
     border-radius: 4px;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.4px;
     box-shadow: 0 5px 14px rgba(0, 102, 230, 0.15);
     transition: 0.3s ease;
}
 .apply-btn i {
     font-size: 10px;
     transition: transform 0.3s ease;
}
 .apply-btn:hover {
     color: var(--white);
     transform: translateY(-2px);
     box-shadow: 0 9px 20px rgba(0, 102, 230, 0.25);
}
 .apply-btn:hover i {
     transform: translateX(4px);
}
 .career-cta{
     padding:30px 0;
     color:#fff;
     background: linear-gradient( 90deg, #080d11 0%, #080d11 65%, #56300d 100% );
}
 .career-cta-inner{
     display:flex;
     justify-content:space-between;
     align-items:center;
     gap:30px;
}
 .career-cta-left{
     display:flex;
     align-items:center;
     gap:20px;
}
 .cta-icon{
     width:65px;
     height:65px;
     min-width:65px;
     border:1px solid var(--orange);
     border-radius:50%;
     display:grid;
     place-items:center;
     color:var(--orange);
     font-size:28px;
}
 .career-cta h3{
     font-size:24px;
     line-height:1.2;
}
 .career-cta p{
     font-size:11px;
     color:#bbb;
}
/* ========================= PAGE BREADCRUMB ========================= */
 .page-breadcrumb {
     position: relative;
     min-height: 230px;
     display: flex;
     align-items: center;
     background: radial-gradient( circle at 85% 40%, rgba(0, 207, 255, .12), transparent 28% ), linear-gradient( 110deg, #001b68 0%, #002681 48%, #00184f 100% );
     color: #fff;
     overflow: hidden;
}
/* Background glow */
 .page-breadcrumb::before {
     content: "";
     position: absolute;
     width: 420px;
     height: 420px;
     right: -180px;
     top: -220px;
     border-radius: 50%;
     border: 1px solid rgba(0, 207, 255, .12);
     box-shadow: 0 0 0 45px rgba(0, 207, 255, .025), 0 0 0 90px rgba(0, 207, 255, .018);
}
/* Bottom line */
 .page-breadcrumb::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 2px;
     background: linear-gradient( 90deg, transparent, #00cfff, transparent );
     opacity: .5;
}
/* ========================= CONTENT ========================= */
 .breadcrumb-content {
     position: relative;
     z-index: 2;
     display: flex;
     align-items: center;
     justify-content: space-between;
     min-height: 230px;
}
/* ========================= EYEBROW ========================= */
 .breadcrumb-eyebrow {
     display: flex;
     align-items: center;
     gap: 9px;
     margin-bottom: 10px;
     color: #00cfff;
     font-size: 9px;
     font-weight: 800;
     letter-spacing: 2px;
}
 .breadcrumb-eyebrow > span {
     width: 30px;
     height: 2px;
     display: block;
     background: #00cfff;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0,207,255,.5);
}
/* ========================= TITLE ========================= */
 .breadcrumb-text h1 {
     margin: 0 0 14px;
     color: #fff;
     font-size: clamp(34px, 4vw, 48px);
     line-height: 1.1;
     font-weight: 700;
     letter-spacing: -.8px;
}
/* ========================= BREADCRUMB NAV ========================= */
 .breadcrumb-nav {
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 11px;
}
 .breadcrumb-nav a {
     display: inline-flex;
     align-items: center;
     gap: 7px;
     color: rgba(255,255,255,.65);
     text-decoration: none;
     transition: color .3s ease;
}
 .breadcrumb-nav a i {
     color: #00cfff;
     font-size: 10px;
}
 .breadcrumb-nav a:hover {
     color: #fff;
}
 .breadcrumb-arrow {
     color: rgba(255,255,255,.3);
     font-size: 8px;
}
 .breadcrumb-nav > span {
     color: #00cfff;
     font-weight: 600;
}
/* ========================= DECORATION ========================= */
 .breadcrumb-decoration {
     width: 115px;
     height: 115px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 8%;
     color: rgba(0,207,255,.75);
     border: 1px solid rgba(0,207,255,.2);
     border-radius: 50%;
     background: rgba(0, 27, 104, .35);
     box-shadow: 0 0 0 12px rgba(0,207,255,.025), 0 0 35px rgba(0,102,230,.15);
     font-size: 38px;
     transform: rotate(-5deg);
}
 .breadcrumb-decoration::before {
     content: "";
     position: absolute;
     width: 85px;
     height: 85px;
     border: 1px dashed rgba(0,207,255,.18);
     border-radius: 50%;
}
 .about-intro {
     position: relative;
     padding: 45px 0;
     background: #fff;
     overflow: hidden;
}
 .about-intro-grid {
     display: grid;
     grid-template-columns: .95fr 1.05fr;
     align-items: center;
     gap: 75px;
}
 .about-intro-media {
     position: relative;
     padding: 0 25px 25px 0;
}
 .about-main-image {
     position: relative;
     width: 100%;
     height: 480px;
     overflow: hidden;
     border-radius: 5px;
     box-shadow: 0 20px 50px rgba(0,27,104,.14);
}
 .about-main-image::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient( 135deg, rgba(0,27,104,.08), transparent 60% );
}
 .about-main-image img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .6s ease;
}
 .about-intro-media:hover .about-main-image img {
     transform: scale(1.04);
}
/* ========================= IMAGE BORDER ========================= */
 .about-image-line {
     position: absolute;
     left: 12px;
     bottom: 12px;
     width: 75px;
     height: 75px;
     border-left: 3px solid #00cfff;
     border-bottom: 3px solid #00cfff;
     pointer-events: none;
}
/* ========================= EXPERIENCE BADGE ========================= */
 .about-experience {
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: 3;
     width: 155px;
     height: 155px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     background: linear-gradient( 135deg, #0066e6, #001b68 );
     border: 6px solid #fff;
     border-radius: 5px;
     color: #fff;
     box-shadow: 0 15px 35px rgba(0,27,104,.25);
}
 .about-experience strong {
     display: block;
     color: #00cfff;
     font-size: 43px;
     line-height: 1;
     font-weight: 800;
}
 .about-experience span {
     margin-top: 8px;
     color: rgba(255,255,255,.85);
     font-size: 11px;
     line-height: 1.5;
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 1px;
}
/* ========================= CONTENT ========================= */
 .about-intro-content {
     max-width: 650px;
}
 .about-label {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 13px;
     color: #0066e6;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1.8px;
}
 .about-label span {
     width: 32px;
     height: 2px;
     background: #00cfff;
     border-radius: 10px;
     box-shadow: 0 0 8px rgba(0,207,255,.35);
}
/* ========================= HEADING ========================= */
 .about-intro-content h2 {
     margin: 0 0 20px;
     color: #101820;
     font-size: clamp(35px, 4vw, 50px);
     line-height: 1.12;
     letter-spacing: -1.2px;
     font-weight: 750;
}
 .about-intro-content h2 span {
     display: inline-block;
     color: #0066e6;
}
/* ========================= PARAGRAPHS ========================= */
 .about-intro-content p {
     margin: 0 0 15px;
     color: #626a72;
     font-size: 13px;
     line-height: 1.85;
}
 .about-intro-content .about-lead {
     color: #303941;
     font-size: 15px;
     line-height: 1.75;
     font-weight: 500;
}
/* ========================= HIGHLIGHTS ========================= */
 .about-highlights {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 18px 25px;
     margin-top: 30px;
     padding-top: 25px;
     border-top: 1px solid #e8edf2;
}
 .about-highlight {
     display: flex;
     align-items: flex-start;
     gap: 12px;
}
 .about-highlight-icon {
     width: 42px;
     height: 42px;
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #0066e6;
     background: #eef7ff;
     border: 1px solid #d9efff;
     border-radius: 5px;
     font-size: 15px;
     transition: all .3s ease;
}
 .about-highlight:hover .about-highlight-icon {
     color: #fff;
     background: #0066e6;
     border-color: #0066e6;
     transform: translateY(-3px);
     box-shadow: 0 7px 18px rgba(0,102,230,.2);
}
 .about-highlight h4 {
     margin: 1px 0 4px;
     color: #18212a;
     font-size: 13px;
     font-weight: 700;
}
 .about-highlight p {
     margin: 0;
     color: #7a8289;
     font-size: 10px;
     line-height: 1.5;
}
 .why-choose {
     padding: 25px 0 35px;
     background: linear-gradient( 180deg, #f7faff 0%, #ffffff 100% );
}
 .why-choose-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
}
 .why-card {
     position: relative;
     padding: 18px 14px 15px;
     background: #fff;
     border: 1px solid #e6edf4;
     border-radius: 6px;
     box-shadow: 0 8px 30px rgba(0,27,104,.05);
     overflow: hidden;
     transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
 .why-card:hover {
     transform: translateY(-2px);
     border-color: rgba(0,102,230,.35);
     box-shadow: 0 18px 40px rgba(0,27,104,.11);
}
 .why-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 3px;
     background: linear-gradient( 90deg, #0066e6, #00cfff );
     transition: width .35s ease;
}
 .why-card:hover::before {
     width: 100%;
}
 .why-card-top {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 12px;
}
 .why-icon {
     width: 52px;
     height: 52px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #0066e6;
     background: linear-gradient( 135deg, #eef7ff, #f5fbff );
     border: 1px solid #d9efff;
     border-radius: 6px;
     font-size: 19px;
     transition: all .3s ease;
}
 .why-card:hover .why-icon {
     color: #fff;
     background: linear-gradient( 135deg, #0066e6, #0036b8 );
     border-color: #0066e6;
     transform: scale(1.05);
     box-shadow: 0 8px 20px rgba(0,102,230,.2);
}
 .why-number {
     color: #dce5ed;
     font-size: 24px;
     font-weight: 800;
     line-height: 1;
}
 .why-card h3 {
     margin: 0 0 9px;
     color: #17212b;
     font-size: 17px;
     font-weight: 700;
}
 .why-card p {
     margin: 0;
     color: #707b85;
     font-size: 13px;
     line-height: 1.75;
     margin-bottom: 10px;
}
 .why-line {
     position: absolute;
     left: 26px;
     bottom: 20px;
     width: 28px;
     height: 2px;
     background: #00cfff;
     border-radius: 10px;
     transition: width .3s ease;
}
 .why-card:hover .why-line {
     width: 55px;
}
 .mission-vision {
     padding: 40px 0;
     background: #f7faff;
}
 .mission-vision .section-title span::before {
     content: "";
     width: 25px;
     height: 2px;
     background: #00cfff;
     border-radius: 10px;
}
 .mission-vision .section-title h2 {
     margin: 9px 0 12px;
     color: #101820;
     font-size: clamp(30px, 4vw, 42px);
     line-height: 1.15;
     font-weight: 750;
     letter-spacing: -.8px;
}
 .mission-vision .section-title p {
     max-width: 620px;
     margin: auto;
     color: #69737d;
     font-size: 13px;
     line-height: 1.8;
}
 .mission-vision-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 24px;
}
 .mission-card, .vision-card {
     position: relative;
     display: flex;
     gap: 15px;
     padding: 20px 15px;
     overflow: hidden;
     border-radius: 6px;
     transition: .35s ease;
}
 .mission-card {
     color: #fff;
     background: linear-gradient( 135deg, #001b68 0%, #0036a3 65%, #0066e6 100% );
     box-shadow: 0 18px 45px rgba(0,27,104,.18);
}
 .mission-card::after {
     content: "";
     position: absolute;
     width: 220px;
     height: 220px;
     right: -90px;
     bottom: -100px;
     border: 1px solid rgba(0,207,255,.25);
     border-radius: 50%;
}
 .mission-card::before {
     content: "";
     position: absolute;
     width: 130px;
     height: 130px;
     right: -50px;
     bottom: -55px;
     border: 1px solid rgba(0,207,255,.2);
     border-radius: 50%;
}
 .vision-card {
     color: #17212b;
     background: #fff;
     border: 1px solid #e2eaf2;
     box-shadow: 0 10px 35px rgba(0,27,104,.06);
}
 .vision-card::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     width: 4px;
     height: 100%;
     background: linear-gradient( 180deg, #00cfff, #0066e6 );
}
 .mv-icon {
     width: 58px;
     height: 58px;
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 6px;
     font-size: 21px;
     transition: .3s ease;
}
 .mission-card .mv-icon {
     color: #00cfff;
     background: rgba(255,255,255,.1);
     border: 1px solid rgba(0,207,255,.35);
}
 .vision-card .mv-icon {
     color: #0066e6;
     background: #eef7ff;
     border: 1px solid #d7efff;
}
 .mission-card:hover, .vision-card:hover {
     transform: translateY(-2px);
}
 .mission-card:hover .mv-icon {
     background: #00cfff;
     color: #001b68;
     transform: rotate(5deg);
}
 .vision-card:hover .mv-icon {
     background: #0066e6;
     color: #fff;
     transform: rotate(5deg);
}
 .mv-content {
     position: relative;
     z-index: 2;
}
 .mv-label {
     display: block;
     margin-bottom: 10px;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1.8px;
}
 .mission-card .mv-label {
     color: #00cfff;
}
 .vision-card .mv-label {
     color: #0066e6;
}
 .mv-content h3 {
     max-width: 390px;
     margin: 0 0 15px;
     font-size: 25px;
     line-height: 1.25;
     font-weight: 750;
}
 .mission-card .mv-content h3 {
     color: #fff;
}
 .vision-card .mv-content h3 {
     color: #101820;
}
 .mv-content p {
     max-width: 450px;
     margin: 0;
     font-size: 12px;
     line-height: 1.85;
}
 .mission-card .mv-content p {
     color: rgba(255,255,255,.75);
}
 .vision-card .mv-content p {
     color: #69737d;
}
 .mv-bottom {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-top: 15px;
     padding-top: 17px;
     border-top: 1px solid rgba(255,255,255,.15);
}
 .mission-card .mv-bottom {
     color: #d8f8ff;
}
 .vision-card .mv-bottom {
     color: #0066e6;
     border-color: #e8edf2;
}
 .mv-bottom i {
     font-size: 11px;
}
 .mv-bottom span {
     font-size: 10px;
     font-weight: 700;
     letter-spacing: .4px;
}

 .core-values {
     padding: 25px 0 40px;
     background: #fff;
}
 .core-values-grid {
     display: grid;
     grid-template-columns: .9fr 1.1fr;
     gap: 55px;
     align-items: stretch;
}
 .core-values-image {
     position: relative;
     min-height: 320px;
     overflow: hidden;
     border-radius: 6px;
     background: #001b68;
     box-shadow: 0 18px 45px rgba(0,27,104,.14);
}
 .core-values-image img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
     transition: transform .6s ease;
}
 .core-values-image:hover img {
     transform: scale(1.04);
}
/* ========================= IMAGE OVERLAY ========================= */
 .core-image-overlay {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 35px 30px;
     color: #fff;
     background: linear-gradient( 180deg, transparent, rgba(0,27,104,.95) );
}
 .core-image-overlay span {
     display: block;
     margin-bottom: 8px;
     color: #00cfff;
     font-size: 9px;
     font-weight: 800;
     letter-spacing: 1.8px;
}
 .core-image-overlay strong {
     display: block;
     font-size: 25px;
     line-height: 1.25;
}
 .core-values-content {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 16px;
     align-content: center;
}
/* ========================= VALUE CARD ========================= */
 .core-value-card {
     position: relative;
     display: flex;
     align-items: flex-start;
     gap: 14px;
     padding: 15px 10px;
     background: #f8fbfe;
     border: 1px solid #e3ebf3;
     border-radius: 5px;
     overflow: hidden;
     transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
 .core-value-card::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 3px;
     height: 0;
     background: linear-gradient( 180deg, #00cfff, #0066e6 );
     transition: height .3s ease;
}
 .core-value-card:hover {
     transform: translateY(-5px);
     background: #fff;
     border-color: rgba(0,102,230,.3);
     box-shadow: 0 12px 30px rgba(0,27,104,.08);
}
 .core-value-card:hover::before {
     height: 100%;
}
 .core-value-icon {
     width: 43px;
     height: 43px;
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #0066e6;
     background: #eef7ff;
     border: 1px solid #d8efff;
     border-radius: 5px;
     font-size: 16px;
     transition: .3s ease;
}
 .core-value-card:hover .core-value-icon {
     color: #fff;
     background: linear-gradient( 135deg, #0066e6, #0036b8 );
     border-color: #0066e6;
     transform: scale(1.05);
}
/* ========================= TEXT ========================= */
 .core-value-card h3 {
     margin: 1px 0 6px;
     color: #17212b;
     font-size: 14px;
     font-weight: 750;
}
 .core-value-card p {
     margin: 0;
     color: #727c85;
     font-size: 10px;
     line-height: 1.65;
}
 .excellence-section {
     padding: 40px 0;
     background: #f5f8fb;
}
 .excellence-layout {
     display: grid;
     grid-template-columns: .78fr 1.22fr;
     gap: 30px;
     align-items: stretch;
}
 .excellence-panel {
     position: relative;
     padding: 25px 20px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
     color: #fff;
     background: linear-gradient( 145deg, #001b68 0%, #002b91 55%, #0066e6 100% );
     border-radius: 7px;
     box-shadow: 0 20px 50px rgba(0,27,104,.18);
}
/* decorative circles */
 .excellence-panel::before {
     content: "";
     position: absolute;
     width: 300px;
     height: 300px;
     right: -150px;
     top: -120px;
     border: 1px solid rgba(0,207,255,.2);
     border-radius: 50%;
}
 .excellence-panel::after {
     content: "";
     position: absolute;
     width: 180px;
     height: 180px;
     right: -80px;
     top: -55px;
     border: 1px solid rgba(0,207,255,.16);
     border-radius: 50%;
}
/* icon */
 .excellence-panel-icon {
     position: relative;
     z-index: 2;
     width: 58px;
     height: 58px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 28px;
     color: #00cfff;
     background: rgba(255,255,255,.08);
     border: 1px solid rgba(0,207,255,.35);
     border-radius: 6px;
     font-size: 21px;
}
/* label */
 .excellence-panel-label {
     position: relative;
     z-index: 2;
     margin-bottom: 12px;
     color: #00cfff;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1.8px;
}
/* heading */
 .excellence-panel h3 {
     position: relative;
     z-index: 2;
     max-width: 400px;
     margin: 0 0 20px;
     font-size: 32px;
     line-height: 1.2;
     letter-spacing: -.7px;
}
 .excellence-panel h3 span {
     display: block;
     color: #00cfff;
}
/* paragraph */
 .excellence-panel p {
     position: relative;
     z-index: 2;
     max-width: 410px;
     margin: 0;
     color: rgba(255,255,255,.72);
     font-size: 12px;
     line-height: 1.85;
}
/* button */
 .excellence-panel-btn {
     position: relative;
     z-index: 2;
     display: inline-flex;
     align-items: center;
     gap: 12px;
     width: fit-content;
     margin-top: 30px;
     padding: 13px 18px;
     color: #001b68;
     background: #fff;
     border-radius: 4px;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: .7px;
     transition: .3s ease;
}
 .excellence-panel-btn i {
     transition: transform .3s ease;
}
 .excellence-panel-btn:hover {
     color: #fff;
     background: #00cfff;
     transform: translateY(-3px);
}
 .excellence-panel-btn:hover i {
     transform: translateX(5px);
}
 .excellence-list {
     display: flex;
     flex-direction: column;
     background: #fff;
     border: 1px solid #e3eaf1;
     border-radius: 7px;
     overflow: hidden;
}
 .excellence-list-item {
     position: relative;
     display: grid;
     grid-template-columns: 38px 52px 1fr 25px;
     align-items: center;
     gap: 12px;
     flex: 1;
     padding: 10px 18px;
     border-bottom: 1px solid #e8edf2;
     transition: .3s ease;
}
 .excellence-list-item:last-child {
     border-bottom: none;
}
 .excellence-list-item:hover {
     background: #f7fbff;
}
/* blue hover line */
 .excellence-list-item::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 3px;
     height: 0;
     background: linear-gradient( 180deg, #00cfff, #0066e6 );
     transition: height .3s ease;
}
 .excellence-list-item:hover::before {
     height: 100%;
}
/* number */
 .excellence-list-number {
     color: #cbd5df;
     font-size: 13px;
     font-weight: 800;
}
/* icon */
 .excellence-list-icon {
     width: 52px;
     height: 52px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #0066e6;
     background: #eef7ff;
     border: 1px solid #d9efff;
     border-radius: 5px;
     font-size: 17px;
     transition: .3s ease;
}
 .excellence-list-item:hover .excellence-list-icon {
     color: #fff;
     background: #0066e6;
     border-color: #0066e6;
     transform: scale(1.04);
}
/* content */
 .excellence-list-content h3 {
     margin: 0 0 5px;
     color: #17212b;
     font-size: 15px;
     font-weight: 750;
}
 .excellence-list-content p {
     max-width: 530px;
     margin: 0;
     color: #727c85;
     font-size: 10px;
     line-height: 1.65;
}
/* arrow */
 .excellence-list-arrow {
     color: #b8c3cd;
     font-size: 10px;
     transition: .3s ease;
}
 .excellence-list-item:hover .excellence-list-arrow {
     color: #0066e6;
     transform: translateX(4px);
}
 .install-modern {
     padding: 40px 0;
     background: #fff;
}
 .install-modern__grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 50px;
     align-items: center;
}
 .install-modern__visual {
     position: relative;
     padding: 0 25px 25px 0;
}
 .install-modern__image {
     position: relative;
     height: 520px;
     overflow: hidden;
     border-radius: 7px;
     background: #001b68;
}
 .install-modern__image::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient( 180deg, rgba(0, 27, 104, 0) 55%, rgba(0, 10, 35, .45) 100% );
}
 .install-modern__image img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
     transition: transform .6s ease;
}
 .install-modern__visual:hover .install-modern__image img {
     transform: scale(1.04);
}
 .install-modern__badge {
     position: absolute;
     left: -18px;
     bottom: 55px;
     z-index: 3;
     min-width: 145px;
     padding: 17px 20px;
     display: flex;
     align-items: center;
     gap: 12px;
     color: #fff;
     background: #001b68;
     border-left: 3px solid #00cfff;
     border-radius: 4px;
     box-shadow: 0 15px 35px rgba(0, 27, 104, .25);
}
 .install-modern__badge strong {
     color: #00cfff;
     font-size: 28px;
     line-height: 1;
     font-weight: 800;
}
 .install-modern__badge span {
     color: rgba(255,255,255,.75);
     font-size: 9px;
     line-height: 1.5;
     text-transform: uppercase;
     letter-spacing: .6px;
}
 .install-modern__content {
     max-width: 590px;
}
 .install-modern__label {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     margin-bottom: 13px;
     color: #0066e6;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1.5px;
}
 .install-modern__label i {
     color: #00aeda;
     font-size: 13px;
}
 .install-modern__content h3 {
     margin: 0 0 17px;
     color: #101820;
     font-size: clamp(30px, 3.2vw, 43px);
     line-height: 1.12;
     letter-spacing: -1px;
}
 .install-modern__content h3 span {
     display: block;
     color: #0066e6;
}
 .install-modern__intro {
     margin: 0 0 10px;
     color: #68737d;
     font-size: 13px;
     line-height: 1.85;
}
 .install-modern__features {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 0 25px;
     margin-bottom: 10px;
}
 .install-modern__feature {
     display: flex;
     gap: 12px;
     padding: 10px 0;
     border-bottom: 1px solid #e8edf2;
}
 .install-modern__feature:nth-child(4), .install-modern__feature:nth-child(5) {
     border-bottom: none;
}
 .install-modern__feature-icon {
     flex: 0 0 40px;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #0066e6;
     background: #eef7ff;
     border: 1px solid #d9efff;
     border-radius: 5px;
     font-size: 14px;
     transition: .3s ease;
}
 .install-modern__feature:hover .install-modern__feature-icon {
     color: #fff;
     background: #0066e6;
     border-color: #0066e6;
     transform: translateY(-2px);
}
 .install-modern__feature h4 {
     margin: 0 0 5px;
     color: #17212b;
     font-size: 12px;
     font-weight: 750;
}
 .install-modern__feature p {
     margin: 0;
     color: #7a838c;
     font-size: 9px;
     line-height: 1.6;
}
 .install-modern__button {
     display: inline-flex;
     align-items: center;
     gap: 11px;
     min-height: 48px;
     padding: 0 21px;
     color: #fff;
     background: linear-gradient( 135deg, #0066e6, #001b68 );
     border-radius: 4px;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: .8px;
     box-shadow: 0 9px 25px rgba(0, 27, 104, .18);
     transition: .3s ease;
}
 .install-modern__button i {
     transition: transform .3s ease;
}
 .install-modern__button:hover {
     color: #fff;
     transform: translateY(-3px);
     box-shadow: 0 14px 30px rgba(0, 27, 104, .25);
}
 .install-modern__button:hover i {
     transform: translateX(5px);
}
 .how-work {
     padding: 40px 0;
     background: #f5f8fb;
}
 .how-work__steps {
     position: relative;
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 20px;
}
 .how-work__steps::before {
     content: "";
     position: absolute;
     top: 31px;
     left: 9%;
     right: 9%;
     height: 1px;
     background: linear-gradient( 90deg, #d9e4ee, #00cfff, #0066e6, #00cfff, #d9e4ee );
     z-index: 0;
}
 .how-work__step {
     position: relative;
     z-index: 1;
     text-align: center;
}
 .how-work__number {
     margin-bottom: 10px;
     color: #b8c5d1;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 1px;
}
 .how-work__icon {
     width: 64px;
     height: 64px;
     margin: 0 auto 22px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #0066e6;
     background: #fff;
     border: 2px solid #dceaf5;
     border-radius: 50%;
     font-size: 18px;
     box-shadow: 0 8px 25px rgba(0, 27, 104, .08);
     transition: .35s ease;
}
/* HOVER */
 .how-work__step:hover .how-work__icon {
     color: #fff;
     background: linear-gradient( 135deg, #0066e6, #001b68 );
     border-color: #0066e6;
     transform: translateY(-5px);
     box-shadow: 0 12px 30px rgba(0, 102, 230, .22);
}
/* CONTENT */
 .how-work__content {
     padding: 0 8px;
}
 .how-work__content h3 {
     margin: 0 0 9px;
     color: #17212b;
     font-size: 14px;
     font-weight: 750;
     line-height: 1.35;
}
 .how-work__content p {
     margin: 0;
     color: #737e88;
     font-size: 10px;
     line-height: 1.7;
}
 .enquiry-section {
     position: relative;
     padding: 40px 0;
     background: var(--light);
     overflow: hidden;
}
 .enquiry-section::before {
     content: "";
     position: absolute;
     width: 500px;
     height: 500px;
     left: -260px;
     top: -230px;
     background: rgba(0, 102, 230, 0.055);
     border-radius: 50%;
}
 .enquiry-section::after {
     content: "";
     position: absolute;
     width: 350px;
     height: 350px;
     right: -170px;
     bottom: -180px;
     background: rgba(0, 140, 255, 0.05);
     border-radius: 50%;
}
/* ========================================= MAIN WRAP ========================================= */
 .enquiry-wrap {
     position: relative;
     z-index: 2;
     max-width: 1150px;
     margin: auto;
     padding: 0 20px;
     display: grid;
     grid-template-columns: 0.9fr 1.1fr;
     gap: 70px;
     align-items: center;
}
/* ========================================= LEFT CONTENT ========================================= */
 .enquiry-content {
     padding: 15px 0;
}
 .enquiry-tag {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     color: var(--blue);
     font-size: 10px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1.6px;
     margin-bottom: 13px;
}
 .enquiry-tag i {
     font-size: 12px;
}
 .enquiry-content h2 {
     max-width: 500px;
     margin: 0 0 18px;
     color: var(--dark);
     font-size: 40px;
     line-height: 1.12;
     font-weight: 800;
}
 .enquiry-content h2 strong {
     display: block;
     color: var(--blue);
}
 .enquiry-content > p {
     max-width: 490px;
     margin: 0 0 30px;
     color: var(--muted);
     font-size: 13px;
     line-height: 1.8;
}
/* ========================================= POINTS ========================================= */
 .enquiry-points {
     display: flex;
     flex-direction: column;
     gap: 17px;
}
 .enquiry-point {
     display: flex;
     align-items: center;
     gap: 13px;
}
 .enquiry-point-icon {
     flex-shrink: 0;
     width: 37px;
     height: 37px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--blue);
     background: var(--white);
     border: 1px solid var(--border);
     border-radius: 6px;
     box-shadow: 0 5px 15px rgba(0, 27, 104, 0.05);
     transition: 0.3s ease;
}
 .enquiry-point:hover .enquiry-point-icon {
     color: var(--white);
     background: linear-gradient( 135deg, var(--blue), var(--blue2) );
     border-color: transparent;
     transform: scale(1.08);
}
 .enquiry-point-icon i {
     font-size: 14px;
}
 .enquiry-point h4 {
     margin: 0 0 3px;
     color: var(--text);
     font-size: 12px;
     font-weight: 750;
}
 .enquiry-point span {
     color: var(--muted);
     font-size: 10px;
}
/* ========================================= PHONE BOX ========================================= */
 .enquiry-call {
     display: inline-flex;
     align-items: center;
     gap: 13px;
     margin-top: 32px;
     padding: 12px 20px 12px 12px;
     background: var(--white);
     border: 1px solid var(--border);
     border-radius: 6px;
     box-shadow: 0 8px 22px rgba(0, 27, 104, 0.05);
}
 .enquiry-call-icon {
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--white);
     background: linear-gradient( 135deg, var(--blue), var(--blue2) );
     border-radius: 5px;
     font-size: 13px;
}
 .enquiry-call small {
     display: block;
     margin-bottom: 3px;
     color: var(--muted);
     font-size: 9px;
}
 .enquiry-call a {
     color: var(--dark);
     font-size: 14px;
     font-weight: 800;
}
 .enquiry-call a:hover {
     color: var(--blue);
}
 .enquiry-form-box {
     position: relative;
     padding: 20px ;
     background: var(--white);
     border: 1px solid var(--border);
     border-radius: 9px;
     box-shadow: 0 20px 55px rgba(0, 27, 104, 0.09);
}
 .enquiry-form-box::before {
     content: "";
     position: absolute;
     top: 0;
     left: 35px;
     right: 35px;
     height: 3px;
     background: linear-gradient( 90deg, var(--blue), var(--blue2) );
     border-radius: 0 0 5px 5px;
}
/* ========================================= FORM HEADING ========================================= */
 .enquiry-form-head {
     margin-bottom: 25px;
}
 .enquiry-form-head span {
     color: var(--blue);
     font-size: 9px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1.3px;
}
 .enquiry-form-head h3 {
     margin: 5px 0 6px;
     color: var(--dark);
     font-size: 25px;
     font-weight: 800;
}
 .enquiry-form-head p {
     margin: 0;
     color: var(--muted);
     font-size: 11px;
}
/* ========================================= FORM ========================================= */
 .enquiry-form {
     display: flex;
     flex-direction: column;
     gap: 16px;
}
 .enquiry-form-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 13px;
}
 .enquiry-field {
     display: flex;
     flex-direction: column;
     gap: 6px;
}
 .enquiry-field label {
     color: var(--text);
     font-size: 10px;
     font-weight: 700;
}
/* ========================================= INPUT ========================================= */
 .enquiry-input {
     position: relative;
     display: flex;
     align-items: center;
     height: 43px;
     background: #fbfdff;
     border: 1px solid var(--border);
     border-radius: 4px;
     transition: 0.25s ease;
}
 .enquiry-input > i:first-child {
     flex-shrink: 0;
     width: 40px;
     text-align: center;
     color: #8ca0b9;
     font-size: 12px;
     transition: 0.25s ease;
}
 .enquiry-input input, .enquiry-input select, .enquiry-input textarea {
     width: 100%;
     border: none;
     outline: none;
     background: transparent;
     color: var(--text);
     font-family: inherit;
     font-size: 11px;
}
 .enquiry-input input, .enquiry-input select {
     height: 100%;
}
 .enquiry-input input::placeholder, .enquiry-input textarea::placeholder {
     color: #a5b0be;
}
 .enquiry-input:focus-within {
     border-color: var(--blue);
     background: var(--white);
     box-shadow: 0 0 0 3px rgba(0, 102, 230, 0.07);
}
 .enquiry-input:focus-within > i:first-child {
     color: var(--blue);
}
/* ========================================= SELECT ========================================= */
 .enquiry-input select {
     appearance: none;
     cursor: pointer;
     padding-right: 35px;
}
 .select-arrow {
     position: absolute;
     right: 13px;
     color: #8ca0b9 !important;
     font-size: 9px !important;
     pointer-events: none;
}
 .enquiry-textarea {
     height: 90px;
     align-items: flex-start;
}
 .enquiry-textarea > i:first-child {
     padding-top: 13px;
}
 .enquiry-textarea textarea {
     height: 100%;
     padding: 12px 10px 10px 0;
     resize: vertical;
}
 .enquiry-submit {
     width: 100%;
     height: 46px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     margin-top: 2px;
     color: var(--white);
     background: linear-gradient( 135deg, var(--blue), var(--blue2) );
     border: none;
     border-radius: 4px;
     font-family: inherit;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.7px;
     cursor: pointer;
     box-shadow: 0 8px 20px rgba(0, 102, 230, 0.18);
     transition: 0.3s ease;
}
 .enquiry-submit i {
     transition: 0.3s ease;
}
 .enquiry-submit:hover {
     transform: translateY(-2px);
     box-shadow: 0 12px 25px rgba(0, 102, 230, 0.25);
}
 .enquiry-submit:hover i {
     transform: translateX(5px);
}
 .enquiry-note {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 6px;
     color: #8997a8;
     font-size: 9px;
}
 .enquiry-note i {
     color: var(--blue);
     font-size: 9px;
}
 .quote-modal {
     position: fixed;
     inset: 0;
     z-index: 99999;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 20px;
     visibility: hidden;
     opacity: 0;
     transition: opacity 0.3s ease, visibility 0.3s ease;
}
 .quote-modal.active {
     visibility: visible;
     opacity: 1;
}
/* ========================================= OVERLAY ========================================= */
 .quote-modal-overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 15, 45, 0.72);
     backdrop-filter: blur(7px);
     -webkit-backdrop-filter: blur(7px);
}
/* ========================================= MAIN BOX ========================================= */
 .quote-modal-box {
     position: relative;
     z-index: 2;
     width: 100%;
     max-width: 900px;
     display: grid;
     grid-template-columns: 0.85fr 1.15fr;
     background: var(--white);
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
     transform: translateY(25px) scale(0.97);
     transition: transform 0.35s cubic-bezier(.2,.8,.2,1);
}
 .quote-modal.active .quote-modal-box {
     transform: translateY(0) scale(1);
}
/* ========================================= CLOSE BUTTON ========================================= */
 .quote-modal-close {
     position: absolute;
     top: 14px;
     right: 14px;
     z-index: 10;
     width: 34px;
     height: 34px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--dark);
     background: rgba(255, 255, 255, 0.9);
     border: none;
     border-radius: 50%;
     font-size: 13px;
     cursor: pointer;
     box-shadow: 0 3px 12px rgba(0,0,0,.08);
     transition: 0.25s ease;
}
 .quote-modal-close:hover {
     color: var(--white);
     background: var(--blue);
     transform: rotate(90deg);
}
/* ========================================= LEFT PANEL ========================================= */
 .quote-modal-left {
     position: relative;
     padding: 22px 25px;
     color: var(--white);
     background: linear-gradient( 145deg, var(--dark), var(--dark2) );
     overflow: hidden;
}
 .quote-modal-left::before {
     content: "";
     position: absolute;
     width: 280px;
     height: 280px;
     right: -150px;
     top: -130px;
     background: rgba(0, 140, 255, 0.18);
     border-radius: 50%;
}
 .quote-modal-left::after {
     content: "";
     position: absolute;
     width: 180px;
     height: 180px;
     left: -90px;
     bottom: -90px;
     background: rgba(255, 255, 255, 0.05);
     border-radius: 50%;
}
/* ========================================= LOGO ICON ========================================= */
 .quote-modal-logo {
     position: relative;
     z-index: 2;
     width: 48px;
     height: 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 28px;
     color: var(--white);
     background: rgba(255,255,255,0.11);
     border: 1px solid rgba(255,255,255,0.15);
     border-radius: 7px;
     font-size: 19px;
}
 .quote-modal-tag {
     position: relative;
     z-index: 2;
     display: block;
     margin-bottom: 9px;
     color: #6db9ff;
     font-size: 9px;
     font-weight: 800;
     letter-spacing: 1.5px;
}
 .quote-modal-left h2 {
     position: relative;
     z-index: 2;
     margin: 0 0 17px;
     font-size: 30px;
     line-height: 1.15;
     font-weight: 800;
}
 .quote-modal-left h2 strong {
     display: block;
     color: #56aaff;
}
 .quote-modal-left > p {
     position: relative;
     z-index: 2;
     margin: 0 0 25px;
     color: rgba(255,255,255,0.70);
     font-size: 11px;
     line-height: 1.8;
}
/* ========================================= BENEFITS ========================================= */
 .quote-benefits {
     position: relative;
     z-index: 2;
     display: flex;
     flex-direction: column;
     gap: 11px;
}
 .quote-benefit {
     display: flex;
     align-items: center;
     gap: 9px;
     color: rgba(255,255,255,0.85);
     font-size: 10px;
}
 .quote-benefit i {
     color: #55adff;
     font-size: 12px;
}
/* ========================================= DIRECT CALL ========================================= */
 .quote-direct {
     position: relative;
     z-index: 2;
     display: flex;
     align-items: center;
     gap: 11px;
     margin-top: 28px;
     padding-top: 20px;
     border-top: 1px solid rgba(255,255,255,0.12);
}
 .quote-direct-icon {
     width: 35px;
     height: 35px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--white);
     background: rgba(255,255,255,0.10);
     border-radius: 5px;
     font-size: 11px;
}
 .quote-direct small {
     display: block;
     margin-bottom: 3px;
     color: rgba(255,255,255,0.55);
     font-size: 8px;
}
 .quote-direct a {
     color: var(--white);
     font-size: 12px;
     font-weight: 800;
}
 .quote-direct a:hover {
     color: #6db9ff;
}
/* ========================================= RIGHT FORM ========================================= */
 .quote-modal-right {
     padding: 25px 20px;
     background: var(--white);
}
 .quote-form-heading {
     margin-bottom: 20px;
}
 .quote-form-heading > span {
     color: var(--blue);
     font-size: 9px;
     font-weight: 800;
     letter-spacing: 1.3px;
}
 .quote-form-heading h3 {
     margin: 4px 0 5px;
     color: var(--dark);
     font-size: 24px;
     font-weight: 800;
}
 .quote-form-heading p {
     margin: 0;
     color: var(--muted);
     font-size: 10px;
}
/* ========================================= FORM ========================================= */
 .quote-popup-form {
     display: flex;
     flex-direction: column;
     gap: 13px;
}
 .quote-input-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
}
 .quote-field {
     display: flex;
     flex-direction: column;
     gap: 5px;
}
 .quote-field label {
     color: var(--text);
     font-size: 9px;
     font-weight: 700;
}
 .quote-input-box {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     background: #fbfdff;
     border: 1px solid var(--border);
     border-radius: 4px;
     transition: 0.25s ease;
}
 .quote-input-box > i:first-child {
     width: 36px;
     flex-shrink: 0;
     text-align: center;
     color: #91a2b7;
     font-size: 11px;
     transition: 0.25s ease;
}
 .quote-input-box input, .quote-input-box select, .quote-input-box textarea {
     width: 100%;
     border: none;
     outline: none;
     background: transparent;
     color: var(--text);
     font-family: inherit;
     font-size: 10px;
}
 .quote-input-box input, .quote-input-box select {
     height: 100%;
}
 .quote-input-box input::placeholder, .quote-input-box textarea::placeholder {
     color: #a6b2c0;
}
 .quote-input-box:focus-within {
     border-color: var(--blue);
     background: var(--white);
     box-shadow: 0 0 0 3px rgba(0,102,230,.06);
}
 .quote-input-box:focus-within > i:first-child {
     color: var(--blue);
}
/* ========================================= SELECT ========================================= */
 .quote-input-box select {
     appearance: none;
     cursor: pointer;
     padding-right: 30px;
}
 .quote-select-arrow {
     position: absolute;
     right: 12px;
     width: auto !important;
     color: #91a2b7 !important;
     pointer-events: none;
}
/* ========================================= TEXTAREA ========================================= */
 .quote-message-box {
     height: 72px;
     align-items: flex-start;
}
 .quote-message-box > i:first-child {
     padding-top: 12px;
}
 .quote-message-box textarea {
     height: 100%;
     padding: 10px 8px 8px 0;
     resize: none;
}
/* ========================================= SUBMIT ========================================= */
 .quote-submit {
     width: 100%;
     height: 43px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     margin-top: 3px;
     color: var(--white);
     background: linear-gradient( 135deg, var(--blue), var(--blue2) );
     border: none;
     border-radius: 4px;
     font-family: inherit;
     font-size: 9px;
     font-weight: 800;
     letter-spacing: .7px;
     cursor: pointer;
     box-shadow: 0 7px 17px rgba(0,102,230,.18);
     transition: .3s ease;
}
 .quote-submit i {
     font-size: 9px;
     transition: .3s ease;
}
 .quote-submit:hover {
     transform: translateY(-2px);
     box-shadow: 0 10px 22px rgba(0,102,230,.25);
}
 .quote-submit:hover i {
     transform: translateX(4px);
}
 .quote-secure {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 5px;
     color: #91a0b0;
     font-size: 8px;
}
 .quote-secure i {
     color: var(--blue);
     font-size: 8px;
}
/* =========================
   TESTIMONIALS SECTION
========================= */

.testimonials-section {
    position: relative;
    padding: 40px 0;
    background: #f5f9ff;
    overflow: hidden;
}

.testimonials-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: -250px;
    left: -180px;
    background: rgba(0, 207, 255, .08);
    border-radius: 50%;
    filter: blur(10px);
    pointer-events: none;
}

.testimonials-section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    bottom: -250px;
    right: -150px;
    background: rgba(0, 102, 230, .08);
    border-radius: 50%;
    pointer-events: none;
}

.testimonials-section .container {
    position: relative;
    z-index: 2;
}
.testimonial-card {
    position: relative;
    height: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid rgba(0, 27, 104, .08);
    border-radius: 12px;
    box-shadow: 0 10px 35px rgba(0, 27, 104, .08);
    transition: all .35s ease;
}

.testimonial-card:hover {
    transform: translateY(-7px);
    border-color: rgba(0, 207, 255, .35);
    box-shadow: 0 18px 45px rgba(0, 27, 104, .13);
}
.testimonial-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.quote-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(
        135deg,
        #001b68,
        #0066e6
    );
    border-radius: 8px;
    font-size: 17px;
}

.testimonial-stars {
    display: flex;
    gap: 3px;
}

.testimonial-stars i {
    color: #00cfff;
    font-size: 12px;
}
.testimonial-text {
    margin: 0 0 25px;
    color: #526078;
    font-size: 13px;
    line-height: 1.9;
}
.testimonial-user {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid #edf1f7;
}

.user-avatar {
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(
        135deg,
        #0066e6,
        #00cfff
    );
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
}

.user-info h4 {
    margin: 0 0 3px;
    color: #001b68;
    font-size: 14px;
    font-weight: 700;
}

.user-info span {
    color: #7b879c;
    font-size: 11px;
}

.testimonialsSwiper {
    padding: 10px 5px 65px;
}

.testimonialsSwiper .swiper-slide {
    height: auto;
}
.testimonial-controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.testimonial-prev,
.testimonial-next {
    position: static;
    width: 38px;
    height: 38px;
    margin: 0;
    color: #fff;
    background: #001b68;
    border-radius: 6px;
    transition: all .3s ease;
}

.testimonial-prev:hover,
.testimonial-next:hover {
    background: #0066e6;
    box-shadow: 0 7px 18px rgba(0, 102, 230, .25);
}

.testimonial-prev::after,
.testimonial-next::after {
    font-size: 13px;
    font-weight: 700;
}

.testimonial-pagination {
    position: static;
    width: auto !important;
}

.testimonial-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    opacity: 1;
    background: #cbd5e5;
    transition: all .3s ease;
}

.testimonial-pagination .swiper-pagination-bullet-active {
    width: 22px;
    border-radius: 10px;
    background: #00cfff;
}



@media (max-width: 576px) {
    .testimonial-card {
        padding: 15px;
    }

    .testimonial-text {
        min-height: auto;
    }

}
 /* =========================
   PRIVACY POLICY SECTION
========================= */

.privacy-policy-section {
    position: relative;
    padding: 40px 0;
    background: #f5f9ff;
    overflow: hidden;
}

.privacy-policy-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    top: -300px;
    right: -180px;
    background: rgba(0, 207, 255, .08);
    border-radius: 50%;
    filter: blur(10px);
    pointer-events: none;
}

.privacy-policy-section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    bottom: -250px;
    left: -180px;
    background: rgba(0, 102, 230, .07);
    border-radius: 50%;
    pointer-events: none;
}

.privacy-policy-section .container {
    position: relative;
    z-index: 2;
}


/* =========================
   HEADING
========================= */

.privacy-heading {
    max-width: 800px;
    margin: 0 auto 20px;
    text-align: center;
}

.privacy-heading .about-label {
    justify-content: center;
}

.privacy-heading h1 {
    margin: 12px 0 15px;
    color: #001b68;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.privacy-heading h1 span {
    color: #0066e6;
}

.privacy-heading p {
    max-width: 650px;
    margin: auto;
    color: #647089;
    font-size: 14px;
    line-height: 1.8;
}

.privacy-content {
    min-width: 0;
}

.privacy-card {
    gap: 20px;
    margin-bottom: 20px;
    padding: 28px;
    background: #fff;
    border: 1px solid rgba(0, 27, 104, .07);
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0, 27, 104, .06);
    scroll-margin-top: 100px;
}

.privacy-card h2 {
    margin: 0 0 12px;
    color: #001b68;
    font-size: 20px;
    font-weight: 700;
}

.privacy-card p {
    margin: 0 0 12px;
    color: #5d6b85;
    font-size: 13px;
    line-height: 1.85;
}
.privacy-card ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.privacy-card li {
    position: relative;
    margin-bottom: 9px;
    padding-left: 20px;
    color: #5d6b85;
    font-size: 13px;
    line-height: 1.7;
}
.privacy-contact {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 25px;
    padding: 28px;
    color: #fff;
    background: linear-gradient(
        135deg,
        #001b68,
        #0066e6
    );
    border-radius: 10px;
    box-shadow: 0 12px 35px rgba(0, 27, 104, .15);
}

.privacy-contact-icon {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00cfff;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 8px;
    font-size: 18px;
}

.privacy-contact h2 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 18px;
}

.privacy-contact p {
    margin: 0 0 8px;
    color: rgba(255,255,255,.78);
    font-size: 12px;
    line-height: 1.7;
}

.privacy-contact a {
    color: #00cfff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.privacy-contact a:hover {
    color: #fff;
}

.privacy-updated {
    margin-top: 20px;
    color: #8995a9;
    font-size: 11px;
    text-align: right;
}

.privacy-updated i {
    margin-right: 5px;
    color: #0066e6;
}
.duo-home-lift-section {
    position: relative;
    padding: 40px 0;
    background: #f5f9ff;
    overflow: hidden;
}

.duo-home-lift-section .container {
    position: relative;
    z-index: 2;
}

.duo-product-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(350px, .75fr);
    gap: 70px;
    align-items: start;
}

.duo-product-content {
    min-width: 0;
}

.duo-product-content .about-label {
    margin-bottom: 12px;
}

.duo-product-content > h2 {
    margin: 0 0 20px;
    color: #001b68;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.duo-product-content > h2 span {
    color: #0066e6;
}

.duo-product-content > p {
    margin: 0 0 17px;
    color: #5d6b85;
    font-size: 14px;
    line-height: 1.9;
}

.duo-product-content > p strong {
    color: #001b68;
}

.duo-lead {
    font-size: 15px !important;
    color: #45546e !important;
}

.duo-benefits-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 38px 0 22px;
}

.duo-line {
    width: 4px;
    height: 30px;
    flex-shrink: 0;
    background: linear-gradient(
        to bottom,
        #00cfff,
        #0066e6
    );
    border-radius: 5px;
}

.duo-benefits-heading h3 {
    margin: 0;
    color: #001b68;
    font-size: 24px;
    font-weight: 700;
}

.duo-benefits-heading h3 span {
    color: #0066e6;
}
.duo-benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.duo-benefit-card {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    background: #fff;
    border: 1px solid rgba(0, 27, 104, .07);
    border-radius: 9px;
    box-shadow: 0 7px 25px rgba(0, 27, 104, .05);
    transition: all .35s ease;
}

.duo-benefit-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 207, 255, .35);
    box-shadow: 0 14px 35px rgba(0, 27, 104, .10);
}

.duo-benefit-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 102, 230, .07);
    border: 1px solid rgba(0, 207, 255, .15);
    border-radius: 8px;
    transition: all .3s ease;
}

.duo-benefit-card:hover .duo-benefit-icon {
    background: #001b68;
    border-color: #001b68;
}

.duo-benefit-icon i {
    color: #0066e6;
    font-size: 20px;
    transition: all .3s ease;
}
.duo-benefit-content h4 {
    margin: 0 0 7px;
    color: #001b68;
    font-size: 14px;
    font-weight: 700;
}

.duo-benefit-content p {
    margin: 0;
    color: #68758b;
    font-size: 11.5px;
    line-height: 1.7;
}
.duo-product-image-wrap {
    position: sticky;
    top: 100px;
}
.duo-product-image {
        height: 400px;
        width: 100%;
       
    }

    .duo-product-image  img {
        height: 100%;
        width: 100%;
        object-fit: fill;
         border-radius: 8px;
    }

@media (max-width: 1199px) {

    .duo-product-layout {
        gap: 45px;
    }

    .duo-product-content > h2 {
        font-size: 34px;
    }
}

@media (max-width: 991px) {


    .duo-product-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }
    .duo-product-image {
        min-height: 300px;
    }

    .duo-product-image  img {
        height: 100%;
        width: 100%;
    }

}

@media (max-width: 767px) {

    .duo-home-lift-section {
        padding: 55px 0;
    }

    .duo-product-content > h2 {
        font-size: 28px;
    }

    .duo-product-content > p {
        font-size: 13px;
    }

    .duo-benefits {
        grid-template-columns: 1fr;
    }

    .duo-product-image {
        min-height: 420px;
        
    }

    .duo-product-image > img {
        max-height: 390px;
    }

    .duo-image-caption {
        bottom: 12px;
    }

    .duo-image-caption span {
        padding: 6px 8px;
    }

    .duo-product-cta {
        flex-direction: column;
        align-items: flex-start;
    }

    .duo-cta-btn {
        width: 100%;
        justify-content: center;
    }

}

@media (max-width: 480px) {

    .duo-product-image {
        min-height: 360px;
        padding: 20px;
    }

    .duo-product-image > img {
        max-height: 330px;
    }

    .duo-image-badge {
        top: 12px;
        left: 12px;
        font-size: 8px;
    }

    .duo-image-caption {
        left: 10px;
        right: 10px;
    }

    .duo-image-caption span {
        font-size: 8px;
    }

    .duo-benefit-card {
        padding: 16px;
    }

}
.benefit-sec{
    padding: 40px 0px;
}
.duo-specifications-section {
    position: relative;
    padding: 40px 0;
    background: #fff;
    overflow: hidden;
}

.duo-specifications-section .container {
    position: relative;
    z-index: 2;
}

.duo-spec-heading {
    max-width: 720px;
    margin: 0 auto 25px;
    text-align: center;
}

.duo-spec-heading .about-label {
    justify-content: center;
}

.duo-spec-heading h2 {
    margin: 12px 0;
    color: #001b68;
    font-size: 38px;
    line-height: 1.2;
}

.duo-spec-heading h2 span {
    color: #0066e6;
}

.duo-spec-heading p {
    margin: 0;
    color: #65738a;
    font-size: 13px;
    line-height: 1.8;
}

.duo-spec-box {
    display: grid;
    grid-template-columns: 285px 1fr;
    min-height: 510px;
    background: #f5f9ff;
    border: 1px solid rgba(0, 27, 104, .07);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(0, 27, 104, .08);
}



.duo-spec-tabs {
    padding: 22px;
    background: #001b68;
}

.duo-spec-tab {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 42px 1fr 15px;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    padding: 14px 12px;
    color: rgba(255,255,255,.65);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    text-align: left;
    cursor: pointer;
    transition: all .3s ease;
}

.duo-spec-tab:hover {
    color: #fff;
    background: rgba(255,255,255,.06);
}

.duo-spec-tab.active {
    color: #fff;
    background: #0066e6;
    border-color: rgba(0,207,255,.45);
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

.spec-tab-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00cfff;
    background: rgba(255,255,255,.08);
    border-radius: 6px;
    font-size: 14px;
}

.duo-spec-tab.active .spec-tab-icon {
    color: #001b68;
    background: #00cfff;
}

.duo-spec-tab strong {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 700;
}

.duo-spec-tab small {
    display: block;
    color: rgba(255,255,255,.45);
    font-size: 9px;
}

.duo-spec-tab.active small {
    color: rgba(255,255,255,.72);
}

.tab-arrow {
    color: rgba(255,255,255,.25);
    font-size: 9px;
    transition: transform .3s ease;
}

.duo-spec-tab.active .tab-arrow {
    color: #00cfff;
    transform: translateX(3px);
}


/* =========================================
   CONTENT
========================================= */

.duo-spec-content {
    position: relative;
    padding: 40px;
    background: #fff;
}

.duo-spec-panel {
    display: none;
    animation: specFade .4s ease;
}

.duo-spec-panel.active {
    display: block;
}

@keyframes specFade {

    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================
   PANEL HEADING
========================================= */

.spec-panel-heading {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 30px;
}

.spec-panel-icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(
        135deg,
        #001b68,
        #0066e6
    );
    border-radius: 9px;
    font-size: 18px;
    box-shadow: 0 8px 20px rgba(0,102,230,.18);
}

.spec-panel-heading span {
    display: block;
    margin-bottom: 3px;
    color: #00a9d0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.spec-panel-heading h3 {
    margin: 0 0 5px;
    color: #001b68;
    font-size: 23px;
}

.spec-panel-heading p {
    margin: 0;
    color: #718096;
    font-size: 11px;
    line-height: 1.6;
}


/* =========================================
   FEATURES GRID
========================================= */

.spec-feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.spec-feature {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 13px 15px;
    background: #f7faff;
    border: 1px solid #e9eef7;
    border-radius: 7px;
    transition: all .3s ease;
}

.spec-feature:hover {
    background: #eef7ff;
    border-color: rgba(0,207,255,.35);
    transform: translateX(3px);
}

.spec-feature > i {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0066e6;
    background: rgba(0,102,230,.09);
    border-radius: 50%;
    font-size: 10px;
}

.spec-feature span {
    color: #4f5f78;
    font-size: 11px;
    line-height: 1.5;
}


/* =========================================
   NOTE
========================================= */

.spec-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 20px;
    padding: 14px 16px;
    background: #f0f9ff;
    border-left: 3px solid #00cfff;
    border-radius: 5px;
}

.spec-note > i {
    margin-top: 2px;
    color: #0066e6;
    font-size: 13px;
}

.spec-note p {
    margin: 0;
    color: #607087;
    font-size: 10px;
    line-height: 1.7;
}


/* =========================================
   SAFETY HIGHLIGHT
========================================= */

.safety-highlight {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
    padding: 18px;
    background: linear-gradient(
        135deg,
        #001b68,
        #0066e6
    );
    border-radius: 8px;
}

.safety-highlight-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00cfff;
    background: rgba(255,255,255,.10);
    border-radius: 6px;
}

.safety-highlight h4 {
    margin: 0 0 3px;
    color: #fff;
    font-size: 13px;
}

.safety-highlight p {
    margin: 0;
    color: rgba(255,255,255,.68);
    font-size: 10px;
    line-height: 1.6;
}


/* =========================================
   TECHNICAL SPECIFICATIONS
========================================= */

.technical-specs {
    border: 1px solid #e8edf5;
    border-radius: 8px;
    overflow: hidden;
}

.technical-row {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    align-items: center;
    min-height: 45px;
    border-bottom: 1px solid #e8edf5;
}

.technical-row:last-child {
    border-bottom: 0;
}

.technical-row:nth-child(even) {
    background: #f7faff;
}

.technical-row span {
    padding: 11px 15px;
    color: #718096;
    font-size: 11px;
}

.technical-row strong {
    padding: 11px 15px;
    color: #001b68;
    font-size: 11px;
    font-weight: 700;
}
@media (max-width: 991px) {

    .duo-spec-box {
        grid-template-columns: 1fr;
    }

    .duo-spec-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .duo-spec-tab {
        margin: 0;
    }

    .tab-arrow {
        display: none;
    }

    .duo-spec-content {
        padding: 30px;
    }

}


@media (max-width: 767px) {

    .duo-spec-heading h2 {
        font-size: 29px;
    }

    .duo-spec-tabs {
        display: flex;
        overflow-x: auto;
        gap: 8px;
        padding-bottom: 5px;
        scrollbar-width: thin;
    }

    .duo-spec-tab {
        min-width: 190px;
        flex-shrink: 0;
    }

    .duo-spec-content {
        padding: 22px;
    }

    .spec-panel-heading {
        gap: 13px;
        margin-bottom: 22px;
    }

    .spec-panel-icon {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
    }

    .spec-panel-heading h3 {
        font-size: 19px;
    }

    .spec-feature-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 480px) {

    .duo-spec-heading h2 {
        font-size: 25px;
    }

    .duo-spec-tab {
        min-width: 175px;
    }

    .duo-spec-tab strong {
        font-size: 11px;
    }

    .duo-spec-tab small {
        font-size: 8px;
    }

    .technical-row {
        grid-template-columns: 1fr;
    }

    .technical-row span {
        padding-bottom: 3px;
        color: #8a95a8;
    }

    .technical-row strong {
        padding-top: 3px;
    }

}