/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 13 2025 | 08:51:17 */
:root{
	--green-600: #2e9d4a; /* border & icon */
	--green-100: #eaf9ec; /* background */
	--green-50:  #f6fdf7;
}
*{box-sizing:border-box}
/* body{
	font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	margin:0;
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	background: #fff;
	padding:24px;
} */

.wrap_success .alert {
	display:flex;
	align-items:center;
	gap:20px;
	max-width:980px;
	width:100%;
	border-radius:12px;
	border:2px solid var(--green-600);
	background: linear-gradient(180deg, var(--green-100), var(--green-50));
	padding:22px 28px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}

.wrap_success .alert__icon {
	flex:0 0 auto;
	width:56px;
	height:56px;
	border-radius:50%;
	background:var(--green-600);
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}

.wrap_success .alert__icon svg {
	width:28px;
	height:28px;
	display:block;
	fill: white;
}

.wrap_success .alert__text {
	font-size:20px;
	line-height:1.35;
	color:#163028; /* dark green/near-black for contrast */
	margin:0;
	font-weight:600;
}

/* responsive */
@media (max-width:520px){
	.wrap_success .alert{
		gap:14px;
		padding:16px;
	}
	.wrap_success .alert__icon{width:46px;height:46px}
	.wrap_success .alert__icon svg{width:22px;height:22px}
	.wrap_success .alert__text{font-size:16px}
}


/* Failed */
:root{
      --red-600: #d93025; /* border & icon */
      --red-100: #fdecea; /* background */
      --red-50:  #fff5f4;
    }
.wrap_failed .alert {
	display:flex;
	align-items:center;
	gap:20px;
	max-width:980px;
	width:100%;
	border-radius:12px;
	border:2px solid var(--red-600);
	background: linear-gradient(180deg, var(--red-100), var(--red-50));
	padding:22px 28px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}

.wrap_failed .alert__icon {
	flex:0 0 auto;
	width:56px;
	height:56px;
	border-radius:50%;
	background:var(--red-600);
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 1px 0 rgba(0,0,0,0.06);
}

.wrap_failed .alert__icon svg {
	width:28px;
	height:28px;
	fill:white;
}

.wrap_failed .alert__text {
	font-size:20px;
	line-height:1.35;
	color:#3a0b0b;
	margin:0;
	font-weight:600;
}

@media (max-width:520px){
	.wrap_failed .alert{
		gap:14px;
		padding:16px;
	}
	.wrap_failed .alert__icon{width:46px;height:46px}
	.wrap_failed .alert__icon svg{width:22px;height:22px}
	.wrap_failed .alert__text{font-size:16px}
}