/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Cairo:wght@200..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* VARIABLES CSS */
:root {
  /* Header Height */
  --header-height: 80px;

  /* Colors */
  --main-color: #2c40ff; 
  --sec-color: #EBF4FF;
  --title-color: #0C0C0C;
  --text-color: #858585; 
  --background-color: #ffffff;

  /* Font and typography */
  --body-font: "Alexandria", sans-serif;
  --h1-font-size: 40px;
  --h3-font-size: 30px;
  --h6-font-size: 16px;
  --normal-font-size: 20px;
  --small-font-size: 12px;

  /* Font weight */
  --font-bold: 600;
  --font-semi-bold: 500;
  --font-normal-bold: 400;
}

/* Global */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
  background-color: var(--background-color);
  color: var(--text-color);
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* -------- Regular CSS Classes & Reuseable -------- */
.container {
  padding-left: 80px;
  padding-right: 80px;
  margin-left: auto;
  margin-right: auto;
}

/** Heading Section **/
.heading-section{
  padding: 80px 0 80px 0;
  margin-top: var(--header-height);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Section Heading Styling */
.section-heading {
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 800px;
}

.heading-label {
  font-size: var(--small-font-size);
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  line-height: 20px;
  letter-spacing: -1%;
  background-color: var(--sec-color);
  padding: 6px 12px 6px 12px;
  border-radius: 999px;
  width: fit-content;
  margin: 0px auto;
}

.heading-main {
  font-size: var(--h1-font-size);
  font-weight: var(--font-bold);
  color: var(--title-color);
  line-height: 48px;
  letter-spacing: -4%;
}

.heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/** Loading animations CSS */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

.loading-overlay.hidden {
    opacity: 0;
    pointer-events: none;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.header.loading, .footer.loading {
    filter: blur(5px);
    opacity: 0.7;
    transition: filter 0.3s ease, opacity 0.3s ease;
}

.content-loading {
    position: relative;
    min-height: 300px;
}

.content-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
  .section-heading {
    text-align: center;
    margin: 0 auto 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    max-width: 800px;
  }

  .heading-main {
    font-size: var(--h3-font-size);
    font-weight: var(--font-semi-bold-bold);
    color: var(--title-color);
    line-height: 40px;
  }
}

@media screen and (max-width: 480px) {
  .heading-section{
    padding: 40px 0 40px 0;
    margin-top: var(--header-height);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* ============== HOME Page End ============== */
/* ====== Header & Nav ====== */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--background-color);
  border-bottom: 1px solid #E7E5E4;
  z-index: 100;
}

.nav {
  height: var(--header-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo-div {
  flex: 0 0 auto;
  padding-right: 40px;
}

.logo-img {
  height: 40px;
  transition: height 0.3s ease;
  object-fit: contain;
}

.nav-menu {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

.nav-list {
  display: flex;
  gap: 10px;
}

.nav-link {
  color: var(--title-color);
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  padding: 30px 20px 30px 20px;
  transition: color 0.3s ease;
  position: relative;
}

.nav-link:hover {
  color: var(--title-color);
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--title-color);
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

.nav-link.active::after {
  width: 100%;
}

.nav-list:has(.active) .nav-link {
  color: #B6B6B6;
}

.nav-list .nav-link.active {
  color: var(--title-color);
}

.nav-buttons {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.mobile-nav-buttons {
  display: none;
  }

.language-switcher {
  background: none;
  border: none;
  color: var(--text-color);
  cursor: pointer;
  font-family: var(--body-font);
  font-size: 16px;
  transition: color 0.3s ease;
  font-weight: 400;
}

.language-switcher:hover {
  color: var(--main-color);
}

.nav-buttons a {
  font-size: var(--small-font-size);
  background-color: var(--main-color);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 30px;
  font-weight: var(--font-bold);
  transition: all 0.3s ease;
}

.nav-buttons a:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/*  Mobile Menu Toggle  */
.nav-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: var(--main-color);
}

/*  Responsive Nav  */
@media screen and (max-width: 968px) {
  .nav-menu {
      position: fixed;
      top: var(--header-height);
      right: -100%;
      width: 70%;
      height: calc(100vh - var(--header-height));
      background-color: var(--background-color);
      flex-direction: column;
      justify-content: flex-start;
      padding: 2rem;
      transition: right 0.4s ease;
      box-shadow: none;
      border: 1px solid #E7E5E4;
      overflow-y: auto;
  }

  .nav-menu.show-menu {
      right: 0;
  }

  .nav-list {
      flex-direction: column;
      gap: 0;
  }

  .nav-link {
      padding: 1rem 0;
      display: block;
      border-bottom: 1px solid #f1f1f1;
  }

  .nav-toggle {
      display: block;
  }

  .nav-buttons {
      display: none;
  }

  .mobile-nav-buttons {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-top: 2rem;
  }

  .mobile-nav-buttons .language-switcher {
      text-align: center;
      padding: 1rem;
      border: 1px solid #f1f1f1;
      border-radius: 5px;
  }
}

@media screen and (max-width: 576px) {
  .logo-img {
      height: 32px;
  }

  .nav {
      padding: 0 1rem;
  }
}
/* Home Section */
.home {
  padding: 80px 0 80px 0;
  margin-top: var(--header-height);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - var(--header-height));
}

.home .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 64px;
}

.home .home-main-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2rem;
}

.home .home-main-text {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.home .home-label {
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--main-color);
}

.home .home-label span{
  background-color: var(--sec-color);
  line-height: 20px;
  padding: 6px 12px 6px 12px;
  border-radius: 999px;
}

.home .home-heading {
  font-size: var(--h1-font-size);
  font-weight: var(--font-bold);
  color: var(--title-color);
  line-height: 48px;
  letter-spacing: -4%;
}

.home .home-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.home .home-main-buttons {
  display: flex;
  gap: 16px;
  margin-top: 20px;
}

.home .home-main-buttons a {
  padding: 10px 16px;
  border-radius: 999px;
  border: 2px solid #4C6BFF;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
}

.home .home-main-buttons a:first-child {
  background-color: var(--main-color);
  color: white;
}

.home .home-main-buttons a:first-child:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

.home .home-main-buttons a:last-child {
  background-color: #FAFAFA;
  border: 2px solid #FAFAFA;
  color: var(--main-color);
}

.home .home-main-buttons a:last-child:hover {
  background-color: var(--main-color);
  color: white;
  transform: translateY(-2px);
}

/*-- Home Cards Part --*/
.home .home-cards {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.home .home-card {
  background-color: white;
  border-radius: 16px;
  padding: 32px;
  flex: 1;
  border: 1px solid #E7E5E4;
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.08);
  gap: 40px;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home .home-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.home .home-card .details {
  gap: 8px;
}

.home .home-card h6 {
  font-size: var(--h6-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 24px;
  letter-spacing: -1%;
  color: var(--title-color);
}

.home .home-card p {
  font-size: var(--small-font-size);
  line-height: 20px;
  font-weight: 500;
  color: var(--text-color);
}

.home .home-card img {
  height: 300px;
  object-fit: cover;
  align-self: center;
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
  .home .home-heading {
    font-size: 2.75rem;
  }
  
  .home .home-main-text {
    max-width: 700px;
  }
}

@media screen and (max-width: 768px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .home .home-heading {
    font-size: 2.25rem;
  }
  
  .home .home-main-text {
    max-width: 100%;
  }
  
  .home .home-main-buttons {
    flex-direction: column;
    width: 100%;
    max-width: 300px;
  }
  
  .home .home-main-buttons a {
    text-align: center;
  }
  
  .home .home-cards {
    flex-direction: column;
    align-items: center;
  }
  
  .home .home-card {
    max-width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .home .home-heading {
    font-size: 2rem;
  }
  
  .home .home-text {
    font-size: 1.1rem;
  }
}

/* What We Do Section */
.what-we-do {
  padding: 80px 0 80px 0;
  background-color: #fff;
}

.what-we-do .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.what-we-do .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.what-we-do .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.what-we-do .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/* Cards Container */
.what-we-do .cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin-bottom: 48px;
}

.what-we-do .card {
  text-align: center;
  background-color: white;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #E7E5E4;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.what-we-do .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.what-we-do .card .icon {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.what-we-do .card .icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.what-we-do .card .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.what-we-do .card h6 {
  font-size: var(--h6-font-size);
  font-weight: var(--font-bold);
  color: var(--title-color);
}

.what-we-do .card p {
  font-size: var(--small-font-size);
  color: var(--text-color);
  line-height: 1.5;
}

.what-we-do .card-btn a {
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
  background-color: #FAFAFA;
  border: 2px solid #FAFAFA;
  color: var(--main-color);
}

.what-we-do .card-btn a:hover {
  background-color: var(--main-color);
  color: white;
  transform: translateY(-2px);
}

.what-we-do .main-btn {
  text-align: center;
}

.what-we-do .main-btn a {
  display: inline-block;
  background-color: var(--main-color);
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
}

.what-we-do .main-btn a:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .what-we-do {
    padding: 60px 0;
  }
  
  .what-we-do .section-heading {
    margin-bottom: 48px;
  }
  
  .what-we-do .heading-main {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 480px) {
  .what-we-do {
    padding: 40px 0;
  }
  
  .what-we-do .cards {
    grid-template-columns: 1fr;
  }
  
  .what-we-do .card {
    padding: 24px;
  }
}

/* Our Impact Section */
.our-impact {
  padding: 80px 0;
  background-color: #fff;
}

.our-impact .container {
  padding-left: 20px;
  padding-right: 20px;
}

.our-impact .our-impact-container {
  padding: 80px;
  color: #FAFAFA;
  background-color: var(--main-color);
  border-radius: 16px;
  text-align: center;
}

.our-impact .section-heading {
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.our-impact .heading-label {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
  background-color: transparent;
  border-radius: none;
}

.our-impact .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  line-height: 40px;
  letter-spacing: -4%;
  color: #FFFFFF;
}

.our-impact .heading-text {
  color: #939DFC;
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.our-impact .statistics-container {
  display: flex;
  justify-content: center;
  gap: 48px;
  margin-bottom: 48px;
  flex-wrap: wrap;
}

.our-impact .statistics-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.our-impact .statistics-count {
  font-size: var(--h1-font-size);
  font-weight: var(--font-bold);
  color: #FFFFFF;
  line-height: 56px;
  letter-spacing: -4%;
}

.our-impact .statistics-text {
  font-size: var(--normal-font-size);
  color: #939DFC;
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.our-impact .main-btn a {
  display: inline-block;
  background-color: #FFFFFF;
  color: var(--main-color);
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
}

.our-impact .main-btn a:hover {
  background-color: #F0F0F0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .our-impact .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .our-impact .our-impact-container {
    padding: 60px;
  }
}

@media screen and (max-width: 768px) {
  .our-impact {
    padding: 60px 0;
  }
  
  .our-impact .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .our-impact .our-impact-container {
    padding: 40px 24px;
  }
  
  .our-impact .statistics-container {
    gap: 32px;
  }
  
  .our-impact .statistics-count {
    font-size: 36px;
    line-height: 44px;
  }
}

@media screen and (max-width: 480px) {
  .our-impact {
    padding: 40px 0;
  }
  
  .our-impact .our-impact-container {
    padding: 32px 16px;
  }
  
  .our-impact .statistics-container {
    flex-direction: column;
    gap: 24px;
  }
  
  .our-impact .heading-main {
    font-size: 1.75rem;
  }
}

/* Why Us Section */
.why-us {
  padding: 80px 0 80px 0;
  background-color: #fff;
}

.why-us .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.why-us .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.why-us .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.why-us .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/* Numbered Cards Grid */
.why-us .numbered-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin-bottom: 48px;
}

.why-us .numbered-cards .card {
  background-color: white;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #E7E5E4;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
  display: flex;
  justify-content: flex-start;
  gap: 50px;
  position: relative;
  overflow: hidden;
  flex-direction: column;
}

.why-us .numbered-cards .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--main-color);
}

.why-us .numbered-cards .card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  background-color: var(--main-color);
  transition: height 0.3s ease;
}

.why-us .numbered-cards .card:hover::before {
  height: 100%;
}

.why-us .card-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  /* background-color: var(--sec-color); */
  color: var(--main-color);
  font-size: 20px;
  font-weight: var(--font-bold);
  border-radius: 50%;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.why-us .numbered-cards .card:hover .card-number {
  background-color: var(--main-color);
  color: white;
  transform: scale(1.1);
}

.why-us .card-text {
  font-size: 30px;
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  transition: color 0.3s ease;
  letter-spacing: -4%;
}

.why-us .numbered-cards .card:hover .card-text {
  color: var(--main-color);
}

.why-us .main-btn {
  text-align: center;
}

.why-us .main-btn a {
  display: inline-block;
  background-color: var(--main-color);
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
  margin-top: 25px;
}

.why-us .main-btn a:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .why-us .numbered-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .why-us {
    padding: 60px 0;
  }
  
  .why-us .section-heading {
    margin-bottom: 48px;
  }
  
  .why-us .heading-main {
    font-size: 1.75rem;
  }
  
  .why-us .numbered-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .why-us .numbered-cards .card {
    padding: 24px;
  }
}

@media screen and (max-width: 480px) {
  .why-us {
    padding: 40px 0;
  }
  
  .why-us .numbered-cards .card {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
  
  .why-us .card-text {
    font-size: 16px;
  }
}

/* What is Industry */
.what-is-industry {
  padding: 80px 0;
  background-color: #fff;
}

.what-is-industry-card {
  display: flex;
  border-radius: 16px;
  border: 1px solid #E7E5E4;
  padding: 40px;
  gap: 64px;
  overflow: hidden;
}

.what-is-industry-card .content {
  flex: 1;
  /* padding: 64px; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
}

.what-is-industry-card .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.what-is-industry-card h3 {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.what-is-industry-card p {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.what-is-industry-card .btn a {
  display: inline-block;
  background-color: var(--main-color);
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
}

.what-is-industry-card .btn a:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

.what-is-industry-card .img-container {
  /* flex: 1; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

.what-is-industry-card .img-container img {
  max-width: 320px;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .what-is-industry .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .what-is-industry-card .content {
    padding: 48px;
  }
}

@media screen and (max-width: 900px) {
  .what-is-industry-card {
    flex-direction: column-reverse;
  }
  
  .what-is-industry-card .content {
    padding: 40px 32px;
  }
  
  .what-is-industry-card .img-container {
    padding: 32px;
  }
}

@media screen and (max-width: 768px) {
  .what-is-industry {
    padding: 60px 0;
  }
  
  .what-is-industry .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .what-is-industry-card .content {
    padding: 32px 24px;
  }
  
  .what-is-industry-card h3 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 480px) {
  .what-is-industry {
    padding: 40px 0;
  }
  
  .what-is-industry-card .content {
    padding: 24px 16px;
    gap: 24px;
  }
  
  .what-is-industry-card .img-container {
    padding: 24px 16px;
  }
  
  .what-is-industry-card h3 {
    font-size: 1.5rem;
  }
  
  .what-is-industry-card p {
    font-size: 1rem;
  }
}

/* Partners Section */ 
.partners {
  padding: 80px 0;
  background-color: #fff;
}

.partners-card {
  display: flex;
  border-radius: 16px;
  /* border: 1px solid #E7E5E4; */
  padding: 40px;
  gap: 64px;
  overflow: hidden;
}

.partners-card .content {
  flex: 1;
  /* padding: 64px; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
}

.partners-card .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.partners-card span {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.partners-card h3 {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.partners-card p {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.partners-card .btn a {
  display: inline-block;
  background-color: var(--main-color);
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
}

.partners-card .btn a:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

.partners-card .img-container {
  /* flex: 1; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

.partners-card .img-container img {
  max-width: 588px;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .partners .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .partners-card .content {
    padding: 48px;
  }
}

@media screen and (max-width: 900px) {
  .partners-card {
    flex-direction: column-reverse;
  }
  
  .partners-card .content {
    padding-bottom: 40px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 0px;
  }
  
  .partners-card .img-container {
    padding: 32px;
  }
}

@media screen and (max-width: 768px) {
  .what-is-industry {
    padding: 60px 0;
  }
  
  .what-is-industry .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .what-is-industry-card .content {
    padding: 32px 24px;
  }
  
  .what-is-industry-card h3 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 480px) {
  .partners {
  padding: 40px 0;
  background-color: #fff;
  }

  .what-is-industry {
    padding: 40px 0;
  }
  
  .what-is-industry-card .content {
    padding: 24px 16px;
    gap: 24px;
  }
  
  .what-is-industry-card .img-container {
    padding: 24px 16px;
  }
  
  .what-is-industry-card h3 {
    font-size: 1.5rem;
  }
  
  .what-is-industry-card p {
    font-size: 1rem;
  }

  .partners-card {
  gap: 10px;
  text-align: center;
  padding: 0px;
  }

  .partners-card .img-container {
    padding: 0px;
  }

    .partners-card .content {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* Testimonials */
.testimonials {
  padding: 80px 0;
  background-color: #fff;
}

.testimonials .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.testimonials .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.testimonials .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.testimonials .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.testimonials-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 48px;
}

.testimonials-card {
  background-color: #FAFAFA;
  border: 1px solid #E7E5E4;
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  transition: all 0.3s ease;
  height: fit-content;
}

.testimonials-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.testimonials-card .comment {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -1%;
  margin: 0;
}

.testimonials-card .person {
  display: flex;
  align-items: center;
  gap: 16px;
}

.testimonials-card .person-img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.testimonials-card .person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonials-card .person-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.testimonials-card .person-name {
  font-size: var(--small-font-size);
  font-weight: var(--font-bold);
  line-height: 20px;
  color: var(--title-color);
  margin: 0;
}

.testimonials-card .person-position {
  font-size: var(--small-font-size);
  color: var(--text-color);
  margin: 0;
}

.testimonials .main-btn {
  text-align: center;
}

.testimonials .main-btn a {
  display: inline-block;
  background-color: var(--main-color);
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
}

.testimonials .main-btn a:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .testimonials-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .testimonials {
    padding: 60px 0;
  }
  
  .testimonials .section-heading {
    margin-bottom: 48px;
  }
  
  .testimonials .heading-main {
    font-size: 1.75rem;
  }
  
  .testimonials-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .testimonials-card {
    padding: 24px;
  }
}

@media screen and (max-width: 480px) {
  .testimonials {
    padding: 40px 0;
  }
  
  .testimonials-card .person {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .testimonials-card .person-details {
    margin-left: 0;
  }
}

/* Let's Talk Section */
.lets-talk {
  padding: 80px 0;
  background-color: #fff;
}

.lets-talk .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.lets-talk .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.lets-talk .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.lets-talk .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/* Contact Form Styles */
.contact-form {
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
  background-color: #FAFAFA;
  padding: 40px;
  border: 2px solid #E7E5E4;
  border-radius: 16px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-group label {
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
}

.form-group input,
.form-group textarea {
  padding: 16px;
  border: 1px solid #E7E5E4;
  border-radius: 8px;
  font-family: var(--body-font);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
  background-color: #ffffff;
}

.form-group input:focus,
.form-group textarea:focus {
  outline: none;
  border-color: var(--main-color);
  box-shadow: 0 0 0 2px rgba(44, 64, 255, 0.1);
  background-color: #FFFFFF;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #A8A29E;
}

.industry-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.submit-btn {
  background-color: #939DFD;
  color: white;
  border: none;
  padding: 16px 32px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 16px;
  align-self: center;
  min-width: 100%;
  border: 2px solid #4C6BFF;
}

.submit-btn:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .lets-talk {
    padding: 60px 0;
  }
  
  .industry-fields {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 480px) {
  .lets-talk {
    padding: 40px 0;
  }
  
  .contact-form {
    gap: 16px;
  }
  
  .form-group input,
  .form-group textarea {
    padding: 12px;
  }
}

/* Client Logos Section */
.clients-logos {
  padding: 0px;
  background-color: #fff;
}

.clients-logos .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin: 0 auto;
    padding: 0 20px;
}

.clients-logos img {
    max-width: 120px;
    height: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.clients-logos img:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

/* Responsive breakpoints */
@media (max-width: 1200px) {
    .clients-logos .container {
        gap: 25px;
    }
    
    .clients-logos img {
        max-width: 100px;
    }
}

@media (max-width: 768px) {
    .clients-logos .container {
        gap: 20px;
    }
    
    .clients-logos img {
        max-width: 80px;
    }
}

@media (max-width: 576px) {
    .clients-logos .container {
        gap: 15px;
    }
    
    .clients-logos img {
        max-width: 60px;
    }
}

/* For very small screens - 2 columns */
@media (max-width: 400px) {
    .clients-logos .container {
        gap: 12px;
        justify-content: space-around;
    }
    
    .clients-logos img {
        max-width: 45px;
        flex: 0 0 calc(50% - 12px);
    }
}

/* Landing Blogs Section */
.landing-blogs {
  padding: 80px 0;
  background-color: #fff;
}

.landing-blogs .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.landing-blogs .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.landing-blogs .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.landing-blogs .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/* Blog Cards Container */
.blog-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom: 48px;
}

/* Individual Blog Card */
.blog-card {
  background-color: white;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 16px;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--main-color);
}

/* Blog Banner */
.blog-banner {
  width: 100%;
  height: auto;
  max-height: 250px;
  border: 1px solid #E7E5E4;
  border-radius: 16px;
  overflow: hidden;
}

.blog-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.blog-card:hover .blog-banner img {
  transform: scale(1.05);
}

/* Blog Details */
.blog-details {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
}

.blog-title {
  font-size: var(--h6-font-size);
  font-weight: var(--font-bold);
  color: var(--title-color);
  line-height: 24px;
  letter-spacing: -1%;
  margin: 0;
}

.blog-description {
  color: var(--text-color);
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  flex-grow: 1;
}

/* Blog Actions */
.blog-actions {
  padding: 0 24px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blog-data {
  font-size: 16px;
  color: var(--title-color);
  font-weight: 300;
  line-height: 24px;
}

.blog-read-btn {
  color: var(--title-color);
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 20px;
  /* background-color: var(--sec-color); */
  transition: all 0.3s ease;
}

.blog-read-btn:hover {
  background-color: var(--main-color);
  color: white;
}

/* Main Button */
.landing-blogs .main-btn {
  text-align: center;
}

.landing-blogs .main-btn a {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
  background-color: #FAFAFA;
  border: 2px solid #FAFAFA;
  color: var(--main-color);
}

.landing-blogs .main-btn a:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
  color: white;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .blog-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .landing-blogs {
    padding: 60px 0;
  }
  
  .landing-blogs .section-heading {
    margin-bottom: 48px;
  }
  
  .landing-blogs .heading-main {
    font-size: 1.75rem;
  }
  
  .blog-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media screen and (max-width: 480px) {
  .landing-blogs {
    padding: 40px 0;
  }
  
  .blog-details {
    padding: 16px;
  }
  
  .blog-actions {
    padding: 0 16px 16px;
  }
}

/* Hook Section */
/* Our Impact Section */
.hook {
  padding: 80px 0;
  background-color: #fff;
}

.hook .container {
  padding-left: 20px;
  padding-right: 20px;
}

.hook .hook-container {
  padding: 80px;
  color: #FAFAFA;
  background-color: var(--main-color);
  border-radius: 16px;
  text-align: center;
}

.hook .section-heading {
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hook .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
  margin-bottom: 30px;
  color: #ffffff;
  background-color: #4C6BFF;
}

.hook .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  line-height: 40px;
  letter-spacing: -4%;
  color: #FFFFFF;
}

.hook .heading-text {
  color: #939DFC;
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.hook .main-btn a {
  display: inline-block;
  background-color: #FFFFFF;
  color: var(--main-color);
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
}

.hook .main-btn a:hover {
  background-color: #F0F0F0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .hook .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .hook .hook-container {
    padding: 60px;
  }
}

@media screen and (max-width: 768px) {
  .hook {
    padding: 60px 0;
  }
  
  .hook .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .hook .hook-container {
    padding: 40px 24px;
  }

  .hook .heading-main {
    font-size: var(--h3-font-size);
    font-weight: var(--font-semi-bold);
  }
}

@media screen and (max-width: 480px) {
  .hook {
    padding: 40px 0;
  }
  
  .hook .hook-container {
    padding: 32px 16px;
  }
  
}

/* Footer */
.footer {
  background-color: #FAFAFA;
  height: 454px;
  padding: 80px 0 40px;
  border-top: 1px solid #E7E5E4;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}

.footer-column {
  display: flex;
  flex-direction: column;
}

.footer-column:first-child {
  max-width: 240px;
}

.footer-column h4 {
  font-size: 16px;
  font-weight: var(--font-bold);
  color: var(--title-color);
  margin-bottom: 24px;
}

.footer-column ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-column ul li a {
  font-size: 16px;
  color: #0C0C0C;
  font-weight: 300;
  line-height: 24px;
  transition: color 0.3s ease;
}

.footer-column ul li a:hover {
  color: var(--main-color);
}

.footer-logo {
  margin-bottom: 32px;
}

.footer-logo img {
  height: 24px;
  width: auto;
}

.footer-social {
  display: flex;
  gap: 16px;
  margin-top: auto;
}

.footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  /* background-color: white; */
  border-radius: 50%;
  color: #0C0C0C;
  transition: all 0.3s ease;
  /* border: 1px solid #E7E5E4; */
}

.footer-social a:hover {
  background-color: var(--main-color);
  color: white;
  transform: translateY(-2px);
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  border-top: 1px solid #E7E5E4;
}

.footer-copyright p {
  font-size: 14px;
  color: var(--text-color);
}

.footer-language {
  display: flex;
  gap: 16px;
}

.footer-language .language-switcher {
  background: none;
  border: none;
  color: var(--text-color);
  cursor: pointer;
  font-family: var(--body-font);
  font-size: 14px;
  transition: color 0.3s ease;
  padding: 4px 8px;
  border-radius: 4px;
}

.footer-language .language-switcher:hover,
.footer-language .language-switcher.active {
  color: var(--main-color);
  /* background-color: rgba(44, 64, 255, 0.1); */
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .footer-content {
    flex-wrap: wrap;
    gap: 40px;
  }
  
  .footer-column {
    flex: 0 0 calc(50% - 20px);
  }
  
  .footer {
    height: auto;
    min-height: 454px;
  }
}

@media screen and (max-width: 768px) {
  .footer {
    padding: 60px 0 32px;
  }
  
  .footer-content {
    margin-bottom: 48px;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 24px;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .footer-column {
    flex: 0 0 100%;
    align-items: center;
  }
  
  .footer-language {
    justify-content: center;
  }

  .footer-content {
    text-align: center;
    justify-content: center;
  }
}

/* ============== HOME Page End ============== */

/* ============== About Us Start ============== */
.about-us-main .section-heading {
  max-width: 700px;
}

/* About Mission Values Section */
.about-mission-values-section {
  padding: 80px 0;
  background-color: #fff;
}

.about-cards {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  margin: 0 auto;
}

.about-cards .card {
  background-color: white;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.about-cards .card img {
  width: 100%;
  height: 400px;
  object-fit: contain;
  border-radius: 16px;
  margin-bottom: 24px;
  border: 1px solid #E7E5E4;
  background-color: #FAFAFA;
}

.about-cards .card-title {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
  margin-bottom: 20px;
}

.about-cards .card-caption {
  font-size: var(--h6-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 24px;
  letter-spacing: -1%;
}

.about-cards .card p {
  color: var(--text-color);
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .about-cards {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  
  .about-cards .card {
    padding: 24px;
  }
}

@media screen and (max-width: 768px) {
  .about-mission-values-section {
    padding: 60px 0;
  }
  
  .about-cards {
    grid-template-columns: 1fr;
    gap: 24px;
    max-width: 600px;
  }
  
  .about-cards .card-title {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 480px) {
  .about-mission-values-section {
    padding: 40px 0;
  }
  
  .about-cards .card {
    padding: 20px;
  }
  
  .about-cards .card img {
    height: 160px;
    margin-bottom: 16px;
  }
  
  .about-cards .card-title {
    font-size: 1.5rem;
    line-height: 32px;
  }
}

/* Our Process */
.our-process {
  padding: 80px 0;
  background-color: #fff;
}

.about-us-main .our-process .section-heading .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-us-main .our-process .section-heading .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
  background-color: transparent;
}

.about-us-main .our-process .section-heading .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.about-us-main .our-process .section-heading .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.our-process .our-process-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

.our-process-cards .card {
  background-color: white;
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: start;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.our-process-cards .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--main-color);
}

.our-process-cards .card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  background-color: var(--main-color);
  transition: height 0.3s ease;
}

.our-process-cards .card:hover::before {
  height: 100%;
}

.our-process-cards .card h3 {
  font-size: 40px;
  font-weight: var(--font-bold);
  color: var(--main-color);
  line-height: 48px;
  margin-bottom: 16px;
}

.our-process-cards .card h6 {
  font-size: var(--h6-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 24px;
  letter-spacing: -1%;
  margin-bottom: 12px;
}

.our-process-cards .card p {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -1%;
  transition: color 0.3s ease;
}

.our-process .main-btn {
  display: flex;
  gap: 16px;
  margin-top: 20px;
}

.our-process .main-btn a {
  padding: 10px 16px;
  border-radius: 999px;
  border: 2px solid #4C6BFF;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
  background-color: var(--main-color);
  color: white;
  margin: 0px auto;
}

.our-process .main-btn a:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .our-process .our-process-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .our-process {
    padding: 60px 0;
  }
  
  .our-process .section-heading {
    margin-bottom: 48px;
  }
  
  .our-process .heading-main {
    font-size: 1.75rem;
  }
  
  .our-process .our-process-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .our-process .our-process-cards .card {
    padding: 24px;
  }
}

@media screen and (max-width: 480px) {
  .our-process {
    padding: 40px 0;
  }
  
  .our-process .our-process-cards .card {
    padding: 20px;
  }
  
  .our-process .our-process-cards .card h3 {
    font-size: 32px;
  }
}

/* How We Work Section */
.how-we-work {
  padding: 80px 0;
  background-color: #fff;
}

.how-we-work .main-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 64px;
  background-color: white;
  border-radius: 16px;
  padding: 40px;
  border: 1px solid #E7E5E4;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.how-we-work .main-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--main-color);
}

.how-we-work .img-div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.how-we-work .img-div img {
  width: 100%;
  min-width: 320px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}

.how-we-work .text-div {
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.how-we-work .card-label {
  font-size: var(--small-font-size);
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  line-height: 20px;
  letter-spacing: -1%;
  background-color: var(--sec-color);
  padding: 6px 12px;
  border-radius: 999px;
  width: fit-content;
  text-transform: uppercase;
}

.how-we-work .card-title {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.how-we-work .card-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .how-we-work .main-card {
    gap: 48px;
    padding: 48px;
  }
  
  .how-we-work .card-title {
    font-size: 2.25rem;
    line-height: 40px;
  }
}

@media screen and (max-width: 900px) {
  .how-we-work .main-card {
    flex-direction: column;
    text-align: center;
    gap: 40px;
  }
  
  .how-we-work .text-div {
    align-items: center;
  }
  
  .how-we-work .img-div img {
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .how-we-work {
    padding: 60px 0;
  }
  
  .how-we-work .main-card {
    padding: 40px 32px;
  }
  
  .how-we-work .card-title {
    font-size: 1.75rem;
    line-height: 36px;
  }
  
  .how-we-work .card-text {
    font-size: 1.1rem;
    line-height: 28px;
  }
}

@media screen and (max-width: 480px) {
  .how-we-work {
    padding: 40px 0;
  }
  
  .how-we-work .main-card {
    padding: 32px 24px;
    gap: 32px;
  }
  
  .how-we-work .card-title {
    font-size: 1.5rem;
    line-height: 32px;
  }
  
  .how-we-work .card-text {
    font-size: 1rem;
    line-height: 24px;
  }
}

/* ============== About Us End ============== */


/* ============== Services Hub Page Start ============== */
/** Service Section **/
.services-page .service {
  padding: 80px 0;
}

.services-page .service .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
}

.services-page .service.reversed .container {
  flex-direction: row-reverse;
}

.services-page .service .service-img-container {
  overflow: hidden;
  transition: all 0.3s ease;
}

.services-page .service .service-img-container img {
  width: 320px;
  height: auto;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.services-page .service .service-img-container:hover img {
  transform: scale(1.05);
}

.services-page .service .service-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 95px;
  max-width: 640px;
}

.services-page .service .service-details-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.services-page .service .service-details-text span {
  font-size: 16px;
  font-weight: var(--font-normal-bold-bold);
  color: var(--main-color);
  letter-spacing: -1%;
  line-height: 24px;
}

.services-page .service .service-details-text h3 {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.services-page .service .service-details-text p {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.services-page .service .service-details-btn a {
  display: inline-block;
  transition: all 0.3s ease;
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  background-color: #FAFAFA;
  line-height: 20px;
  padding: 10px 16px 10px 16px;
  border-radius: 999px;
  width: fit-content;
  margin: 0px auto;
}

.services-page .service .service-details-btn a:hover {
  color: #FFFFFF;
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .services-page .service .container {
    gap: 60px;
  }
}

@media screen and (max-width: 900px) {
  .services-page .service .container {
    flex-direction: column;
    gap: 40px;
  }
  
  .services-page .service .service-img-container,
  .services-page .service .service-details {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .services-page .service {
    padding: 60px 0;
    text-align: center;
  }

  .services-page .service.reversed .container {
    flex-direction: column;
  }

  .services-page .service .service-img-container img {
    margin: 0px auto;
  }

  .services-page .service .service-details-text h3 {
    font-size: 1.75rem;
  }

  .services-page .service .service-details {
    gap: 40px;
  }
}

@media screen and (max-width: 480px) {
  .services-page .service {
    padding: 40px 0;
  }
  
  .services-page .service .service-details-text h3 {
    font-size: 1.5rem;
  }
  
  .services-page .service .service-details-text p {
    font-size: 1rem;
  }
}

/** Services FAQ Section **/
.services-faq {
  padding: 80px 0;
  background-color: #fff;
}

.services-faq .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.services-faq .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.services-faq .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.services-faq .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/* FAQ Container */
.faq-container {
  max-width: 800px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* FAQ Item */
.faq-item {
  border-bottom: 1px solid #E7E5E4;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item:hover {
  border-color: var(--main-color);
}

/* FAQ Question */
.faq-question {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.faq-question h4 {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--title-color);
  margin: 0;
  flex: 1;
  padding-right: 20px;
}

.faq-question i {
  font-size: 20px;
  color: var(--title-color);
  transition: transform 0.3s ease;
}

.faq-item.active .faq-question i {
  transform: rotate(45deg);
}

/* FAQ Answer */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-item.active .faq-answer {
  max-height: 300px;
}

.faq-answer p {
  padding: 0 24px 24px;
  margin: 0;
  color: var(--text-color);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

/* Main Button */
.services-faq .main-btn {
  text-align: center;
}

.services-faq .main-btn a {
  display: inline-block;
  transition: all 0.3s ease;
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  background-color: #FAFAFA;
  line-height: 20px;
  padding: 10px 16px 10px 16px;
  border-radius: 999px;
  width: fit-content;
  margin: 0px auto;
}

.services-faq .main-btn a:hover {
  color: #FFFFFF;
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .services-faq {
    padding: 60px 0;
  }
  
  .services-faq .section-heading {
    margin-bottom: 48px;
  }
  
  .faq-question {
    padding: 16px;
  }
  
  .faq-question h4 {
    font-size: 16px;
  }
  
  .faq-answer p {
    padding: 0 16px 16px;
  }
}

@media screen and (max-width: 480px) {
  .services-faq {
    padding: 40px 0;
  }
  
  .faq-question {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .faq-question i {
    align-self: flex-end;
  }
}
/* ============== Services Hub Page End ============== */


/* ============== Single Service Page Start ============== */
/* Service Page Heading Section Cards */
.service-page .heading-section .service-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 64px;
}

.service-page .heading-section .service-card {
  background-color: #ffffff;
  border: 1px solid #E7E5E4;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.service-page .heading-section .service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--main-color);
}

.service-page .heading-section .service-card h6 {
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  line-height: 32px;
  letter-spacing: -2%;
  margin: 0;
}

.service-page .heading-section .service-card p {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -1%;
  margin: 0;
}

/* Responsive adjustments for service cards */
@media screen and (max-width: 1024px) {
  .service-page .heading-section .service-cards {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .service-page .heading-section .service-cards {
      grid-template-columns: 1fr;
      gap: 16px;
      margin-top: 48px;
  }
  
  .service-page .heading-section .service-card {
      padding: 24px;
  }
}

@media screen and (max-width: 480px) {
  .service-page .heading-section .service-card {
      padding: 20px 16px;
  }
  
  .service-page .heading-section .service-card h6 {
      font-size: 14px;
  }
  
  .service-page .heading-section .service-card p {
      font-size: 12px;
  }
}

/** Official Partner Section **/
/* Official Partner Section */
.official-partner {
    padding: 80px 0;
}

.official-partner .container {
    padding-left: 20px;
    padding-right: 20px;
}

.official-partner-container {
    display: flex;
    align-items: center;
    gap: 64px;
    border-radius: 16px;
    padding: 64px;
    border: 1px solid #E7E5E4;
}

.official-partner-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.official-partner-label {
    font-size: var(--small-font-size);
    font-weight: var(--font-semi-bold);
    color: var(--main-color);
    background-color: var(--sec-color);
    padding: 6px 12px;
    border-radius: 999px;
    width: fit-content;
    letter-spacing: -0.5px;
}

.official-partner-title {
    font-size: var(--h3-font-size);
    font-weight: var(--font-bold);
    color: var(--title-color);
    line-height: 40px;
    letter-spacing: -1%;
}

.official-partner-text {
    color: var(--text-color);
    font-size: var(--normal-font-size);
    font-weight: var(--font-normal-bold);
    line-height: 32px;
    letter-spacing: -1%;
}

.official-partner-btns {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}

.official-partner-btns a {
    padding: 12px 24px;
    border-radius: 30px;
    font-weight: var(--font-semi-bold);
    font-size: var(--small-font-size);
    transition: all 0.3s ease;
}

.official-partner-btns a:first-child {
    background-color: var(--main-color);
    color: white;
}

.official-partner-btns a:first-child:hover {
    background-color: #1c2dd6;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

.official-partner-btns a:last-child {
    background-color: transparent;
    border: 2px solid var(--main-color);
    color: var(--main-color);
}

.official-partner-btns a:last-child:hover {
    background-color: var(--main-color);
    color: white;
    transform: translateY(-2px);
}

.partner-logo {
    flex: 0 0 580px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partner-logo img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
    .official-partner-container {
        gap: 60px;
        padding: 48px;
    }
    
    .partner-logo {
        flex: 0 0 300px;
    }
}

@media screen and (max-width: 900px) {
    .official-partner-container {
        flex-direction: column;
        text-align: center;
        gap: 48px;
    }
    
    .official-partner-details {
        align-items: center;
    }
    
    .partner-logo {
        width: 100%;
        flex: none;
        max-width: 280px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .official-partner {
        padding: 60px 0;
    }
    
    .official-partner-container {
        padding: 40px 24px;
    }
    
    .official-partner-title {
        font-size: 1.75rem;
    }
    
    .official-partner-btns {
        flex-direction: column;
        width: 100%;
        max-width: 300px;
    }
    
    .official-partner-btns a {
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .official-partner {
        padding: 40px 0;
    }
    
    .official-partner-container {
        padding: 32px 16px;
        gap: 32px;
    }
    
    .official-partner-title {
        font-size: 1.5rem;
    }
    
    .official-partner-text {
        font-size: 1rem;
    }
}

/** Core Features Service Section **/
.service-page .core-features-service-section {
  padding: 80px 0px;
  background-color: #ffffff;
}

.service-page .core-features-service-section .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.service-page .core-features-service-section .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.service-page .core-features-service-section .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.service-page .core-features-service-section .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/* Section Cards */
.service-page .core-features-service-section .service-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 64px;
}

@media screen and (max-width: 768px) {
  .service-page .core-features-service-section .service-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 480px) {
  .service-page .core-features-service-section .service-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

.service-page .core-features-service-section .service-card {
  background-color: white;
  border: 1px solid #E7E5E4;
  border-radius: 16px;
  padding: 40px 32px;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: fit-content;
}

.service-page .core-features-service-section .service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--main-color);
}

.service-page .core-features-service-section  .service-card h6 {
  font-size: var(--h6-font-size);
  font-weight: var(--font-bold);
  color: var(--title-color);
  line-height: 24px;
  letter-spacing: -1%;
  margin: 0;
}

.service-page .core-features-service-section .service-card p {
  color: var(--text-color);
  font-size: var(--small-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 20px;
  margin: 0;
}

/** Core Features Section **/
/* Core Features Section */
.core-features {
  padding: 80px 0;
  background-color: #fff;
}

.core-features .container {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

.core-features .section-heading {
  flex: 1;
  text-align: left;
  margin: 0;
  max-width: 100%;
  align-self: center;
}

.core-features .numbered-cards {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.core-features .card {
  background-color: white;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #E7E5E4;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  overflow: hidden;
}

.core-features .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--main-color);
}

.core-features .card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  background-color: var(--main-color);
  transition: height 0.3s ease;
}

.core-features .card:hover::before {
  height: 100%;
}

.core-features .card-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--sec-color);
  color: var(--main-color);
  font-size: 20px;
  font-weight: var(--font-bold);
  border-radius: 50%;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.core-features .card:hover .card-number {
  background-color: var(--main-color);
  color: white;
  transform: scale(1.1);
}

.core-features .card-name {
  font-size: var(--h6-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  margin-bottom: 8px;
  transition: color 0.3s ease;
}

.core-features .card-text {
  font-size: var(--small-font-size);
  color: var(--text-color);
  line-height: 1.5;
}

.core-features .card:hover .card-name {
  color: var(--main-color);
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .core-features .container {
    gap: 40px;
  }
}

@media screen and (max-width: 768px) {
  .core-features {
    padding: 60px 0;
  }
  
  .core-features .container {
    flex-direction: column;
    gap: 40px;
  }
  
  .core-features .section-heading {
    text-align: center;
  }
  
  .core-features .numbered-cards {
    width: 100%;
  }
  
  .core-features .card {
    padding: 24px;
  }
}

@media screen and (max-width: 480px) {
  .core-features {
    padding: 40px 0;
  }
  
  .core-features .card {
    flex-direction: column;
    text-align: center;
    gap: 16px;
  }
  
  .core-features .card-number {
    align-self: center;
  }
}

/** Intro Section Styling **/
/* Intro Section */
.into-section {
  padding: 80px 0px;
  margin-top: var(--header-height);
  position: relative;
  overflow: hidden;
}

.into-section .container {
  display: flex;
  align-items: center;
  gap: 60px;
}

.into-section .section-heading {
  flex: 1;
  text-align: left;
  margin: 0;
  max-width: 100%;
  align-items: flex-start;
}

.into-section .heading-label {
  margin-left: 0;
  margin-bottom: 16px;
}

.into-section .heading-main {
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #0a2463;
}

.into-section .heading-text {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 32px;
  color: #4a5568;
  max-width: 90%;
}

.into-section .main-btn a {
  display: inline-block;
  background-color: var(--main-color);
  color: white;
  padding: 16px 32px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

.into-section .main-btn a:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(44, 64, 255, 0.35);
}

.into-section > .container > div:last-child {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.into-section img {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: 16px;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .into-section .container {
    gap: 40px;
  }
  
  .into-section .heading-main {
    font-size: 40px;
  }
}

@media screen and (max-width: 768px) {
  .into-section {
    padding: 100px 0 60px;
  }
  
  .into-section .container {
    flex-direction: column;
    text-align: center;
    gap: 40px;
  }
  
  .into-section .section-heading {
    text-align: center;
    align-items: center;
  }
  
  .into-section .heading-label {
    margin-left: auto;
    margin-right: auto;
  }
  
  .into-section .heading-text {
    max-width: 100%;
  }
  
  .into-section .heading-main {
    font-size: 36px;
  }
  
  .into-section img {
    max-width: 100%;
    transform: none;
  }
}

@media screen and (max-width: 480px) {
  .into-section {
    padding: 80px 0 40px;
  }
  
  .into-section .heading-main {
    font-size: 32px;
  }
  
  .into-section .heading-text {
    font-size: 18px;
  }
  
  .into-section .main-btn a {
    padding: 14px 28px;
  }
}

/* ============== Single Service Page End ============== */


/* ============== Project Hub Page Start ============== */
.projects-page .projects-section {
  padding: 80px 0;
  background-color: #fff;
  margin-top: var(--header-height);
}

.projects-page .project-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .projects-page .project-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 480px) {
  .projects-page .project-cards {
    grid-template-columns: 1fr;
  }
}

.projects-page .project-card {
  background-color: white;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.projects-page .project-card:hover {
  transform: translateY(-5px);
  /* box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); */
}

.projects-page .project-banner {
  width: 100%;
  height: auto;
  max-height: 250px;
  border: 1px solid #E7E5E4;
  border-radius: 16px;
  overflow: hidden;
}

.projects-page .project-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.projects-page .project-card:hover .blog-banner img {
  transform: scale(1.05);
}

/* project Details */
.projects-page .project-details {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
}

.projects-page .project-title {
  font-size: var(--h6-font-size);
  font-weight: var(--font-bold);
  color: var(--title-color);
  line-height: 24px;
  letter-spacing: -1%;
  margin: 0;
}

.projects-page .project-description {
  color: var(--text-color);
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  flex-grow: 1;
}

/* project Actions */
.projects-page .project-actions {
  padding: 0 24px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.projects-page .project-data {
  color: var(--main-color);
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 20px;
  /* background-color: var(--sec-color); */
  transition: all 0.3s ease;
}

.projects-page .project-read-btn {
  color: var(--main-color);
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  line-height: 20px;
  padding: 10px 16px;
  background-color: #FAFAFA;
  border-radius: 20px;
  /* background-color: var(--sec-color); */
  transition: all 0.3s ease;
}

.projects-page .project-read-btn:hover {
  background-color: var(--main-color);
  color: white;
}

/* Main Button */
.projects-page .projects-section .main-btn {
  text-align: center;
}

.projects-page .projects-section .main-btn a {
  display: inline-block;
  background-color: var(--main-color);
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
}

.projects-page .projects-section .main-btn a:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
  color: white;
}
/* ============== Project Hub Page End ============== */


/* ============== Project Page Template Start ============== */
.project-page-template .heading-section {
  padding-bottom: 0px;
}

.project-page-template-details-section {
    /* padding: 60px 0; */
    background-color: #fff;
}

.project-page-template-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 1000px;
    margin: 0 auto;
    border: 1px solid #E7E5E4;
    border-radius: 16px;
    padding: 32px 24px;
}

.project-page-template-card {
    text-align: center;
    transition: all 0.3s ease;
    flex: 1;
    min-width: 250px;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.project-page-template-card .icon {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.project-page-template-card:hover .icon {
    transform: scale(1.1);
}

.project-page-template-card .name {
  font-size: var(--small-font-size);
  color: var(--text-color);
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}

.project-page-template-card .info {
    font-size: var(--normal-font-size);
    font-weight: 400;
    color: var(--title-color);
    line-height: 1.4;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .project-page-template-cards {
        gap: 16px;
    }
    
    .project-page-template-card {
        min-width: calc(50% - 16px);
        padding: 24px 16px;
    }
}

@media screen and (max-width: 480px) {
    .project-page-template-card {
        min-width: 100%;
    }
}

/* Project Page Template Content Styling */
.project-page-template-content-section {
  padding: 80px 0px;
  background-color: #ffffff;
}

/* ============== Project Page Template End ============== */


/* ============== Contact Us Page End ============== */
/** First Section **/
.contact-main-form-section {
  padding: 80px 0 80px 0;
  margin-top: var(--header-height);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - var(--header-height));
}

.contact-main-form-section .container {
  display: flex;
  gap: 80px;
  align-items: stretch;
  justify-content: space-between;
}

.contact-details-part {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 0;
}

.contact-details-part .section-heading {
  text-align: left;
  max-width: 100%;
  margin: 0 0 40px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-details-part .heading-label {
  font-size: var(--small-font-size);
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  background-color: var(--sec-color);
  line-height: 20px;
  padding: 6px 12px 6px 12px;
  border-radius: 999px;
  width: fit-content;
}

.contact-details-part .heading-main {
  font-size: var(--h1-font-size);
  font-weight: var(--font-bold);
  color: var(--title-color);
  line-height: 48px;
  letter-spacing: -4%;
}

.contact-details-part .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

@media screen and (max-width: 768px) {
  .contact-details-part .section-heading {
    text-align: center;
  }

  .contact-details-part .heading-main {
    font-size: var(--h3-font-size);
    font-weight: var(--font-semi-bold-bold);
    color: var(--title-color);
    line-height: 40px;
    letter-spacing: -4%;
  }
  
  .contact-details-part .section-heading .heading-label {
    margin: 0px auto;
  }
  
  .contact-details-part .section-heading .heading-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -4%;
  }
}

.section-btns {
  display: flex;
  gap: 16px;
  margin-top: auto;
}

.section-btns a {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 30px;
  font-weight: var(--font-bold);
  font-size: var(--normal-font-size);
  transition: all 0.3s ease;
  text-align: center;
}

.section-btns a:first-child {
  color: var(--title-color);
}

.section-btns a:first-child:hover {
  transform: translateY(-2px);
}

.section-btns a:last-child {
  font-size: var(--small-font-size);
  line-height: 20px;
  background-color: #EBF4FF;
  border: 2px solid #EBF4FF;
  color: #4C6BFF;
}

.section-btns a:last-child:hover {
  background-color: var(--main-color);
  color: white;
  transform: translateY(-2px);
}

.contact-form-part {
  flex: 1;
  padding: 40px;
  border-radius: 16px;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contact-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contact-form .form-group label {
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
}

.contact-form .form-group input,
.contact-form .form-group textarea {
  padding: 16px;
  border: 1px solid #E7E5E4;
  border-radius: 8px;
  font-family: var(--body-font);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
  background-color: #ffffff;
}

.contact-form .form-group input:focus,
.contact-form .form-group textarea:focus {
  outline: none;
  border-color: var(--main-color);
  box-shadow: 0 0 0 2px rgba(44, 64, 255, 0.1);
  background-color: #FFFFFF;
}

.contact-form .form-group input::placeholder,
.contact-form .form-group textarea::placeholder {
  color: #A8A29E;
}

.industry-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .contact-main-form-section .container {
    gap: 40px;
  }
}

@media screen and (max-width: 900px) {
  .contact-main-form-section .container {
    flex-direction: column;
  }
  
  .contact-details-part {
    padding: 20px 0;
  }
  
  .industry-fields {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px) {
  .contact-main-form-section {
    padding: 60px 0;
  }
  
  .contact-form-part {
    padding: 24px;
  }
}

@media screen and (max-width: 480px) {
  .contact-main-form-section {
    padding: 40px 0;
  }
  
  .contact-form-part {
    padding: 16px;
  }
  
  .contact-form {
    gap: 16px;
  }
  
  .contact-form .form-group input,
  .contact-form .form-group textarea {
    padding: 12px;
  }
}

/** Second Section **/
.contact-main-details-section {
  padding: 80px 0;
  background-color: #fff;
}

.contact-main-details-section .container {
  display: flex;
  justify-content: center;
}

.presence-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px;
  width: 100%;
}

.presence-card {
  border-bottom: 1px solid #E7E5E4;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
}

.presence-card::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  background-color: var(--title-color);
  top: 0px;
  right: 0px;
}

.presence-card:hover {
  transform: translateY(-5px);
  border-color: var(--main-color);
}

.presence-card h3 {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
  margin: 0;
}

.presence-card p {
  color: var(--text-color);
  font-size: 16px;
  font-weight: var(--font-bold);
  line-height: 24px;
  letter-spacing: -1%;
  margin: 0;
  flex-grow: 1;
}

.presence-card span {
  font-size: var(--small-font-size);
  font-weight: var(--font-normal-bold);
  margin-top: 20px;
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  background-color: var(--sec-color);
  line-height: 20px;
  padding: 6px 12px 6px 12px;
  border-radius: 999px;
  width: fit-content;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .contact-main-details-section {
    padding: 60px 0;
  }
  
  .presence-cards {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  
  .presence-card {
    padding: 32px;
  }
}

@media screen and (max-width: 480px) {
  .contact-main-details-section {
    padding: 40px 0;
  }
  
  .presence-card {
    padding: 24px;
  }
  
  .presence-card h3 {
    font-size: 18px;
  }
}

/* ============== Contact Us Page End ============== */


/* ============== FAQ Page Start =============== */
/* FAQ Container */
.faq-page .faq-page-section .faq-container {
  max-width: 800px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* FAQ Item */
.faq-page .faq-page-section .faq-item {
  border-bottom: 1px solid #E7E5E4;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-page .faq-page-section .faq-item:hover {
  border-color: var(--main-color);
}

/* FAQ Question */
.faq-page .faq-page-section .faq-question {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.faq-page .faq-page-section .faq-question h4 {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--title-color);
  margin: 0;
  flex: 1;
  padding-right: 20px;
}

.faq-page .faq-page-section .faq-question i {
  font-size: 20px;
  color: var(--title-color);
  transition: transform 0.3s ease;
}

.faq-page .faq-page-section .faq-item.active .faq-question i {
  transform: rotate(180deg);
}

/* FAQ Answer */
.faq-page .faq-page-section .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-page .faq-page-section .faq-item.active .faq-answer {
  max-height: 300px;
}

.faq-page .faq-page-section .faq-answer p {
  padding: 0 24px 24px;
  margin: 0;
  color: var(--text-color);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

/* Main Button */
.faq-page .faq-page-section .services-faq .main-btn {
  text-align: center;
}

.faq-page .faq-page-section .services-faq .main-btn a {
  display: inline-block;
  transition: all 0.3s ease;
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  background-color: #FAFAFA;
  line-height: 20px;
  padding: 10px 16px 10px 16px;
  border-radius: 999px;
  width: fit-content;
  margin: 0px auto;
}

.faq-page .faq-page-section .services-faq .main-btn a:hover {
  color: #FFFFFF;
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* FAQ Labels/Tabs Styling */
.faq-page .faq-labels-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-page .faq-labels {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 48px;
  padding: 4px;
  border: 1px solid #E7E5E4;
  border-radius: 999px;
  width: fit-content;
}

.faq-page .faq-label {
  padding: 8px 24px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 400;
  color: var(--text-color);
  cursor: pointer;
  transition: all 0.3s ease;
}

.faq-page .faq-label:hover {
  background-color: #EBF4FF;
  border-color: var(--main-color);
  color: var(--main-color);
}

.faq-page .faq-label.active {
  background-color: #EBF4FF;
  border-color: var(--main-color);
  color: var(--main-color);
}

.faq-page .faq-category {
  display: none;
}

.faq-page .faq-category.active {
  display: block;
}

/* Animation for FAQ items */
.faq-page .faq-item {
  transition: all 0.3s ease;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .faq-page .faq-page-section .services-faq {
    padding: 60px 0;
  }
  
  .faq-page .faq-page-section .services-faq .section-heading {
    margin-bottom: 48px;
  }
  
  .faq-page .faq-page-section .faq-question {
    padding: 16px;
  }
  
  .faq-page .faq-page-section .faq-question h4 {
    font-size: 16px;
  }
  
  .faq-page .faq-page-section .faq-answer p {
    padding: 0 16px 16px;
  }
}

@media screen and (max-width: 480px) {
  .faq-page .faq-page-section .services-faq {
    padding: 40px 0;
  }
  
  .faq-page .faq-page-section .faq-question {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .faq-page .faq-page-section .faq-question i {
    align-self: flex-end;
  }
}

/* ============== FAQ Page End =============== */

/* ============== Resources Page Start ============== */
.resources-page .resources-cards-section .resources-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
}

.resources-page .resources-cards-section .resource-card {
  background-color: #FAFAFA;
  border: 1px solid #E7E5E4;
  border-radius: 16px;
  padding: 40px;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  height: 100%;
}

.resources-page .resources-cards-section .resource-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--main-color);
}

.resources-page .resources-cards-section .card-icon {
  width: 30px;
  height: 30px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.resources-page .resources-cards-section .resource-card:hover .card-icon {
  transform: scale(1.1);
}

.resources-page .resources-cards-section .card-title {
  font-size: var(--normal-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 32px;
  letter-spacing: -1%;
  margin: 0;
}

.resources-page .resources-cards-section .card-description {
  color: var(--text-color);
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  line-height: 24px;
  margin: 0;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .resources-page .resources-cards-section .resources-cards {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .resources-page .resources-cards-section .resources-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 40px;
  }
  
  .resources-page .resources-cards-section .resource-card {
    padding: 24px 16px;
  }
}

@media screen and (max-width: 480px) {
  .resources-page .resources-cards-section .resources-cards {
    grid-template-columns: 1fr;
  }
  
  .resources-page .resources-cards-section .resource-card {
    padding: 20px 16px;
  }
  
  .resources-page .resources-cards-section .card-icon {
    width: 50px;
    height: 50px;
  }
}
/* ============== Resources Page End ============== */

/* ============== 404 Page Start ============== */
.page-404-buttons {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
}

.page-404-buttons a {
  padding: 10px 16px;
  border-radius: 999px;
  border: 2px solid #4C6BFF;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
}

.page-404-buttons a:first-child {
  background-color: var(--main-color);
  color: white;
}

.page-404-buttons a:first-child:hover {
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

.page-404-buttons a:last-child {
  background-color: #FAFAFA;
  border: 2px solid #FAFAFA;
  color: var(--main-color);
}

.page-404-buttons a:last-child:hover {
  background-color: var(--main-color);
  color: white;
  transform: translateY(-2px);
}

/* ============== 404 Page End ============== */

/* ============== Glossary Page Start ============== */
/* FAQ Container */
.grossalry-faq-section .faq-container {
  max-width: 800px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* FAQ Item */
.grossalry-faq-section .faq-item {
  border-bottom: 1px solid #E7E5E4;
  overflow: hidden;
  transition: all 0.3s ease;
}

.grossalry-faq-section .faq-item:hover {
  border-color: var(--main-color);
}

/* FAQ Question */
.grossalry-faq-section .faq-question {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.grossalry-faq-section .faq-question h4 {
  font-size: 30px;
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
  margin: 0;
  flex: 1;
  padding-right: 20px;
}

.grossalry-faq-section .faq-question i {
  font-size: 20px;
  color: var(--title-color);
  transition: transform 0.3s ease;
}

.grossalry-faq-section .faq-item.active .faq-question i {
  transform: rotate(45deg);
}

/* FAQ Answer */
.grossalry-faq-section .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.grossalry-faq-section .faq-item.active .faq-answer {
  max-height: 300px;
}

.grossalry-faq-section .faq-answer p {
  padding: 0 24px 24px;
  margin: 0;
  color: var(--text-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.grossalry-faq-section .faq-answer .faq-spans-container {
  padding: 24px;
  padding-top: 0px;
}

.grossalry-faq-section .faq-answer .faq-span {
  font-size: var(--small-font-size);
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  line-height: 20px;
  letter-spacing: -1%;
  background-color: var(--sec-color);
  padding: 6px 12px;
  border-radius: 999px;
}

@media screen and (max-width: 768px) {
.grossalry-faq-section .faq-question h4 {
    font-size: 16px;
    font-weight: var(--font-normal-bold);
    color: var(--title-color);
    line-height: 24px;
}


.grossalry-faq-section .faq-answer p {
  font-weight: 300;
}

}

/* ============== Glossary Page End ============== */


/* ============== Blogs Hub Page Start ============== */
.blogs-hub-page .heading-section {
  padding-bottom: 40px;
}

.blogs-hub-page .landing-blogs {
  padding-top: 80px;
}

.blogs-hub-page .landing-blogs .main-btn a {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: var(--font-semi-bold);
  font-size: var(--small-font-size);
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
  background-color: var(--main-color);
  color: white;
  border: 2px solid #4C6BFF;
}

.blogs-hub-page .landing-blogs .main-btn a:hover {
  background-color: #FAFAFA;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
  color: var(--main-color);
}

@media screen and (max-width: 768px) {
.blogs-hub-page .heading-section {
  padding-bottom: 20px;
}}

@media screen and (max-width: 480px) {
.blogs-hub-page .landing-blogs {
  padding-top: 40px;
}

.blogs-hub-page .heading-section {
  padding-bottom: 20px;
}
}

/* ============== Blogs Hub Page End ============== */

/* ============== Blog Page Template Start ============== */
.blog-page-template .section-heading {
  text-align: start;
  max-width: 1000px;
}

.blog-page-template .section-heading .heading-label {
  margin: 0px;
}

.blog-page-template .section-heading .heading-text {
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -4%;
}

.blog-page-template .landing-blogs .related {
  display: block;
  color: var(--main-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -1%;
  text-align: center;
  width: 100%;
  margin-bottom: 80px;
}

/* Blog Page Template Content Section Styling */
.blog-page-template-content-section {
  padding: 80px 0px;
  background-color: #ffffff;
}

/* Responsive Adjust */

@media screen and (max-width: 768px) {
  .blog-page-template .section-heading {
    text-align: center;
  }
  
  .blog-page-template .section-heading .heading-label {
    margin: 0px auto;
  }
  
  .blog-page-template .section-heading .heading-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -4%;
  }
}

/* ============== Blog Page Template End ============== */


/* ============== Industries Hub Page Start ============== */
/** Industry Section **/
.industries-page .industry {
  padding: 80px 0;
}

.industries-page .industry .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
}

.industries-page .industry.reversed .container {
  flex-direction: row-reverse;
}

.industries-page .industry .industry-img-container {
  overflow: hidden;
  transition: all 0.3s ease;
}

.industries-page .industry .industry-img-container img {
  width: 320px;
  height: auto;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.industries-page .industry .industry-img-container:hover img {
  transform: scale(1.05);
}

.industries-page .industry .industry-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 95px;
  max-width: 640px;
}

.industries-page .industry .industry-details-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.industries-page .industry .industry-details-text span {
  font-size: 16px;
  font-weight: var(--font-normal-bold-bold);
  color: var(--main-color);
  letter-spacing: -1%;
  line-height: 24px;
}

.industries-page .industry .industry-details-text h3 {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.industries-page .industry .industry-details-text p {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.industries-page .industry .industry-details-btn a {
  display: inline-block;
  transition: all 0.3s ease;
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  background-color: #FAFAFA;
  line-height: 20px;
  padding: 10px 16px 10px 16px;
  border-radius: 999px;
  width: fit-content;
  margin: 0px auto;
}

.industries-page .industry .industry-details-btn a:hover {
  color: #FFFFFF;
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
  .industries-page .industry .container {
    gap: 60px;
  }
}

@media screen and (max-width: 900px) {
  .industries-page .industry .container {
    flex-direction: column;
    gap: 40px;
  }
  
  .industries-page .industry .industry-img-container,
  .industries-page .industry .industry-details {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .industries-page .industry {
    padding: 60px 0;
    text-align: center;
  }

  .industries-page .industry.reversed .container {
    flex-direction: column;
  }

  .industries-page .industry .industry-img-container img {
    margin: 0px auto;
  }

  .industries-page .industry .industry-details-text h3 {
    font-size: 1.75rem;
  }

  .industries-page .industry .industry-details {
    gap: 40px;
  }
}

@media screen and (max-width: 480px) {
  .industries-page .industry {
    padding: 40px 0;
  }
  
  .industries-page .industry .industry-details-text h3 {
    font-size: 1.5rem;
  }
  
  .industries-page .industry .industry-details-text p {
    font-size: 1rem;
  }
}

/** Industries FAQ Section **/
.industries-faq {
  padding: 80px 0;
  background-color: #fff;
}

.industries-faq .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.industries-faq .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.industries-faq .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.industries-faq .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/* FAQ Container */
.faq-container {
  max-width: 800px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* FAQ Item */
.faq-item {
  border-bottom: 1px solid #E7E5E4;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item:hover {
  border-color: var(--main-color);
}

/* FAQ Question */
.faq-question {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.faq-question h4 {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--title-color);
  margin: 0;
  flex: 1;
  padding-right: 20px;
}

.faq-question i {
  font-size: 20px;
  color: var(--title-color);
  transition: transform 0.3s ease;
}

.faq-item.active .faq-question i {
  transform: rotate(45deg);
}

/* FAQ Answer */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-item.active .faq-answer {
  max-height: 300px;
}

.faq-answer p {
  padding: 0 24px 24px;
  margin: 0;
  color: var(--text-color);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

/* Main Button */
.industries-faq .main-btn {
  text-align: center;
}

.industries-faq .main-btn a {
  display: inline-block;
  transition: all 0.3s ease;
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  background-color: #FAFAFA;
  line-height: 20px;
  padding: 10px 16px 10px 16px;
  border-radius: 999px;
  width: fit-content;
  margin: 0px auto;
}

.industries-faq .main-btn a:hover {
  color: #FFFFFF;
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .industries-faq {
    padding: 60px 0;
  }
  
  .industries-faq .section-heading {
    margin-bottom: 48px;
  }
  
  .faq-question {
    padding: 16px;
  }
  
  .faq-question h4 {
    font-size: 16px;
  }
  
  .faq-answer p {
    padding: 0 16px 16px;
  }
}

@media screen and (max-width: 480px) {
  .industries-faq {
    padding: 40px 0;
  }
  
  .faq-question {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .faq-question i {
    align-self: flex-end;
  }
}
/* ============== Industries Hub Page End ============== */


/* ============== Single Industry Page Start ============== */
/* Industry Page keybenefits-section Cards */
.industry-page .keybenefits-section {
  padding: 80px 0;
  background-color: #fff;
}

.industry-page .keybenefits-section .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.industry-page .keybenefits-section .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.industry-page .keybenefits-section .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.industry-page .keybenefits-section .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

.industry-page .keybenefits-section .industry-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 64px;
}

.industry-page .keybenefits-section .industry-card {
  background-color: #ffffff;
  border: 1px solid #E7E5E4;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.industry-page .keybenefits-section .industry-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-color: var(--main-color);
}

.industry-page .keybenefits-section .industry-card h6 {
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  line-height: 32px;
  letter-spacing: -2%;
  margin: 0;
}

.industry-page .keybenefits-section .industry-card p {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: -1%;
  margin: 0;
}

/* Responsive adjustments for industry cards */
@media screen and (max-width: 1024px) {
  .industry-page .keybenefits-section .industry-cards {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .industry-page .keybenefits-section .industry-cards {
      grid-template-columns: 1fr;
      gap: 16px;
      margin-top: 48px;
  }
  
  .industry-page .keybenefits-section .industry-card {
      padding: 24px;
  }
}

@media screen and (max-width: 480px) {
  .industry-page .keybenefits-section .industry-card {
      padding: 20px 16px;
  }
  
  .industry-page .keybenefits-section .industry-card h6 {
      font-size: 14px;
  }
  
  .industry-page .keybenefits-section .industry-card p {
      font-size: 12px;
  }
}

/** Industry FAQ Section **/
.industry-page .industry-faq {
  padding: 80px 0;
  background-color: #fff;
}

.industry-page .industry-faq .section-heading {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.industry-page .industry-faq .heading-label {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  line-height: 24px;
}

.industry-page .industry-faq .heading-main {
  font-size: var(--h3-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--title-color);
  line-height: 40px;
  letter-spacing: -4%;
}

.industry-page .industry-faq .heading-text {
  color: var(--text-color);
  font-size: var(--normal-font-size);
  font-weight: var(--font-normal-bold);
  line-height: 32px;
  letter-spacing: -2%;
}

/* FAQ Container */
.industry-page .industry-faq .faq-container {
  max-width: 800px;
  margin: 0 auto 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* FAQ Item */
.industry-page .industry-faq .faq-item {
  border-bottom: 1px solid #E7E5E4;
  overflow: hidden;
  transition: all 0.3s ease;
}

.industry-page .industry-faq .faq-item:hover {
  border-color: var(--main-color);
}

/* FAQ Question */
.industry-page .industry-faq .faq-question {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.industry-page .industry-faq .faq-question h4 {
  font-size: 16px;
  font-weight: var(--font-normal-bold);
  color: var(--title-color);
  margin: 0;
  flex: 1;
  padding-right: 20px;
}

.industry-page .industry-faq .faq-question i {
  font-size: 20px;
  color: var(--title-color);
  transition: transform 0.3s ease;
}

.industry-page .industry-faq .faq-item.active .faq-question i {
  transform: rotate(45deg);
}

/* FAQ Answer */
.industry-page .industry-faq .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.industry-page .industry-faq .faq-item.active .faq-answer {
  max-height: 300px;
}

.industry-page .industry-faq .faq-answer p {
  padding: 0 24px 24px;
  margin: 0;
  color: var(--text-color);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

/* Main Button */
.industry-page .industry-faq .main-btn {
  text-align: center;
}

.industry-page .industry-faq .main-btn a {
  display: inline-block;
  transition: all 0.3s ease;
  font-size: var(--small-font-size);
  font-weight: var(--font-semi-bold);
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: -1%;
  background-color: #FAFAFA;
  line-height: 20px;
  padding: 10px 16px 10px 16px;
  border-radius: 999px;
  width: fit-content;
  margin: 0px auto;
}

.industry-page .industry-faq .main-btn a:hover {
  color: #FFFFFF;
  background-color: #1c2dd6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(44, 64, 255, 0.25);
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .industry-page .industry-faq {
    padding: 60px 0;
  }
  
  .industry-page .industry-faq .section-heading {
    margin-bottom: 48px;
  }
  
  .industry-page .industry-faq .faq-question {
    padding: 16px;
  }
  
  .industry-page .industry-faq .faq-question h4 {
    font-size: 16px;
  }
  
  .industry-page .industry-faq .faq-answer p {
    padding: 0 16px 16px;
  }
}

@media screen and (max-width: 480px) {
  .industry-page .industry-faq {
    padding: 40px 0;
  }
  
  .industry-page .industry-faq .faq-question {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .industry-page .industry-faq .faq-question i {
    align-self: flex-end;
  }
}
/* ============== Single Industry Page End ============== */