.pricing-section{
	padding:90px 0;
}

.pricing-card{
	border-radius:18px;
	background:#f1f5fb;
	padding:15px 15px;
	//height:100%;
	position:relative;
	box-shadow:0 10px 30px rgba(0,0,0,.06);
	border:1px solid #e0e0e0;
}

.pricing-card h5{
	font-weight:700;
	margin-bottom:10px;
	font-size: 1rem;
}

.price{
	font-size:35px;
	font-weight:800;
	color:black!important;
}
.price span{
	font-size:16px;
	font-weight:500;
	color:#64748b;
}

.pricing-desc{
	font-size:14px;
	color:#64748b;
	margin:20px 0;
}

.btn-package{
	background:#d12727;
	color:#fff;
	padding:12px;
	border-radius:10px;
	font-weight:600;
}
.btn-package:hover{opacity:.9}

.included-box{
	background:#fff;
	border-radius:14px;
	padding:15px;
	margin-top:30px;
	cursor:pointer;
}
.included-box ul{
	list-style:none;
	padding:0;margin:0;
}
.included-box li{
	margin-bottom:10px;
	color:#475569;
	font-size:13px;
}
.included-box li::before{
	content:"✓";
	color:green;
	font-weight:800;
	margin-right:5px;
	font-size: 15px;
}

.included-boxs li::before{
	content:"✓";
	color:white;
}

.featured{
	background:linear-gradient(180deg,#ff4d6d,#6d28d9);
	color:#fff;
	transform:scale(1.05);
}
.featured .price span,
.featured .pricing-desc,
.featured li{
	color:#f1f5f9;
}
.featured .included-box{
	background:rgba(255,255,255,.15);
}
.featured .btn-package{
	background:#d12727;
}

.badge-best{
	position:absolute;
	top:0;right:62px;
	background:#2563eb;
	color:#fff;
	padding:6px 14px;
	font-size:12px;
	border-bottom-left-radius:10px;
	border-top-right-radius:18px;
}
.badge-off{
	position:absolute;
	top:15px;right:15px;
	background:#fde047;
	color:#000;
	font-size:12px;
	font-weight:700;
	padding:4px 12px;
	border-radius:20px;
}

@media(max-width:991px){
	.featured{transform:none}
}
@media(max-width:768px){
	.hero h1{font-size:22px;line-height: 30px;}
}

.basic_get_started {
	display: flex !important;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #111827 !important;
	background: none !important;
	border-radius: 100px !important;
	background: linear-gradient(white, white) padding-box, linear-gradient(270.16deg, #FF494E 6.09%, #F29DFF 33.74%, #0077FF 98.24%) border-box !important;
	border: 5px solid transparent !important;
}
	


/* BUTTON STYLE */
.btnn{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px 18px;
	border-radius: 14px;

	
	color: #fff;
	text-align: center;

	font-size: clamp(17px, 2.4vw, 20px);
	font-weight: 700;
	line-height: 1.35;

	box-shadow:
		0 10px 25px rgba(0, 0, 0, 0.35),
		inset 0 0 0 1px rgba(255, 255, 255, 0.15);

	cursor: pointer;
	user-select: none;
    background-image: linear-gradient(
        60deg,
        #d12727,
        #d12727,
        #d12727,
        #d12727,
        #ffffff,
        #d12727,
        #d12727,
        #d12727,
        #d12727
    ) !important;

    background-size:300% 300%;
    animation:
        animatedgradient 3s ease infinite alternate,
        vibrateLR 1s ease-in-out infinite;
}

/* Gradient Animation */
@keyframes animatedgradient {
    0% { background-position:0% 50%; }
    50% { background-position:100% 50%; }
    100% { background-position:0% 50%; }
}

/* Left–Right Vibration */
@keyframes vibrateLR {
    0%   { transform:translateX(0); }
    20%  { transform:translateX(-2px); }
    40%  { transform:translateX(2px); }
    60%  { transform:translateX(-2px); }
    80%  { transform:translateX(2px); }
    100% { transform:translateX(0); }
}

.feature-icon {
    flex-shrink: 0;
    font-size: 20px;
    color: #22c55e;
    margin-top: 2px;
}

.minusIcon {
    color: #ef4444;
}

.custom-popover { 
	  --bs-popover-bg: #ffffff;              
	  --bs-popover-color: #1f2937;          
	  --bs-popover-border-color: #e5e7eb;   
	  --bs-popover-border-radius: 14px;
	  --bs-popover-box-shadow: 0 12px 35px rgba(0,0,0,0.12);
	  --bs-popover-max-width: 340px;
	}

	.custom-popover .popover-header {
	  background: linear-gradient(135deg, #fff7ed, #ffedd5);
	  color: #9a3412;
	  font-weight: 600;
	  font-size: 15px;
	  border-bottom: 1px solid #fed7aa;
	  padding: 12px 16px;
	  border-top-left-radius: 14px;
	  border-top-right-radius: 14px;
	}

	.custom-popover .popover-body {
	  font-size: 14px;
	  line-height: 1.65;
	  padding: 14px 16px;
	  color: #374151;
	}

	.custom-popover .popover-body ul {
	  padding-left: 18px;
	  margin: 0;
	}
	.custom-popover .popover-body li {
	  margin-bottom: 6px;
	}

	.custom-popover.bs-popover-end .popover-arrow::before {
	  border-right-color: #ffffff;
	}
	.custom-popover.bs-popover-start .popover-arrow::before {
	  border-left-color: #ffffff;
	}
	.custom-popover.bs-popover-top .popover-arrow::before {
	  border-top-color: #ffffff;
	}
	.custom-popover.bs-popover-bottom .popover-arrow::before {
	  border-bottom-color: #ffffff;
	}

	.popover {
	  animation: wiblivFadeUp 0.25s ease;
	}

