/*
Theme Name: Ultron AI Child - Retail AI
Description: Child theme of Ultron AI for Retail AI Foundation Model website
Author: Your Name
Template: ultronai
Version: 1.0.0
Text Domain: ultronai-child
*/

/* Import parent theme styles */
/* @import url("../ultronai/style.css"); */

/* Custom styles for Retail AI theme */
 
 :root {
      --fade-size: 125px;
      --scroll-duration: 30s;
    }

 
 * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
    font-family: "Chakra Petch", sans-serif;
  font-weight: 400;
  font-style: normal;
	
      line-height: 1.6;
      color: #111;
    }
	
	html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

.chakra-petch-light {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.chakra-petch-regular {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.chakra-petch-medium {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.chakra-petch-semibold {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.chakra-petch-bold {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.chakra-petch-light-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.chakra-petch-regular-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.chakra-petch-medium-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.chakra-petch-semibold-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.chakra-petch-bold-italic {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-style: italic;
}


.syncopate-regular {
  font-family: "Syncopate", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.syncopate-bold {
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.pdl-5{padding-left:5px;}
	
    .container {
      width: 90%;
      max-width: 1200px;
      margin: auto;
    }
    img {
      max-width: 100%;
      display: block;
    }

    /* Header */
    header {
      position: fixed;
      width: 100%;
      top: 0;
      background: transparent;
      color: white;
      z-index: 1000;
      padding: 20px 0 20px 0;
      transition: background 0.3s ease, box-shadow 0.3s ease;
    }
    header.scrolled {
      background: #2C68ff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .header-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .logo {
      font-size: 1.5rem;
      font-weight: bold;
    }
    .logo span {
      font-weight: 300;
      color: #69f;
    }

    .nav-links {
      display: flex;
      list-style: none;
	      padding: 10px 35px;
    border: 2px solid #ffffff54;
    border-radius: 100px;
    }
	
	.nav-links li {
      margin:0 40px 0 0px;
    }
	
	.nav-links li:last-child {
      margin:0 ;
    }
	
	.nav-links li:nth-last-child(2) {
    margin: 0;
}
	
    .nav-links a {
      color: white;
      text-decoration: none;
      font-weight: 400;
	      font-size: 20px;
    }
    #menu-toggle,
    #menu-close {
      display: none;
      font-size: 1.5rem;
      background: none;
      border: none;
      color: white;
      cursor: pointer;
    }

    /* Hero */
    .hero {
       background-image: url('../images/hero-bg.png');
      color: white;
         padding-top: 250px;
    text-align: left;
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 700px;
}
	
.side-text {
    position: absolute;
    right: 3%;
    top: 70%;
    transform: rotate(90deg) translateY(100%);
    transform-origin: right;
    font-size: 0.9rem;
    letter-spacing: 2px;
}
    .hero h1 {
        font-size: 60px;
    margin: 0 0 0 0;
    font-weight: 500;
    }
    .btn-primary {
		font-size: 14px;
      background: #fff;
      color: #2C68FF;
      padding: 0.75rem 1.7rem;
      border-radius: 80px;
      font-weight: 600;
      text-decoration: none;
      display: inline-block;
      margin-top: 1rem;
	  text-transform: uppercase;
    }
    .subtext {
      font-size: 20px;
    }

    /* Sections */
    .mission-section {
      padding: 90px 0 0 0;
    }
	
	.mission-section p {
      font-size:20px;
	  font-weight: 300;
	  color:#535862;
    }
	.mission-section strong {
	  font-weight: 600;
	   color:#181D27;
    }
	
    .alt-bg {
      background: #f8f9fc;
    }
    .mission-heading {
    color: #181D27;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 40px;
    line-height: 48px;
}
	
	.blue-label {
    color: #2C68FF;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0.5rem;
	text-transform: uppercase;
}
	
    .mission-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      align-items: center;
	  border-bottom: 1px solid #e5e5e5;
    padding-bottom: 70px;
    }
    .mission-grid .text {
      flex: 1 1 50%;
	  padding-right: 100px;
    }
    .mission-grid .image-box {
      width: 560px;
      height: 585px;
      overflow: hidden;
    }
    .mission-grid .image-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 12px;
      background: #111;
    }
	
	
	/* Problem Section */
	 
	 .problem-section {
      padding: 60px 0px;
      background-color: white;
    }
    .container {
      max-width: 1200px;
      margin: auto;
    }
    .section-subtitle {
      color: #2563eb;
      font-weight: 600;
      margin-bottom: 8px;
	      text-transform: uppercase;
		  font-size:15px;
		
    }
    .section-title {
      font-size: 36px;
      font-weight: 600;
      color: #0f172a;
      margin-bottom: 40px;
	      line-height: 44px;
    }
    .cards-and-text {
      display: flex;
      gap: 25px;
      align-items: flex-start;
      flex-wrap: wrap;
    }
    .cards {
      display: flex;
      gap: 25px;
      flex: none;
      flex-wrap: nowrap;
    }
    .card {
      background-color: #2C68FF;
      border-radius: 16px;
      padding: 30px;
      color: white;
      width: 390px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      justify-content: center;
      align-items: flex-start;
      min-height: 160px;
    }
    .card h3 {
      font-size: 60px;
      margin: 0;
	  line-height: 48px;
	  font-weight: 600;
    }
    .card p {
      font-size: 18px;
      font-weight: 400;
      margin: 0;
    }
  
	
	.problem-section .text-content p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
	padding-left: 20px;
}
	
    .text-content {
      flex: 1;
      font-size: 16px;
      color: #374151;
      line-height: 1.6;
      max-width: 400px;
    }
    .text-content strong {
      font-weight: 700;
    }
	 
	 
	 /* Solution Section */
	 
    .solution-section {
      padding: 60px 0px;
      background-color: #f9f9fb;
    }

    .solution-container {
      max-width: 1200px;
      margin: auto;
    }

    .solution-subtitle {
      color: #2563eb;
      font-weight: 600;
      margin-bottom: 12px;
	  font-size:14px;
	  text-transform:uppercase;
    }

    .solution-title {
      font-size: 36px;
      font-weight: 600;
      color: #0f172a;
      margin-bottom: 16px;
	  line-height: 44px;
    }

    .solution-description {
      font-size: 20px;
      color: #6b7280;
      line-height: 30px;
	  margin-bottom:50px;
}

    .solution-grid {
      display: flex;
      gap: 12px;
      flex-wrap: nowrap;
      justify-content: space-between;
      flex-direction: row;
    }

    .solution-card {
		background-color: white;
		border-radius: 8px;
		padding: 24px;
		flex: 1 1 0;
		display: flex;
		flex-direction: column;
		gap: 16px;
		min-width: 0;
	}

.solution-section .solution-card .icon-placeholder {
	 margin-bottom: 24px;
}
    .icon-placeholder {
      width: 48px;
      height: 48px;
      border-radius: 12px;
	  margin-bottom: 60px;
	  justify-content: center;
    display: flex;
    align-items: center;
	font-size: 20px;
	color:#fff;
    }

    .solution-card h4 {
      font-size: 20px;
      font-weight: 500;
      color: #111827;
      margin: 0;
	      line-height: 24px;
    }

    .solution-card p {
      font-size: 16px;
      color: #4b5563;
      margin: 0;
	  font-weight: 300;
	   line-height: 22px;
    }

    .solution-card .highlight {
      font-size: 16px;
      color: #2563eb;
      font-weight: 600;
      margin-top: auto;
    }
	
	.use-cases-section {
      padding: 80px 0px;
      background-color: white;
    }
    .use-cases-section .container {
      max-width: 1200px;
      margin: auto;
    }
    .use-cases-subtitle {
      color: #2563eb;
      font-weight: 600;
      margin-bottom: 8px;
	  font-size:15px;
	  text-transform:uppercase;
    }
    .use-cases-title {
      font-size: 36px;
      font-weight: 600;
      color: #0f172a;
      margin-bottom: 12px;
    }
    .use-cases-description {
      font-size: 20px;
      color: #6b7280;
      max-width: 800px;
      max-width: 800px;
      margin-bottom: 48px;
    }
    .use-cases-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 30px;
    }
    .use-case-card {
      display: flex;
      flex-direction: column;
    }
    .use-case-image-placeholder {
      background-color: #1f2937;
      border-radius: 12px;
      height: 230px;
      margin-bottom: 16px;
	  overflow:hidden;
	  width: 100%;
    }
	
	.use-case-image-placeholder img{
          max-width: 100%;
    height: auto;
    object-fit: cover; width: 100%;
    }
	
    .use-case-card h4 {
      font-size: 18px;
      font-weight: 600;
      color: #111827;
      margin-bottom: 6px;
    }
    .use-case-card p {
      font-size: 16px;
      color: #6b7280;
    }
	
	/* Solution Section */
	
	
	
	
	/* Our Partners */
 
/* ===== Section basics ===== */
.partners-section{
  padding:clamp(3rem,8vw,5rem) 0;
  background:#fafafa;
  text-align:center;
}
.partners-title{
  font-weight:600;
  margin-bottom:2rem;
  font-size:14px;
  text-transform:uppercase;
}

/* ===== Scroller ===== */
.partners-scroller{
  /* fluid variables scale with viewport */
  --spacing:clamp(1rem,4vw,4rem);
  --fade:clamp(20px,6vw,60px);
  --logo-height:clamp(40px,10vw,90px);
  overflow:hidden;
  position:relative;
}

/* Edge fades */
.partners-scroller::before,
.partners-scroller::after{
  content:'';
  position:absolute;
  top:0;
  width:var(--fade);
  height:100%;
  pointer-events:none;
  z-index:2;
}
.partners-scroller::before{
  left:0;
  background:linear-gradient(to right, #fafafa00 0%, #00000000 100%);
}
.partners-scroller::after{
  right:0;
  background:linear-gradient(to left, #fafafa00 0%, transparent 100%);
}

.partners-track {
    display: flex;
    gap: 44px;
    align-items: center;
    transform: translateZ(0);
    width: 87px;
    height: 30px;
}


.partners-track img {
    flex: 0 0 auto;
    width: auto;
    max-height: 100%;
    object-fit: contain;
}

.partners-track img:hover{transform:scale(1.05);}

/* ===== Animation ===== */
@keyframes scroll{
  0%  {transform:translateX(100%);}   /* start off‑screen right */
  100%{transform:translateX(-100%);}  /* end off‑screen left   */
}

/* ===== Optional speed tweaks at breakpoints ===== */
@media(max-width:1200px){ .partners-track{animation-duration:16s;} }
@media(max-width:768px) { .partners-track{animation-duration:15s;} 

.partners-track{
  display:flex;
  gap:var(--spacing);
  align-items:center;
  width:max-content;
  animation:scroll 20s linear infinite;
  will-change:transform;
  transform:translateZ(0);       /* GPU boost */
}

/* Logos */
.partners-track img{
  display:block;
  flex:0 0 auto;
  max-height:var(--logo-height);
  transition:transform .3s ease;
}
}
@media(max-width:480px) { .partners-track{animation-duration:15s;} 

.partners-track{
  display:flex;
  gap:var(--spacing);
  align-items:center;
  width:max-content;
  animation:scroll 20s linear infinite;
  will-change:transform;
  transform:translateZ(0);       /* GPU boost */
}

/* Logos */
.partners-track img{
  display:block;
  flex:0 0 auto;
  max-height:var(--logo-height);
  transition:transform .3s ease;
}

}

	
	
	/* Product Videos Section */
	
	.product-videos {
      padding: 80px 0px;
      background-color: white;
      overflow-x: hidden;
    }
    .product-videos .container {
      max-width: 1200px;
      margin: auto;
    }
    .product-videos-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 40px;
    }
	
	
    .product-videos-subtitle {
      color: #2563eb;
      font-weight: 600;
      margin-bottom: 8px;
	  font-size: 15px;
      text-transform: uppercase;
	  margin-top: 10px;
    }
    .product-videos-title {
      font-size: 36px;
      font-weight: 600;
      color: #0f172a;
      margin: 0;
    }
    .product-videos-description {
      font-size: 20px;
      color: #6b7280;
      max-width: 700px;
    }
    .view-all-button {
      background-color: #2563eb;
      color: white;
      padding: 10px 20px;
      border-radius: 80px;
      font-weight: 600;
      text-decoration: none;
	   text-transform: uppercase;
	   font-size: 13px;
    }
    .video-slider-wrapper {
      position: relative;
      margin-left: 0px;
      margin-right: 0;
      overflow-x: hidden;
      padding-bottom: 0;
    }
    .video-slider {
      display: flex;
      gap: 20px;
      overflow-x: hidden;
      scroll-behavior: smooth;
      padding-right: 20px;
    }
    .video-card {
    min-width: 256px;
    flex: 0 0 256px;
}
.video-thumbnail {
    border: 2px solid #ededed;
    height: 141px;
    border-radius: 12px;
    position: relative;
    display: flex
;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 256px;
}
	.video-thumbnail iframe .ytp-chrome-top{display: none !important;}
	
	
	.custom-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            z-index: 10;
        }

        .custom-play-button::before {
            content: '';
            width: 0;
            height: 0;
            border-left: 24px solid white;
            border-top: 16px solid transparent;
            border-bottom: 16px solid transparent;
        }

        .custom-play-button.hidden {
            display: none;
        }
	
	
	
  .video-card {
    position: relative;
    max-width: 640px;
    margin: auto;
  }

  .video-thumbnail-wrapper {
    position: relative;
    cursor: pointer;
    background-color: #000;
	border-radius: 10px;
	overflow:hidden;
  }

  .video-thumbnail-wrapper img {
    display: block;
    width: 100%;
    height: auto;
	    filter: brightness(0.3);
  }

  .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    background: url('/wp-content/themes/ultronai-child/images/Polygon%201.png') no-repeat center center;
    background-size: contain;
  }

  .video-iframe {
    display: none;
  }

  .video-info {
    margin-top: 10px;
  }

	

	
	
	 .video-thumbnail video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
    .video-info {
      margin-top: 10px;
    }
    .video-info h4 {
      font-size: 18px;
      font-weight: 600;
      color: #111827;
      margin-bottom: 4px;
    }
    .video-info p {
      font-size: 16px;
      color: #6b7280;
    }
    .slider-controls {
		margin-top: 30px;
		display: flex;
		gap: 15px;
	}
    .slider-button {
		width: 55px;
		height: 55px;
		border: 1px solid #e5e7eb;
		border-radius: 50%;
		background: none;
		font-size: 18px;
		cursor: pointer;
		margin-right: 5px;
	}
	
	/* 🔧 Fixes for alignment issues */
.product-videos-header {
  align-items: flex-start; /* Align button to top of subtitle */
}

.view-all-align {
  margin-top: 10px; /* Aligns with "Product Videos" subtitle */
  align-self: flex-start;
}

.video-slider {
  align-items: flex-start; /* Top-align all cards */
}

.video-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top:0px;
}

.video-info {
  min-height: 100px; /* Maintain equal height for info section */
}
.truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 1; /* one line only */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
}


/* Two‑line ellipsis + tooltip */
.truncate-2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}


/* Testimonials Section (Slider) */
	
	.testimonial-slider-section {
  background-color: #2563eb;
  color: white;
  padding: 80px 0px;
  text-align: center;
  overflow: hidden;
}

.testimonial-slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%; /* or use JS to set dynamically */
}

.testimonial-slide {
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
      padding: 0 17px;
}

.testimonial-star {
  font-size: 32px;
  color: #facc15;
  margin: 0 auto 35px;
  display: inline-flex;
}

.testimonial-text {
  font-size: 48px;
  font-weight: 300;
  line-height: 1.2;
  max-width: 1200px;
  margin: 0 auto 40px;
}

.testimonial-text strong {
  font-weight: 700;
}

.testimonial-person {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.testimonial-person img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-bottom: 12px;
}

.testimonial-person h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.testimonial-person h4 a {
  color: #fff;
  text-decoration: none;
}

.testimonial-person p {
  font-size: 16px;
  color: #ffffff;
  margin: 4px 0 0;
}

.testimonial-controls {
  margin-top: 30px;
}

.testimonial-controls button {
  background: none;
  border: 2px solid #ffffff6b;
  color: white;
  font-size: 18px;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 15px;
}


	
	
/* integration-section */
		
	.integration-section {
      padding: 80px 0px;
      background-color: white;
    }
    .integration-section .container {
      max-width: 1200px;
      margin: 0 auto;
    }
    .integration-subtitle {
      color: #181D27;
      font-weight: 600;
      text-align: center;
      margin-bottom: 18px;
	      font-size: 13px;
    text-transform: uppercase;
    }
    .integration-title {
      font-size: 36px;
      font-weight: 600;
      color: #0f172a;
      text-align: center;
      margin-bottom: 60px;
	      line-height: 48px;
    }
    .integration-title span {
      color: #2563eb;
    }
    .integration-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
      gap: 40px 60px;
    }
    .integration-item {
      text-align: center;
    }
    .integration-icon {
		width: 54px;
		height: 54px;
		border-radius: 12px;
		margin: 0 auto 20px;
		justify-content: center;
		display: flex;
		align-items: center;
		font-size: 20px;
	}
    .integration-item h4 {
      font-size: 18px;
      font-weight: 700;
      color: #111827;
      margin-bottom: 8px;
    }
    .integration-item p {
      font-size: 16px;
      color: #6b7280;
      margin-bottom: 10px;
	  width: 280px;
    margin-left: auto;
    margin-right: auto;
    }
    .integration-link {
      font-size: 16px;
      font-weight: 600;
      color: #374151;
    }
	


/* FAQ Section */	
	
	
	.patent-portfolio-section {
      padding: 80px 0px;
      background-color: #fafafa;
    }

    .patent-portfolio-section .container {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      gap: 60px;
      flex-wrap: wrap;
      align-items: flex-start;
    }

    .portfolio-left {
      flex: 1 1 300px;
    }

    .portfolio-subtitle {
      color: #2563eb;
      font-weight: 600;
      margin-bottom: 8px;
	      font-size: 15px;
    text-transform: uppercase;
    }

    .portfolio-title {
      font-size: 32px;
      font-weight: 600;
      color: #0f172a;
      margin-bottom: 16px;
    }

    .portfolio-description {
      font-size: 20px;
      color: #6b7280;
      margin-bottom: 30px;
      max-width: 450px;
    }

    .portfolio-button {
      padding: 12px 24px;
      background-color: #2563eb;
      color: white;
      border-radius: 80px;
      font-weight: 600;
      text-decoration: none;
      display: inline-block;
	  font-size: 13px;
	   text-transform: uppercase;
    }

    .portfolio-right {
      flex: 2;
    }

    .patent-list {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .patent-item {
      border-bottom: 1px solid #e5e7eb;
      padding-bottom: 16px;
    }

    
	
	
	
	
	 

  .patent-icon {
    font-size: 1.25rem;      /* change size if you like */
    width: 1.5rem;           /* keeps icons aligned             */
    text-align: center;
    user-select: none;
  }

  /* collapsed state (default) */
  .patent-body { display: none; }

  /* expanded state */
  .patent-item.open .patent-body { display: block; }
	
	 .patent-item:last-child {
    border-bottom: none; /* remove hairline for last item */
  }

	

	
	
	.patent-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      cursor: pointer;
    }

    .patent-text {
      flex: 1;
    }

    .patent-id {
      font-size: 16px;
      color: #6b7280;
      margin-bottom: 4px;
    }

    .patent-title {
      font-size: 18px;
      font-weight: 600;
      color: #111827;
    }

    .patent-icon {
      width: 24px;
      height: 24px;
      border-radius: 100%;
      border: 1px solid #d1d5db;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #6b7280;
      transition: transform 0.3s ease;
      user-select: none;
    }

    .patent-body {
      display: none;
      margin-top: 12px;
      font-size: 16px;
      color: #4b5563;
    }
	
	a.patent-btn {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
	color:#2C68FF;
	    margin: 14px 0;
}

a.patent-btn img {
    padding-left: 5px;
}

    .patent-item.active .patent-body {
      display: block;
    }

    .patent-item.active .patent-icon {
      transform: rotate(45deg);
    }
	


/* Learn More CTA Section */
	
	 .cta-learn-more {
      background-color: #2563eb;
      padding: 80px 20px;
    }

    .cta-container {
      max-width: 1000px;
      background-color: white;
      border-radius: 16px;
      padding: 60px;
      margin: 0 auto;
      text-align: center;
    }

    .cta-heading {
      font-size: 36px;
      font-weight: 600;
      color: #111827;
      margin-bottom: 10px;
    }

    .cta-subtext {
      font-size: 20px;
      color: #6b7280;
      margin-bottom: 28px;
    }

    .cta-buttons {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .cta-buttons a {
      display: inline-block;
      padding: 12px 24px;
      border-radius: 80px;
      font-weight: 600;
      font-size: 13px;
      text-decoration: none;
      transition: all 0.2s ease;
	   text-transform: uppercase;
    }

    .cta-phone {
      background-color: white;
      color: #111827;
      border: 1px solid #e5e7eb;
    }

    .cta-email {
      background-color: #2563eb;
      color: white;
    }

    .cta-phone:hover {
      background-color: #f9fafb;
    }

    .cta-email:hover {
      background-color: #1e4ed8;
    }
	
	/* footer */
	
	
	 .footer {
      background-color: #0b071a;
      padding: 20px 0;
      color: #fff;
    }

      .footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }

    .footer .footer-left {
      font-size: 16px;
      color: #e5e7eb;
    }

    .footer .footer-right {
      display: flex;
      gap: 20px;
      margin-top: 5px;
    }

    .footer .footer-right a {
      color: #fff;
      font-size: 18px;
      transition: opacity 0.3s ease;
    }

    .footer .footer-right a:hover {
      opacity: 0.7;
    }

    @media (max-width: 640px) {
      .footer .container {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .footer .footer-right {
        margin-top: 12px;
      }
    }
	

 /* Mobile */
	
	 @media (max-width: 1024px) {
		 
		 
		  .footer .container {
      flex-direction: column-reverse; /* Reverse order for mobile */
      align-items: center;
      text-align: center;
      gap: 0.75rem;
    }
		 
		.product-videos-header{
		display: block;}
		
		.view-all-button{margin-top:20px;        display: inline-block;}
		
	.mission-grid .image-box {
      width: 100%;
      height: 585px;
      overflow: hidden;
    }
		 
      .cards-and-text {
        flex-direction: column;
      }
      .cards {
        flex-wrap: wrap;
        justify-content: center;
      }
      .card {
        width: 100%;
        max-width: 100%;
      }
      .text-content {
        max-width: 100%;
      }
	  
	  
	  .solution-grid {
        flex-wrap: wrap;
        flex-direction: column;
      }

      .solution-card {
        width: 100%;
      }
	  
    }
	
	
    @media (max-width: 768px) {
		
		
	 .partners-track {
        gap: 2rem;
      }

      .partners-track img {
        height: 48px;
      }
		
		
		.nav-links a img {
    display: inline-block;
}
		
      #menu-toggle {
        display: block;
      }
      .nav-links {
        position: fixed;
        top: 0;
        right: -100%;
        width: 250px;
        height: auto;
        background: #2C68FF;
        flex-direction: column;
        align-items: flex-start;
        padding: 2rem 1.5rem;
        gap: 1.5rem;
        transition: top 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
		border-radius:0px;
		border:none;
		        box-shadow: 0px 6px 8px 0px #0e0e0e66;
      }
      .nav-links.open {
        right: 0; border-radius: inherit; width: 100%; background: #0036e4; gap: 0; top: 70px;
      }
	  
	  header.scrolled .nav-links.open { background: #2C68FF;}
	  
	  header.scrolled .nav-links.open li:last-child { background: #2C68FF;}
	  
	  .nav-links.open li:last-child {
    margin: 0;
    position: absolute;
    top: -52px;
    right: 20px;
    background: #003ae9;
    text-align: center;
    padding: 0px 12px;
	transition: inherit;
}
	  
	  .nav-links.open li a {
    padding: 12px 0 12px 0;
    font-size: 24px;
    line-height: 32px;
}
      .nav-links a {
        color: white;
        padding: 1rem;
        display: block;
      }
      #menu-close {
        display: block;
        align-self: flex-end;
        margin-bottom: 1rem;
      }
      .mission-grid {
        flex-direction: column;
      }
      .stats-grid {
        flex-direction: column;
      }
    }
	
	
@media (max-width: 568px) {
	
	 .nav-links.open li:last-child {  right: 10px;}	
	 .logo img.custom-logo {  width: 90%;}
}

@media (max-width: 480px) {
	
.subtext { font-size: 16px;}

.hero h1 {    font-size: 36px;  letter-spacing: -1px;}

.side-text{   display: none;}

.hero {
    padding-right: 0px;
    padding-top: 200px;
	height:520px;
}
.btn-primary {font-size: 14px;}

.mission-section {
    padding:70px 0 0 0;
}

.blue-label {
    color: #2C68FF;
font-size: 12px;}

.mission-section p {
font-size: 18px; line-height: 24px;}

.mission-grid .text {
    padding-right: 0px;
}

.mission-heading {
    font-size: 30px;     margin-bottom: 20px;        line-height: 38px;
}
.mission-grid .image-box
 {
        height: 420px;
}
.section-title {
    font-size: 24px; line-height: 32px;}
	
	    .card h3 {
        font-size: 36px;
        line-height: 40px;
    }

	
	.card p { font-size: 16px;}
	
	
	.icon-placeholder {
    margin-bottom: 20px;}
	
	
	.problem-section .text-content p { font-size: 18px; padding-left: 0;}
	
	.solution-title {    font-size: 24px;  line-height: 32px;}
	
	.solution-title br{    display:none;}
	
	.solution-description { font-size: 18px; line-height: 24px;}
	
	.solution-description br{    display:none;}
	
	.text-content p.para-2 br{    display:none;}
	
	.solution-section .solution-card .icon-placeholder { margin-bottom: 10px;}
	
	.solution-card p { font-size: 18px; color: #4b5563;  margin: 0; font-weight: 400;  line-height: 24px;}
	
		.solution-section .all-comparisons-txt {
    display: none;
}
.use-cases-title {
    font-size: 24px;  line-height: 32px;}

.use-cases-description {font-size: 18px; line-height: 24px;}

.use-case-card p {font-size: 18px; line-height: 24px;}

.use-case-image-placeholder img { height: 100%;}

.product-videos-title {font-size: 24px;  line-height: 32px;}

.product-videos-description {font-size: 18px; line-height: 24px;}

    .video-card { min-width: 90%; flex: 0 0 90%;}
	
	.video-thumbnail { height: 210px; width: 100%;}
	.testimonial-text {    font-size: 30px; line-height: 38px;}
	.testimonial-person p {   font-size: 14px;}
	
	.integration-title {font-size: 28px;  line-height: 32px;}
	.integration-title br {display:none;}
	
	.integration-item.mobile-left {  text-align: left;}
	
	.mobile-left .integration-icon { align-items: start;  margin: 0 0px 20px 0;}
	
	 .mobile-left.integration-item p {  margin-left: 0; margin-right: 0; }
	 
	 .integration-item.mobile-right {  text-align: right;}
	 
	    .integration-item p {   margin-left: auto;   margin-right: 0;    }
	
	    .mobile-right .integration-icon { float: right; margin: 0 0px 20px 0;  width: 100%; justify-content: end;    }
	
	 .mobile-right .integration-item p {  margin-left: 0; margin-right: 0; }
	 
	 .portfolio-title {font-size: 24px;  line-height: 32px;}
	 
	 .portfolio-description { font-size: 18px; line-height: 24px;}
	 
	 .patent-title {  font-size: 16px; line-height: 24px;	}
	 
	 .cta-heading {font-size: 30px;  line-height: 38px;}
	 
	 .cta-subtext { font-size: 18px; line-height: 28px;}
	 
	 .cta-container {    padding: 30px;}
	 
}

@media (max-width: 768px) {
  .slider-controls {
    display: none;
  }
  .testimonial-controls {
    display: block;
}
}