* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:inter;
	
}

body {
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    background-color: #ffffff;
	display:flex;

}

header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 50px;
    background-color: #ffffff;
    border-bottom: 1px solid #eee;

            position: fixed; /* Keeps navbar fixed */
            top: 0; /* Aligns to the top of the page */
            width: 100%; /* Full width */
            color: white; /* Text color */
            padding: 20px 50px; /* Spacing */
            z-index: 1000; /* Ensures it stays above other elements */
        
}


.logo {
    display: flex;
    align-items: center;
}

.logo img {
    width: 50px;
    height: auto;
    margin-right: 10px;
}

.logo-text h1 {
    color: #000080;
    font-size: 1.5em;
	
}

.logo-text h1 span {
    color:#00b0ff;
}

.logo-text p {
    font-size: 0.8em;
    color: #1c1c1c;
	font-style: italic;
    color: #000080;
}

/* Horizontal Desktop Navbar */
.desktop-nav {
    display: flex;
    align-items: center;
    gap: 15px;
}

        nav a {
            position: relative;
            transition: color 0.3s ease;
        }

        /* Hover effect */
        nav a::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0;
            height: 2px;
            background-color: #00b0ff;
            transition: width 0.3s ease;
			
        }

        nav a:hover::after {
            width: 100%;
        }

        /* Clicked (focus) effect */
        nav a:focus::after, nav a:active::after {
            width: 100%;
        }


.desktop-nav a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 15px;
}

.free-demo {
    padding: 10px 20px;
    background-color: #000080;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

/* Sidebar styles for mobile */
#sidebar {
    position: fixed;
    top: 89px;
    left: -250px;
    width: 250px;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 10;
}

#sidebar nav a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 0;
	display:block;
}

#sidebar .free-demo {
    margin-top: 20px;
}

.close-btn {
    margin-top: auto;
    padding: 10px;
    background-color: #000080;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

/* Show sidebar when active */
#sidebar.active {
    left: 0;
}

/* Hamburger icon for mobile */
.hamburger {
    display: none;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
}

.buttons button {
    padding: 10px 20px;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
	margin-top:20px;
}

.demo-btn {
    background-color: #000080;
    color: #ffffff;
    border-radius: 5px;
}

.courses-btn {
    background-color: #ffffff;
    color: #000080;
    border: 2px solid #000080;
    border-radius: 5px;
}
.content-section2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
  gap: 300px;
}

.text-container {
	flex: 1 1 400px;
    max-width: 490px;
    text-align: left;
    margin-top: 0px;
  
}

.text-container h1 {
  font-size: 2rem;
  margin-bottom: 10px;
  color: #030352;
}

.text-container p {
  font-size: 1rem;
  color: #4a4a4a;
  line-height:1.5
}
.lingo-img{
    width: 400px;
    margin-left: 30px;
	margin-top:90px;
}
.container {
  display: flex;
  flex-wrap: wrap;
  gap: 100px;
  max-width: 1200px;
}

.container1 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px;
}

.section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1f1f1f;
  text-align: center;
  margin-bottom: 30px;
}

/* Cards Section */
.cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

/* Research Cards */
.research-section .card1 {
  background-color: #ffffff;
  border-radius: 10px;
  width: calc(25% - 20px); /* Four cards per row */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 20px;
}

.research-section .card1 .icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
  border-radius: 50%;
  font-size: 1.5rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.research-section .card-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1f1f1f;
  margin-bottom: 10px;
}

.research-section .card-description {
  font-size: 0.95rem;
  color: #555;
}
.insight-card {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  width: 100%; /* Full-width container */
  max-width: 1260px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

/* Left Section Styling */
.left-section {
  display: flex;
  align-items: center;
  gap: 15px;
}

.icon-container {
  width: 50px;
  height: 50px;
  background-color: #e6e6f9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-container i {
  font-size: 1.5rem;
  color: #4a4a9a;
}

.left-section h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
  margin: 0;
  white-space: nowrap; /* Prevent wrapping for heading */
}

/* Vertical Line Styling */
.vertical-line {
  width: 2px;
  height: 80px; /* Match content height */
  background-color: #ddd;
  margin: 0 20px;
}

/* Right Section Styling */
.right-section {
  flex: 1;
}

.right-section p {
  font-size: 0.9rem;
  color: #1f1f1f;
  line-height: 1.5;
  margin: 0;
}

.right-section p:first-child {
  margin-bottom: 10px; /* Add space between paragraphs */
}
    .container6-rd {
      max-width: 1300px; /* Maximum width for the content */
      margin: 0 auto;    /* Center the content horizontally */
      padding: 20px;     /* Add padding for spacing */
    }

 	 .container6-rd    h2 {
      font-size: 28px;
      font-weight: bold;
      color: #030352;
    }

    .container6-rd h2 span {
      color: #00A5CE; /* Highlight color for "LingoRefresh" */
    }

    .features-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 20px;
    }

    .feature-card {
      background-color: #F9F9F9;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      text-align: left;
    }

    .feature-card img {
      width: 40px;
      height: 40px;
      margin-bottom: 15px;
    }

    .feature-title {
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 10px;
    }

    .feature-description {
      font-size: 14px;
      color: #666;
    }
	    .container7-rd {
      max-width: 1300px; /* Restrict max width */
      margin: 0 auto;
      padding: 20px;
    }
	
  .container7-rd   h2 {
      font-size: 28px;
      font-weight: bold;
      color: #1a1a1a;
      margin-bottom: 10px;
    }

  .container7-rd   p.description {
      font-size: 16px;
      color: #666;
      margin-bottom: 30px;
	  width:20%;
    }

    .results-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
	  margin-top:20px;
    }

    .result-card {
      background-color: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      text-align: center;
    }

    .progress-circle {
      position: relative;
      width: 120px;
      height: 120px;
      margin: 0 auto;
    }

    .progress-circle svg {
      transform: rotate(-90deg);
      width: 100%;
      height: 100%;
    }

    .progress-circle circle {
      fill: none;
      stroke-width: 8;
      r: 54;
      cx: 60;
      cy: 60;
    }

    .progress-bg {
      stroke: #f3f3f3; /* Background circle */
    }

    .progress-bar {
      stroke-dasharray: 339.292; /* Circumference: 2 * π * radius */
      stroke-dashoffset: 339.292; /* Initial offset: hidden */
      stroke-linecap: round;
      transition: stroke-dashoffset 1.5s ease-out;
    }

    .percentage {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 24px;
      font-weight: bold;
      color: #333;
    }

    .result-title {
      font-size: 18px;
      font-weight: bold;
      margin-top: 15px;
      margin-bottom: 10px;
    }

    .result-description {
      font-size: 14px;
      color: #666;
    }
	.testimonials-section {
  text-align: center;
  padding: 20px;

}

.testimonials-section h1 {
  color: #000080;
  font-size: 2rem;
  margin-bottom: 30px;
}
.video-card video, 
.video-card iframe {
  width: 100%;
  height: 100%;
  border-radius: 10px; /* Keeps rounded corners */
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Adjusts column count based on screen size */
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}

.video-card {
  background-color: #222;
  border-radius: 10px;
  width: 100%;
  aspect-ratio: 1 / 1; /* Maintains square shape */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video-card:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.play-button {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  animation: pulse 1.5s infinite ease-in-out;
}

.play-button::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent #000080;
  position: absolute;
  left: 14px;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
}

	    .container6-rd {
      max-width: 1300px; /* Maximum width for the content */
      margin: 0 auto;    /* Center the content horizontally */
      padding: 20px;     /* Add padding for spacing */
    }

 	 .container6-rd    h2 {
      font-size: 28px;
      font-weight: bold;
      color: #030352;
	  text-align:center;
    }

    .container6-rd h2 span {
      color: #00A5CE; /* Highlight color for "LingoRefresh" */
    }

    .features-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 20px;
    }

    .feature-card {
      background-color: #F9F9F9;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      text-align: left;
    }

    .feature-card img {
      width: 40px;
      height: 40px;
      margin-bottom: 15px;
    }

    .feature-title {
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 10px;
    }

    .feature-description {
      font-size: 14px;
      color: #666;
    }
	.container1 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px;
}

.section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1f1f1f;
  text-align: center;
  margin-bottom: 30px;
  margin-top:20px;
}

/* Cards Section */
.cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

/* Research Cards */
.research-section .card1 {
  background-color: #ffffff;
  border-radius: 10px;
  width: calc(25% - 20px); /* Four cards per row */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 20px;
}

.research-section .card1 .icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
  border-radius: 50%;
  font-size: 1.5rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.research-section .card-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1f1f1f;
  margin-bottom: 10px;
}

.research-section .card-description {
  font-size: 0.95rem;
  color: #555;
}
/* Testimonial Container */
.testimonial-section{
	background-color: #FCF3E1;
    height: 417px;
	width:100%;
}
.testimonial-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 20px auto;
    max-width: 1200px;
    position: relative;
}

.testimonial-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    width: 300px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.testimonial-title {
    font-size: 16px;
    font-weight: bold;
    color: #2c2c54;
    margin: 0 0 10px;
}

.testimonial-text {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
}

.testimonial-author {
    font-weight: bold;
    margin-top: 10px;
    font-size: 14px;
}

.testimonial-designation {
    font-style: italic;
    font-size: 12px;
    color: #777;
}
/* Testimonial Container */
.testimonial-section {
    background-color: #FCF3E1;
    height: 477px;
    width: 100%;
}
.testimonial-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 20px auto;
    max-width: 1200px;
    position: relative;
}

.testimonial-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    width: 300px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.testimonial-title {
    font-size: 16px;
    font-weight: bold;
    color: #2c2c54;
    margin: 0 0 10px;
}

.testimonial-text {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
}

.testimonial-author {
    font-weight: bold;
    margin-top: 10px;
    font-size: 14px;
}

.testimonial-designation {
    font-style: italic;
    font-size: 12px;
    color: #777;
}

/* Navigation Arrows */
.arrow1 {
    background: #2c2c54;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.arrow-left {
    left: -50px;
}

.arrow-right {
    right: -50px;
}
.cta-section {
    width: 100%;
    background-color: #0a1045; /* Dark blue background below the container */
    padding: 20px 0;
    display: flex;
    justify-content: center;
}

.cta-container {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    border-radius: 10px;
    max-width: 900px;
    width: 90%;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	margin-top:-64px;
}

.cta-text {
    color: #2c2c54;
    text-align: left;
}

.cta-text h3 {
    font-size: 20px;
    margin: 0 0 5px;
    font-weight: bold;
}

.cta-text p {
    font-size: 14px;
    margin: 0;
    color: #666;
}

.cta-button2 {
    background-color: #2c2c54;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    transition: background-color 0.3s ease;
}

.cta-button2 strong {
    font-weight: bold;
}

.cta-button2:hover {
    background-color: #1a1a40;
}
/* Footer Section */
.footer {
  background-color: #0a1045;
  padding: 20px 40px;
  color: #ffffff;
  line-height:1.6;
  width:100%;
}

.footer-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 100px;
}

.footer-logo {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.footer-logo img {
width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 0px solid #ffffff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    background: white;
    text-align: center;
}

.footer-logo h3 {
  font-size: 1.5rem;
}

.footer-logo .tagline {
  font-style: italic;
  color: #4db5ff;
}

.footer-logo .description {
  font-size: 0.9rem;
  color: #cccccc;
  margin-left:-72px;
  font-style:italic;
}

.footer-address {
  flex: 3;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.footer-address div {
  flex: 1;
}

.footer-address h4 {
  font-size: 1.2rem;
  color: #ffffff;
  margin-bottom: 10px;
}

.footer-address p {
  font-size: 0.9rem;
  color: #cccccc;
  margin-bottom: 5px;
  width: 228px;
}
/* Footer Bottom Section */
.footer-bottom {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid #4db5ff;
  padding-top: 10px;
}

.footer-icons {
  display: flex;
  gap: 20px;
  flex: 1; /* Distribute space evenly */
}

.footer-icons a {
  color: #ffffff;
  font-size: 1.5rem;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-icons a:hover {
  color: #4db5ff;
}

.footer-legal {
  flex: 2; /* Allow space for legal text */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 0.9rem;
  color: #cccccc;
}

.footer-legal p {
  margin: 0;
}

.footer-legal a {
  color: #4db5ff;
  text-decoration: none;
}

.footer-legal a:hover {
  text-decoration: underline;
}
p {
    font-size: 0.9rem;
    line-height: 1.5;
}

/* about us */
.content-section2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
  gap: 200px;
  margin-top:120px;
}

.text-container {
  flex: 1 1 400px;
  max-width: 600px;
  text-align: left;
}

.text-container h1 {
  font-size: 2rem;
  margin-bottom: 10px;
  color: #030352;
}

.text-container p {
  font-size: 1rem;
  color: #4a4a4a;
  line-height:1.5
}
.software-img{
    width: 400px;
    margin-left: 30px;
	margin-top:85px;
}
.container {
  display: flex;
  flex-wrap: wrap;
  gap: 100px;
  max-width: 1200px;
  margin-top:10px;
}

/* Vision Section */
.vision-section {
  background-color: #fff7eb; /* Light peach */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  flex: 1 1 300px;
  max-width: 30%; /* Smaller width for the Vision section */
}

.vision-section h2 {
  font-size: 1.5rem;
  color: #1b1b4b; /* Dark navy */
  margin-bottom: 10px;
  text-align:left;
}

.vision-section p {
  font-size: 1rem;
  color: #4d4d4d; /* Neutral text */
}

/* Mission Section */
.mission-section {
  background-color: #edf6ff; /* Light blue */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  flex: 1 1 600px;
  max-width: 65%; /* Larger width for the Mission section */
}

.mission-section h2 {
  font-size: 1.5rem;
  color: #1b1b4b; /* Dark navy */
  margin-bottom: 10px;
  text-align:left;
}

.mission-items {
  display: flex;
  justify-content: space-between; /* Make items appear side by side */
  gap: 20px;
}

.mission-item {
  flex: 1;
}

.mission-item h3 {
  font-size: 1.2rem;
  color: #1b1b4b; /* Dark navy */
  margin-bottom: 5px;
}

.mission-item p {
  font-size: 1rem;
  color: #4d4d4d; /* Neutral text */
}

.team-container {
  text-align: center;
  max-width: 1200px;
  width: 100%;
}

.team-container h2 {
  font-size: 2rem;
  color: #1b1b4b;
  margin-bottom: 30px;
  margin-top:30px;
}

.team-grid {
  display: flex;
  gap: 20px; /* Space between cards */
  justify-content: center;
  flex-wrap: wrap; /* Allow wrapping for responsiveness */
}

/* Team Card Styling */
.team-card {
  width: 220px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: visible; /* Allows text to extend outside the box */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover transition */
}

.team-card:hover {
  transform: translateY(-5px); /* Slight hover lift */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* Card Image */
.card-image {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: 10px;
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image fits nicely */
  border-radius: 10px; /* Rounds the image corners */
}

/* Card Info */
.card-info {
  background-color: #ffffff;
  margin-top: 4px; /* Pulls text outside the image box */
  padding: 10px 15px;
  border-radius: 0 0 10px 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Adds shadow to the info box */
}

.card-info h3 {
  font-size: 1rem;
  font-weight: bold;
  color: #1b1b1b;
  margin-bottom: 5px;
}

.card-info p {
  font-size: 0.9rem;
  color: #4d4d4d;
}
/* Instructor Section */
.instructor-section {
	background: linear-gradient( #EDF6FF, #FFFFFF);
    text-align: center;
    padding: 70px 40px;
    display: flex;
	gap:100px;
    justify-content: space-between;
    align-items: center;
    color: #0a1045;
	width:100%;
	margin-top:45px;
}

.instructor-section h1 {
  font-size: 1.8rem;
  flex: 1;
}

.cta-button1 {
  background-color: #ffffff;
  color: #0a1045;
  text-decoration: none;
  font-size: 1.5rem;
  padding: 10px 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

.cta-button1 .cta-button2:hover {
  transform: scale(1.1);
}
/*R&D*/
/*R&D*/
.card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  max-width: 1300px;
  padding: 20px;
}
      .survey-img {
        width:280px;
        margin-left: 0px;
    }

.card-rd  {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 20px;
  text-align: left;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: #333;
  border-radius: 8px;
  margin-bottom: 15px;
}

h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;

}

.line {
  width: 100%;
  height: 2px;
  background: #ddd;
  margin: 10px 0;
}

p {
  font-size: 0.9rem;
  line-height: 1.5;
}
.insight-card {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  width: 100%; /* Full-width container */
  max-width: 1260px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

/* Left Section Styling */
.left-section {
  display: flex;
  align-items: center;
  gap: 15px;
}

.icon-container {
  width: 50px;
  height: 50px;
  background-color: #e6e6f9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-container i {
  font-size: 1.5rem;
  color: #4a4a9a;
}

.left-section h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
  margin: 0;
  white-space: nowrap; /* Prevent wrapping for heading */
}

/* Vertical Line Styling */
.vertical-line {
  width: 2px;
  height: 80px; /* Match content height */
  background-color: #ddd;
  margin: 0 20px;
}

/* Right Section Styling */
.right-section {
  flex: 1;
}

.right-section p {
  font-size: 0.9rem;
  color: #1f1f1f;
  line-height: 1.5;
  margin: 0;
}

.right-section p:first-child {
  margin-bottom: 10px; /* Add space between paragraphs */
}

.container-rd {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

.container-rd h1 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #1a1a4a;
  margin-bottom: 30px;
}

/* Card Container */
.card-container-rd {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

/* Individual Card */
.card {
  background-color: #e6f7ff;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  text-align: left;
  box-sizing: border-box;
  overflow: hidden;
}

/* Small Card */
.small-card {
  flex: 1;
  min-width: 280px;
  max-width: 35%;
}

/* Large Card */
.large-card {
  flex: 2;
  min-width: 280px;
  max-width: 60%;
}

/* Card Image Styling */
.card-image-rd {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  width: 100%;
  height: 306px;
  overflow: hidden;
  border-radius: 10px;
}

.card-image-rd img {
  width: 650px;
  height: auto;
  border-radius: 8px;
}
.card-content{
	margin-left:40px;
}

/* Card Content Styling */
.card-content h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.card-content p {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 10px;
  line-height: 1.5;
}

/* Flex Container for Second Card's P Tags */
.flex-container {
  display: flex;
  flex-direction: row;
  gap: 36px; /* Spacing between <p> tags */
  width:650px;
}

.flex-container p {
  font-size: 0.9rem;
  color: #333;
  margin: 0;
  line-height: 1.4;
}
.container-rd {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

.title {
  color: #001d66;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.card-container-rd2 {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
  justify-content: center;
}

.card3-rd {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  max-width: 500px;
  width: 100%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card3-rd h2 {
  font-size: 1.5rem;
  color: #001d66;
  margin-bottom: 10px;
}

.subheading {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 10px;
}

.card3-rd p {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  text-align:left;
}
.container4-rd {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px;
}

.title {
  color: #001d66;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 30px;
}

.card-container4-rd {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.card4-rd {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background-color: #f2f5fa; /* Updated light grayish-blue background */
  border-radius: 12px; /* Smooth, rounded corners */
  padding: 20px;
  max-width: 1500px; /* Updated width */
  width: 100%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Softer shadow for depth */
  text-align: left; /* Aligns all text to the left */
}

.icon4-rd img {
  width: 145px; /* Updated icon size */
  height: 145px;
  margin-right: 20px;
}

.content4-rd h2 {
  font-size: 1.4rem;
  color: #001d66;
  margin-bottom: 8px;
}

.subheading {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 10px;
}

.content4-rd p {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
}

    .solutions-container5-rd {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
    }

    .solution-card5-rd {
      flex: 1 1 calc(50% - 20px);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px;
	  padding-inline:80px;
      border-radius: 8px;
      background-color: #fff;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .solution-card5-rd img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
    }

    .solution-text {
      font-size: 18px;
      font-weight: bold;
    }

    .blue-card {
      background-color: #eaf3ff;
    }

    .orange-card {
      background-color: #fff3e0;
    }
	    .container6-rd {
      max-width: 1300px; /* Maximum width for the content */
      margin: 0 auto;    /* Center the content horizontally */
      padding: 20px;     /* Add padding for spacing */
    }

 	 .container6-rd    h2 {
      font-size: 28px;
      font-weight: bold;
      color: #030352;
    }

    .container6-rd h2 span {
      color: #00A5CE; /* Highlight color for "LingoRefresh" */
    }

    .features-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 20px;
    }

    .feature-card {
      background-color: #F9F9F9;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      text-align: left;
    }

    .feature-card img {
      width: 40px;
      height: 40px;
      margin-bottom: 15px;
    }

    .feature-title {
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 10px;
    }

    .feature-description {
      font-size: 14px;
      color: #666;
    }
	    .container7-rd {
      max-width: 1300px; /* Restrict max width */
      margin: 0 auto;
      padding: 20px;
    }
	
  .container7-rd   h2 {
      font-size: 28px;
      font-weight: bold;
      color: #1a1a1a;
      margin-bottom: 10px;
    }

  .container7-rd   p.description {
      font-size: 16px;
      color: #666;
      margin-bottom: 30px;
	  width:20%;
    }

    .results-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
	  margin-top:20px;
    }

    .result-card {
      background-color: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      text-align: center;
    }

    .progress-circle {
      position: relative;
      width: 120px;
      height: 120px;
      margin: 0 auto;
    }

    .progress-circle svg {
      transform: rotate(-90deg);
      width: 100%;
      height: 100%;
    }

    .progress-circle circle {
      fill: none;
      stroke-width: 8;
      r: 54;
      cx: 60;
      cy: 60;
    }

    .progress-bg {
      stroke: #f3f3f3; /* Background circle */
    }

    .progress-bar {
      stroke-dasharray: 339.292; /* Circumference: 2 * π * radius */
      stroke-dashoffset: 339.292; /* Initial offset: hidden */
      stroke-linecap: round;
      transition: stroke-dashoffset 1.5s ease-out;
    }

    .percentage {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 24px;
      font-weight: bold;
      color: #333;
    }

    .result-title {
      font-size: 18px;
      font-weight: bold;
      margin-top: 15px;
      margin-bottom: 10px;
    }

    .result-description {
      font-size: 14px;
      color: #666;
    }
	.impact-section {
  padding: 20px;
  text-align: center;
}

.impact-section h1,.challenges-section h2 {
  color: #000080;
  font-size: 2rem;
  margin-bottom: 10px;
}

.subtitle {
  color: #000; /* Dark text color */
  font-weight: bold; /* Make it bold */
  font-size: 1.2rem;
  margin-bottom: 30px;
}

.cards8-rd {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}

.card8-rd {
  background-color: #fff;
  border: 2px solid #e3e3e3; /* Dark border */
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 20px;
  text-align: left;
}

.card8-rd h2 {
  font-size: 1.5rem;
  color: #000;
  margin-bottom: 10px;
}

.card8-rd p {
  color: #555;
  font-size: 1rem;
  line-height: 1.5;
}
.testimonials-section {
  text-align: center;
  padding: 20px;

}

.testimonials-section h1 {
  color: #000080;
  font-size: 2rem;
  margin-bottom: 30px;
}
.video-card video, 
.video-card iframe {
  width: 100%;
  height: 100%;
  border-radius: 10px; /* Keeps rounded corners */
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Adjusts column count based on screen size */
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}

.video-card {
  background-color: #222;
  border-radius: 10px;
  width: 90%;
  aspect-ratio: 1 / 1; /* Maintains square shape */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video-card:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.play-button {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  animation: pulse 1.5s infinite ease-in-out;
}

.play-button::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent #000080;
  position: absolute;
  left: 14px;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
}
.email-container {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px; /* Reduced border-radius for subtle rounding */
  padding: 10px 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 450px; /* Controlled width */
}

.icon-left {
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.icon-left img {
  width: 20px; /* Standard size */
  height: 20px;
  filter: invert(13%) sepia(94%) saturate(746%) hue-rotate(239deg) brightness(91%) contrast(102%);
}

.email-input {
  border: none;
  outline: none;
  flex: 1; /* Takes up available space */
  font-size: 16px;
  color: #333;
  padding: 5px;
}

.email-input::placeholder {
  color: #999;
}

.icon-right {
  margin-left: 10px;
}

.arrow-button {
  background-color: #000080;
  border: none;
  border-radius: 50%; /* Rounded button for arrow */
  width: 36px; /* Smaller size */
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.arrow-button img {
  width: 14px;
  height: 14px;
}

.arrow-button:hover {
  background-color: #0000cd;
}
/* Challenges Section */
.challenges-section {
  padding: 40px 20px;
  text-align:center;
}

.challenges-container {
  display: flex;
  justify-content: center;
  gap: 40px; /* Increased gap */
  flex-wrap: wrap;
}

.challenge-card {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 420px;
  text-align: left;
  position: relative;
}

.challenge-card:nth-child(1) {
  background-color: #e6e6ff; /* Light purple */
}

.challenge-card:nth-child(2) {
  background-color: #fff7cc; /* Light yellow */
}

.challenge-card:nth-child(3) {
  background-color: #d9f2e6; /* Light green */
}

.challenge-number {
  font-size: 2rem;
  font-weight: bold;
  color: #b3b3b3;
  position: absolute;
  top: 10px;
  left: 10px;
}

.challenge-card h3 {
  color: #000;
  font-size: 1.2rem;
  margin: 40px 0 10px;
}

.challenge-card p {
  color: #555;
  font-size: 1rem;
  margin: 0;
}










/* For extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    /* Body layout adjustments */


    body {
        padding: 0;
        flex-direction: column;
        align-items: stretch;
    }

    /* Header adjustments */
    header {
        flex-direction:row;
        align-items: flex-start;
        padding: 10px 20px;
    }

    .logo {
        flex-direction: row;
        align-items: center;
        margin-bottom: 10px;
    }

    .logo img {
        width: 40px;
        margin-right: 8px;
    }

    .logo-text h1 {
        font-size: 1.2em;
    }

    .logo-text p {
        font-size: 0.8em;
    }

    /* Desktop navigation hidden */
    .desktop-nav {
        display: none;
    }

    /* Hamburger menu visible */
    .hamburger {
        display: block;
    }

    /* Sidebar adjustments */
    #sidebar {
        top: 60px; /* Adjusted for smaller headers */
        left: -100%; /* Start hidden */
        width: 100%; /* Full width for mobile */
        height: calc(100% - 60px); /* Take remaining height */
    }

    #sidebar.active {
        left: 0; /* Show sidebar */
    }

    #sidebar nav a {
        font-size: 1em;
        padding: 15px 10px;
    }

    #sidebar .free-demo {
        padding: 12px;
        font-size: 0.9em;
    }

    .close-btn {
        padding: 10px;
        font-size: 0.9em;
    }

    /* Adjust button styles */
    .free-demo {
        font-size: 0.9em;
        padding: 10px 15px;
    }

    .buttons button {
        padding: 8px 15px; /* Reduce button size */
        font-size: 0.9em;
        margin-bottom: 10px; /* Add space below buttons */
        width: 100%; /* Make buttons take full width */
    }

     .content-section2 {
        flex-direction: column;
        padding-inline: 27px;
        gap: 20px;
    }
	.text-container {
    flex: 1 1 175px;
    text-align: left;
	margin-top:75px;
}
.lingo-img{
        width: 250px;
        margin-left: 0px;
}
  .container {
    flex-direction: column;
	gap:20px;
  }

	.container1 {
    padding: 10px; /* Reduce padding to save space */
  }

  .section-title {
    font-size: 1.5rem; /* Reduce the font size for headings */
    margin-bottom: 20px;
	margin-top:0px;
  }

  .cards {
    flex-direction: column; /* Stack cards vertically */
    gap: 15px; /* Adjust gap between cards */
    justify-content: center; /* Center align cards */
  }

  .research-section .card1 {
    width: 100%; /* Make cards full-width */
    padding: 15px; /* Reduce padding for cards */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Soften the shadow effect */
	margin-top:15px;
  }

  .research-section .card1 .icon {
    width: 40px; /* Reduce icon size */
    height: 40px;
    font-size: 1.2rem; /* Adjust icon font size */
  }

  .research-section .card-title {
    font-size: 1rem; /* Reduce title font size */
    margin-bottom: 8px;
  }

  .research-section .card-description {
    font-size: 0.85rem; /* Reduce description font size */
  }

  .arrow {
    display: none; /* Hide arrows to simplify the layout */
  }
  .insight-padding{
	  padding:10px;
  }
  .insight-card {
    flex-direction: column; /* Stack the left and right sections vertically */
    align-items: flex-start; /* Align content to the start */
    padding: 15px; /* Reduce padding to save space */
    box-shadow: none; /* Remove shadow for simplicity on small screens */
  }

  .left-section {
    flex-direction: row; /* Keep icon and heading aligned horizontally */
    gap: 10px; /* Reduce gap between icon and heading */
    margin-bottom: 15px; /* Add spacing below the left section */
  }

  .icon-container {
    width: 40px; /* Reduce icon size */
    height: 40px;
  }

  .icon-container i {
    font-size: 1.2rem; /* Adjust icon font size */
  }

  .left-section h3 {
    font-size: 1rem; /* Reduce heading font size */
    line-height: 1.3; /* Adjust line height for readability */
    white-space: normal; /* Allow wrapping for long headings */
  }

  .vertical-line {
    display: none; /* Hide the vertical line to simplify the layout */
  }

  .right-section {
    width: 100%; /* Ensure the right section takes full width */
  }

  .right-section p {
    font-size: 0.85rem; /* Adjust paragraph font size */
    line-height: 1.4; /* Slightly reduce line height */
    text-align: justify; /* Align text for better readability */
  }
   /* General container adjustments */
  .container6-rd, .container7-rd {
    padding: 15px; /* Reduce padding for smaller screens */
  }

  .container6-rd h2, .container7-rd h2 {
    font-size: 22px; /* Adjust font size of headings */
    text-align: center; /* Center-align headings */
  }

  .container7-rd p.description {
    font-size: 14px; /* Smaller text size for descriptions */
    width: 100%; /* Full width for better readability */
    text-align: justify; /* Align text for a cleaner layout */
    margin-bottom: 20px; /* Reduce bottom margin */
  }

  /* Results & Outcomes Section */
  .results-container {
    grid-template-columns: 1fr; /* Single-column layout */
    gap: 15px; /* Reduce gap between cards */
    margin-top: 15px;
  }

  .result-card {
    padding: 15px; /* Reduce padding for cards */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Simplified shadow */
  }


  .progress-circle .percentage {
    font-size: 18px; /* Adjust font size for percentages */
  }

  .result-title {
    font-size: 16px; /* Adjust title font size */
    margin-top: 10px;
    margin-bottom: 8px;
  }

  .result-description {
    font-size: 12px; /* Smaller text for descriptions */
  }

  /* Features Section */
  .features-container {
    grid-template-columns: 1fr; /* Stack feature cards */
    gap: 15px; /* Reduce gap between feature cards */
  }

  .feature-card {
    padding: 15px; /* Adjust padding for feature cards */
    text-align: center; /* Center-align content */
  }

  .feature-card img {
    width: 30px; /* Smaller icon size */
    height: 30px;
    margin-bottom: 10px;
  }

  .feature-title {
    font-size: 16px; /* Adjust feature title size */
  }

  .feature-description {
    font-size: 12px; /* Smaller text for feature descriptions */
  }
  .testimonials-section {
    padding: 15px; /* Reduce padding for smaller screens */
  }

  .testimonials-section h1 {
    font-size: 1.5rem; /* Adjust heading size */
    margin-bottom: 20px; /* Reduce bottom margin */
  }

  .video-grid {
    grid-template-columns: 1fr; /* Single-column layout for videos */
    gap: 15px; /* Reduce gap between video cards */
    padding: 0; /* Remove side padding for compactness */
  }

  .video-card {
    aspect-ratio: 16 / 9; /* Adjust aspect ratio to widescreen */
    margin: 0 auto; /* Center video cards */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .video-card video,
  .video-card iframe {
    border-radius: 8px; /* Slightly smaller radius for rounded corners */
  }

  .play-button {
    width: 30px; /* Smaller play button */
    height: 30px;
  }

  .play-button::after {
    border-width: 8px 0 8px 12px; /* Adjust triangle size */
    left: 10px; /* Adjust position */
  }

  .testimonials-section .play-button {
    animation: pulse 1.2s infinite ease-in-out; /* Slightly faster animation */
  }
   .container6-rd {
    padding: 15px; /* Reduce padding for compact screens */
  }

  .container6-rd h2 {
    font-size: 24px; /* Slightly smaller heading font size */
    text-align: center; /* Center-align heading */
  }

  .features-container {
    grid-template-columns: 1fr; /* Single-column layout for small screens */
    gap: 15px; /* Reduce gap between cards */
  }

  .feature-card {
    padding: 15px; /* Reduce card padding */
    text-align: center; /* Center-align content for better visual balance */
  }

  .feature-card img {
    width: 50px; /* Increase image size for better visibility */
    height: 50px;
    margin-bottom: 10px; /* Reduce spacing below image */
  }

  .feature-title {
    font-size: 16px; /* Adjust title font size */
  }

  .feature-description {
    font-size: 12px; /* Adjust description font size */
    color: #555; /* Slightly darker text color for better readability */
  }
  .container1 {
    padding: 15px; /* Reduced padding for compact screens */
  }

  .section-title {
    font-size: 1.5rem; /* Slightly smaller font size for section title */
    text-align: center; /* Center-align heading */
    margin-bottom: 20px; /* Reduced margin */
  }

  .cards {
    flex-direction: column; /* Stack the cards vertically */
    align-items: center; /* Center align the cards */
    gap: 15px; /* Reduced gap between cards */
  }

  .research-section .card1 {
    width: 100%; /* Make each card take full width on small screens */
    padding: 15px; /* Adjust padding inside each card */
    text-align: center; /* Center align card text */
  }

  .research-section .card1 .icon {
    width: 40px; /* Slightly smaller icon */
    height: 40px;
    font-size: 1.2rem; /* Adjust icon size */
  }

  .research-section .card-title {
    font-size: 1rem; /* Smaller font size for the title */
  }

  .research-section .card-description {
    font-size: 0.85rem; /* Smaller font size for the description */
  }
  .testimonial-section {
    height: 850px; /* Allow the height to adjust dynamically */
    padding: 20px; /* Add padding for spacing */
  }

  .section-title {
    font-size: 1.5rem; /* Adjust the title size for better readability */
    text-align: center; /* Center-align the title */
    margin-bottom: 15px; /* Reduce bottom margin */
  }

  .testimonial-container {
    flex-direction: column; /* Stack the testimonials vertically */
    gap: 15px; /* Adjust gap between elements */
    margin: 10px auto; /* Compact margins */
  }

  .testimonial-card {
    width: 100%; /* Make each card take the full width */
    padding: 15px; /* Adjust padding for smaller screens */
  }

  .testimonial-title {
    font-size: 1rem; /* Slightly smaller font size for the title */
  }

  .testimonial-text {
    font-size: 0.9rem; /* Adjust text size */
    line-height: 1.4; /* Keep good readability */
  }

  .testimonial-author {
    font-size: 0.9rem; /* Adjust author font size */
  }

  .testimonial-designation {
    font-size: 0.8rem; /* Adjust designation font size */
  }

  .arrow1 {
    display: none; /* Hide the navigation arrows on small devices */
  }
  .cta-container {
    flex-direction: column; /* Stack the text and button vertically */
    align-items: center; /* Center-align content */
    padding: 15px; /* Adjust padding */
    width: 90%; /* Ensure full width on smaller screens */
  }

  .cta-text {
    text-align: center; /* Center-align text */
    margin-bottom: 15px; /* Add spacing between text and button */
  }

  .cta-text h3 {
    font-size: 18px; /* Reduce font size for headings */
	text-align:left;
  }

  .cta-text p {
    font-size: 12px; /* Reduce font size for paragraph */
	text-align:left;
  }

  .cta-button2 {
    font-size: 14px; /* Reduce button font size */
    padding: 8px 15px; /* Adjust button padding */
  }
  .footer-wrapper {
    flex-direction: column; /* Stack the elements vertically */
    align-items: center; /* Center-align all content */
    gap: 20px; /* Adjust spacing between sections */
  }

    .footer-logo {
        align-items: center;
        gap: 20px;
        flex: 1;
        display: flex;
        align-items: flex-start;
    }
	    .footer-logo img {
        width: 160px;
        height: 66px;
        margin-top: 15px;
    }

  .footer-logo h3 {
    font-size: 1.2rem; /* Reduce font size for heading */
  }
  
    .footer-logo .tagline {
        font-size: 13px;
    }
	.footer {

    padding: 20px 20px;

}

    .footer-logo .description {
        font-size: 13px;
        margin-left: -29px;
        max-width:100%;
		margin-top:10px;
    }

.footer-address {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .footer-address div {
        text-align: left;
        max-width: 75%;
    }

  .footer-address p {
    font-size: 0.85rem; /* Adjust text size for addresses */
    width: auto; /* Remove fixed width for responsiveness */
  }

  .footer-address h4 {
    font-size: 1rem; /* Reduce font size for address headings */
  }
    .footer-icons {
        justify-content: center;
    }
	    .footer-legal {
        justify-content: left;
		}
		    p {
        font-size: 0.85rem; */
    }
  .footer-logo img {
    width: 40px; /* Adjust logo size */
    height: 40px;
  }
p {
    font-size:11px;
    line-height: 1.5;
}
    .footer-bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
	/*about us*/
  .content-section2 {
    flex-direction: column; /* Stack the content vertically */
    gap: 30px;
    padding: 15px;
  }

  .text-container {
    max-width: 100%; /* Ensure the text container spans the width */
    text-align:left; /* Center-align the text for smaller screens */
  }

  .software-img {
    width: 100%; /* Make the image responsive */
    margin-left: 0;
  }

  .vision-section,
  .mission-section{
    margin: 13px;
    flex: 0 1 156px;
    max-width: 100%;
}
.vision-section ,
.mission-item p {
    font-size: 14px;
}
.vision-section ,
.mission-item h3 {
    font-size: 15px;
}
.team-container h2 {
    font-size: 25px;
}

  .mission-items {
    flex-direction: column; /* Stack mission items vertically */
    gap: 15px;
  }

  .team-grid {
    gap: 15px; /* Reduce the space between team cards */
  }

  .team-card {
    width:250px; /* Slightly smaller card width */
  }

  .instructor-section {
    flex-direction: column; /* Stack elements vertically */
    text-align: center;
    gap: 20px;
	margin-top:0px;
  }

  .instructor-section h1 {
    font-size: 1.5rem; /* Adjust font size for smaller screens */
  }
  

  .cta-button1 {
	display:none;
  }

  .cta-button1:hover {
    transform: scale(1.05); /* Adjust hover effect */
  }
  /*R&D*/
      .survey-img {
        width:280px;
        margin-left: 0px;
    }
	.text-container p {
    font-size: 13px;

}
.insight-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
        box-shadow: none;
        margin: 14px;
        width: 90%;
    }
	.container-rd h1 {
    font-size: 21px;

}
.card-container-rd2 {

    gap: 20px;

}
.title {

    font-size: 20px;

}
.card4-rd {

    flex-direction: column;

}
.content4-rd p {
    font-size: 12px;

}
.container4-rd {
    padding: 15px;
}
.arrow-button {
 display:none;
}
.email-input {

    font-size: 13px;

}
.email-container {

    width: 120%;
}

}

/* For medium devices (tablets, 768px and up) */
@media (min-width:576px) and (max-width: 991.98px) {
	 /* Body layout adjustments */
    body {
        padding: 0;
        flex-direction: column;
        align-items: stretch;
    }

    /* Header adjustments */
    header {
        flex-direction:row;
        align-items: flex-start;
        padding: 10px 20px;
    }

    .logo {
        flex-direction: row;
        align-items: center;
        margin-bottom: 10px;
    }

    .logo img {
        width: 72px;
        margin-right: 8px;
    }

    .logo-text h1 {
        font-size:32px;
    }

    .logo-text p {
        font-size:23px;
    }

    /* Desktop navigation hidden */
    .desktop-nav {
        display: none;
    }

    /* Hamburger menu visible */
    .hamburger {
        display: block;
		font-size:42px;
    }

    /* Sidebar adjustments */
    #sidebar {
        top: 60px; /* Adjusted for smaller headers */
        left: -100%; /* Start hidden */
        width: 50%; /* Full width for mobile */
        height: calc(100% - 60px); /* Take remaining height */
    }

    #sidebar.active {
        left: 0; /* Show sidebar */
    }

    #sidebar nav a {
        font-size:21px;
        padding: 0px 10px;
		margin-top: 55px;
    }

    #sidebar .free-demo {
        padding: 12px;
        font-size:24px;
		margin-top:45px;
    }

    .close-btn {
        padding: 10px;
        font-size: 0.9em;
    }

    /* Adjust button styles */
    .free-demo {
        font-size: 0.9em;
        padding: 10px 15px;
    }
	.content-section2 {

    margin-top: 112px;
}
    .buttons button {
		font-size: 22px;
        margin-bottom: 10px;
        width: 44%;
        margin-top: 38px;
        margin-right: 25px;
    }
	.text-container h1 {
    font-size: 41px;

}
.text-container p {
    font-size: 23px;

}

    .lingo-img {
		width: 730px;
        margin-top: -260px;
        margin-left: 0px;
	}
	.container1 {
    padding: 10px; /* Reduce padding to save space */
  }

  .section-title {
    font-size: 1.5rem; /* Reduce the font size for headings */
    margin-bottom: 20px;
	margin-top:0px;
  }

  .cards {
    flex-direction: column; /* Stack cards vertically */
    gap: 15px; /* Adjust gap between cards */
    justify-content: center; /* Center align cards */
  }

  .research-section .card1 {
    width: 100%; /* Make cards full-width */
    padding: 15px; /* Reduce padding for cards */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Soften the shadow effect */
	margin-top:15px;
  }

  .research-section .card1 .icon {
    width: 40px; /* Reduce icon size */
    height: 40px;
    font-size: 1.2rem; /* Adjust icon font size */
  }

  .research-section .card-title {
    font-size: 1rem; /* Reduce title font size */
    margin-bottom: 8px;
  }

  .research-section .card-description {
    font-size: 0.85rem; /* Reduce description font size */
  }

  .arrow {
    display: none; /* Hide arrows to simplify the layout */
  }
  .insight-padding{
	  padding:10px;
  }
  .insight-card {
    flex-direction: column; /* Stack the left and right sections vertically */
    align-items: flex-start; /* Align content to the start */
    padding: 15px; /* Reduce padding to save space */
    box-shadow: none; /* Remove shadow for simplicity on small screens */
  }

  .left-section {
    flex-direction: row; /* Keep icon and heading aligned horizontally */
    gap: 10px; /* Reduce gap between icon and heading */
    margin-bottom: 15px; /* Add spacing below the left section */
  }

  .icon-container {
    width: 60px; /* Reduce icon size */
    height: 60px;
  }

  .icon-container i {
    font-size: 2.2rem; /* Adjust icon font size */
  }

  .left-section h3 {
    font-size:25px; /* Reduce heading font size */
    line-height: 1.3; /* Adjust line height for readability */
    white-space: normal; /* Allow wrapping for long headings */
  }

  .vertical-line {
    display: none; /* Hide the vertical line to simplify the layout */
  }

  .right-section {
    width: 100%; /* Ensure the right section takes full width */
  }

  .right-section p {
    font-size:22px; /* Adjust paragraph font size */
    line-height: 1.4; /* Slightly reduce line height */
    text-align: justify; /* Align text for better readability */
  }
   /* General container adjustments */
  .container6-rd, .container7-rd {
    padding: 15px; /* Reduce padding for smaller screens */
  }

  .container6-rd h2, .container7-rd h2 {
    font-size: 22px; /* Adjust font size of headings */
    text-align: center; /* Center-align headings */
  }

  .container7-rd p.description {
    font-size: 14px; /* Smaller text size for descriptions */
    width: 100%; /* Full width for better readability */
    text-align: justify; /* Align text for a cleaner layout */
    margin-bottom: 20px; /* Reduce bottom margin */
  }

  /* Results & Outcomes Section */
  .results-container {
    grid-template-columns:repeat(2, 1fr); /* Single-column layout */
    gap: 15px; /* Reduce gap between cards */
    margin-top: 15px;
  }

  .result-card {
    padding: 15px; /* Reduce padding for cards */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Simplified shadow */
  }


  .progress-circle .percentage {
    font-size: 18px; /* Adjust font size for percentages */
  }

  .result-title {
    font-size: 22px; /* Adjust title font size */
    margin-top: 10px;
    margin-bottom: 8px;
  }

  .result-description {
    font-size: 18px; /* Smaller text for descriptions */
  }

  /* Features Section */
  .features-container {
    grid-template-columns: 1fr; /* Stack feature cards */
    gap: 15px; /* Reduce gap between feature cards */
  }

  .feature-card {
    padding: 15px; /* Adjust padding for feature cards */
    text-align: center; /* Center-align content */
  }

  .feature-card img {
    width: 30px; /* Smaller icon size */
    height: 30px;
    margin-bottom: 10px;
  }

  .feature-title {
    font-size: 16px; /* Adjust feature title size */
  }

  .feature-description {
    font-size: 12px; /* Smaller text for feature descriptions */
  }
  .testimonials-section {
    padding: 15px; /* Reduce padding for smaller screens */
  }

  .testimonials-section h1 {
    font-size:40px; /* Adjust heading size */
    margin-bottom: 20px; /* Reduce bottom margin */
  }

  .video-grid {
    grid-template-columns: repeat(auto-fit, minmax(266px, 1fr));
    gap: 15px; /* Reduce gap between video cards */
    padding: 0; /* Remove side padding for compactness */
  }

  .video-card {
    aspect-ratio: 16 / 9; /* Adjust aspect ratio to widescreen */
    margin: 0 auto; /* Center video cards */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .video-card video,
  .video-card iframe {
    border-radius: 8px; /* Slightly smaller radius for rounded corners */
  }

  .play-button {
    width: 30px; /* Smaller play button */
    height: 30px;
  }

  .play-button::after {
    border-width: 8px 0 8px 12px; /* Adjust triangle size */
    left: 10px; /* Adjust position */
  }

  .testimonials-section .play-button {
    animation: pulse 1.2s infinite ease-in-out; /* Slightly faster animation */
  }
   .container6-rd {
    padding: 15px; /* Reduce padding for compact screens */
  }

  .container6-rd h2 {
    font-size: 45px; /* Slightly smaller heading font size */
    text-align: center; /* Center-align heading */
  }


  .features-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px; /* Reduce gap between cards */
  }

  .feature-card {
    padding: 15px; /* Reduce card padding */
    text-align: center; /* Center-align content for better visual balance */
  }

  .feature-card img {
    width: 65px; /* Increase image size for better visibility */
    height: 65px;
    margin-bottom: 10px; /* Reduce spacing below image */
  }

  .feature-title {
    font-size: 22px; /* Adjust title font size */
  }

  .feature-description {
    font-size: 18px; /* Adjust description font size */
    color: #555; /* Slightly darker text color for better readability */
  }
  .container1 {
    padding: 15px; /* Reduced padding for compact screens */
  }

  .section-title {
    font-size: 1.5rem; /* Slightly smaller font size for section title */
    text-align: center; /* Center-align heading */
    margin-bottom: 20px; /* Reduced margin */
  }

  .cards {
		flex-direction: row;
        align-items: center;
        gap: 0px; /* Reduced gap between cards */
  }

  .research-section .card1 {
    width:100%; /* Make each card take full width on small screens */
    padding:20px; /* Adjust padding inside each card */
    text-align: center; /* Center align card text */
	margin:10px;
  }

  .research-section .card1 .icon {
    width: 40px; /* Slightly smaller icon */
    height: 40px;
    font-size: 1.2rem; /* Adjust icon size */
  }

  .research-section .card-title {
    font-size:21px; /* Smaller font size for the title */
  }

  .research-section .card-description {
    font-size: 23px;
    line-height: 31.5px; /* Smaller font size for the description */
  }
  .testimonial-section {
    height: 1060px; /* Allow the height to adjust dynamically */
    padding: 20px; /* Add padding for spacing */
  }

  .section-title {
    font-size:31px; /* Adjust the title size for better readability */
    text-align: center; /* Center-align the title */
    margin-bottom: 15px; /* Reduce bottom margin */
  }

  .testimonial-container {
    flex-direction: column; /* Stack the testimonials vertically */
    gap: 15px; /* Adjust gap between elements */
    margin: 10px auto; /* Compact margins */
  }

  .testimonial-card {
    width: 100%; /* Make each card take the full width */
    padding: 15px; /* Adjust padding for smaller screens */
	padding-block:40px;
  }

  .testimonial-title {
    font-size:27px; /* Slightly smaller font size for the title */
  }

  .testimonial-text {
    font-size:20px; /* Adjust text size */
    line-height: 1.4; /* Keep good readability */
  }

  .testimonial-author {
    font-size:20px; /* Adjust author font size */
  }

  .testimonial-designation {
    font-size:18px; /* Adjust designation font size */
  }

  .arrow1 {
    display: none; /* Hide the navigation arrows on small devices */
  }
  .cta-container {
    flex-direction: column; /* Stack the text and button vertically */
    align-items: center; /* Center-align content */
    padding: 15px; /* Adjust padding */
    margin-top: -64px;/* Remove negative margin for better spacing */
    width: 90%; /* Ensure full width on smaller screens */
  }

  .cta-text {
    text-align: center; /* Center-align text */
    margin-bottom: 15px; /* Add spacing between text and button */
  }

  .cta-text h3 {
    font-size: 24px; /* Reduce font size for headings */
  }

  .cta-text p {
    font-size:18px; /* Reduce font size for paragraph */
  }

  .cta-button2 {
    font-size: 22px; /* Reduce button font size */
    padding: 12px 15px; /* Adjust button padding */
  }
  .footer-wrapper {
    flex-direction: column; /* Stack the elements vertically */
    align-items: center; /* Center-align all content */
    gap: 20px; /* Adjust spacing between sections */
  }

  .footer-logo {
        align-items: center;
        gap: 20px;
        flex: 1;
        display: flex;
        align-items: flex-start;
  }

  .footer-logo h3 {
    font-size:30px; /* Reduce font size for heading */
  }
.footer-logo .tagline {
    font-size: 23px;
}
  .footer-logo .description {
		font-size: 22px;
        margin-left: 0;
        max-width: 67%;
  }

  .footer-address {
    flex-direction: column; /* Stack address blocks vertically */
    align-items: center; /* Center-align address blocks */
    gap: 15px; /* Adjust spacing between address blocks */
  }

  .footer-address div {
		text-align: left;
        max-width: 75%;
  }

  .footer-address p {
		font-size: 22px;
        width: 65%;
  }

  .footer-address h4 {
    font-size:29px; /* Reduce font size for address headings */
	text-align:left;
  }

  .footer-logo img {
    width: 160px; /* Adjust logo size */
    height: 66px;
	margin-top:15px;
  }
  	    p {
        font-size: 15px;
    }
	.footer-bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
/*about us*/
.content-section2 {
    flex-direction: column; /* Stack the content vertically */
    gap: 50px; /* Reduce the gap for better spacing */
    padding: 15px; /* Adjust padding for smaller screens */
  }
.container {
	gap:0px;
}
  .text-container {
    max-width: 100%; /* Ensure text container spans full width */
    text-align:left; /* Center align text for a clean look */
	flex: 1 1 190px;
    padding: 10px 15px;
}
  

  .lingo-img {
    width: 100%; /* Make image responsive to fit the container */
    margin: 0 auto; /* Center the image */
  }

  .vision-section,
  .mission-section {
    max-width: 100%; /* Make sections take full width */
    margin-bottom: 20px; /* Add spacing between sections */
	margin:10px;
  }

  .vision-section h2,
  .mission-section h2 {
    font-size: 1.2rem; /* Reduce heading size */
  }

  .mission-items {
    flex-direction: column; /* Stack mission items vertically */
    gap: 15px; /* Adjust spacing */
  }

  .team-container {
    padding: 0 15px; /* Add some padding for better alignment */
  }

  .team-grid {
    gap: 15px; /* Reduce the gap between team cards */
  }

  .team-card {
    width: 200px; /* Adjust card size for smaller screens */
  }

  .instructor-section {
    flex-direction:row; /* Stack content vertically */
    text-align: center; /* Center align text */
    gap: 20px; /* Adjust gap between elements */
  }

  .instructor-section h1 {
    font-size: 1.5rem; /* Adjust heading size */
  }

  .cta-button1 {
    font-size: 1.2rem; /* Reduce button font size */
    padding: 8px 15px; /* Adjust padding for button */
    border-radius: 50%; /* Maintain button shape */
  }

  .cta-button1:hover {
    transform: scale(1.05); /* Adjust hover effect */
  }
  /*R&D*/
  .survey-img {
    width: 563px;
    margin-left: 0px;
}
.card-container-rd2 {

    gap: 20px;

}
    .insight-card {
        margin: 20px;
        width: 95%;
    }
	.card3-rd {

    max-width: 700px;
    width: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.challenge-card {
    max-width: 236px;

}
.challenges-container {

    gap: 10px;

}


}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	/* Adjust body padding for medium-sized screens */
  body {
    padding: 10px;
	display:block;
  }

  /* Header adjustments for spacing */
  header {
    padding: 15px 30px;
  }

  /* Logo image size */
  .logo img {
    width: 45px;
  }
  .logo-text p {
    font-size: 13px;

}

  /* Adjust navigation link font size */
  .desktop-nav a {
    font-size:12px;
    padding: 8px 12px;
  }
  .desktop-nav {
    gap: 0px;
}

  /* Sidebar adjustments */
  #sidebar {
    width: 200px;
    top: 70px; /* Adjust for header height */
  }

  /* Content section adjustments */
  .content-section2 {
    flex-direction:row;
    padding: 10px;
    gap: 20px;
  }
.text-container {
    margin-top: 136px;
}
  .text-container h1 {
    font-size:38px;
  }

  .text-container p {
    font-size: 22px;
  }
  .buttons button {
	margin-top:25px;
    font-size: 21px;

}

  .lingo-img {
    width: 400px;
	margin-top:125px;
  }

  /* Cards section adjustments */
  .cards {
    gap: 15px;
  }

  .research-section .card1 {
		width: calc(25.33% - 20px);
        height:200px;
  }

  /* Adjust insight cards layout */
  .insight-card {
    flex-direction:row;
    padding: 15px;
  }
  .icon-container i {
    font-size: 32px;
  }

  .vertical-line {
    display:block; /* Hide vertical line on smaller screens */
  }

  .right-section p {
    font-size:17px;
  }
  .container6-rd h2 {

    text-align: center;
	font-size:40px;
  }

  /* Features container adjustments */
  .features-container {
    grid-template-columns: repeat(2, 1fr); /* Two columns */
  }

  .feature-card {
    padding: 15px;
  }

  /* Results section adjustments */
  .results-container {
    grid-template-columns: repeat(2, 1fr); /* Two cards per row */
  }


  .percentage {
    font-size: 20px;
  }

  /* Testimonials section adjustments */
  .testimonials-section h1 {
    font-size: 1.8rem;
  }

  .video-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* Smaller columns */
  }

  .video-card {
    aspect-ratio: 4 / 3; /* Change to rectangle */
  }

  .play-button {
    width: 35px;
    height: 35px;
  }

  .play-button::after {
    border-width: 8px 0 8px 12px;
    left: 10px;
  }
	.arrow-right {
    display:none;
}
	.footer-legal {

    margin-left: 134px;
}
/*about us*/
.team-grid {

    gap: 55px;
}
.team-container h2 {

    margin-top: 50px;
}
.container {

    gap: 35px;
    margin-top: 50px;
}
.software-img {

    margin-top: 121px;
}
/*R&D*/
.card-container {

    grid-template-columns: repeat(auto-fit, minmax(218px, 1fr));

}
.card-container-rd2 {

    gap: 17px;

}
.card3-rd {
    width: 49%;
}
.cards8-rd {

    grid-template-columns: repeat(auto-fit, minmax(336px, 1fr));

}
.challenges-container {

    gap: 10px;

}
.challenge-card {

    width: 32%;

}
}
/* Extra large devices (large desktops, 1200px and up) 
@media (min-width: 1200px) and (min-resolution: 2dppx){
}*/