:root {	--primary-color: #1e3a8a;	--secondary-color: #014c3f;	--accent-color: #60a5fa;}

.pageInt .hero-section {background:linear-gradient(135deg, #024b40 0%, #2b8977 100%);color: white;padding: 80px 0;position: relative;overflow: hidden; color:#fff;}
.pageInt .hero-section p{color:#fff;}

.pageInt .hero-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');animation: float 20s linear infinite;}

@keyframes float {
from { transform: translateY(0); }
to { transform: translateY(-100px); }
}
.pageInt .content-section {background: white;border-radius: 15px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);margin: -50px 0 30px;position: relative;z-index: 10;}
.pageInt .security-layer {background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);border-left: 4px solid var(--secondary-color);transition: all 0.3s ease;}
.pageInt .security-layer:hover {transform: translateX(10px);box-shadow: 0 5px 15px rgba(59, 130, 246, 0.3);}
.pageInt .metallization-card {background: white;border-radius: 10px;box-shadow: 0 4px 6px rgba(0,0,0,0.1);transition: all 0.3s ease;border-top: 3px solid var(--accent-color);}
.pageInt .metallization-card:hover {transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
.pageInt .feature-icon {width: 60px;height: 60px;background: linear-gradient(135deg, var(--secondary-color), var(--accent-color));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 24px;margin-bottom: 15px;}
.pageInt .badge-custom {background:linear-gradient(135deg, #fdcc0b, #fbcd0d);color:#000;padding: 5px 15px;border-radius: 20px;font-size: 14px;}
.pageInt .hologram-feature {background:#f8fafc;padding: 10px 15px;margin: 5px 0;border-radius: 8px;border-left: 3px solid var(--secondary-color);transition: all 0.3s ease;}
.pageInt .hologram-feature:hover {background: #e0f2fe;transform: translateX(5px);}
.pageInt .machinery-list {/*background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);*/border-radius: 10px;padding: 20px;}
 .machinery-list .hologram-feature {background:#fde68a;padding: 10px 15px;margin: 5px 0;border-radius: 8px;border-left: 3px solid var(--secondary-color);transition: all 0.3s ease;}


.pageInt .process-step {position: relative;padding-left: 40px;margin-bottom: 25px;}
.pageInt .process-step::before {content: '';position: absolute;left: 10px;top: 0;bottom: -25px;width: 2px;background: linear-gradient(to bottom, var(--secondary-color), var(--accent-color));}
.pageInt .process-step:last-child::before {display: none;}
.pageInt .process-number {position: absolute;left: 0;top: 0;width: 30px;height: 30px;background: linear-gradient(135deg, var(--secondary-color), var(--accent-color));border-radius: 50%;color: white;display: flex;align-items: center;justify-content: center;font-weight: bold;}
.pageInt .quote-box {background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);border-left: 5px solid var(--primary-color);padding: 20px;border-radius: 10px;font-style: italic;font-size: 18px;color: var(--primary-color);margin: 30px 0;}

.pageInt h2{ color:#009179;}
.pageInt h2 i{color: #d70d8e;}

.contact-list p{ color:var(--color-eighteen);}

.img-tec{ min-width:100%;border-radius: 8px;}

.readMore{font-size: 16px;}
.readMore i{line-height: 10px;font-size: 14px;}
.lower-content p{ margin:0; padding:0;line-height: 18px;padding-bottom: 10px;
    color: #000;
    font-weight: 300;}

 
 
.vision{ background:#eee; padding:10px;border-radius: 5px;} 
.mission{ background:#eee; padding:10px;border-radius: 5px;} 

.textmid{ margin-bottom:15px; line-height: 21px;}
.textmid p{line-height: 21px!important;}

.productsTOp{ padding:5% 0 0;}

.border-radius5{border-radius: 5px;}
.sidebar-pages{background: #fff; padding:15px;border-radius: 5px;box-shadow: 0px 0px 20px #eee;}

.frbg{ background:#eee; padding:30px;}
/* Small, modern card styling */
.leadership-section { padding: 4rem 10px;}

.leadership-section .col-xl-3{width: 20%; padding: 0 8px;}

.our-team .leader-card { border: 0; transition: transform .22s ease, box-shadow .22s ease; }
.our-team .leader-card:hover { transform: translateY(-6px); box-shadow: 0 10px 30px rgba(17,17,17,.08); }
.our-team .leader-photo {width: 120px; height: 120px; object-fit: cover; border-radius: 2%;border: 5px solid rgba(255,255,255,.9); box-shadow: 0 6px 18px rgba(17,17,17,.06);margin-top:0px; background-color: #f3f4f6;
}
.our-team .role { letter-spacing: .6px; font-size: .85rem; color: #df1176; }
.our-team .leader-name { font-weight: 600; margin-bottom: .15rem; }
.our-team .card-body { padding-top: 1rem; background: linear-gradient(90deg,#eef2ff,#f8fafc);border-bottom: 5px solid #df1176;}
.our-team .card-head { position: relative; background: linear-gradient(90deg,#eef2ff,#f8fafc); border-top-left-radius: .5rem; border-top-right-radius: .5rem; }
.lttext{ padding-bottom:50px; text-align:center;}
.slide h2{ color:#fff;}
.xs-sidebar-group .widget-heading{ z-index:999;}





 
 
.service-block-five .icon-box {width: 72px;height: 72px;display: flex;align-items: center;justify-content: center;margin: 0 auto 18px;}
.service-block-five .icon-box svg {width: 56px;height: 56px;color: #EFA603;  }
.service-block-five .icon-box svg [fill="currentColor"] {fill: currentColor;}
.service-block-five .icon-box svg [stroke] {stroke: currentColor;}


.list-unstyled li{ margin-bottom:7px;}


@media only screen and (max-width:767px) {
.leadership-section .col-xl-3 {
    width: 50%;
    padding: 0 8px;
}
}


@media only screen and (max-width:1100px) {

.main-header .header-lower .nav-outer {margin-right: 7%;}
 
}



:root {
  --primary-color: #1a365d;
  --secondary-color: #2d5a87;
  --accent-color: #e53e3e;
  --text-primary: #2d3748;
  --text-secondary: #4a5568;
  --background-light: #f7fafc;
  --background-white: #ffffff;
  --border-color: #e2e8f0;
  --shadow-light: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-large: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.services-section {padding: 80px 0;position: relative;overflow: hidden;}
.services-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.15) 0%, transparent 50%);pointer-events: none;}
.section-header {text-align: center;margin-bottom: 60px;position: relative;z-index: 1;}
.section-header h2 {font-size: 3rem;font-weight: 600;color: var(--primary-color);margin-bottom: 16px;position: relative;display: inline-block;}
.section-header h2::after {content: '';position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 60px;height: 3px;background: var(--gradient-primary);border-radius: 2px;}
.section-header p {font-size: 1.2rem;color: var(--text-secondary);max-width: 600px;margin: 0 auto;opacity: 0;animation: fadeInUp 0.8s ease-out 0.3s forwards;}
.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 15px;position: relative;z-index: 1;}
.service-card {background: var(--background-white);border-radius: 16px;padding: 15px 15px;text-align: center;box-shadow: var(--shadow-light);border: 1px solid var(--border-color);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;opacity: 0;transform: translateY(30px);animation: slideInUp 0.6s ease-out forwards;margin-bottom: 10px;}
.service-card:nth-child(1) { animation-delay: 0.1s; }
.service-card:nth-child(2) { animation-delay: 0.2s; }
.service-card:nth-child(3) { animation-delay: 0.3s; }
.service-card:nth-child(4) { animation-delay: 0.4s; }
.service-card:nth-child(5) { animation-delay: 0.5s; }
.service-card:nth-child(6) { animation-delay: 0.6s; }
.service-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--gradient-primary);transform: scaleX(0);transition: transform 0.4s ease;}
.service-card:hover::before {transform: scaleX(1);}
.service-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-large);border-color: rgba(102, 126, 234, 0.3);}
.icon-container {width: 80px;height: 80px;margin: 0 auto 10px;background: var(--gradient-primary);border-radius: 20px;display: flex;align-items: center;justify-content: center;position: relative;transition: all 0.4s ease;}
.service-card:hover .icon-container {transform: scale(1.1) rotate(5deg);background: var(--gradient-secondary);}
.service-icon {width: 40px;height: 40px;color: white;stroke-width: 1.5;transition: all 0.3s ease;}
.service-card:hover .service-icon {transform: scale(1.1);}
.service-card h3 {font-size: 1.3rem;font-weight: 600;color: var(--primary-color);margin-bottom: 10px;transition: color 0.3s ease;}
.service-card:hover h3 {color: var(--secondary-color);}
.service-card p {color: var(--text-secondary);line-height: 1.7;font-size: 1rem; margin:0;}

/* Animations */
@keyframes fadeInUp {
from {
opacity: 0;transform: translateY(20px);
}
to {
opacity: 1;transform: translateY(0);
}
}

@keyframes slideInUp {
from {
opacity: 0;transform: translateY(30px);
}
to {
opacity: 1;transform: translateY(0);
}
}

/* Responsive Design */
@media (max-width: 768px) {
.services-section {padding: 60px 0;}
.section-header h2 {font-size: 2.5rem;}
.section-header p {font-size: 1.1rem;}
.services-grid {grid-template-columns: 1fr;gap: 20px;}
.service-card {padding: 30px 20px;}
.icon-container {width: 70px;height: 70px;}
.service-icon {width: 35px;height: 35px;}
}

@media (max-width: 480px) {
.section-header h2 {font-size: 2rem;}
.service-card {padding: 25px 15px;}
.service-card h3 {font-size: 1.3rem;}
}

/* Focus states for accessibility */
.service-card:focus-within {outline: 2px solid var(--accent-color);outline-offset: 2px;}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
.service-card,
.section-header p,
.icon-container,
.service-icon {
animation: none;
transition: none;
}

.service-card:hover {
transform: none;
}

.service-card:hover .icon-container {
transform: none;
}
}