/* ============================================================
	   WINLOO table-design popup (Get Subscription modal content).
	   Scoped entirely under .winloo-* classes, so it doesn't collide
	   with any of the .wbs-* rules elsewhere in this file.
	   ============================================================ */
	.winloo-container {
max-width: 1050px;
width: 100%;
margin: 0 auto;
background: #ffffff;
border-radius: 24px;
padding: 35px;
font-family: 'Poppins', sans-serif;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
position: relative;
	}

	.winloo-header {
text-align: center;
margin-bottom: 30px;
	}
	.winloo-logo {
font-size: 2.8rem;
font-weight: 900;
color: #0c1838;
letter-spacing: -1px;
	}
	.winloo-logo span {
color: #ff5000;
	}
	.winloo-tagline {
font-size: 1.25rem;
font-weight: 700;
color: #0c1838;
margin-top: -5px;
	}
	.winloo-tagline span:nth-child(1) { color: #ff5000; }
	.winloo-tagline span:nth-child(2) { color: #0052d4; }
	.winloo-tagline span:nth-child(3) { color: #8e2de2; }

	.winloo-subtext {
font-size: 0.85rem;
color: #64748b;
margin-top: 5px;
	}
	.winloo-dots-divider {
display: flex;
justify-content: center;
gap: 6px;
margin-top: 12px;
	}
	.winloo-dots-divider span {
width: 8px;
height: 8px;
border-radius: 50%;
	}

	.winloo-table-wrapper {
width: 100%;
border-radius: 16px;
overflow: hidden;
background: #ffffff;
border: 1px solid #e2e8f0;
margin-bottom: 25px;
	}

	.winloo-table-header {
display: grid;
grid-template-columns: 1.8fr 1.3fr 1.3fr 1.3fr 1.3fr 1fr;
background: #060e26;
color: #ffffff;
padding: 14px 20px;
font-size: 0.8rem;
font-weight: 700;
align-items: center;
letter-spacing: 0.5px;
	}
	.winloo-table-header small {
font-size: 0.65rem;
color: #94a3b8;
display: block;
margin-top: 2px;
	}

	.winloo-row {
display: grid;
grid-template-columns: 1.8fr 1.3fr 1.3fr 1.3fr 1.3fr 1fr;
padding: 12px 20px;
align-items: center;
background: #f8fafc;
border-bottom: 1px solid #e2e8f0;
margin-bottom: 8px;
border-radius: 50px;
margin: 8px 10px;
transition: transform 0.2s, box-shadow 0.2s;
	}
	.winloo-row:hover {
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
background: #ffffff;
	}

	.winloo-plan-pill {
display: inline-flex;
align-items: center;
padding: 6px 18px 6px 8px;
border-radius: 30px;
color: #ffffff;
font-weight: 700;
font-size: 0.85rem;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	}
	.winloo-plan-pill .pill-icon {
background: rgba(255, 255, 255, 0.25);
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
font-size: 0.8rem;
	}

	.col-price {
font-size: 1.25rem;
font-weight: 800;
	}
	.col-leads, .col-validity, .col-features {
font-size: 0.85rem;
color: #1e293b;
display: flex;
align-items: center;
gap: 8px;
	}
	.col-leads i, .col-validity i, .col-features i {
font-size: 1.1rem;
	}

	.winloo-btn-buy {
display: inline-block;
color: #ffffff;
text-decoration: none;
padding: 8px 18px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 700;
text-align: center;
transition: opacity 0.2s;
	}
	.winloo-btn-buy:hover {
opacity: 0.9;
	}

	.winloo-trust-bar {
display: grid;
grid-template-columns: repeat(4, 1fr);
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 15px 20px;
margin-bottom: 25px;
	}
	.trust-item {
display: flex;
align-items: center;
gap: 12px;
	}
	.trust-item i {
font-size: 1.5rem;
	}
	.trust-item strong {
display: block;
font-size: 0.8rem;
color: #0f172a;
	}
	.trust-item small {
font-size: 0.7rem;
color: #64748b;
	}

	.winloo-bottom-cta {
display: flex;
justify-content: center;
align-items: center;
position: relative;
	}
	.winloo-btn-launch {
background: linear-gradient(90deg, #ff5000, #ff1971);
color: #ffffff;
border: none;
padding: 12px 35px;
font-size: 1rem;
font-weight: 800;
border-radius: 30px;
cursor: pointer;
box-shadow: 0 4px 15px rgba(255, 80, 0, 0.3);
letter-spacing: 0.5px;
	}
	.winloo-note {
font-size: 0.75rem;
color: #ff1971;
font-weight: 600;
	}

	@media (max-width: 850px) {
.winloo-table-header {
	display: none;
}
.winloo-row {
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	border-radius: 16px;
	padding: 15px;
}
.col-plan, .col-action {
	grid-column: span 2;
}
.winloo-trust-bar {
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}
.winloo-bottom-cta {
	flex-direction: column;
	gap: 10px;
}
	}

	/* ============================================================
	   FINAL client-approved WINLOO pricing table design.
	   All classes scoped under .winloo-final-* to avoid any collision
	   with the earlier .winloo-* draft above (now unused/dead CSS —
	   left in place rather than risk breaking something by deleting it).
	   ============================================================ */
	.winloo-final-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
    padding: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

	.winloo-dots-left, .winloo-dots-right {
position: absolute;
top: 8px;
width: 65px;
height: 48px;
background-image: radial-gradient(#d1d5db 2.5px, transparent 2.5px);
background-size: 13px 13px;
	}
	.winloo-dots-left { left: 6px; }
	.winloo-dots-right { right: 30px; }

	.winloo-final-logo {
font-size: 46px;
font-weight: 800;
color: #0c2356;
letter-spacing: 0.5px;
	}
	.winloo-final-logo span { color: #ff5500; }

	.winloo-final-tagline {
font-size: 28px;
font-weight: 700;
color: #111;
margin: 5px 0 12px 0;
	}
	.winloo-final-tagline .wc1 { color: #ff5500; }
	.winloo-final-tagline .wc2 { color: #0055ff; }
	.winloo-final-tagline .wc3 { color: #7700cc; }

	.winloo-final-subtagline {
font-size: 15px;
color: #555;
margin-bottom: 25px;
	}

	.winloo-final-indicators {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-bottom: 35px;
	}
	.winloo-final-indicators span {
width: 8px;
height: 8px;
border-radius: 50%;
background: #ccc;
	}
	.winloo-final-indicators .winloo-final-line { width: 35px; height: 4px; border-radius: 4px; background: #3b5998; }
	.winloo-final-indicators span:nth-child(2) { background: #ff5500; }
	.winloo-final-indicators span:nth-child(3) { background: #009944; }
	.winloo-final-indicators span:nth-child(4) { background: #0077ff; }
	.winloo-final-indicators span:nth-child(5) { background: #9933ff; }

	.winloo-final-table-container {
overflow-x: auto;
	}

	.winloo-final-pricing-table {
width: 100%;
border-collapse: separate;
/*border-spacing: 0 14px;*/
margin-bottom: 7px;
	}

	.winloo-final-table-header {
background-color: #06153b;
color: white;
	}
	.winloo-final-table-header th {
padding: 12px 10px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
    color: #fff !important;
	}
	.winloo-final-table-header th i {
margin-right: 6px;
font-size: 14px;
	}
	.winloo-final-table-header th:first-child { border-radius: 10px 0 0 10px; padding-left: 25px; }
	.winloo-final-table-header th:last-child { border-radius: 0 12px 12px 0; padding-right: 25px; }
	.winloo-final-table-header th:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, 0.15);
	}

	.winloo-final-row td {
padding: 14px 10px;
background: #f8faff;
border-top: 1px solid #eef2f9;
border-bottom: 1px solid #eef2f9;
font-size: 15px;
color: #222;
font-weight: 600;
text-align: left;
	}
	.winloo-final-row td:first-child {
border-radius: 35px 0 0 35px;
padding-left: 0;
border-left: 1px solid #eef2f9;
width: 22%;
	}
	.winloo-final-row td:last-child {
border-radius: 0 35px 35px 0;
padding-right: 25px;
border-right: 1px solid #eef2f9;
width: 32%;
	}
	.winloo-final-row td:not(:last-child) {
border-right: 1px dashed #e2e8f0;
	}

	.winloo-final-plan-badge {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 20px;
border-radius: 35px;
color: white;
font-weight: 700;
font-size: 14px;
height: 56px;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
	}
	.winloo-final-icon-circle {
background: white;
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
	}

	.winloo-final-row.row-base .winloo-final-plan-badge { background: linear-gradient(135deg, #ff9900, #ff5500); }
	.winloo-final-row.row-base .winloo-final-icon-circle { color: #ff5500; }
	.winloo-final-row.row-base .winloo-final-price,
	.winloo-final-row.row-base .winloo-final-item-ic,
	.winloo-final-row.row-base .winloo-final-feature-left i { color: #ff5500; }
	.winloo-final-row.row-base .winloo-final-buy-btn { background: linear-gradient(135deg, #ff9900, #ff5500); }

	.winloo-final-row.row-starter .winloo-final-plan-badge { background: linear-gradient(135deg, #00bb55, #007733); }
	.winloo-final-row.row-starter .winloo-final-icon-circle { color: #009944; }
	.winloo-final-row.row-starter .winloo-final-price,
	.winloo-final-row.row-starter .winloo-final-item-ic,
	.winloo-final-row.row-starter .winloo-final-feature-left i { color: #009944; }
	.winloo-final-row.row-starter .winloo-final-buy-btn { background: linear-gradient(135deg, #00bb55, #007733); }

	.winloo-final-row.row-grow .winloo-final-plan-badge { background: linear-gradient(135deg, #3388ff, #0044cc); }
	.winloo-final-row.row-grow .winloo-final-icon-circle { color: #0055ff; }
	.winloo-final-row.row-grow .winloo-final-price,
	.winloo-final-row.row-grow .winloo-final-item-ic,
	.winloo-final-row.row-grow .winloo-final-feature-left i { color: #0055ff; }
	.winloo-final-row.row-grow .winloo-final-buy-btn { background: linear-gradient(135deg, #3388ff, #0044cc); }

	.winloo-final-row.row-plus .winloo-final-plan-badge { background: linear-gradient(135deg, #a64dff, #550099); }
	.winloo-final-row.row-plus .winloo-final-icon-circle { color: #7700cc; }
	.winloo-final-row.row-plus .winloo-final-price,
	.winloo-final-row.row-plus .winloo-final-item-ic,
	.winloo-final-row.row-plus .winloo-final-feature-left i { color: #7700cc; }
	.winloo-final-row.row-plus .winloo-final-buy-btn { background: linear-gradient(135deg, #a64dff, #550099); }

	.winloo-final-row.row-prime .winloo-final-plan-badge { background: linear-gradient(135deg, #ff4499, #cc0052); }
	.winloo-final-row.row-prime .winloo-final-icon-circle { color: #ff0066; }
	.winloo-final-row.row-prime .winloo-final-price,
	.winloo-final-row.row-prime .winloo-final-item-ic,
	.winloo-final-row.row-prime .winloo-final-feature-left i { color: #ff0066; }
	.winloo-final-row.row-prime .winloo-final-buy-btn { background: linear-gradient(135deg, #ff4499, #cc0052); }

	.winloo-final-price {
font-size: 20px;
font-weight: 700;
padding-left: 25px !important;
	}

	.winloo-final-cell-content {
display: flex;
align-items: center;
gap: 12px;
padding-left: 15px;
	}
	.winloo-final-cell-content .winloo-final-item-ic {
font-size: 18px;
	}
	.winloo-final-cell-content span {
font-weight: 600;
color: #111;
	}
	.winloo-final-cell-content span em {
font-style: normal;
font-weight: 400;
font-size: 13.5px;
color: #666;
margin-left: 3px;
	}

	.winloo-final-feature-container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding-left: 10px;
	}
	.winloo-final-feature-left {
display: flex;
align-items: center;
gap: 10px;
	}
	.winloo-final-feature-container i {
font-size: 20px;
	}
	.winloo-final-feature-text {
font-size: 13px;
color: #333;
line-height: 1.3;
font-weight: 500;
	}
	.winloo-final-feature-text strong {
font-weight: 700;
color: #111;
	}

	.winloo-final-buy-btn {
display: inline-block;
padding: 7px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: 700;
color: white !important;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: transform 0.2s, opacity 0.2s;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
white-space: nowrap;
	}
	.winloo-final-buy-btn:hover {
transform: scale(1.04);
opacity: 0.95;
	}

	.winloo-final-bottom-features {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
padding-top: 25px;
border-top: 1px solid #eee;
text-align: left;
	}
	.winloo-final-b-feat-item {
display: flex;
align-items: flex-start;
gap: 12px;
	}
	.winloo-final-b-feat-item i {
font-size: 26px;
	}
	.winloo-final-b-feat-item.f1 i { color: #008844; }
	.winloo-final-b-feat-item.f2 i { color: #0055ff; }
	.winloo-final-b-feat-item.f3 i { color: #ff5500; }
	.winloo-final-b-feat-item.f4 i { color: #7700cc; }

	.winloo-final-b-feat-text h4 {
font-size: 14px;
font-weight: 700;
color: #111;
margin-bottom: 2px;
	}
	.winloo-final-b-feat-text p {
font-size: 11.5px;
color: #666;
line-height: 1.4;
	}

	/*.winloo-final-footer-action {*/
	/*	margin-top: 40px;*/
	/*	display: flex;*/
	/*	flex-direction: column;*/
	/*	align-items: center;*/
	/*	gap: 12px;*/
	/*}*/

	.winloo-final-launch-btn {
background: linear-gradient(90deg, #ff4400, #ff0055);
color: white;
font-weight: 700;
font-size: 16px;
padding: 13px 45px;
border-radius: 30px;
border: none;
cursor: pointer;
box-shadow: 0 6px 20px rgba(255, 40, 80, 0.3);
display: flex;
align-items: center;
gap: 10px;
	}

	.winloo-final-sparks {
display: flex;
align-items: center;
gap: 15px;
	}
	.winloo-final-spark { color: #ff5500; font-size: 14px; font-weight: bold; }

	.winloo-final-note {
font-size: 12.5px;
color: #666;
font-weight: 500;
    text-align: right !important;
	}
	.winloo-final-note span {
color: #ff0066;
font-weight: 700;
	}

	.winloo-final-tnc-toggle{
display:flex !important; align-items:center !important; gap:7px !important;
font-size:12.5px !important; color:#555 !important; font-weight:500 !important;
	}
	.winloo-final-tnc-toggle input[type="checkbox"]{
width:15px !important; height:15px !important; margin:0 !important; cursor:pointer !important;
	}
	.winloo-final-tnc-toggle a{
color:#0055ff !important; font-weight:600 !important; text-decoration:underline !important; cursor:pointer !important;
	}

	/* ---- Terms & Conditions nested modal ---- */
	.wbs-tnc-overlay{
position:fixed !important; inset:0 !important;
background:rgba(15,23,42,.75) !important;
display:none !important;
align-items:center !important; justify-content:center !important;
z-index:1000001 !important;
padding:20px !important;
	}
	.wbs-tnc-overlay.active{ display:flex !important; }
	.wbs-tnc-box{
position:relative !important;
width:100% !important; max-width:640px !important;
max-height:82vh !important; overflow-y:auto !important;
background:#fff !important; border-radius:16px !important;
padding:32px 30px !important;
box-shadow:0 25px 60px rgba(0,0,0,.35) !important;
text-align:left !important;
font-family:'Poppins', sans-serif !important;
	}
	.wbs-tnc-box h3{
margin:0 0 16px !important; font-size:19px !important; font-weight:800 !important; color:#0c2356 !important;
	}
	.wbs-tnc-box ol{
margin:0 !important; padding-left:20px !important;
	}
	.wbs-tnc-box ol li{
font-size:13.5px !important; line-height:22px !important; color:#333 !important; margin-bottom:12px !important;
	}
	.wbs-tnc-close{
position:absolute !important; top:14px !important; right:14px !important;
width:32px !important; height:32px !important;
border:none !important; border-radius:50% !important;
background:#f1f5f9 !important; color:#555 !important;
font-size:18px !important; line-height:1 !important; cursor:pointer !important;
	}
	.wbs-tnc-close:hover{ background:#e2e8f0 !important; }

	@media (max-width: 992px) {
.winloo-final-bottom-features { grid-template-columns: repeat(2, 1fr); }
	}
	@media (max-width: 768px) {
.winloo-final-pricing-table, .winloo-final-pricing-table th, .winloo-final-pricing-table td,
.winloo-final-pricing-table tr, .winloo-final-pricing-table tbody { display: block; width: 100% !important; }
.winloo-final-table-header { display: none; }
.winloo-final-row td {
	border: 1px solid #eef2f9 !important;
	border-radius: 12px !important;
	margin-bottom: 10px;
	padding: 15px !important;
}
.winloo-final-row td:first-child { padding-left: 15px !important; }
.winloo-final-feature-container { flex-direction: column; align-items: flex-start; gap: 10px; }
.winloo-final-buy-btn { width: 100%; text-align: center; }
.winloo-final-bottom-features { grid-template-columns: 1fr; }
	}

	.wbs-box { margin: 15px 0; padding: 15px 18px; border: 1px solid #e0d6f5; border-radius: 8px; background: #faf8ff; max-width: 480px; }
	.wbs-box p { margin: 4px 0; }
	.wbs-box .wbs-use-credit-btn { margin-top: 10px; }
	.wbs-plan-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
	.wbs-plan-btn { font-size: 13px !important; padding: 8px 14px !important; }
	.wbs-box.wbs-unlocked { background: #e9f9ee; border-color: #b6e6c4; }

	/* NOTE: .wbs-modal-overlay / .wbs-modal-box / .wbs-modal-close /
	   .wbs-plan-buttons / .wbs-plan-btn used to be defined THREE times
	   in this file with conflicting rules (different z-index, background
	   opacity, max-width, padding — last one always won, but it made the
	   CSS fragile and confusing). Cleaned up to a single definition below. */
.wbs-modal-overlay{

position:fixed;
inset:0;
background:rgba(0,0,0,.75);
display:none;
align-items:center;
justify-content:center;
z-index:999999;

}

.wbs-modal-overlay.active{

display:flex;

}

.wbs-modal-box{

width:100%;
max-width:1050px;
background:#fff;
border-radius:20px;
padding:35px;
position:relative;
box-shadow:0 25px 60px rgba(0,0,0,.25);

}

.wbs-modal-close {
    position: absolute;
   right: 31px;
    top: 14px;
    border: none;
    background: none;
    font-size: 34px;
    cursor: pointer;
    color: #eb8e69;
}

.wbs-modal-top{

text-align:center;
margin-bottom:30px;

}

.wbs-modal-top h2{

font-size:42px;
margin:0;
font-weight:800;
color:#0f172a;

}

.wbs-modal-top p{

font-size:18px;
margin-top:10px;
color:#666;

}

/* ===== WIN plan table (matches the WINLOO pricing-table reference design) ===== */
.wbs-plan-table{
	display:flex;
	flex-direction:column;
	gap:14px;
	margin-top:10px;
}

.wbs-plan-row{
	display:flex;
	align-items:center;
	gap:0;
	background:#fff;
	border:1px solid #eef0f4;
	border-radius:16px;
	box-shadow:0 6px 18px rgba(15,23,42,.06);
	overflow:hidden;
	transition:.25s;
}

.wbs-plan-row:hover{
	transform:translateY(-2px);
	box-shadow:0 12px 26px rgba(15,23,42,.12);
}

.wbs-plan-pill{
	flex:0 0 210px;
	display:flex;
	align-items:center;
	gap:10px;
	padding:14px 18px;
	margin:10px;
	border-radius:999px;
	color:#fff;
	font-weight:800;
	font-size:15px;
	letter-spacing:.3px;
	white-space:nowrap;
}

.wbs-plan-pill .wbs-pill-icon{
	width:34px;
	height:34px;
	border-radius:50%;
	background:rgba(255,255,255,.25);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:16px;
	flex-shrink:0;
}

.wbs-plan-cell{
	flex:1;
	padding:14px 12px;
	text-align:center;
	font-weight:700;
	color:#1e293b;
	font-size:17px;
}

.wbs-plan-cell.wbs-cell-price{
	font-size:19px;
}

.wbs-plan-cell small{
	display:block;
	font-weight:500;
	font-size:11.5px;
	color:#94a3b8;
	margin-top:2px;
}

.wbs-plan-cell .wbs-cell-icon{
	margin-right:6px;
}

.wbs-plan-cell-buy{
	flex:0 0 140px;
	padding:12px 16px;
	text-align:center;
}

.wbs-buy-btn{
	display:inline-block;
	padding:10px 22px;
	text-align:center;
	color:#fff!important;
	text-decoration:none;
	font-weight:700;
	border-radius:10px;
	font-size:14px;
	transition:.3s;
}

.wbs-buy-btn:hover{
	opacity:.9;
	transform:scale(1.03);
}

@media(max-width:820px){
	.wbs-plan-row{
flex-wrap:wrap;
justify-content:center;
padding:10px 0;
	}
	.wbs-plan-pill{
flex:1 1 100%;
justify-content:center;
margin:8px 14px 4px;
	}
	.wbs-plan-cell{
flex:1 1 33%;
font-size:15px;
	}
	.wbs-plan-cell-buy{
flex:1 1 100%;
padding:10px 14px 14px;
	}
}

.wbs-no-sub{
    position:relative;
    margin:18px 0;
}

.wbs-open-modal-btn{

width:100%;
display:flex;
align-items:center;
gap:15px;

padding:16px 20px!important;

background:linear-gradient(135deg,#ff9800,#ff5722)!important;

border:none!important;

border-radius:14px!important;

color:#fff!important;

font-size:18px!important;

font-weight:700;

cursor:pointer;

box-shadow:0 12px 25px rgba(255,87,34,.35);

transition:.35s;

animation:wbsPulse 1.5s infinite;

}

.wbs-open-modal-btn:hover{

transform:translateY(-3px);

box-shadow:0 18px 35px rgba(255,87,34,.45);

}

.wbs-btn-icon{

font-size:34px;

animation:wbsShake 2s infinite;

}

.wbs-btn-text{

display:flex;

flex-direction:column;

align-items:flex-start;

line-height:1.3;

}

.wbs-btn-text small{

font-size:13px;

opacity:.95;

font-weight:400;

}

.wbs-offer-badge{

position:absolute;

top:-55px;

right:12px;

background:#ff1744;

color:#fff;

padding:5px 12px;

font-size:11px;

font-weight:700;

border-radius:50px;

letter-spacing:1px;

animation:wbsBlink .9s infinite;

box-shadow:0 5px 12px rgba(255,23,68,.4);

}

@keyframes wbsPulse{

0%{transform:scale(1)}

50%{transform:scale(1.03)}

100%{transform:scale(1)}

}

@keyframes wbsBlink{

0%,100%{opacity:1}

50%{opacity:.2}

}

@keyframes wbsShake{

0%,100%{transform:rotate(0)}

20%{transform:rotate(-10deg)}

40%{transform:rotate(10deg)}

60%{transform:rotate(-10deg)}

80%{transform:rotate(10deg)}

}