.post-banner-wrap{position:relative;}
	.postban-content-wrap{position:absolute;}
	.sec1{padding-top:5%;}
	.cu-sec2-content{padding:0; width:95%;}
	#insight_banner .ecommerce-slide{
		display:block;		
	}
	#insight_banner .ecommerce-slide-wrapper.container{
		min-height:unset;
		position:absolute;
		top:37%;
		left:6.5%
	}
	#insight_banner .ecommerce-text-content h1{
		font-size:80px;
	}
	.img_width{
		width:100%;
	}
	#connect-sec{
		position:relative;
		margin-bottom: -16%;
	}
	#connect-sec .connect-content{
		position: absolute;
		top: 32%;
		left: 12%;
		padding:0;
	}
	.ins_head{
		font-size:50px;
		line-height:70px;
	}
	#insights{
		padding:60px 0 20px;
	}
	.search-input {
      width: 100%;
      margin-bottom: 20px;
	  margin-top:30px;
	  position:relative;
    }
    .search-input input,  .search-input input:focus {
      width: 100%;
      padding: 10px 40px 20px 0;
	  border:0;
      border-bottom: 1px solid #000;
      font-size: 16px;
      outline: none;
    }
	.filters select:focus{
		outline:none;
	}
    .search-input::after {
      content: url('/wp-content/uploads/2025/06/Union.png');
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
    }
	.sidebar{
		padding-right:30px;
	}
	.sidebar h2{
		font-size: 30px;
		border-bottom: 1px solid #C9C9C9;
		padding-bottom: 40px;
		margin-bottom: 30px;
	}
	.insight_details{
		display:flex;
		width:100%;
		padding:60px 0 0;
	}
	.sidebar, .filters select{
		width:20%;
	}
	.filters select{
		font-size: 15px;
		border: 0;
		background: #F7F7F7;
		padding: 10px;
	}
	.filters select.active{
		background:#EF423E;
		color:#fff;
	}
	.filters select.active option{
		background: #F7F7F7;
		color:#000;
	}
	.filters{
		width:80%;
	}
	.results-count{
		font-size:17px;
		color:#000;
		font-weight:bold;
	}
	.results-count span{
		font-size:14px;
		color:#C4C4C4;
		font-weight:normal;
	}

	.container_insight{
      display: flex;
      padding: 30px 0;
      gap: 30px;
    }
    .sidebar {
      width: 200px;
    }
    .sidebar ul {
      list-style: none;
      padding: 0;
	  margin:0;
    }
    .sidebar li {
		padding: 7px 10px;
		cursor: pointer;
		font-size: 18px;
		margin-bottom: 10px;
    }
    .sidebar li:hover,
    .sidebar li.active {
      background-color: #f2f2f2;
    }
    .main {
      flex: 1;
    }
    .header h1 {
      font-size: 32px;
      margin-bottom: 10px;
    }
    .search-box {
      position: relative;
      width: 100%;
      margin-bottom: 20px;
    }
    .search-box input {
      width: 100%;
      padding: 10px 40px 10px 0;
      border: none;
      border-bottom: 2px solid #ccc;
      font-size: 16px;
      outline: none;
    }
    .search-box::after {
      content: '\1F50D'; /* Unicode magnifying glass icon */
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      color: transparent; /* Icon made transparent */
    }
    .filters {
      display: flex;
      gap: 10px;
      margin: 0px 0 30px;
    }
    .filters select,
    .filters button {
      padding: 10px 15px;
      font-size: 18px;
    }
    .filters button {
      background-color: #e63429;
      color: #fff;
      border: none;
      cursor: pointer;
    }
    .cards {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
    }
    .card {
      width: 100%;
      background: #fff;
      border: 0;
      display: block;
    }
    .card img {
      width: 100%;
/*       height: 180px; */
      object-fit: cover;
    }
    .card-content {
      padding: 15px 15px 15px 0px;
    }
    .card h3 {
      margin: 10px 0;
      font-size: 20px;
    }
    .card p {
      color: #000000;
      font-size: 15px;
    }
	.card_img{
		position:relative;
	}
    .card .arrow {
		position: absolute;
		bottom: 0;
		right: 0;
    }
    .arrow span {
		background: #e63429;
		display: inline-block;
		color: white;
		text-align: center;
		line-height: 24px;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 18px;
    }
	.filter_sec{
	  display: flex;
      justify-content: space-between;
	  border-bottom: 1px solid #C9C9C9;
      margin-bottom: 30px;
	}
	.arrow span img{
		width:75%;
	}
	#insights .container, #connect-sec  .container, #insight_banner .container{
		max-width:87%;
	}
	@media(max-width: 767.98px){
		#insight_banner .ecommerce-slide-wrapper.container{top:auto;bottom:1%;margin:0;left:2%;}
		#insight_banner .ecommerce-text-content{text-align:left;width:90%;}
		#insight_banner .ecommerce-text-content h1{font-size:60px;}
		#insight_banner .ecommerce-text-content p{font-size:22px;}
		.sidebar{margin-bottom:20px;padding-right:0;overflow:auto;width:100%;}
		.sidebar h2{display:none;}
		.ins_head, .connect-content h2{font-size:36px;}
		.container_insight{display:block;}
		.filters select{width:50%;}
		.filter_sec{display:block;}
		.search-input{margin:0;}
		#insights{padding:40px 20px 20px;}
		.filters{width:100%;}
		.card{width:100%;}
		.card-content{padding-bottom:0;}
		.sidebar ul{display:flex;width: max-content;}
		#connect-sec .connect-content{position: absolute;top: auto;left: 12%;padding: 0;text-align: center;transform: translate(-50%, -50%);left: 			50%;bottom: 5%;width:90%;}
		.container.connect_wrap{padding:0 20px;}
		#connect-sec{margin-bottom:50px;}
		#insights .container, #connect-sec .container, #insight_banner .container{max-width:100%;}
	}
	@media(max-width: 575.98px){

	}
	@media(max-width: 480px){

	}
	@media(max-width: 420px){

	}
	@media(max-width: 380px){

	}
	@media(max-width: 320px){

	}
	@media(max-width: 1024px) and (min-width: 768px){
/* 		.card{width:47%;} */
		.filters select{width:40%;}
		#insight_banner .ecommerce-text-content h1{font-size:60px;}
		.connect-content h2{font-size:40px;}
		#insights .container, #connect-sec .container, #insight_banner .container{max-width:92%;}
	}
	@media(max-width: 1024px) and (min-width: 992px){

	}
	@media(max-width: 1200px) and (min-width: 1025px){
		.filters select{width:30%;}
/* 		.card{width:31%;} */
	}
	@media(max-width: 1300px) and (min-width: 1201px){
/* 		.card{width:31%;} */
	}
	@media(max-width: 1400px) and (min-width: 1301px){
/* 		.card{width:31%;} */
	}
	@media(max-width: 1500px) and (min-width: 1401px){
/* 		.card{width:310px;} */
	}
	@media (max-width: 1799px) and (min-width: 1500px){

	}
	@media(min-width: 1800px){
	}
    @media screen and (max-width: 768px) {
      .container {
        flex-direction: column;
      }

      .sidebar {
        width: 100%;
      }
    }
	.bicon-row{background:#000; color:#fff; padding:3%;} 
	.bicon-row h3{color:#fff;}
	.key-objectives-row{background:#F2F2F2; padding:10% 5%;}
	
	.service-highlights {
	display: flex;
	gap: 40px;
	background: #111;
	padding: 20px;
	color: #fff;
}

.service-highlights .highlight-item {
	flex: 1;
	text-align: left;
}

.service-highlights .highlight-item img {
	max-width: 50px;
	margin-bottom: 10px;
}

/* .service-highlights {
    display: inline-flex;
    gap: 40px;
    background: #111;
    padding: 8% 5%;
    color: #fff;
    width: 100%;
} */

.service-highlights .highlight-item p {
	font-size: 15px;
	margin: 0;
}

.sec1-desc {
	font-size: 17px;
}

.sec2-image {
	width: 819px;
	height: 324px;
	object-fit: cover;
	margin-bottom: 10px;
}

.key-objectives-row .obj-num {
    color: #EF423E;
    padding: 10px 0 0;
	margin-bottom: 0;
    font-size: 32px;
    font-family: 'Outfit-Regular';
}
	.key-objectives-row div{
		margin-bottom: 20px;
	}	

.client-accounting-block {
  background: #fff;
  padding-top: 10px;
  margin-top: 30px;
  font-family: sans-serif;
}

.client-accounting-block .title-box {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.client-accounting-block .section-num {
  background: #d90000;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 16px;
}

.client-accounting-block .section-title {
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.client-accounting-block .section-desc {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 15px;
}

.client-accounting-block .points-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.client-accounting-block .points-list li {
  display: flex;
  align-items: flex-start; /* top align dot with first text line */
              /* space between dot and text */
  margin-bottom: 0px;
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}

.client-accounting-block .point-dot {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  background: #d90000;
  display: inline-block;
  margin-top: 26px; /* adjust for visual centering */
	margin-right:10px;
}




/* ===================== TESTIMONIAL SECTION ===================== */
.testimonial-container {
  display: flex;
  background-color: #121212;
  padding: 30px;
  border-radius: 8px;
  max-width: 1000px;
  margin: 20px auto;
  gap: 30px;
  align-items: flex-start;
}

.testimonial-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 100px;
  flex-shrink: 0;
}

.testimonial-icon img {
  width: 50px;
}

.testimonial-title h3 {
  font-family: 'Inter', sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0;
}

.testimonial-description {
  color: #FFFFFF;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  line-height: 1.6;
  flex: 1;
}

/* ✅ Responsive for mobile */
@media (max-width: 768px) {
  .testimonial-container {
    flex-direction: column;
    gap: 20px;
  }

  .testimonial-left {
    flex-direction: row;
    align-items: center;
    gap: 15px;
  }

  .testimonial-title h3 {
    font-size: 18px;
  }
	 .testimonial-description {
    font-size: 14px;
  }
}


/* ===================== SECTION 3 ===================== */
.sec3-container {
  background-color: #FFFFFF;
  padding: 30px 0;
  border-radius: 8px;
  max-width: 1000px;
  margin: 40px auto;
}

.sec3-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
}

.sec3-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px;
}

.sec3-image img {
  width: 100%;
  border-radius: 8px;
}

.sec3-description {
  font-size: 14px;
  line-height: 1.6;
  color: #000000;
}

.testimonial-description p{
	padding-top: 0;
}

@media (max-width: 768px) {
  .sec3-content {
    flex-direction: column;
  }

  .sec3-image, .sec3-description {
    flex: 100%;
  }
}

/* ===================== ACCURACY / SCALABILITY / EFFICIENCY SECTION ===================== */
.section-container {
  max-width: 1200px;
  margin: auto;
  padding: 30px;
}

.row1 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 40px;
}

.accuracy-column, .scalability-column, .efficiency-row {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
}

.accuracy-column, .scalability-column {
  flex: 1;
}

.accuracy-column img, .scalability-column img, .efficiency-row img {
  width: 50px;
  margin-bottom: 15px;
}

.title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.description {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 15px;
}

ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

li div:first-child {
  min-width: 12px;
  margin-right: 10px;
  margin-top: 6px;
  color: red;
}

li div:last-child {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .row1 {
    flex-direction: column;
  }
}
	.responsive-heading {
  font-size: 35px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .responsive-heading {
    font-size: 24px;
  }
}
.responsive-heading {
  font-size: 35px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .responsive-heading {
    font-size: 24px;
  }
}

p.sec1-desc {
    font-size: 18px;
    padding: 10px 0 30px;
}	
.mt-40 {
    margin-top: 40px;
}	
	

.service-highlights {
    display: inline-flex;
    gap: 40px;
    background: #111;
    padding: 8% 5%;
    color: #fff;
    width: 100%;
    margin: 3% 0;
}

.service-highlights .highlight-item {
  flex: 1;
  text-align: left;
}

.service-highlights .highlight-item img {
 	max-width: 60px;
	margin-bottom: 25px;
}

.service-highlights .highlight-item h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 5px;
  color: #fff;
}

.service-highlights .highlight-item p {
  font-size: 16px;
  margin: 0;
}

/* ✅ MOBILE: STACK ONE BY ONE FULL WIDTH */
@media (max-width: 768px) {
  .service-highlights {
    flex-direction: column;
  }

  .service-highlights .highlight-item {
    flex: 100%;
    width: 100%;
  }
}

.home-slide-wrapper{
	z-index:1;
}

/* Mobile header centering for screens smaller than 768px */
@media (max-width: 767px) {
  .header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom:20px !important;
  }

  .header-wrapper .logo img {
    width: 140.25px;
    height: 72px;
    object-fit: contain; /* keeps it neat */
  }

  .header-wrapper .logo {
    margin-left: -10px;
    margin-top: -10px;
    margin-bottom: -05px; /* use -5px, no need for 0 before 5 */
  }
	.card .card-content p{font-size:16px;}
}
  #header-right {
    display: flex;
    align-items: end;
  }

  #menu-wrapper {
    margin-left: auto;
  }
}


.pierian-menu-title h3 {
    color: #ee413e;
	}
	@media (max-width: 767px) {
		h3{
	font-size:18px;
		}

}
.cfooter-sub-heading{ padding-bottom: 10px; font-size:15px; }
.cfooter-sub-heading, .cfooter-sub-heading a {
    padding-bottom: 15px;
    font-size: 15px;
}

.section-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1200px;
  margin: 40px auto;
  font-family: 'Inter', sans-serif;
}

.section-container .row1 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
}

.section-container .accuracy-column,
.section-container .scalability-column,
.section-container .efficiency-row {
  flex: 1;
  background: #f9f9f9;
  padding: 30px;
  border-radius: 16px;
}

.section-container .title {
  font-size: 24px;
  font-weight: 700;
  margin: 20px 0;
}

.section-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.section-container ul li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 15px;
}

.section-container ul li div:first-child {
  width: 10px;
  height: 10px;
  background-color: #e50000; /* Pierian Red */
  flex-shrink: 0;
  margin-top: 8px;
}

.section-container ul li div:last-child {
  font-size: 17px;
  line-height: 1.6;
  color: #333;
}

.sec3-title {
  text-align: left;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 5px;
}

.sec3-description {
  text-align: left;
  font-size: 18px;
  color: #555;
}

.sec3-image img {
  max-width: 100px;
  height: auto;
}


.points-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.point-item {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.point-icon img {
  width: 50px;
  margin-bottom: 15px;
}

.point-item h3 {
  font-size: 20px;
  margin: 0 0 10px;
}

.bullet-list {
  padding-left: 20px;
  margin: 0;
}

.bullet-list li {
  list-style: disc;
  margin-bottom: 8px;
}


.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 30px;
}

.benefit-card {
  background: #fafafa;
  padding: 30px;
  border-radius: 10px;
}

.benefit-card.full-width {
  grid-column: 1 / -1;
}

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

.benefit-title {
  font-weight: 700;
  margin: 20px 0 15px;
}

.benefit-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.benefit-list li {
  display: flex;
  align-items: flex-start;  /* ✅ align dot to top of text */
  gap: 10px;                /* ✅ cleaner than margin-right */
  margin-bottom: 12px;
  line-height: 1.6;         /* ✅ for better wrap */
}

.benefit-list .red-square {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  background: red;
  display: inline-block;
  margin-top: 6px;  /* ✅ pushes dot slightly down for optical align */
}

@media(max-width: 1024px) and (min-width: 768px){
	.service-highlights, .testimonial-container{display:block;}
	.service-highlights .highlight-item{margin-bottom:20px;}
	.service-highlights .highlight-item p{padding:0;}
	.testimonial-icon{margin-bottom:20px;}
	body{margin-top:65px!important;}
	
}
@media(max-width:1200px) and (min-width:1025px){
	body{margin-top:85px!important;}
	.testimonial-container{display:block;}
	.testimonial-icon{margin-bottom:20px;}
}