/* DR1055 Popup Alerts2 Starter CSS */
.dr1055popupalerts2 {
	position: fixed;
	left: 24px;
	bottom: 24px;
	width: 400px;
	max-width: calc(100vw - 32px);
	opacity: 0;
	visibility: hidden;
	transform: translateX(-120%);
	transition: all .7s cubic-bezier(.2, 1, .3, 1);
	z-index: 999999;
	font-family: Poppins, sans-serif
}

.dr1055popupalerts2.show {
	opacity: 1;
	visibility: visible;
	transform: translateX(0)
}

.dr1055popupalerts2-card {
	position: relative;
	overflow: hidden;
	padding: 28px;
	border-radius: 24px;
	background: linear-gradient(145deg, rgba(255, 255, 255, .96),
		rgba(255, 255, 255, .84));
	border: 1px solid rgba(255, 255, 255, .6);
	box-shadow: 0 30px 70px rgba(0, 0, 0, .2);
	backdrop-filter: blur(18px)
}

.dr1055popupalerts2-card:after {
	content: '';
	position: absolute;
	top: 0;
	left: -180px;
	width: 120px;
	height: 100%;
	background: rgba(255, 255, 255, .35);
	transform: skewX(-25deg);
	animation: dr1055shine 5s infinite
}

@
keyframes dr1055shine { 0%{
	left: -180px
}

60
%
,
100
%
{
left
:
520px
}
}
.dr1055popupalerts2-ribbon {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 999px;
	background: linear-gradient(90deg, #ff512f, #dd2476);
	color: #fff;
	font-weight: 700
}

.dr1055popupalerts2 h2 {
	font-size: 28px;
	margin: 16px 0 10px
}

.dr1055popupalerts2 p {
	line-height: 1.7
}

.dr1055popupalerts2-progress {
	height: 12px;
	border-radius: 999px;
	background: #e9eef5;
	overflow: hidden;
	margin: 18px 0
}

.dr1055popupalerts2-progress span {
	display: block;
	height: 100%;
	width: 82%;
	background: linear-gradient(90deg, #ff7a18, #ffd200)
}

.dr1055popupalerts2 .whatsapp {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 18px;
	padding: 15px 20px;
	border-radius: 999px;
	text-decoration: none;
	background: linear-gradient(135deg, #25D366, #0aa84f);
	color: #fff;
	font-weight: 700
}

@media ( max-width :768px) {
	.dr1055popupalerts2 {
		left: 12px;
		right: 12px;
		bottom: 12px;
		width: auto;
		max-width: none
	}
	.dr1055popupalerts2-card {
		padding: 20px
	}
	.dr1055popupalerts2 h2 {
		font-size: 22px
	}
}

/* Corrections */
.dr1055popupalerts2 h2 {
	color: #1f2937;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
	margin: 16px 0 10px;
}

.dr1055popupalerts2 p {
	color: #4b5563;
	font-size: 15px;
	line-height: 1.7;
	margin: 0 0 16px;
}

.dr1055popupalerts2 strong {
	color: #111827
}

.dr1055popupalerts2-close {
	position: absolute;
	top: 14px;
	right: 16px;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	color: #555;
	font-size: 24px;
}

.dr1055popupalerts2-close:hover {
	background: #f3f4f6;
	color: #111
}

.dr1055popupalerts2 .whatsapp:hover {
	filter: brightness(1.05);
	transform: translateY(-2px);
	transition: .3s;
}