/* Enterprise final responsive override (loaded last) */
:root {
  --max-container: 1800px;
  --max-content: 1600px;
  --max-dense: 1400px;
}

html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body {
  margin: 0 !important;
  position: relative;
}

/* Shared header/footer consistency */
nav,
nav.sticky {
  width: min(92vw, var(--max-container)) !important;
  max-width: var(--max-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.footer-inner {
  width: min(100%, var(--max-content)) !important;
  max-width: var(--max-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.footer-legal {
  width: min(100%, var(--max-dense)) !important;
  max-width: var(--max-dense) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Main1 hard containment */
.hero-slider,
.glance-section,
.kdee-story-section,
.services-section,
.ind-section,
.clients-section,
.contact-section,
.digital-india-section {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.glance-container,
.kdee-story-section .container,
.services-section .section-heading,
.services-section .services-container {
  width: min(calc(100% - 40px), var(--max-content)) !important;
  max-width: var(--max-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Deterministic grids for desktop/tablet/mobile */
@media (min-width: 901px) {
  .services-section .services-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .kd-services-section-isolated .services-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1000px) {
  :root {
    --max-container: 100%;
    --max-content: 100%;
    --max-dense: 100%;
  }

  .container,
  .main-inner,
  .footer-inner,
  .glance-container,
  .services-section .section-heading,
  .services-section .services-container,
  .hero-slider,
  header nav,
  nav,
  nav.sticky,
  .about,
  .about-container,
  .kd-global-reach-isolated .container,
  .kd-services-section-isolated .container,
  [class*="max-w-"] {
    width: 98% !important;
    max-width: 98% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Improved spacing for ultra-wide navbar */
  .nav-links {
    gap: 50px !important;
  }

  .nav-links a {
    font-size: 18px !important;
    /* Larger nav links */
  }

  .logo img {
    width: 160px !important;
  }

  /* Improved spacing and font for ultra-wide footer */
  .footer-links {
    justify-content: space-around !important;
    gap: 60px !important;
  }

  .footer-column {
    flex: 0 1 20% !important;
    min-width: 280px !important;
  }

  .footer-column h4 {
    font-size: 1.25rem !important;
    /* Larger footer headings */
    margin-bottom: 12px !important;
  }

  .footer-column a,
  .footer-column p {
    font-size: 1.1rem !important;
    /* Larger footer text */
    line-height: 1.6 !important;
  }

  .footer-legal {
    font-size: 1rem !important;
    /* Larger legal text */
    margin-top: 20px !important;
  }

  /* Improved spacing for Main1 stats and services */
  .glance-stats-grid {
    gap: 50px !important;
  }

  .services-section .services-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 60px !important;
    max-width: 1200px !important;
    /* Keep the grid from getting too wide with 2 cols */
  }

  /* Prevent service cards from becoming too stretched */
  .services-section .service-card {
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Improved spacing and font for Contact Us page */
  .top-row {
    gap: 80px !important;
    justify-content: center !important;
  }

  .location-card {
    max-width: 380px !important;
    border-radius: 12px !important;
  }

  .location-card h3 {
    font-size: 22px !important;
    margin: 15px !important;
  }

  .location-card p {
    font-size: 16px !important;
    margin: 0 15px 15px 15px !important;
    line-height: 1.5;
  }

  .contact-box h3 {
    font-size: 28px !important;
  }

  .contact-box p {
    font-size: 18px !important;
    line-height: 1.6;
  }

  .form-wrapper {
    margin-left: 0 !important;
    justify-content: center !important;
    gap: 100px !important;
  }

  form {
    max-width: 450px !important;
    padding: 40px !important;
  }

  form h3 {
    font-size: 26px !important;
  }

  form input,
  form textarea,
  form select {
    font-size: 16px !important;
    padding: 12px !important;
  }

  /* Improved spacing for Products page */
  .component-row,
  .services-grid,
  .cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 50px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Team Careers Form Optimization for 1920px */
  #application-form {
    max-width: 650px !important;
    margin: 80px auto 0 auto !important;
  }

  #application-form .shadow-lg {
    padding: 40px !important;
    background: #fff !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
    border: none !important;
  }

  #application-form form {
    display: block !important;
  }

  #application-form form>div {
    width: 100% !important;
    margin-bottom: 25px !important;
    text-align: left !important;
  }

  #application-form form label {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a202c !important;
    margin-bottom: 8px !important;
    display: block !important;
    letter-spacing: normal !important;
    text-align: left !important;
  }

  #application-form form input,
  #application-form form select,
  #application-form form textarea {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: block !important;
    padding: 15px !important;
    font-size: 16px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    transition: all 0.3s ease !important;
    text-align: left !important;
  }

  #application-form form input:focus,
  #application-form form select:focus,
  #application-form form textarea:focus {
    background: #fff !important;
    border-color: #23A6DD !important;
    box-shadow: 0 0 0 4px rgba(35, 166, 221, 0.1) !important;
    outline: none !important;
  }

  #application-form form button {
    width: 100% !important;
    padding: 18px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    margin-top: 15px !important;
  }

  /* About Us Page Optimization for 1920px */
  .about {
    gap: 100px !important;
    padding: 60px 0 !important;
  }

  .about-text h2 {
    font-size: 3.2rem !important;
    margin-bottom: 30px !important;
  }

  .about-text p {
    font-size: 1.25rem !important;
    max-width: 800px !important;
    margin-bottom: 25px !important;
    line-height: 1.8 !important;
  }

  .about-images {
    min-height: 500px !important;
    gap: 40px !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .about-images img {
    max-width: 400px !important;
    height: 280px !important;
    border-radius: 30px !important;
  }

  .kdee-section-header h2 {
    font-size: 36px !important;
    margin-bottom: 20px !important;
  }

  .kdee-award-item img {
    height: 320px !important;
  }

  .kdee-award-title {
    font-size: 19px !important;
  }

  .kdee-award-row {
    display: grid !important;
    grid-template-columns: 40% 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 10px 60px !important;
    align-items: start !important;
  }

  .kdee-award-row img {
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: 320px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 20px !important;
  }

  .kdee-award-title-overlay {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: static !important;
    padding: 0 !important;
    margin: 10px 0 0 0 !important;
    font-size: 22px !important;
    color: #4a5568 !important;
    font-weight: 700 !important;
    display: block !important;
  }

  .kdee-award-bigpara {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    margin: 0 !important;
    font-size: 1.15rem !important;
    line-height: 1.8 !important;
    text-align: justify !important;
    color: #444 !important;
  }

  .kdee-cert-card {
    padding: 40px !important;
  }

  .kdee-cert-card h3 {
    font-size: 24px !important;
  }

  .kdee-cert-card p {
    font-size: 18px !important;
  }

  /* Vision/Mission Box Optimization */
  .kdee-whyus {
    gap: 60px !important;
    margin-top: 40px !important;
  }

  .kdee-mission-section,
  .kdee-vision-section {
    padding: 60px !important;
    border-radius: 25px !important;
    gap: 60px !important;
    background: #ffffff !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05) !important;
  }

  .kdee-mission-text h3,
  .kdee-vision-text h3 {
    font-size: 36px !important;
    margin-bottom: 20px !important;
  }

  .kdee-mission-text p,
  .kdee-vision-text p {
    font-size: 1.2rem !important;
    line-height: 1.9 !important;
  }

  /* Image Position Fix (Faces) */
  .focus-item img,
  .kdee-award-item img,
  .kdee-award-row img {
    object-position: center 20% !important;
    /* Prevents heads from being cut off in vertical crops */
  }

  /* Main1 Home Page Specific Optimizations */
  .about-images img.img1,
  .about-images img.img2 {
    max-width: 480px !important;
    height: 320px !important;
    border-radius: 25px !important;
  }

  .kdee-story-section h1 {
    font-size: 52px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
  }

  .kdee-story-section .intro {
    font-size: 20px !important;
    max-width: 900px !important;
    margin-bottom: 50px !important;
  }

  .gradient-line-horizontal {
    height: 3px !important;
    top: -30px !important;
    left: 130px !important;
    width: calc(100% - 130px) !important;
    transform: none !important;
    z-index: 0 !important;
    background: linear-gradient(90deg, #28a745, #ff7e5f, #feb47b) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .gradient-line-vertical {
    width: 3px !important;
    left: 150px !important;
    top: -60px !important;
    height: calc(100% + 30px) !important;
    transform: none !important;
    z-index: 0 !important;
    background: linear-gradient(180deg, #28a745, #ff7e5f, #feb47b) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .ind-section {
    padding: 100px 0 !important;
  }

  .ind-heading {
    font-size: 48px !important;
    line-height: 1.1 !important;
  }

  .ind-icons {
    gap: 60px !important;
    padding: 60px !important;
    justify-content: center !important;
  }

  .ind-item {
    width: 200px !important;
  }

  .ind-icon {
    width: 100px !important;
    height: 100px !important;
  }

  .ind-item h4 {
    font-size: 22px !important;
  }

  /* Main2 Informatic Section (Wide Range of Products / Leading Suppliers) */
  .kd-informatic-section-isolated .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 100px 4% !important;
  }

  .kd-informatic-section-isolated .info-block {
    margin-bottom: 150px !important;
    gap: 120px !important;
    align-items: center !important;
  }

  .kd-informatic-section-isolated .info-block-title {
    font-size: 52px !important;
    margin-bottom: 25px !important;
    line-height: 1.1 !important;
  }

  .kd-informatic-section-isolated .info-block-description {
    font-size: 22px !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
    color: #4a5568 !important;
  }

  .kd-informatic-section-isolated .info-block-button {
    padding: 18px 40px !important;
    font-size: 20px !important;
    border-radius: 12px !important;
  }

  .kd-informatic-section-isolated .info-block-image {
    max-width: 48% !important;
    width: 48% !important;
  }

  .kd-informatic-section-isolated .image-placeholder {
    max-width: 100% !important;
    width: 100% !important;
    height: 500px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    position: relative !important;
  }




  .kd-informatic-section-isolated .info-block-content {
    max-width: 45% !important;
  }

  /* Main2 Our Services Section (Full Bleed Edge-to-Edge) */
  .kd-services-section-isolated .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 120px 0 !important;
    /* Removed side padding for full bleed */
    margin: 0 !important;
  }

  .kd-services-section-isolated .section-header {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 80px !important;
    padding: 0 4% !important;
  }

  .kd-services-section-isolated .section-title {
    font-size: 56px !important;
    margin-bottom: 30px !important;
  }

  .kd-services-section-isolated .section-description {
    font-size: 24px !important;
    max-width: 100% !important;
    line-height: 1.8 !important;
  }

  .kd-services-section-isolated .services-grid {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 30px !important;
    margin-top: 60px !important;
  }

  .kd-services-section-isolated .service-card {
    width: 100% !important;
    max-width: none !important;
    height: 400px !important;
  }

  .kd-services-section-isolated .service-name {
    font-size: 21px !important;
    margin-top: 20px !important;
    line-height: 1.3 !important;
  }

  .kd-services-section-isolated .card-back p {
    font-size: 17px !important;
    line-height: 1.5 !important;
    padding: 15px !important;
  }

  /* Products Page Hero Refinement */
  .hero-section h1 {
    font-size: 5rem !important;
    line-height: 1.1 !important;
    margin-bottom: 30px !important;
  }

  .hero-section .description {
    font-size: 1.5rem !important;
    max-width: 1200px !important;
    line-height: 1.6 !important;
    margin-bottom: 40px !important;
  }

  /* Products Page: Categories Slider (Full Bleed) */
  .slider-section .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 100px 0 !important;
  }

  .slider-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 100px !important;
  }

  .slider-item {
    width: 240px !important;
    height: 300px !important;
    border-radius: 20px !important;
  }

  .slider-item img {
    max-height: 200px !important;
  }

  .slider-item p {
    font-size: 1.3rem !important;
    font-weight: 600 !important;
  }

  /* Components Category (Maximum Full-Bleed & Massive Cards) */
  .components-section .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 100px 1% !important;
    margin: 0 !important;
  }

  .components-section h2 {
    font-size: 4.5rem !important;
    margin-bottom: 70px !important;
  }

  .components-section .component-row {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 80px !important;
    width: 100% !important;
  }

  .component-item {
    height: 220px !important;
    padding: 60px !important;
    border-radius: 30px !important;
  }

  .component-item img {
    width: 150px !important;
    height: 150px !important;
    margin-right: 60px !important;
  }

  .component-item h3 {
    font-size: 2.8rem !important;
    margin-bottom: 20px !important;
  }

  .component-item p {
    font-size: 1.6rem !important;
    line-height: 1.7 !important;
  }

  /* Products Services (2 Columns for 1920px) */
  .unique-services-section .container {
    max-width: 1700px !important;
    padding: 100px 20px !important;
  }

  .unique-services-section .services-grid-new {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 80px 80px !important;
  }

  .service-item-new h3 {
    font-size: 2.8rem !important;
  }

  .service-item-new .content-text p {
    font-size: 1.4rem !important;
    line-height: 1.7 !important;
  }

  /* Services.html Cards Grid (2 Columns for 1920px) */
  .cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 50px !important;
    max-width: 100% !important;
  }
}

/* Specific fix for 1366x768 Footer layout */
@media (min-width: 1001px) and (max-width: 1400px) {
  .footer-links {
    gap: 25px !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }
  
  .footer-column {
    min-width: 200px !important; /* Reduced from 280px */
    flex: 1 !important;
  }

  .footer-column h4 {
    font-size: 1.15rem !important;
  }
  
  .footer-column a, 
  .footer-column p {
    font-size: 0.95rem !important;
  }
}

@media (min-width: 769px) and (max-width: 900px) {
  .services-section .services-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .kd-services-section-isolated .services-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {

  .glance-container,
  .kdee-story-section .container,
  .services-section .section-heading,
  .services-section .services-container {
    width: min(calc(100% - 24px), var(--max-content)) !important;
  }

  .services-section .services-container {
    grid-template-columns: 1fr !important;
  }

  .kd-services-section-isolated .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* Contact Us Page Mobile Stacking */
  .contact-page .top-row {
    flex-direction: column !important;
    align-items: center !important;
    gap: 50px !important;
  }

  .contact-page .location-group {
    width: 100% !important;
    margin-left: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .contact-page .contact-box {
    width: 100% !important;
    text-align: center !important;
    margin-top: 20px !important;
  }

  .contact-page .section-title-left {
    margin-left: 0 !important;
    text-align: center !important;
    font-size: 24px !important;
  }
}

@media (max-width: 480px) {
  .kd-services-section-isolated .services-grid {
    grid-template-columns: 1fr !important;
  }
}