:root {
--main: #5b57eb;
--accent: #f689e6;
--light: #ffffff;
--dark: #000000;
--heading: #1e1e1e;
--body: #525866;
--text: #525866;
--bodybg: #1e1e1e;
--btn-bgcolor: #f689e6;
--btn-bgcolor2: #5b57eb;
--btn-color: #ffffff;
--btn-color2: #5b57eb;
--btn-bgcolor3: #1e1e1e;
--font-size-sm: 14px;
--font-size-md: 15px;
--line-height-sm: 19.6px;
--input-background: #ffffff;
--background-item: #5b57eb;
--background-body: #ffffff;
--border-color: rgba(82, 88, 102, 0.2);
--full-fd: 70px;
--display: flex;
--container-max-width: 1340px;
}
@media (max-width: 767px) {
:root {
--line-height-sm: 16px;
}
} :root { --ysed-blue-main: #0047A1; --ysed-red-accent: #E53935; --ysed-purple-accent: #7B1FA2; --ysed-cyan-accent: #0288D1; --ysed-dark-body: #1E293B; --ysed-light-bg: #F8FAFC; --ysed-white: #FFFFFF; --ysed-font-main: 'Quicksand', sans-serif;
} body {
font-family: var(--ysed-font-main) !important;
color: var(--ysed-dark-body) !important;
font-size: 15px;
line-height: 1.5;
background-color: var(--ysed-white);
} h1, .hero-title {
font-family: var(--ysed-font-main);
font-weight: 700;
color: var(--ysed-blue-main) !important;
}
h2, .section-title {
font-family: var(--ysed-font-main);
font-weight: 700;
color: var(--ysed-purple-accent) !important;
} .btn-primary, .button-primary, .cta-button {
background-color: var(--ysed-red-accent) !important;
color: var(--ysed-white) !important;
border: none !important;
border-radius: 6px;
font-weight: 700;
padding: 12px 24px;
transition: background-color 0.3s ease;
}
.btn-primary:hover, .button-primary:hover {
background-color: var(--ysed-blue-main) !important;
}