* {
  font-family: poppins,sans-serif!important
}

body{
	width: 100%;
}

.section-heading{
	font-size: 48px !important;
	font-weight: 600;
	line-height: 66px;
	text-align: center;
}

/* Breadcrumbs  */
.entry-header{
	margin-bottom: 0 !important;
}

#breadcrumbs{
	padding: 25px 100px;
	margin: 0;
	background-color: #FFF9F9;
	width: 100%;
}

/* Hero section */
.hero-padding{
	padding-top: 2rem;
}

.hero-section{
	background-color: #FFF9F9 !important;
	margin-bottom: 0;
	padding-bottom: 0;
}

.hero-h1{
	line-height: 75px;
}

.hero-text{
	font-size: 31px !important;
	font-weight: 600;
	line-height: 50.8px;
	text-align: left;
	color: #7D7D7D;
}

.hero-section .download-vyapar-1{
	margin-top: 20px;
}

.hero-img{
	width: 100%;
	margin-top: -10%;
}

.f-s-25 {
	font-size: 25px !important;
	margin-top: 10px !important;
}

.f-s-14 {
    font-size: 14px !important;
}

/* Key features section */
.key-features-section{
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: visible; 
	scroll-snap-align: start;
	min-height: 300vh;
	height: auto;
	margin: 0 125px;
}

.key-features-heading{
	position: absolute;
	top: 2rem;
	text-align: center;
	margin-bottom: 2rem;
	width: 100%;
}

.key-features-section > div {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10;
		height: 100vh;
}

.key-features-container {
	margin: 0 auto;
	width: 100%;
	display: flex;
	gap: 4rem;
	padding: 0 2rem;
}

.key-features-icons-container{
	display: flex;
	flex-direction: column;
	gap: 100px;
	padding-top: 225px;
}

.key-feature-name-container{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.key-feature-icon{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #F0D8DC;
	box-shadow: 0px 3.45px 3.45px 0px #00000040;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16.85px;
	transition: background-color 0.5s ease;
	position: relative;
}

.key-feature-name-container:not(:last-child) .key-feature-icon::after  {
  content: " ";
  position: absolute;
  width: 4px;
  background-color: #E5213D;
  top: 100%;
  height: 100px;
  z-index: 0;
}

.key-feature-icon figure{
	margin-bottom: 0;
	width: 51.49px;
	height: 47px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.active-feature-icon{
	background-color: #E5213D;

}

.key-feature-name{
	font-size: 30px !important;
	font-weight: 500;
	line-height: 49.81px;
	letter-spacing: -0.01em;
	color: #000;
	margin-bottom: 0;
}

.key-feature-img-col{
	display: flex;
	align-items: center;
	position: relative;
	flex: 1;
}

.key-feature-state {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.5s ease;
	pointer-events: none;
	display: flex;
	justify-content: center;
}

.key-feature-state.active {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.key-feature-img {
	margin: -17% 68px 0 0;
	max-width: 100%;
	width: 105%;
	height: auto;
	transition: transform 0.5s ease;
}

/* Video section */
.video-section{
  margin: 51px auto 81px;
}

.video-heading{
	margin: 89px 100px 53px !important;
}

.video-img{
	width: 60%;
	box-shadow: 0px -2px 9.1px 0px #00000040;
	margin: 0 auto;
}

#video-iframe{
	display: none;
}

/* Success section */
.success-heading{
	margin-top: 89px !important;
	margin-bottom: 113px !important;
}

.highlight-heading{
	border-bottom: 1px solid transparent;
  background-image: linear-gradient(90deg, #ED1B3B 0%, #FEC116 100%);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 47% 3.16px;
	background-position-x: 2.2em;
	padding-bottom: 5px;
}

.success-columns{
	margin: 0 93px;
}

.success-column{
	border-radius: 19.74px;
	box-shadow: 0px 3.59px 11.85px 0px #00000040;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	padding: 65px 33px 90px;
	width: 358px;
	height: 275px;
	cursor: pointer;
}

.success-column:hover{
   transform: scale(1.1);
}

.review-text{
	font-size: 13.61px !important;
	font-weight: 500;
	line-height: 20.42px;
	color: #000000;
	text-align: center;
}

.review-customer{
	font-size: 14px !important;
	font-weight: 500;
	line-height: 21px;
	color: #000000;
	text-align: center;
}

.review-img{
	position: absolute;
	top: -23%;
}

.review-highlight{
	font-size: 16px !important;
	font-weight: 600;
	line-height: 24px;
}

.review-highlight-red{
	font-size: 18px !important;
	font-weight: 600;
	line-height: 27px;
	color: #ED1A3B;
}

/* Comparison section */
.comparison-heading{
	margin-top: 80px !important;
	margin-bottom: 116px !important;
}

.comparison-products{
	display: flex;
	gap: 36px;
	margin: 0 125px 0 97px;
}

.comparison-product{
	width: 200px;
	height: 74px;
	border-radius: 13.93px;
	box-shadow: 0px 2.61px 8.36px 0px #00000040;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.comparison-product p{
	font-size: 24px !important;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: -0.01em;
	color: #857B7B;
	margin-bottom: 0 !important;
}

.active-product{
	background: #E5213D;
}

.active-product p{
	color: #FFF;
}

.comparison-table{
	margin: 77px 97px 101px;
	box-shadow: 0px 0px 9.9px 0px #00000040;
	border-radius: 28.15px;
	border: none;
	padding-right: 29px;
	padding-top: 25px;
}

.comparison-table table{
	border-spacing: 0 !important;
	border-collapse: separate !important;
}

.comparison-table thead{
	border-bottom: none;
	color: #FFF;
}

.vyapar-table-heading{
	margin-top: 17.25px;
}

.comparison-table th, td{
	display: table-cell !important;
	border: none !important;
}

.comparison-table td+td{
	display: table-cell !important;
}

.comparison-table th{
	font-size: 23.61px !important;
	font-weight: 500;
	line-height: 35.42px;
	letter-spacing: -0.01em;
	color: #000;
	background-color: #FFF;
}

.comparison-table td{
	font-size: 18.16px;
	font-weight: 400;
	line-height: 27.24px;
	letter-spacing: -0.01em;
	color: #000;
	border-top: 2.72px solid #F1ACB64A !important;
}

.comparison-table td:nth-child(3),
.comparison-table th:nth-child(3) {
  border-left: 1px solid #E9223E !important;
	border-right: 1px solid #E9223E !important;
  background-color: #FFF9F9;
}

.comparison-table th:nth-child(3) {
	border-top: 1px solid #E9223E !important;
	border-radius: 44.5px 44.5px 0 0;
}


.comparison-table tr:last-child td:nth-child(3){
	border-bottom: 1px solid #E9223E !important;
	border-radius: 0 0 44.5px 44.5px;
}

/* Why choose Vyapar */
.reasons-container{
	margin: 105px auto 50px;
}

.reasons-heading{
	margin-top: 0;
	margin-bottom: 21px !important;
}

.reason-text{
	font-size: 34px !important;
	font-weight: 500;
	line-height: 67px;
	color: #000;
}

.reason-desc{
	font-size: 24px !important;
	font-weight: 400;
	line-height: 42px;
	text-align: left;
	color: #000;
}

/* Recommended by */
.recommended-container{
	background-color: #FEF8F8;
	min-height: 514px;
	padding: 86px 0 100px;
}

.recommended-heading{
	margin-top: 0 !important;
	margin-bottom: 77px !important
}

.recommended-columns{
	margin: 0 182px 0 159px;
}

.recommended-column{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.recommended-rating{
	font-size: 27.22px !important;
	font-weight: 600;
	line-height: 38px;
	color: #414141;
}

/* Flexible plans */
.flexible-plans-container{
	margin: 0 167px;
	border-radius: 47px;
	box-shadow: 0px 0.96px 13.01px 0px #00000040;
	position: relative;
}

.flexible-plans-container .section-heading{
	margin-bottom: 60px;
}

.flexible-plans-heading{
	font-weight: 500;
	line-height: 72px;
	text-align: center;
	width: 100%;
	margin: 0 !important;
	padding: 22px 0 !important;
	font-size: 48px !important;
	border-top-left-radius: 47px;
	border-top-right-radius: 47px;
}

.flexible-plans-columns{
	margin: 64px auto 51px;
}

.price-column{
	margin: 182px 104px;
	text-align: center;
}

.price-column:first-child{
	border-right: 1.63px solid #C4C4C4;
}

.flexible-plan-price{
	font-weight: 600;
	line-height: 70.42px;
	letter-spacing: -0.01em;
	margin-bottom: 20px;
	font-size: 47px !important;
}

.flexible-plan-price span{
	font-size: 40px;
	line-height: 60px;
	color: #ED1A3B !important;
}

.original-price{
	font-size: 22.62px !important;
	font-weight: 500;
	line-height: 33.92px;
	letter-spacing: -0.01em;
	text-decoration: line-through;
  text-decoration-color: #7B7A7A;
}

.flexible-plans-container .visit-pricing-btn{
	margin-bottom: 47px;
}

.visit-pricing-btn a{
	width: 455px;
	height: 85px;
	border-radius: 35px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	font-weight: 600;
	line-height: 45px;
}

.mega-offer{
	position: absolute;
	top: -22px;
	right: -90px;
	z-index: 1;
}

@media only screen and (max-width: 572px) {
	#breadcrumbs{
		padding: 25px 11px;
	}
	.section-heading{
		font-size: 22px !important;
		line-height: 28px;
  }
	
	/* Hero section */
	.hero-section{
		padding: 0 !important;
	}
	
	.hero-section .hero-h1{
		font-size: 50px !important;
		padding: 0 20px;
		margin: 15px auto 21px !important;
		text-align: center;
	}
	
	.hero-text{
		font-size: 16.48px !important;
		line-height: 24.72px;
		margin: 0 auto 25px;
		text-align: center;
		padding: 0 10px;
	}
	
	.hero-img{
		margin-top: 0;
	}
	
	.hero-img figure{
		width: 273px;
		height: 217px;
	}
	
	.download-for-mobile {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	
	.intro-image {
		padding-left: 15px;
	}
	
	.intro-section-padding-homepage {
		gap: 1.5rem;
		scrollbar-width: thin;
		scrollbar-color: #E8E8E8 #E8E8E8;
	}
	
	.intro-section-padding-homepage::-webkit-scrollbar-thumb {
		background-color: #E8E8E8;
		border-radius: 6px;
	}
	
	.intro-section-padding-homepage::-webkit-scrollbar-track {
		background-color: #E8E8E8;
	}
	
	 .intro-section-container {
     min-width: 29% !important;
   }
	
		.intro-section-container:first-child {
     padding-left: 5px;
   }
	
	.f-s-25 {
		text-align: left !important;
		padding-right: 0 !important;
		font-size: 18px !important;
	}
	
	.f-s-14 {
		text-align: left !important;
	}
	
	.p-0{
		padding-left: 10px !important;
    padding-right: 10px !important;
	}

	/* Key features section */
	.key-features-section{
		min-height: 20vh;
		margin: 0 0 100px;
	}
	
	.key-features-section > div{
		position: relative;
		display: block !important;
		height: auto;
	}
	
	.key-features-container{
		flex-direction: column;
		height: 100%;
		padding: 1rem;
		gap: 2rem; 
	}
	
	.key-features-icons-container{
		display: flex;
		flex-direction: row !important;
		gap: 0;
		padding-top: 150px;
    justify-content: center;
		width: 100%;
	}
	
	.key-feature-name-container{
		flex-direction: column;
		width: 33%;
    text-align: center;
	}

	.key-feature-icon{
		width: 50px;
    height: 50px;
		box-shadow: 0px 1.41px 1.41px 0px #00000040;
		margin-bottom: 9.58px;
		margin-right: 0;
	}

	.key-feature-name-container:not(:last-child) .key-feature-icon::after {
		left: 100%;
    width: 33vw;
		height: 2.05px;
		top: 50%;
	}

	.key-feature-icon figure{
		width: 25px;
		height: 25px;
	}

	.key-feature-name{
		font-size: 14px !important;
		line-height: 16.41px;
	}
	
	.key-feature-img-col{
		flex: none;
		margin-top: 2rem;
	}

	.key-feature-img{
		width: 100%;
		max-width: 332px;
		height: auto;
		margin: 0 auto;    
		scale: 1.2;
    margin-top: 30px;
	}
	
	/* Video section */
	.video-heading{
		margin: 70px 72px 25px !important;
	}

	.video-img{
		max-width: 100%;
		width: 75%;
		margin: 0 auto;
	}
	
	.video-section{
		padding: 0;
	}
	
	/* Success section */
	.success-heading{
		margin-top: 39px !important;
		margin-bottom: 80px !important;
	}

	.success-columns{
		margin: 0 auto;
		display: flex !important;
		flex-direction: column;
		align-items: center !important;
		justify-content: center;
		gap: 75.48px;
	}

	.success-column{
		border-radius: 14.02px;
		box-shadow: 0px 2.55px 8.41px 0px #00000040;
		padding: 55px 22.77px 25.54px 23.44px;
		width: 75%;
	}
	
	.review-img{
		top: -15%;
    width: 75px;
    height: 75px;
	}

	.review-text{
		font-size: 9.67px !important;
		line-height: 14.5px;
	}

	.review-customer{
		font-size: 9.94px !important;
		line-height: 14.91px;
	}

	.review-highlight{
		font-size: 11.36px !important;
		line-height: 17.04px;
	}

	.review-highlight-red{
		font-size: 12.78px !important;
		line-height: 19.17px;
	}
	
	/* Comparison section */
	.comparison-heading{
		margin-top: 31px !important;
		margin-bottom: 46px !important;
	}

	.comparison-products{
		gap: 19.31px;
		margin: 0 25px;
	}

	.comparison-section .comparison-products .comparison-product{
		flex-basis: 107px !important;
		flex-grow: 0;
		height: 39px;
		border-radius: 7.47px;
		box-shadow: 0px 1.4px 4.48px 0px #00000040;
	}

	.comparison-product p{
		font-size: 12.87px !important;
		font-weight: 500;
		line-height: 19.31px;
	}

	.comparison-table{
		max-width: 100%;
		box-shadow: 0px 0px 5.75px 0px #00000040;
		border-radius: 16.34px;
		margin: 42px 31px 31px;
		padding-top: 0;
		padding-right: 0;
	}

	.vyapar-table-heading{
		display: none;
	}

	.comparison-table th{
		font-size: 13.7px !important;
		line-height: 20.56px;
	}

	.comparison-table td{
		border-top: 1.58px solid #F1ACB64A !important;
		font-size: 12.9px;
		line-height: 14.07px;
	}
	
	
	.comparison-table td img{
		width: 26.35px;
		height: 26.35px;
	}


	.comparison-table td:nth-child(3),
	.comparison-table th:nth-child(3) {
		border-left: none !important;
		border-right: none !important;
		background-color: #FFF;
	}

	.comparison-table th:nth-child(3) {
		border-top: none !important;
	}

	.comparison-table tr:last-child td:nth-child(3){
		border-bottom: none !important;
	}
	
	.comparison-table th:not(:last-child), td:not(:last-child){
		border-right: 0.98px solid #E2E2E2 !important;
	}
	
	/* Why choose Vyapar */
	.reasons-heading{
		margin-top: 0;
		margin-bottom: 48px !important;
	}

	.reason-text{
		font-size: 18.24px !important;
		line-height: 35.95px;
	}

	.reason-desc{
		font-size: 12.88px !important;
		line-height: 22.53px;
	}
	
	.reason-img{
		max-width: 100%;
	}
	
	/* Recommended by */
	.recommended-container{
		min-height: 808px;
		padding: 45px 0 77.88px;
	}

	.recommended-heading{
		margin: 0 12px 66px !important;
	}

	.recommended-columns{
		margin: 0 auto;
	}
	
	.industry-img{
		width: 225px;
		text-align: center;
	}

	.industry-rating-img{
		width: 154px;
		height: 28px;
	}

	.recommended-rating{
		font-size: 21.79px !important;
		line-height: 30.41px;
	}
	
	/* Flexible plans */
	.flexible-plans-container{
		max-width: 100%;
		width: 80%;
		border-radius: 14.39px;
		margin: 0 auto 38px;
		box-shadow: 0px 0.29px 3.96px 0px #00000040;
	}
	
	.flexible-section-heading{
		margin-top: 0 !important;
	}

	.flexible-plans-container .section-heading{
		margin-bottom: 30px;
	}

	.flexible-plans-heading{
		border-top-left-radius: 14.39px;
		border-top-right-radius: 14.39px;
		font-size: 14.62px !important;
		line-height: 21.94px;
		padding: 7px 0 !important;
	}

	.flexible-plans-columns{
		margin: 19.61px auto 14.75px;
		flex-wrap: nowrap !important;
	}
	
	.price-column:first-child{
		border-right: 0.5px solid #C4C4C4;
   }

	.flexible-plan-price{
		font-size: 14.3px !important;
		line-height: 21.45px;
		margin-bottom: 5px;
	}

	.flexible-plan-price span{
		font-size: 12.19px !important;
		line-height: 18.28px;
	}

	.original-price{
		font-size: 7.8px !important;
		line-height: 11.7px;
		padding: 0;
		margin-bottom: 2.5px;
	}
	
	.flexible-plans-container .visit-pricing-btn{
		margin-bottom: 15px;
	}

	.visit-pricing-btn a{
		width: 143px;
		height: 26px;
		border-radius: 10.66px;
		font-family: Poppins;
		font-size: 11px;
		line-height: 16.5px;
		padding: 12px 5px;
	}

	.mega-offer{
		position: absolute;
		top: -6px;
		right: -40px;
		z-index: 1;
	}
	
	.mega-offer img{
		width: 104.91px !important;
		height: 51.49px !important;
	}
}