.p-32 {
	padding: 32px;
}

.pl-32 {
	padding-left: 32px;
}

.mt-32{
	margin-top: 32px;
}

.fw-600{
	font-weight: 600;
}

.fw-500{
	font-weight: 500;
}

.mt-12 {
	margin-top: 12px;
}

.br-12 {
	border-radius: 12px;
}


/* Key Results section */
.cust-story-result{
	background-color: #F1F5F980;
	gap: 0;
}

/* Video section */
.cust-story-video-container {
	background-color: #F1F5F980;
	aspect-ratio: 16/9;
	border: 2px dashed #E1E7EF;
	gap: 0;
}

.cust-video-subtext{
	font-size: 14px !important;
}

/* Solution section */
.customer-solution-section{
	max-width: 1024px;
	gap: 24px;
}

.cust-story-challenges, .cust-story-solutions {
	gap: 0;
}

.customer-solution-section .cust-story-heading{
	position: relative;
	padding-left: 12px !important;
}

.customer-solution-section .cust-story-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 25px;
  border-radius: 8px;
}

.cust-story-challenges .cust-story-heading::before{
	background-color: #EF4343;
}


.cust-story-solutions .cust-story-heading::before {
	background-color: #16A34A;
}

.cross-icon, .tick-icon {
  margin: 3px 0 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  flex-shrink: 0;
}

.cross-icon img, .tick-icon img {
  width: 20px !important;
  object-fit: contain;
  display: block !important;
}

.cross-icon img {
  width: 15px !important;
}

.tick-icon img {
  width: 20px !important;
}


/* Use Cases section */
.use-cases-section{
	max-width: 1024px;
	border: 1px solid #E1E7EF;
	border-radius: 16px;
}

.use-cases-group > div {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.use-case-card {
	border: 1px solid #E1E7EF;
	background-color: #F1F5F94D;
	padding: 20px;
}

.use-case-card:hover {
	background-color: #F1F5F9;
}

.use-case-card:hover .use-case-title {
	color: #EF4343 !important;
}

.use-case-content div {
	gap: 0 !important;
}

.use-case-sub-heading {
	font-size: 14px !important;
}

/* Impact section */
.cust-impact-section {
		max-width: 1024px;
		border: 1px solid #E1E7EF;
		border-radius: 16px;
}

.cust-impact-highlight-container {
	gap: 0;
	border-top: 1px solid #E1E7EF;
	background-color: #F1F5F94C
}


.cust-impact-highlight-text{
	font-size: 18px !important;
}

/* Try Vyapar Section */
.try-btns-container {
	justify-content: center !important;
}

.try-vyapar-free-btn {
	flex-basis: max-content !important;
}

.try-vyapar-free-btn a {
	padding: 12px 35px !important;
	width: max-content !important;
	margin: auto;
}

@media (max-width: 768px) {
	/* Key result section */
	.key-results-row{
		justify-content: space-between;
		gap: 20px;
	}
	
	.cust-story-result{
		flex: 0 0 45%;
		max-width: 45%;
	}
	
	/* Video section */
	.cust-story-video-container {
		aspect-ratio: auto;
		padding: 32px !important;
	}
	
	/* Solution section */
	.customer-solution-section {
		flex-wrap: wrap !important;
		width: 100%;
		justify-content: center;
	}
	
	.customer-solution-section img{
		flex-shrink: 0;
	}
	
	.customer-solution-section p{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	/* Use Cases Section */
	.use-cases-group > div{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.use-case-title, .use-case-text {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Try vyapar section */
	.try-vyapar-section.dark-background.has-background {
		padding: 32px !important;
	}
	
	/* Impact section */
	.cust-impact-section {
			width: 90%;
	}
	
	.cust-impact-section p {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 576px) {

	/* Use Cases Section */
	.use-cases-group > div {
		grid-template-columns: 1fr;
	}
	
	/* Try vyapar section */
	.try-vyapar-section.dark-background.has-background {
		padding: 20px !important;
	}
	
	.try-vyapar-free-btn a {
		padding: 12px !important;
	}

}