:root{
    --primary-color:#2563eb;
    --secondary-color:#1e40af;
    --accent-color:#3b82f6;
    --success-color:#10b981;
    --warning-color:#f59e0b;
    --error-color:#ef4444;
    --text-primary:#1f2937;
    --text-secondary:#6b7280;
    --text-light:#9ca3af;
    --bg-primary:#ffffff;
    --bg-secondary:#f8fafc;
    --bg-dark:#0f172a;
    --shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1);
    --shadow-glow:0 0 20px rgba(37, 99, 235, 0.3);
    --border-radius:12px;
    --border-radius-lg:16px;
    --transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.tab_flex{justify-content:space-between;font-family:"SN Pro", sans-serif;font-weight:400;font-style:normal;}
.vit_offer{margin-bottom:20px;width:24%;padding:15px;border-radius:15px;border:1px solid #c0dbff;background:#fff;box-shadow:0px 5px 5px 5px rgba(0, 0, 0, .1);
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(#ffffff), color-stop(#f0f7ff), color-stop(#e8f2ff), to(#deecff));
background: linear-gradient(to bottom, #ffffff, #ffffff, #f0f7ff, #e8f2ff, #deecff);
}
.des{display:flex;justify-content:center;}
.inf_number strong{color:#0054BC;font-size:18px;line-height:18px;}
.inf_text{margin-right:7px;}
.offer_a_text a{text-decoration:underline;}
.offer_a_text,.offer_p_text{text-align:center;line-height:normal;}
.offer_a_text,.offer_p_text,.offer_inf{margin-bottom:10px;}
.offer_img{width:80%;margin:auto;}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 0;border-radius:var(--border-radius);font-weight:600;font-size:14px;line-height:normal;width:100%;text-decoration:none;border:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:0.5px;transform:translateY(0px) scale(1);animation:pulse-glow 2s infinite;}
.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left 0.6s;}
.btn:hover::before{left:100%;}
.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255, 255, 255, 0.2);transition:all 0.6s;transform:translate(-50%, -50%);}
.btn:active::after{width:300px;height:300px;}
.primary-button{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:white;box-shadow:0 4px 6px rgba(37, 99, 235, 0.2), 0 2px 4px rgba(37, 99, 235, 0.1);border:1px solid rgba(37, 99, 235, 0.3);}
.primary-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:   0 8px 25px rgba(37, 99, 235, 0.3),    0 4px 10px rgba(37, 99, 235, 0.2),    0 0 20px rgba(37, 99, 235, 0.2);background:linear-gradient(135deg, #1d4ed8, #1e40af);}
.primary-button:active{transform:translateY(-1px) scale(1.02);}

.bgr_color{background:#f0f7ff;}

@keyframes pulse-glow{
	0%, 100%{
		box-shadow:var(--shadow-md), 0 0 0 0 rgba(37, 99, 235, 0.4);
	}
	50%{
		box-shadow:var(--shadow-md), 0 0 0 10px rgba(37, 99, 235, 0);
	}
}
@media (max-width:900px){
.vit_offer{width:32%;}
}
@media (max-width:768px){
.vit_offer{width:48%;}
}
@media (max-width:480px){
	.vit_offer{padding:10px;width:49%;margin-bottom:10px;box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .1);}
	.inf_number strong{font-size:16px;}
}