/************************************Start******************************************/
.up_card {
	background-repeat:no-repeat;
	background-size:cover;
	color: #fff;
	margin-top:100px;
}
.up_card   .overlay {
	padding: 60px 0;
}
.up_card :is(h2,h3) {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.pricing-card {
	background: rgba(46, 46, 46, 0.86);
	border-radius: 10px;
	padding: 30px 20px;
	margin-bottom: 0px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.4);
	height: 100%;
	position: relative;
	border: 1px solid gray;
	margin-top:20px;
}
.pricing-card h5 {
	font-size: 18px;
	font-weight: bold;
}
.price {
	font-size: 26px;
	font-weight: bold;
	color: #32b9ea;
	margin: 15px 0;
}
.btn-register {
	background: rgb(27, 189, 156);
	color: #fff;
	padding: 12px;
	border-radius: 6px;
	margin-top: 15px;
	font-weight: bold;
	font-size:16px;
	transition: 0.3s;
	border: 2px solid rgb(27, 189, 156);
	position: relative;
}
.btn-register:hover {
	background: transparent;
	border: 2px solid rgb(27, 189, 156);
}
.btn-register::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	width: 100%;
	height: 1px;
	background: #ccc; /* gray line */
}
.up_card :is(ul,ol) {
	list-style: none;
	padding: 0;

	margin-top: 50px;
}
.up_card .price p{
	font-size:26px;
}
.up_card :is(ul,ol) li {
	margin-bottom: 10px;
	text-align:left;
	font-size:16px;
	position: relative;
}
.up_card :is(ul,ol) li::before {
	content: url('./images/arrow.svg'); /* apna arrow icon */
	position: absolute;
	left: 0;
	top: 2px; /* thoda adjust for alignment */
	width: 16px;
	height: 16px;
}
.pricing_sec_heading h2 {
	text-align: center;
	font-size: 139px;
	font-weight: 900;
	z-index: 2;
	text-transform: uppercase;
	position: relative;
	-webkit-text-stroke: 2px #fff;
	font-family: var(--secondary);
	line-height: 1;
	margin-bottom: -100px;
}
.up_card .overlay::before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000000ab;
	content: "";
	z-index: 0;
}
.up_card .overlay {
	position: relative;
}
.up_card .overlay * {
	z-index: 1;
	position: relative;
}

@media (max-width: 767.98px){

	.pricing-card.text-center p {
		text-align: start;
	}
	.row.justify-content-center.py-5 {
		gap: 20px;
	}
	.pricing-card.text-center h5 {
		text-align: start;
	}
	.price {
		text-align: start;
	}
	.pricing_sec_heading h2 {
		font-size: 50px;
	}
}

/***********************************end********************************************/
.pricing-details li{
	list-style: none;
    font-size: 17px;
    text-align: start;
}
.up_card .overlay .pricing_sec_heading{
	text-align: center;
}
.up_card .overlay .pricing_sec_heading p{
	    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
.pricing-details li{
	    display: flex;
    align-items: center;
    gap: 5px;
}
.pricing-details li img{
	width: 28px;
}
.pricing-details li p{
	margin-bottom: 0px;
    font-size: 15px;
}