@font-face {
  font-family: 'Optima';
  src: url('../fonts/optima/Optima.woff2') format('woff2'),
    url('../fonts/optima/Optima.woff') format('woff'),
    url('../fonts/optima/Optima.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
  -webkit-text-size-adjust: 100%; /* prevent Safari auto-scaling */
  text-size-adjust: 100%;
}



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

body {
  /* font-family: 'Open Sans', sans-serif; */
  font-family: 'Optima';
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
html {
  scroll-behavior: smooth;
}
header {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ddd;
  position: relative;
  z-index: 1000;
}

.container {
  max-width: 1300px;
  margin: 0 auto;
}

.navbar {
  max-width: 1300px;
  margin: auto;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Logo */

/* Global custom bullet styling */
ul li {
  list-style-type: disc;  /* ensure disc style */
  padding-left: 0.5em;    /* space between bullet and text */
  line-height: 24px !important;
}

/* Increase bullet size */
ul {
  list-style-position: outside;
}

ul li::marker {
  font-size: 1.5em;       /* makes bullet bigger */
}


/* Menu */
.menu {
  display: flex;
  gap: 40px;
  align-items: center;
}

.menu a {
  text-decoration: none;
  color: #000;
  font-size: 24px;
  font-family: Raleway,sans-serif;
  font-weight: 300;
}

.menu a:hover {
  color: #055055;
}

/* Contact Button */
.menu .contact-btn a {
  background: #a1616f;
  color: #fff !important;
  padding: 8px 20px;
  border-radius: 20px;
  transition: 0.3s;
  margin: 0;
  font-size: 24px;
}

.menu .contact-btn:hover {
  color: #000;
}
.menu .submenu a{
  font-size: 18px;
}

/* Toggle Button */
.toggle {
  display: none;
  flex-direction: column;
  cursor: pointer;
  gap: 5px;
}

.toggle span {
  display: block;
  width: 25px;
  height: 3px;
  background: #111;
  border-radius: 2px;
}

.close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  background: none;
  border: none;
  font-size: 2rem;
  color: #333;
  cursor: pointer;
  display: none;
  /* Hidden by default */
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: white;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 10px 10px;
}

/* Menu links */
.mobile-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.mobile-menu li {
  margin: 20px 0;
}

.mobile-menu a {
  text-decoration: none;
  color: #000;
  font-size: 1.2rem;
}

/* Contact button */
.contact-btn {
  
  /* background: #b24a5f; */
  color: white;
  padding: 8px 20px;
  border-radius: 25px;
  border: none;
  cursor: pointer;
  font-size: 1rem;
}

/* Responsive styles for mobile */

.hero {
  position: relative;
  /* important for pseudo elements */
  background-color: #205255;
  text-align: center;
  padding: 60px 0px;
  color: #fff;
  overflow: hidden;
  /* prevents scroll issues */
}

.hero h1 {
  font-size: 50px;
  font-weight: 100;
  margin-bottom: 10px;
}

.hero p {
  font-size: 24px;
  max-width: 100%;
  margin: 0 auto;
  font-weight: 100;
}

/* Flowers */
/*.hero::before,
.hero::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 250px;
  height: 250px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}*/
/*
.hero::before {
  background-image: url('../images/flower-left.png');
  left: 9%;
}*/
/*
.hero::after {
  background-image: url('../images/flower-right.png');
  right: 9%;
}
*/

/* about */




.about {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;

}

.about-text {
  flex: 1;
  min-width: 735px;
  margin-top: 90px;
}

.about-text h2 {
  font-size: 50px;
  color: #000;
  /*padding: 70px 0 50px 0px;*/
}

.about-text p {
  color: #000;
  margin-bottom: 15px;
  text-align: left;
  font-size: 24px;
  line-height: 1.2;
}

.icon-info {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.icon-info img {
  width: 50px;
  height: 50px;
}

.icon-info p {
  margin-bottom: 0;
}

.about-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 280px;
}

.about-image img {

  border-radius: 12px;

  border-radius: 12px;
  /*height: 650px;*/
}

.divider {
  width: 100%;
  height: 2px;
  position: relative;
  top: 70px;
  z-index: -1;
  background-color: #000;
  margin: 0 auto 25px auto;
  /* center + spacing */
}

.divider1 {
  width: 100%;
  height: 2px;
  position: relative;
  top: 35px;
  z-index: -1;
  background-color: #000;
  margin: 0 auto 25px auto;
  /* center + spacing */
}

.divider2 {
  width: 100%;
  height: 2px;
  position: relative;
  top: 150px;
  z-index: -1;
  background-color: #000;
  margin: 0 auto 25px auto;
  /* center + spacing */
}

.divider3 {
  width: 100%;
  height: 2px;
  position: relative;
  top: -125px;
  z-index: -1;
  background-color: #000;
  margin: 0 auto 25px auto;
  /* center + spacing */
}

/* Section wrapper */

.program-info {
  position: relative;
  padding: 120px 0;
}

.flower1 {
  position: absolute;
  /* keeps it floating */
  top: 12px;
  left: 214px;
  /* adjust position */
  width: 300px;
  /* base size */
  height: auto;
  /* keep aspect ratio */
  max-width: 20%;
  /* scales with container */
  z-index: 1;
  /* behind text */
  pointer-events: none;
  /* not clickable */
}

.flower2 {
  position: absolute;
  bottom: 88px;
  width: 300px;
  z-index: 999;
  right: 223px;
}


.programs {
  padding: 72px clamp(16px, 5vw, 56px);
  max-width: 1200px;
  margin-inline: auto;
}

.quote-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #5e7d71;
  color: #fff;
  padding: 40px 20px;
}

.quote-img {
  flex: 1;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.quote-img img {
  width: 280px;
  height: auto;
  border-radius: 15px;
  animation: fadeInUp 1.2s ease;
}

.quote-text {
  flex: 2;
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 0 20px;
  animation: fadeInRight 1.5s ease;
}

.quote-text span {
  font-style: italic;
  font-size: 1rem;
  display: block;
  margin-top: 15px;
}

.program-diff {
  text-align: center;
  padding: 50px 20px;
}

.program-diff h2 {
  font-size: 2rem;
  margin-bottom: 10px;
  animation: fadeInDown 1s ease;
}

.program-diff p {
  font-size: 1rem;
  color: #555;
  margin-bottom: 40px;
  animation: fadeInUp 1.2s ease;
}

.diff-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
  max-width: 1100px;
  margin: auto;
}

.diff-card {
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  animation: fadeInUp 1.3s ease;
}

.diff-card:hover {
  transform: translateY(-10px) scale(1.05);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.diff-card img {
  width: 60px;
  margin-bottom: 15px;
  transition: transform 0.4s ease;
}

.diff-card:hover img {
  transform: rotate(10deg) scale(1.1);
}

.diff-card p {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.2;
}

.btn-start {
  margin-top: 40px;
  padding: 12px 28px;
  background: #a85c5c;
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.btn-start:hover {
  background: #8c4848;
  transform: scale(1.05);
}

.btn-container a {
  text-decoration: none;
}

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

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.testimonial-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  gap: 40px;
  max-width: 1200px;
  margin: auto;
}

/* Left Image */
.testimonial-image2 {
  flex: 0 0 480px;
}

.testimonial-slider {
  overflow: visible;
}

.slick-prev:before,
.slick-next:before {
  color: #000;
  /* black arrow */
  font-size: 30px;
  /* bigger arrow */
}

.testimonial-imag2 img {
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

/* Right Slider */
.testimonial-slider {
  flex: 1;
  position: relative;
  overflow: hidden;
  padding: 30px 0;

}

.testimonial-content {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 1s ease;
  transform: translateY(30px);
}

.testimonial-content.active {
  opacity: 1;
  transform: translateY(0);
  position: relative;
}

.testimonial-content p {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.testimonial-content span {
  font-style: italic;
  font-size: 16px;
  display: block;
  margin-top: 10px;
  color: #f1f1f1;
}

/* Dots Navigation */
.dots {
  display: flex;
  gap: 8px;
  margin-top: 20px;
  justify-content: center;
}

.dot {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}

.dot.active {
  background: #fff;
  transform: scale(1.2);
}


/* .container {
      max-width: 1000px;
      margin: auto;
      padding: 40px 20px;
      background-color: #205255;
    } */
.main-emboid {
  background-color: #205255;
}

.framework-embodied h2 {
  font-size: 40px;
  margin-bottom: 15px;
  text-align: center;
  color: #fff;
  font-weight: 500;

}

p.description {
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 50px;

}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.item {
  display: flex;
  align-items: center;
  gap: 20px;
  background: rgba(255, 255, 255, 0.05);
  padding: 20px;
  border-radius: 12px;
  transition: all 0.4s ease;
  opacity: 0;
  transform: translateY(40px);
  animation: fadeUp 1s forwards;
}

.item:nth-child(1) {
  animation-delay: 0.2s;
}

.item:nth-child(2) {
  animation-delay: 0.4s;
}

.item:nth-child(3) {
  animation-delay: 0.6s;
}

.item:nth-child(4) {
  animation-delay: 0.8s;
}

.item:nth-child(5) {
  animation-delay: 1s;
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.icon {
  font-size: 40px;
}

.text h3 {
  margin: 0;
  font-size: 1.3rem;
  color: #fff;
}

.text p {
  margin: 5px 0 0;
  font-size: 0.95rem;
  color: #cfe9e9;
}

.item:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.program-main {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  gap: 30px;

}

.program-card {
  background: #fff;
  border-radius: 50px;
  border: 1px solid #000;
  /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08); */

  padding: 40px;
  text-align: center;
  transition: 0.3s ease;
  /* max-width: 50%; */
  height: auto;
  width: 45%;
}

.program-card:hover {
  /* transform: translateY(-5px); */
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
}

.program-card h2 {
  font-size: 30px;
  margin-bottom: 8px;
  /* color: #3b2a2a; */
  font-weight: 500;
}

.program-card h3 {
  font-size: 24px;
  max-width: 320px;
  margin: 0 auto;
  line-height: 1.2;
  font-weight: 500;
}

.program-card h4 {
  font-size: 18px;
  font-weight: 400;
  padding: 20px 0;
  color: #000;
}

.program-overview {
  /* font-family: 'Lora', serif; */
  font-size: 32px;
  /* 1.25rem */
  background-color: #8CA79C;
  color: #fff;
  border: none;
  border-radius: 15px;
  padding: 15px 0;
  cursor: pointer;
  margin: 20px 18px;
}

.program-description {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 15px;
  text-align: left;
  color: #000;
}

.program-main span {
  color: #fff;
  text-align: center;
  font-size: 20px;
  padding: 10px 0;
  display: flex;
  justify-content: center;
}

.info-box {
  background-color: #205255;
  /* teal background */
  color: white;
  padding: 30px;
  border-radius: 35px;
  width: 100%;
  /* fix box width */
  text-align: left;
  line-height: 1.2;
}

.info-box h3 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 25px;
}

.info-box ul {
  list-style-type: disc;
  padding-left: 25px;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.info-box ul li {
  font-size: 18px;
  /* equal spacing between lines */
  line-height: 1.2 !important;
  display: flex;
  position: relative;
  padding-left: 30px;
}
.info-box ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}

.info-box ul li:last-child {
  margin-bottom: 0;
}

/*#program-desc1+.info-box ul li:last-child {
  margin-bottom: 34px;
}*/

.info-box ul li:last-child {
  margin-bottom: 0;
}

.info-head {
  margin-top: 75px;
}

.program-description ul li {
  margin-bottom: 8px;
  font-size: 20px;
}

.program-card li {
  font-size: 18px;
}

.program-card h3 {
  /* padding-top: 20px; */
}

.icon-info {
  display: flex;
  align-items: center;
  gap: 15px;
}


.duration {
  background: #8DA39A;
  padding: 20px 15px;
  border-radius: 18px;
  font-size: 24px;
  margin-bottom: 15px;
  display: inline-block;
  margin: 20px 0;
  color: #fff;
  width: 100%;
}

.more-details {
  color: #000;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.more-details1 {
  color: #000;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.more-details1 span {
  color: #000;
}

.btn-container {

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

.btn {
  padding: 12px 25px;
  border-radius: 25px;
  font-size: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
  transition: 0.3s;
}

.btn-primary {
  background: #a15d63;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* fixed width */
  height: 60px;
  /* fixed height */
  line-height: 60px;
  /* text vertically center */
  color: #fff;
  /* text color */
  font-size: 20px;
  /* text size */
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 20px;
  /* rounded corners */
  cursor: pointer;
  transition: background 0.3s ease;
}

.btn-primary:hover {
  background: #fff;
  color: #000;
  border-color: #a15d63;
  border: 3px solid #a15d63;
}

/* Secondary */
.btn-secondary {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* fixed width */
  height: 60px;
  border: 2px solid #a15d63;
  border-color: #a15d63;
  /* fixed height */
  line-height: 60px;
  /* text vertically center */
  color: #000;
  /* text color */
  font-size: 20px;
  /* text size */
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  /* border: none; */
  border-radius: 20px;
  /* rounded corners */
  cursor: pointer;
  transition: background 0.3s ease;
}



.btn-secondary:hover {
  background: #a15d63;
  color: #fff;
}

#program-desc1 {
  padding-bottom: 89px;
}

.btn-secondary:hover {
  background-color: #a15d63;
  /* border: 3px solid #000; */
  color: #fff;
  transition: 0.3s;
}

/* testimonials */

/* 
    .quote-icon {
      position: absolute;
      top: 20px;
      left: -40px;
      font-size: 100px;
      color: #1f4f51;
      font-family: serif;
    } */

/* Right Text */

/* features */
.feature-main {
  padding: 50px 0;
}

.features-main {
  margin: 0 20px;
  padding: 100px 0;
}

.section-title {
  text-align: center;
  /* margin-bottom: 10px; */
  font-size: 40px;
  font-weight: 500;
  color: #2c2c2c;
  animation: fadeDown 1s ease;
}

.section-subtitle {
  text-align: center;
  /* margin-bottom: 40px; */
  font-size: 1.2rem;

  animation: fadeDown 1.5s ease;
}

.details {
  display: none;
  margin-top: 10px;
  /* font-family: Arial, sans-serif; */
}

.details p {
  color: #000;
  padding-top: 10px;
  /*padding-bottom: 20px;*/
  font-size: 24px;
}

.details1 p {
  color: #000;
  padding-top: 10px;
  font-size: 24px;
}

.more-details span {
  color: #000;
}

.toggle-btn {
  cursor: pointer;
  font-size: 18px;
  /* font-family: Arial, sans-serif; */
}

.features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 30px;
  /* max-width: 1100px; */
  width: 100%;
  padding-top: 50px;
  margin: 0 auto;
}

.feature {
  text-align: center;
  padding: 20px;
  border-radius: 12px;
  /* background: #fafafa; */
}

.feature img {

  margin-bottom: 30px;
  transition: transform 0.3s ease;
}

.feature:hover img {
  transform: scale(1.1) rotate(5deg);
}

.feature p {
  font-size: 18px;
  color: #333;
  line-height: 1.2;
}

.cta-btn {
  background: #a15d63;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* fixed width */
  height: 60px;
  /* fixed height */
  line-height: 60px;
  /* text vertically center */
  color: #fff;
  /* text color */
  font-size: 20px;
  /* text size */
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 20px;
  /* rounded corners */
  cursor: pointer;
  transition: background 0.3s ease;
}

.cta-btn:hover {
  background: #87474d;
  /* transform: scale(1.05); */
  transition: 0.3s;
}

/* Animations */
@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.framework-embodied {
  background-color: #205255;
  padding: 50px 0;
}

.framework-embodied h1,
p {
  /*color: #fff;*/
  text-align: center;
  font-size: 18px;

}
.card-back-title{
  color:#fff;
  padding: 20px;
}

p.description {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 50px;
  animation: fadeIn 2s ease-in-out;
}

.framework-item {
  display: flex;
  align-items: center;
  gap: 80px;
  margin-bottom: 40px;
  animation: fadeUp 1.5s ease-in-out;
  justify-content: start;
}


.framework-item img {
  margin-left: 115px;
}

.framework-text {
  text-align: left;
  color: #fff;
}

.framework-text h2 {
  font-size: 40px;
  margin: 0 0 8px;
  text-align: left;
  /* font-family: 'Playfair Display', serif; */
  color: #fff;
}

.framework-text p {
  font-size: 21px;
  margin: 0;
}

/* Animation keyframes */
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* accordain */


.accordion-item {
  padding: 30px 0;
  /* Equal top-bottom spacing */
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
}

.accordion{
  max-width: 650px;
  margin: 0 auto;
}

.accordion-item .icon{
  min-width: 90px;
  display: flex;
  justify-content: center;
  margin-right: 50px;
}

.accordion-header {
  display: flex;
  align-items: center;
  /* Title left, toggle right */
  padding: 10px 0;
}

.accordion-title {
  font-size: 32px;
  font-weight: 100;
  margin: 0;
  color: #fff;
}

.framework-embodied .accordion-text P {
  color: #fff;
}

.framework-embodied p {
  color: #fff;
}

.accordion-desc {
  font-size: 16px;
  margin: 5px 0;
  color: #fff;
}

.accordion-toggle {
  color: #a15d63;
  background-color: #fff;
  border: none;
  border-radius: 3px;
  padding: 0px 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  /* ❌ remove extra space */
  width: 25px;
  height: 25px;
}
.accordion-body p 
{
  margin-top: 15px;
}
.accordion-info p {
  text-align: left;
  padding: 0;
}

.fa-chevron-down:before {
  content: "\f078";
  font-size: 18px !important;
}

.accordion-text {
  display: flex;
  gap: 15px;
  align-items: center;
}

.accordion-body {
  display: none;
  color: #fff;
  margin: 0;
  /* ✅ only small gap */
}

.accordion-item.active .accordion-body {
  display: block;
  margin-left: 4%;
}


/* journey */

.journey-main {
  /* max-width: 1200px; */
  margin: auto;
  padding-top: 50px;
}

.journey-title {
  text-align: center;
}

.journey-title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 10px;
}

.journey-subtitle {
  font-size: 24px;
  color: #000;
  margin-bottom: 40px;
  line-height: 1.2;
}

/* Cards Container */
.journey-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
}

.journey-cards {
  display: flex;
  justify-content: center;
  gap: 25px;
  /* cards vachche space */
  flex-wrap: wrap;
  /* responsive mate niche shift thase */
}

.card-container {
  flex: 1 1 200px;
  /* responsive width */
  max-width: 250px;
  /* card size limit */
}

/* Single Card */
.journey-card {
  /* background: #fff; */
  /* border: 2px solid #9db5a3; */
  /* border-radius: 15px; */

  /* padding: 20px; */

  width: 220px;
  height: 260px;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease;
}

/* Card corner effect */


/* Hover Animation */

/* Button */
.journey-btn {
  background: #a15d63;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* fixed width */
  height: 60px;
  /* fixed height */
  line-height: 60px;
  /* text vertically center */
  color: #fff;
  /* text color */
  font-size: 20px;
  /* text size */
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 20px;
  /* rounded corners */
  cursor: pointer;
  transition: background 0.3s ease;
}

.journey-btn:hover {
  background: #8a5151;
  transition: 0.3s;
}


/* testimonial-2 */
/* Outer container */
.testimonial-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  padding: 30px 0;
  width: 100%;
  gap: 30px;
}

.section-subtitle {
  color: #000;
  padding: 20px 0;
  font-size: 21px;
}

/* Quote Section */
.testimonial-text {
  flex: 1;
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.6;
  position: relative;
  padding-right: 20px;
}

.testimonial-text p {
  margin-bottom: 15px;
  color: #fff;
  font-size: 20px;
  max-width: 500px !important;
  text-align: left;
}

p.testimonial-short {
  color: #fff;
}

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

/* Quote Image Section */
.testimonial-image-box {
  flex: 0.9;
  position: relative;
  max-width: 350px;
}

.testimonial-image {
  width: 100%;
  border-radius: 15px;
  border: 2px solid #1d5c63;
}

/* Quotation mark style */
.testimonial-quote-icon {
  position: absolute;
  left: -30px;
  top: 20%;
  font-size: 70px;
  color: #1d5c63;
  /* font-family: serif; */
  line-height: 0.6;
}

.card-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.card {
  width: 220px;
  height: 260px;
  perspective: 1000px;
  cursor: pointer;
}

.card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s ease;
  transform-style: preserve-3d;
}

.card:hover .card-inner,
.card.flip .card-inner {
  transform: rotateY(180deg) scale(1.05);
}

.card-front,
.card-back {
  position: absolute;
  width: 235px;
  height: 235px;
  background-repeat: no-repeat;
  backface-visibility: hidden;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 32px;
  text-align: center;
  background-image: url('/wp-content/themes/shilpa-theme/html/images/foldarrow.png');
  transition: box-shadow 0.3s ease;
}



.card-back {
  /* background: #fff; */
  transform: rotateY(180deg);
  background: #8ba89b;
}

.card-back img {
  width: 100%;
  height: 220px;
  border-radius: 10px;
}

/* slider -slick */



.testimonial-title {
  font-size: 40px;
  /* margin-bottom: 40px; */
  padding-top: 20px;
  text-align: center;
  color: #fff;
  font-weight: 500;
}

.testimonials-slider {
  /* max-width: 800px; */
  margin: 0 auto;

  background-color: #205255;
}

.testimonial-item {
  padding:20px 100px;
  font-size: 16px;
  line-height: 1.2;
}

.testimonial-item p {
  /* max-width: 1050px; */
  margin: 0 auto;
  color: #fff;
}

.testimonial-content {
  margin-bottom: 15px;
}

.testimonial-author {
  font-weight: 400;
  font-size: 27px;
  margin-top: 10px;
  color: #fff;
}

/* Slick arrows */
.slick-prev:before,
.slick-next:before {
  content: "" !important;
}

/* Left Arrow */
.home .slick-prev {
  left: -6px;
  width: 45px;
  height: 45px;
  /* background: rgba(0, 0, 0, 0.4); */
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.slick-prev::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-left: 3px solid white;
  border-bottom: 3px solid white;
  transform: rotate(45deg);
}

.info-box1 {
  padding: 0px 10px 30px 50px;
}

.info-box1 li {
  margin: 5px 0;
  text-align: left;
  line-height: 1.2;
}

.info-box p {
  margin: 20px 0;
  line-height: 1.2;
}

.full-info h1 {
  font-size: 18px;
    color: #205255;
    padding-top: 10px;
    font-weight: 100;
}
.full-info{padding: 0px 50px 30px 50px;}

.slick-prev,
.slick-next {
  top: 30% !important;
}

/* Right Arrow */
.home .slick-next {
  right: -4px;
  width: 45px;
  height: 45px;
  /* background: rgba(0, 0, 0, 0.4); */
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.slick-next::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-left: 3px solid white;
  border-bottom: 3px solid white;
  transform: rotate(222deg);
}

/* review */
.review-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;

  padding: 40px 20px;
  max-width: 1200px;
  margin: auto;
}

/* Left side text */
.review-content {
  flex: 1;
  font-size: 20px;
  line-height: 1.2;
  margin: 130px 0;
}

.review-content p {
  margin: 0 0 20px 0;
  color: #000;
  font-size: 32px;
  text-align: left;
}

.review-author {
  font-weight: bold;
  font-size: 1.8rem;
}

/* Right side image */
.review-photo {
  flex: 1;
  position: relative;
  display: flex;
  justify-content: center;
}

.review-photo img {
  /* width:600px; */
  max-width: 100%;
  /* border: 3px solid #0a5c5c; */
  border-radius: 20px;
}

/* Quote icon */


/* contact */
/*.contact-form-main {
  padding-top: 100px;

}
*/
.contact-head {
  display: flex;
  /* flex-direction: column; */
  justify-content: space-between;
  margin: 0 20px;
}

.contact-main {
  display: flex;
  flex-direction: column;
}

/* Left column (content + image) */
.contact-left {
  flex: 1 1 50%;
  max-width: 500px;
}

.contact-title {
  font-size: 40px;
  font-weight: normal;
  margin-bottom: 20px;
}

.contact-text {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: left;
  padding: 0;
}

.contact-image {
  margin-top: 30px;
}


.contact-left p {
  color: #000;
}

/* Right column (form) */
.contact-right {
  flex: 1 1 40%;
  max-width: 650px;
}

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

.contact-right input,
.contact-right select,
.contact-right textarea {
  padding: 15px;
  border: 2px solid #000;
  border-radius: 15px;
  width: 100%;
  font-size: 18px;
  color: #000;
}
.contact-right textarea{
  height: 100px;
}

.contact-right input[type="submit"],
.contact-right button {
  background: #a15d63;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 60px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.contact-right input[type="submit"]:hover {
  background: #8c4a52;
}

/* Responsive (mobile view) */

/* FOOTER */
footer {
  background-color: #1f4f51;
  /* Dark teal */
  color: white;
  text-align: center;
  padding: 40px 20px;
}

/* Name Styling */
.footer-name {
  font-family: 'Brush Script MT', cursive;
  font-size: 2rem;
  margin-bottom: 20px;
}

.footer-name img {
  width: 200px;
}

/* Social Icons */
.social-icons {
  margin: 20px 0;
  display: flex;
  justify-content: center;
}

.social-icons a {
  display: inline-block;
  margin: 0 10px;
  text-decoration: none;
  background: white;
  color: #1f4f51;
  font-size: 1.5rem;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
}

.social-icons a:hover {
  background: #e0e0e0;
}

/* Footer Links */
.footer-links {
  margin-top: 20px;
  font-size: 0.95rem;
}

.footer-links a {
  color: white;
  text-decoration: none;
  margin: 0 8px;
  transition: color 0.3s;
}

.footer-links a:hover {
  color: #cfcfcf;
}

/* Icon pop-in animation */
@keyframes popIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}


.testimonial-card {
  display: flex;
  background: #8ba89b;
  /* greenish background */
  border-radius: 8px;
  position: relative;
  /* relative for image overlap */
  overflow: visible;
  /* allow image to go outside */
  padding-left: 140px;
  padding-right: 140px;
  /* space for image */
  color: white;

}

.testimonial-left {
  position: absolute;
  top: 50%;
  left: 12%;
  /* image will come outside */
  transform: translateY(-50%);
}

.testimonial-left img {

  height: auto;
  border-radius: 12px;
  /* box-shadow: 0 6px 20px rgba(0,0,0,0.25); */
}

.quote-icon {
  position: absolute;
  top: -20px;
  left: -40px;
  font-size: 80px;
  color: #264c41;
  opacity: 0.9;
}

.testimonial-right {
  padding: 50px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  left: 400px;
}

.testimonial-right p {
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 20px;
  max-width: 520px;
  text-align: left;
  /* margin: 0 auto; */
}



.testimonial-author {
  /* font-weight: bold; */
  font-size: 24px;
  text-align: center;
}




.more-link,
.less-link {
  color: #fff;
  text-decoration: none;
  /* text-decoration: underline; */
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  margin-left: 5px;
}

.full-info li {
  text-align: left;
  line-height: 1.2;
}

.testimonial-full,
.testimonial-short {
  display: inline;
}

/* Submenu hidden by default */
/* Submenu */

.submenu {
  list-style: none;
  position: absolute;
  top: 60%;
  background: #fff;
  padding: 10px 0;
  min-width: 250px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  border-radius: 6px;
  display: none;
  z-index: 99;
  max-width: min-content;
}
.submenu.active {
  display: block;
}
.submenu li 
{
  list-style: none;
    padding: 10px 15px;
}
.submenu a 
 {
  padding: 10px 0;
 }
/* Show submenu on hover */
.dropdown:hover .submenu {
  display: block;
}

/* Services submenu (default straight niche) */
.menu li:nth-child(2) .submenu {
  left: 0;   /* straight niche ave */
}

/* Coaching Journey submenu (left shift) */
.menu li:nth-child(3) .submenu {
  left: -80px;  /* shift left (adjust px value as per need) */
}
/* Show submenu on hover */
.menu-item:hover > .submenu {
  display: flex;
  flex-direction: column;
}
/* Mobile toggle */
.menu-toggle {
  display: none;
  font-size: 1.8rem;
  color: #fff;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
  .menu-toggle {
    display: block;
  }
  .nav-menu {
    position: absolute;
    top: 60px;
    left: -100%;
    width: 100%;
    flex-direction: column;
    background: #0b3d3d;
    transition: left 0.3s ease;
    padding: 10px 0;
  }
  .nav-menu.active {
    left: 0;
  }
  .nav-menu li {
    width: 100%;
  }
  .nav-menu a {
    padding: 12px 20px;
  }
  .submenu {
    position: static;
    box-shadow: none;
    background: #205255;
  }
  .submenu li a {
    color: #fff;
  }
  .menu-item
  {
    text-align: left;
  }
  .submenu li a:hover {
    color: #ff9800;
  }
  .menu a:hover{color: #055055;}
  /* Show submenu when parent is active (click-based with JS) */
  .menu-item.active > .submenu {
    display: flex;
  }
}

img.contact-illustration{margin-bottom: -5px;}


/* privacy policy */
/* Privacy Policy Page Styling */
.page.type-page {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
  background: #f9fafb;
  padding: 40px 20px;
}

.entry-title {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 10px;
  color: #000;
}

.entry-content > p:first-of-type {
  text-align: center;
  font-size: 0.95rem;
  color: #666;
  margin-bottom: 30px;
}

/* Sections (Each H2 + Paragraph) */
.wp-block-heading {
  font-size: 1.3rem;
  color: #000;
  margin-top: 35px;
  margin-bottom: 10px;
  border-left: 4px solid #205255;
  padding-left: 12px;
}
h2.wp-block-heading 
{
  text-align: left !important;
}
.entry-content p {
  font-size: 1rem;
  color: #444;
  line-height: 1.2;
  margin-bottom: 20px;
}
.head-policy h1 
{
  background-color: #f9fafb;
}
header.head-policy 
{
  border-bottom: none;
}

/* Box effect for sections */
.wp-block-heading,
.entry-content p {
  display: block;
}

.entry-content h2 + p {
  /* background: #fff; */
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  transition: transform 0.2s ease-in-out;

}
.entry-content p 
{
  text-align: left;
}


/* Links */
.entry-content a {
  color: #3498db;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s;
}

.entry-content a:hover {
  color: #1d6fa5;
  text-decoration: underline;
}

/* Contact Section */
.entry-content h2:last-of-type,
.entry-content h2:last-of-type + p {
  text-align: center;
}

.entry-content h2:last-of-type + p {
  font-weight: 500;
  background: #eef6fb;
  border: 1px solid #d7eaf5;
  box-shadow: none;
}

/* Responsive */
@media (max-width: 768px) {
  .entry-title {
    font-size: 2rem;
  }
  .wp-block-heading {
    font-size: 1.15rem;
  }
  .entry-content h2 + p {
    padding: 15px;
    font-size: 0.95rem;
  }

/*  .newaccorinfoclass0{margin-left: 9.5%;}
.newaccorinfoclass1{margin-left: 5%;}
.newaccorinfoclass2{margin-left: 9.5%;}
.newaccorinfoclass3{margin-left: 4%;}
.newaccorinfoclass4{margin-left: 8%;}

}


.newaccorinfoclass0{margin-left: 6%;}
.newaccorinfoclass1{margin-left: 5%;}
.newaccorinfoclass2{margin-left: 6%;}
.newaccorinfoclass3{margin-left: 4%;}
.newaccorinfoclass4{margin-left: 5%;}

.newaccheader1{margin-right: 11%;}
.newaccheader3, .newaccheader4{margin-right: 11%;}*/