* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

:root {
--color-primary: #d10000;
--color-dark: #595959;
--color-medium: #7f7f7f;
--color-light: #cccccc;
--color-pale: #f2f2f2;
--font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--transition: 0.3s;
}

body {
font-family: var(--font-base);
color: var(--color-dark);
line-height: 1.6;
background: #ffffff;
overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1.1;
margin-bottom: 1rem;
letter-spacing: -0.02em;
}

h1 {
font-size: clamp(2.8rem, 6vw, 5rem);
}

h2 {
font-size: clamp(2.2rem, 4.5vw, 3.5rem);
}

h3 {
font-size: clamp(1.4rem, 2.5vw, 1.9rem);
}

p {
margin-bottom: 1rem;
font-size: 1.05rem;
}

a {
text-decoration: none;
color: inherit;
transition: all var(--transition);
}

img {
max-width: 100%;
height: auto;
display: block;
}

.xel-layer-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
}

.xel-layer-nav {
background: #ffffff;
padding: 1.2rem 0;
position: sticky;
top: 0;
z-index: 1000;
border-bottom: 3px solid var(--color-primary);
}

.xel-layer-nav .xel-layer-container {
display: flex;
justify-content: space-between;
align-items: center;
}

.xel-layer-logo {
font-size: 2rem;
font-weight: 900;
color: var(--color-primary);
letter-spacing: -2px;
text-transform: uppercase;
}

.xel-layer-menu {
display: flex;
list-style: none;
gap: 3rem;
}

.xel-layer-menu a {
font-weight: 600;
color: var(--color-dark);
text-transform: uppercase;
font-size: 0.9rem;
letter-spacing: 0.5px;
}

.xel-layer-menu a:hover {
color: var(--color-primary);
}

.xel-layer-burger {
display: none;
flex-direction: column;
background: none;
border: none;
cursor: pointer;
padding: 0.5rem;
}

.xel-layer-burger span {
width: 30px;
height: 3px;
background: var(--color-primary);
margin: 4px 0;
transition: all var(--transition);
}

.xel-layer-burger.active span:nth-child(1) {
transform: rotate(45deg) translate(9px, 9px);
}

.xel-layer-burger.active span:nth-child(2) {
opacity: 0;
}

.xel-layer-burger.active span:nth-child(3) {
transform: rotate(-45deg) translate(8px, -8px);
}

.xel-layer-hero-asymmetric {
min-height: 90vh;
background: var(--color-dark);
position: relative;
overflow: hidden;
}

.xel-layer-hero-split {
display: grid;
grid-template-columns: 60% 40%;
min-height: 90vh;
}

.xel-layer-hero-content-side {
padding: 8rem 4rem;
display: flex;
flex-direction: column;
justify-content: center;
background: linear-gradient(135deg, var(--color-dark) 0%, #4a4a4a 100%);
position: relative;
z-index: 2;
}

.xel-layer-hero-content-side::before {
content: '';
position: absolute;
top: 0;
right: -50px;
width: 100px;
height: 100%;
background: inherit;
transform: skewX(-5deg);
z-index: -1;
}

.xel-layer-glitch-tag {
display: inline-block;
background: var(--color-primary);
color: #ffffff;
padding: 0.4rem 1.2rem;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2rem;
clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%);
}

.xel-layer-hero-content-side h1 {
color: #ffffff;
margin-bottom: 1.5rem;
text-shadow: 2px 2px 0 var(--color-primary);
}

.xel-layer-hero-content-side p {
color: var(--color-light);
font-size: 1.3rem;
margin-bottom: 3rem;
max-width: 600px;
}

.xel-layer-cta-tech {
display: inline-block;
background: var(--color-primary);
color: #ffffff;
padding: 1.2rem 3rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1rem;
clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
margin-right: 2rem;
margin-bottom: 1rem;
}

.xel-layer-cta-tech:hover {
background: #ffffff;
color: var(--color-primary);
}

.xel-layer-link-minimal {
color: #ffffff;
text-decoration: underline;
text-underline-offset: 4px;
font-weight: 600;
}

.xel-layer-link-minimal:hover {
color: var(--color-primary);
}

.xel-layer-hero-visual-side {
background: url('../media/e1hj1.webp') center/cover;
position: relative;
}

.xel-layer-hero-visual-side::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, var(--color-dark) 0%, transparent 50%);
}

.xel-layer-split-bg-cards {
padding: 7rem 0;
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, var(--color-pale) 50%, var(--color-pale) 100%);
}

.xel-layer-asymmetric-wrapper {
display: grid;
grid-template-columns: 30% 70%;
gap: 4rem;
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
align-items: start;
}

.xel-layer-narrow-side h2 {
color: var(--color-dark);
margin-bottom: 1.5rem;
}

.xel-layer-narrow-side p {
color: var(--color-medium);
}

.xel-layer-tech-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}

.xel-layer-tech-card {
background: #ffffff;
padding: 2.5rem 2rem;
border: 2px solid var(--color-pale);
position: relative;
transition: all var(--transition);
}

.xel-layer-tech-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 0;
background: var(--color-primary);
transition: height var(--transition);
}

.xel-layer-tech-card:hover::before {
height: 100%;
}

.xel-layer-tech-card:hover {
transform: translateX(10px);
box-shadow: -10px 0 30px rgba(209, 0, 0, 0.1);
}

.xel-layer-icon-hex {
width: 60px;
height: 60px;
background: var(--color-primary);
display: flex;
align-items: center;
justify-content: center;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
margin-bottom: 1.5rem;
}

.xel-layer-icon-hex i {
font-size: 1.8rem;
color: #ffffff;
}

.xel-layer-tech-card h3 {
color: var(--color-dark);
margin-bottom: 1rem;
}

.xel-layer-tech-card p {
color: var(--color-medium);
font-size: 0.95rem;
margin: 0;
}

.xel-layer-visual-text-grid {
padding: 7rem 0;
background: #ffffff;
}

.xel-layer-showcase-equal {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 5rem;
align-items: center;
}

.xel-layer-img-rounded-shadow {
border-radius: 20px;
box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.3);
}

.xel-layer-text-centered-block {
text-align: center;
}

.xel-layer-text-centered-block h2 {
margin-bottom: 2rem;
}

.xel-layer-text-centered-block p {
color: var(--color-medium);
margin-bottom: 1.5rem;
}

.xel-layer-overlap-gradient {
padding: 7rem 0;
background: linear-gradient(135deg, var(--color-primary) 0%, #a00000 50%, var(--color-dark) 100%);
position: relative;
}

.xel-layer-overlap-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
display: grid;
grid-template-columns: 40% 60%;
gap: 3rem;
align-items: center;
}

.xel-layer-stats-overlap {
display: flex;
flex-direction: column;
gap: 2rem;
}

.xel-layer-stat-brick {
background: rgba(255, 255, 255, 0.1);
padding: 2rem;
border: 2px solid rgba(255, 255, 255, 0.3);
display: flex;
flex-direction: column;
align-items: flex-end;
backdrop-filter: blur(10px);
}

.xel-layer-stat-big {
font-size: 4rem;
font-weight: 900;
color: #ffffff;
line-height: 1;
}

.xel-layer-stat-label {
color: rgba(255, 255, 255, 0.8);
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 0.5rem;
}

.xel-layer-content-overlap {
text-align: right;
}

.xel-layer-content-overlap h2 {
color: #ffffff;
margin-bottom: 2rem;
}

.xel-layer-content-overlap p {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 2rem;
font-size: 1.1rem;
}

.xel-layer-img-border-rect {
border: 5px solid #ffffff;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

.xel-layer-dark-alternating {
padding: 7rem 0;
background: var(--color-dark);
}

.xel-layer-centered-column {
max-width: 900px;
margin: 0 auto;
}

.xel-layer-alt-row {
display: grid;
grid-template-columns: 33% 66%;
gap: 3rem;
align-items: center;
margin-bottom: 4rem;
padding: 2.5rem;
background: rgba(255, 255, 255, 0.05);
border: 2px solid rgba(255, 255, 255, 0.1);
}

.xel-layer-alt-row.xel-layer-reverse {
grid-template-columns: 66% 33%;
direction: rtl;
}

.xel-layer-alt-row.xel-layer-reverse > * {
direction: ltr;
}

.xel-layer-circle-badge {
width: 100px;
height: 100px;
border-radius: 50%;
background: var(--color-primary);
display: flex;
align-items: center;
justify-content: center;
border: 5px solid rgba(255, 255, 255, 0.2);
margin: 0 auto;
}

.xel-layer-circle-badge i {
font-size: 2.5rem;
color: #ffffff;
}

.xel-layer-alt-text-right {
text-align: right;
}

.xel-layer-alt-text-right h3 {
color: #ffffff;
margin-bottom: 1rem;
}

.xel-layer-alt-text-right p {
color: var(--color-light);
margin: 0;
}

.xel-layer-colored-overlay {
padding: 7rem 0;
background: var(--color-pale);
}

.xel-layer-unequal-grid {
display: grid;
grid-template-columns: 33% 66%;
gap: 4rem;
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
align-items: center;
}

.xel-layer-visual-third {
position: relative;
}

.xel-layer-img-overlay-round {
border-radius: 15px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.xel-layer-img-overlay-round::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(209, 0, 0, 0.7) 0%, transparent 50%);
border-radius: 15px;
}

.xel-layer-tech-label {
position: absolute;
bottom: 20px;
left: 20px;
background: var(--color-primary);
color: #ffffff;
padding: 0.6rem 1.5rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9rem;
z-index: 2;
}

.xel-layer-text-two-thirds h2 {
margin-bottom: 2rem;
}

.xel-layer-text-two-thirds p {
color: var(--color-medium);
margin-bottom: 1.5rem;
text-align: right;
}

.xel-layer-split-wrapped {
padding: 7rem 0;
background: linear-gradient(to right, var(--color-pale) 0%, var(--color-pale) 50%, #ffffff 50%, #ffffff 100%);
}

.xel-layer-frame-bold {
max-width: 1400px;
margin: 0 auto;
padding: 4rem;
border: 8px solid var(--color-dark);
background: #ffffff;
}

.xel-layer-two-col-wrap {
display: grid;
grid-template-columns: 40% 60%;
gap: 4rem;
}

.xel-layer-col-40 h2 {
margin-bottom: 2rem;
}

.xel-layer-gradient-blob {
width: 100%;
aspect-ratio: 1;
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
overflow: hidden;
box-shadow: 0 20px 50px rgba(209, 0, 0, 0.3);
}

.xel-layer-img-custom {
width: 100%;
height: 100%;
object-fit: cover;
}

.xel-layer-col-60-justified p {
text-align: justify;
color: var(--color-medium);
margin-bottom: 1.5rem;
}

.xel-layer-colored-alternating {
padding: 7rem 0;
background: var(--color-pale);
}

.xel-layer-process-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}

.xel-layer-process-step {
background: #ffffff;
padding: 3rem 2rem;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
border-top: 5px solid var(--color-primary);
}

.xel-layer-step-gradient {
font-size: 4.5rem;
font-weight: 900;
background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-dark) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1;
margin-bottom: 1.5rem;
}

.xel-layer-process-step h3 {
color: var(--color-dark);
margin-bottom: 1rem;
}

.xel-layer-process-step p {
color: var(--color-medium);
font-size: 0.95rem;
margin: 0;
}

.xel-layer-flow-justified {
padding: 7rem 0;
background: var(--color-pale);
}

.xel-layer-flow-50 {
display: flex;
flex-direction: column;
gap: 3rem;
}

.xel-layer-flow-flat-card {
display: grid;
grid-template-columns: 50% 50%;
gap: 3rem;
align-items: center;
background: #ffffff;
padding: 3rem;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}

.xel-layer-custom-shape {
clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
overflow: hidden;
}

.xel-layer-img-shadow-custom {
box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.2);
}

.xel-layer-flow-text-justified h3 {
color: var(--color-dark);
margin-bottom: 1rem;
}

.xel-layer-flow-text-justified p {
text-align: justify;
color: var(--color-medium);
margin: 0;
}

.xel-layer-split-grid-pattern {
padding: 7rem 0;
background: linear-gradient(to right, #ffffff 0%, #ffffff 70%, var(--color-pale) 70%, var(--color-pale) 100%);
}

.xel-layer-frame-container {
max-width: 1400px;
margin: 0 auto;
padding: 4rem;
border: 6px solid var(--color-primary);
}

.xel-layer-single-center {
display: grid;
grid-template-columns: 70% 30%;
gap: 4rem;
}

.xel-layer-text-70-left h2 {
color: var(--color-dark);
margin-bottom: 1.5rem;
}

.xel-layer-text-70-left p {
color: var(--color-medium);
}

.xel-layer-grid-30 {
display: flex;
flex-direction: column;
gap: 2rem;
}

.xel-layer-quote-rect {
background: #ffffff;
padding: 2rem;
border-left: 5px solid var(--color-primary);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.xel-layer-quote-rect p {
color: var(--color-dark);
font-size: 0.95rem;
font-style: italic;
margin-bottom: 1rem;
}

.xel-layer-name {
display: block;
color: var(--color-primary);
font-weight: 700;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
}

.xel-layer-dark-three-col {
padding: 7rem 0;
background: var(--color-dark);
}

.xel-layer-three-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.5rem;
}

.xel-layer-col-elevated {
background: rgba(255, 255, 255, 0.08);
padding: 3rem 2.5rem;
border: 3px solid rgba(255, 255, 255, 0.15);
position: relative;
transition: all var(--transition);
text-align: center;
}

.xel-layer-col-elevated:hover {
transform: translateY(-10px);
box-shadow: 0 20px 60px rgba(209, 0, 0, 0.3);
}

.xel-layer-col-elevated.xel-layer-highlight {
background: var(--color-primary);
border-color: #ffffff;
}

.xel-layer-popular-tag {
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
background: #ffffff;
color: var(--color-primary);
padding: 0.4rem 1.2rem;
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 1px;
clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);
}

.xel-layer-price-tag {
font-size: 1.3rem;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 1.5rem;
letter-spacing: 1px;
}

.xel-layer-amount {
font-size: 3.5rem;
font-weight: 900;
color: #ffffff;
line-height: 1;
margin-bottom: 2rem;
}

.xel-layer-feature-list {
list-style: none;
margin-bottom: 2.5rem;
text-align: left;
}

.xel-layer-feature-list li {
color: rgba(255, 255, 255, 0.9);
padding: 0.8rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size: 0.95rem;
}

.xel-layer-enroll-btn {
display: block;
background: #ffffff;
color: var(--color-dark);
padding: 1rem 2.5rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}

.xel-layer-enroll-btn:hover {
background: var(--color-primary);
color: #ffffff;
}

.xel-layer-final-flow {
padding: 7rem 0;
background: var(--color-pale);
}

.xel-layer-bold-border {
max-width: 1200px;
margin: 0 auto;
padding: 5rem 4rem;
border: 10px solid var(--color-dark);
background: #ffffff;
text-align: center;
}

.xel-layer-triple-flow {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
margin-bottom: 4rem;
}

.xel-layer-flow-item {
text-align: center;
}

.xel-layer-circle-gradient {
width: 120px;
height: 120px;
margin: 0 auto 1.5rem;
border-radius: 50%;
background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-dark) 100%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 30px rgba(209, 0, 0, 0.3);
}

.xel-layer-circle-gradient i {
font-size: 3rem;
color: #ffffff;
}

.xel-layer-flow-item h3 {
color: var(--color-dark);
margin-bottom: 1rem;
}

.xel-layer-flow-item p {
color: var(--color-medium);
margin: 0;
}

.xel-layer-cta-final {
display: inline-block;
background: var(--color-primary);
color: #ffffff;
padding: 1.5rem 4rem;
font-size: 1.3rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
}

.xel-layer-cta-final:hover {
background: var(--color-dark);
}

.xel-layer-footer {
background: var(--color-dark);
color: var(--color-light);
padding: 5rem 0 2rem;
}

.xel-layer-footer-layout {
display: grid;
grid-template-columns: 1.5fr 2fr;
gap: 5rem;
margin-bottom: 3rem;
}

.xel-layer-footer-brand h4 {
color: #ffffff;
font-size: 1.5rem;
margin-bottom: 1rem;
}

.xel-layer-footer-brand p {
color: var(--color-light);
margin-bottom: 2rem;
}

.xel-layer-footer-contact p {
margin-bottom: 0.8rem;
font-size: 0.95rem;
}

.xel-layer-footer-contact a {
color: var(--color-primary);
}

.xel-layer-footer-contact a:hover {
text-decoration: underline;
}

.xel-layer-footer-links {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}

.xel-layer-link-group h5 {
color: #ffffff;
margin-bottom: 1.5rem;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9rem;
}

.xel-layer-link-group ul {
list-style: none;
}

.xel-layer-link-group ul li {
margin-bottom: 0.8rem;
}

.xel-layer-link-group ul li a {
color: var(--color-light);
font-size: 0.95rem;
}

.xel-layer-link-group ul li a:hover {
color: var(--color-primary);
}

.xel-layer-footer-bar {
text-align: center;
padding-top: 2rem;
border-top: 2px solid rgba(255, 255, 255, 0.1);
}

.xel-layer-footer-bar p {
color: var(--color-light);
font-size: 0.9rem;
margin: 0;
}

.xel-layer-cookie-side {
position: fixed;
right: -400px;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
transition: right 0.5s ease;
}

.xel-layer-cookie-side.show {
right: 0;
}

.xel-layer-cookie-box {
background: var(--color-dark);
padding: 2rem;
width: 350px;
box-shadow: -5px 0 30px rgba(0, 0, 0, 0.4);
border-left: 5px solid var(--color-primary);
}

.xel-layer-cookie-box p {
color: var(--color-light);
font-size: 0.95rem;
margin-bottom: 1.5rem;
}

.xel-layer-cookie-box a {
color: var(--color-primary);
text-decoration: underline;
}

.xel-layer-cookie-btns {
display: flex;
gap: 1rem;
}

.xel-layer-accept {
flex: 1;
background: var(--color-primary);
color: #ffffff;
border: none;
padding: 0.8rem;
font-weight: 700;
cursor: pointer;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 1px;
}

.xel-layer-accept:hover {
background: #b00000;
}

.xel-layer-decline {
flex: 1;
background: transparent;
color: var(--color-light);
border: 2px solid var(--color-light);
padding: 0.8rem;
font-weight: 700;
cursor: pointer;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 1px;
}

.xel-layer-decline:hover {
background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1024px) {
.xel-layer-hero-split {
grid-template-columns: 1fr;
}

.xel-layer-hero-content-side {
padding: 5rem 2rem;
}

.xel-layer-hero-content-side::before {
display: none;
}

.xel-layer-hero-visual-side {
min-height: 300px;
}

.xel-layer-asymmetric-wrapper {
grid-template-columns: 1fr;
}

.xel-layer-tech-grid {
grid-template-columns: 1fr;
}

.xel-layer-showcase-equal {
grid-template-columns: 1fr;
gap: 3rem;
}

.xel-layer-overlap-container {
grid-template-columns: 1fr;
}

.xel-layer-unequal-grid {
grid-template-columns: 1fr;
}

.xel-layer-two-col-wrap {
grid-template-columns: 1fr;
}

.xel-layer-process-grid {
grid-template-columns: repeat(2, 1fr);
}

.xel-layer-flow-flat-card {
grid-template-columns: 1fr;
}

.xel-layer-single-center {
grid-template-columns: 1fr;
}

.xel-layer-three-wrap {
grid-template-columns: 1fr;
}

.xel-layer-triple-flow {
grid-template-columns: 1fr;
}

.xel-layer-footer-layout {
grid-template-columns: 1fr;
gap: 3rem;
}

.xel-layer-footer-links {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 768px) {
.xel-layer-burger {
display: flex;
}

.xel-layer-menu {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #ffffff;
flex-direction: column;
padding: 2rem;
gap: 1.5rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
transition: all var(--transition);
border-top: 3px solid var(--color-primary);
}

.xel-layer-menu.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

h1 {
font-size: 2.5rem;
}

h2 {
font-size: 2rem;
}

.xel-layer-hero-content-side p {
font-size: 1.1rem;
}

.xel-layer-cta-tech {
padding: 1rem 2rem;
margin-right: 1rem;
}

.xel-layer-process-grid {
grid-template-columns: 1fr;
}

.xel-layer-footer-links {
grid-template-columns: 1fr;
}

.xel-layer-cookie-side {
right: -100%;
top: auto;
bottom: 0;
transform: none;
}

.xel-layer-cookie-side.show {
right: 0;
}

.xel-layer-cookie-box {
width: 100vw;
border-left: none;
border-top: 5px solid var(--color-primary);
}
}

.xel-about-hero {
padding: 5rem 0;
background: var(--color-pale);
}

.xel-about-split {
display: grid;
grid-template-columns: 55% 45%;
gap: 4rem;
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
align-items: center;
}

.xel-about-text-area h1 {
color: var(--color-dark);
margin-bottom: 2rem;
}

.xel-about-text-area p {
color: var(--color-medium);
margin-bottom: 1.5rem;
font-size: 1.1rem;
}

.xel-about-img-angled {
clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.2);
}

.xel-about-stats-bar {
padding: 4rem 0;
background: var(--color-dark);
}

.xel-about-numbers {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 3rem;
}

.xel-about-stat-item {
text-align: center;
padding: 2rem;
border-left: 3px solid var(--color-primary);
}

.xel-about-number {
font-size: 3.5rem;
font-weight: 900;
color: #ffffff;
line-height: 1;
margin-bottom: 0.5rem;
}

.xel-about-label {
color: var(--color-light);
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
}

.xel-about-story {
padding: 7rem 0;
background: #ffffff;
}

.xel-about-content-block {
max-width: 900px;
margin: 0 auto;
}

.xel-about-content-block h2 {
color: var(--color-dark);
margin-bottom: 2rem;
text-align: center;
}

.xel-about-content-block p {
color: var(--color-medium);
margin-bottom: 1.5rem;
text-align: justify;
font-size: 1.05rem;
line-height: 1.8;
}

.xel-about-team {
padding: 7rem 0;
background: var(--color-pale);
}

.xel-about-section-title {
text-align: center;
color: var(--color-dark);
margin-bottom: 4rem;
}

.xel-about-mentor-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}

.xel-about-mentor-card {
background: #ffffff;
padding: 2.5rem 2rem;
text-align: center;
border-top: 4px solid var(--color-primary);
transition: all var(--transition);
}

.xel-about-mentor-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.xel-about-mentor-icon {
width: 80px;
height: 80px;
margin: 0 auto 1.5rem;
background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-dark) 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}

.xel-about-mentor-icon i {
font-size: 2.5rem;
color: #ffffff;
}

.xel-about-mentor-card h3 {
color: var(--color-dark);
margin-bottom: 0.5rem;
font-size: 1.3rem;
}

.xel-about-mentor-role {
color: var(--color-primary);
font-weight: 700;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1rem;
}

.xel-about-mentor-card p {
color: var(--color-medium);
font-size: 0.95rem;
margin: 0;
}

.xel-about-approach {
padding: 7rem 0;
background: #ffffff;
}

.xel-about-approach-wrap {
display: grid;
grid-template-columns: 40% 60%;
gap: 5rem;
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
align-items: start;
}

.xel-about-img-bordered {
border: 8px solid var(--color-dark);
box-shadow: 15px 15px 0 var(--color-primary);
}

.xel-about-approach-right h2 {
color: var(--color-dark);
margin-bottom: 3rem;
}

.xel-about-principle {
margin-bottom: 2.5rem;
padding-left: 1.5rem;
border-left: 4px solid var(--color-primary);
}

.xel-about-principle h4 {
color: var(--color-dark);
margin-bottom: 0.8rem;
}

.xel-about-principle p {
color: var(--color-medium);
margin: 0;
}


.xel-contact-hero {
padding: 5rem 0 3rem;
background: var(--color-pale);
text-align: center;
}

.xel-contact-intro h1 {
color: var(--color-dark);
margin-bottom: 1rem;
}

.xel-contact-intro p {
color: var(--color-medium);
font-size: 1.2rem;
}

.xel-contact-main {
padding: 5rem 0;
background: #ffffff;
}

.xel-contact-layout {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 5rem;
}

.xel-contact-form-side h2 {
color: var(--color-dark);
margin-bottom: 2rem;
}

.xel-contact-form {
display: flex;
flex-direction: column;
gap: 1.5rem;
}

.xel-form-group {
display: flex;
flex-direction: column;
gap: 0.5rem;
}

.xel-form-group label {
color: var(--color-dark);
font-weight: 600;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.xel-form-group input,
.xel-form-group select,
.xel-form-group textarea {
padding: 1rem;
border: 2px solid var(--color-pale);
background: #ffffff;
font-family: inherit;
font-size: 1rem;
color: var(--color-dark);
transition: all var(--transition);
}

.xel-form-group input:focus,
.xel-form-group select:focus,
.xel-form-group textarea:focus {
outline: none;
border-color: var(--color-primary);
}

.xel-form-group textarea {
resize: vertical;
min-height: 150px;
}

.xel-contact-submit {
background: var(--color-primary);
color: #ffffff;
padding: 1.2rem 3rem;
border: none;
font-weight: 700;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
transition: all var(--transition);
}

.xel-contact-submit:hover {
background: var(--color-dark);
}

.xel-contact-info-side {
display: flex;
flex-direction: column;
gap: 2rem;
}

.xel-contact-info-box {
background: var(--color-pale);
padding: 2.5rem 2rem;
border-left: 5px solid var(--color-primary);
}

.xel-contact-info-item {
display: flex;
gap: 1.5rem;
margin-bottom: 2rem;
}

.xel-contact-info-item:last-child {
margin-bottom: 0;
}

.xel-contact-icon {
width: 50px;
height: 50px;
background: var(--color-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.xel-contact-icon i {
font-size: 1.5rem;
color: #ffffff;
}

.xel-contact-details h4 {
color: var(--color-dark);
margin-bottom: 0.5rem;
font-size: 1rem;
}

.xel-contact-details p {
color: var(--color-medium);
margin: 0;
font-size: 0.95rem;
}

.xel-contact-hours {
background: var(--color-dark);
padding: 2rem;
color: #ffffff;
}

.xel-contact-hours h4 {
color: #ffffff;
margin-bottom: 1rem;
}

.xel-contact-hours p {
color: var(--color-light);
margin-bottom: 1rem;
font-size: 0.95rem;
}

.xel-contact-note {
color: var(--color-primary);
font-weight: 600;
font-size: 0.9rem;
margin-top: 1.5rem;
}

.xel-contact-quick {
padding: 6rem 0;
background: var(--color-pale);
}

.xel-contact-quick-title {
text-align: center;
color: var(--color-dark);
margin-bottom: 3rem;
}

.xel-contact-faq-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}

.xel-contact-faq-item {
background: #ffffff;
padding: 2rem;
border-left: 4px solid var(--color-primary);
}

.xel-contact-faq-item h3 {
color: var(--color-dark);
margin-bottom: 1rem;
font-size: 1.2rem;
}

.xel-contact-faq-item p {
color: var(--color-medium);
margin: 0;
font-size: 0.95rem;
}


.xel-learning-hero {
padding: 5rem 0 3rem;
background: var(--color-dark);
text-align: center;
}

.xel-learning-header h1 {
color: #ffffff;
margin-bottom: 1rem;
}

.xel-learning-header p {
color: var(--color-light);
font-size: 1.2rem;
}

.xel-learning-catalog {
padding: 5rem 0;
background: var(--color-pale);
}

.xel-learning-course-list {
display: flex;
flex-direction: column;
gap: 2.5rem;
}

.xel-learning-course {
background: #ffffff;
border: 3px solid var(--color-pale);
position: relative;
}

.xel-learning-featured {
border-color: var(--color-primary);
}

.xel-learning-popular-badge {
position: absolute;
top: -15px;
right: 30px;
background: var(--color-primary);
color: #ffffff;
padding: 0.5rem 1.5rem;
font-weight: 700;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
}

.xel-learning-course-header {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 2rem;
padding: 2.5rem 2.5rem 1.5rem;
align-items: center;
border-bottom: 2px solid var(--color-pale);
}

.xel-learning-icon-wrap {
width: 70px;
height: 70px;
background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-dark) 100%);
display: flex;
align-items: center;
justify-content: center;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.xel-learning-icon-wrap i {
font-size: 2rem;
color: #ffffff;
}

.xel-learning-title-area h2 {
color: var(--color-dark);
margin-bottom: 0.5rem;
font-size: 1.8rem;
}

.xel-learning-duration {
color: var(--color-medium);
font-size: 0.9rem;
font-weight: 600;
}

.xel-learning-price {
font-size: 2.5rem;
font-weight: 900;
color: var(--color-primary);
line-height: 1;
}

.xel-learning-course-body {
padding: 2.5rem;
}

.xel-learning-course-body > p {
color: var(--color-medium);
font-size: 1.1rem;
margin-bottom: 2rem;
}

.xel-learning-modules {
margin-bottom: 2rem;
}

.xel-learning-modules h4 {
color: var(--color-dark);
margin-bottom: 1rem;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.xel-learning-modules ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.8rem 2rem;
list-style: none;
}

.xel-learning-modules li {
color: var(--color-medium);
padding-left: 1.5rem;
position: relative;
font-size: 0.95rem;
}

.xel-learning-modules li::before {
content: '▸';
position: absolute;
left: 0;
color: var(--color-primary);
font-weight: 700;
}

.xel-learning-projects {
background: var(--color-pale);
padding: 1.5rem;
margin-bottom: 2rem;
}

.xel-learning-projects h4 {
color: var(--color-dark);
margin-bottom: 0.8rem;
font-size: 1rem;
}

.xel-learning-projects p {
color: var(--color-medium);
margin: 0;
font-weight: 600;
}

.xel-learning-enroll {
display: inline-block;
background: var(--color-dark);
color: #ffffff;
padding: 1rem 3rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
}

.xel-learning-enroll:hover {
background: var(--color-primary);
}

.xel-learning-included {
padding: 6rem 0;
background: var(--color-dark);
}

.xel-learning-box-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
text-align: center;
}

.xel-learning-box-wrap h2 {
color: #ffffff;
margin-bottom: 3rem;
}

.xel-learning-benefits {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}

.xel-learning-benefit {
background: rgba(255, 255, 255, 0.05);
padding: 2.5rem 2rem;
border: 2px solid rgba(255, 255, 255, 0.1);
text-align: center;
}

.xel-learning-benefit i {
font-size: 3rem;
color: var(--color-primary);
margin-bottom: 1rem;
}

.xel-learning-benefit h3 {
color: #ffffff;
margin-bottom: 0.8rem;
font-size: 1.2rem;
}

.xel-learning-benefit p {
color: var(--color-light);
margin: 0;
font-size: 0.95rem;
}

.xel-learning-cta {
padding: 5rem 0;
background: var(--color-pale);
}

.xel-learning-cta-box {
display: grid;
grid-template-columns: 40% 60%;
gap: 3rem;
align-items: center;
background: #ffffff;
padding: 3rem;
border: 5px solid var(--color-dark);
}

.xel-learning-cta-img {
width: 100%;
clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
}

.xel-learning-cta-content h2 {
color: var(--color-dark);
margin-bottom: 1.5rem;
}

.xel-learning-cta-content p {
color: var(--color-medium);
margin-bottom: 2rem;
font-size: 1.1rem;
}

.xel-learning-cta-btn {
display: inline-block;
background: var(--color-primary);
color: #ffffff;
padding: 1.2rem 3rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}

.xel-learning-cta-btn:hover {
background: var(--color-dark);
}


.xel-grad-hero {
padding: 5rem 0;
background: var(--color-pale);
}

.xel-grad-intro {
text-align: center;
max-width: 900px;
margin: 0 auto;
}

.xel-grad-intro h1 {
color: var(--color-dark);
margin-bottom: 1.5rem;
}

.xel-grad-intro p {
color: var(--color-medium);
font-size: 1.2rem;
margin-bottom: 3rem;
}

.xel-grad-stats-inline {
display: flex;
justify-content: center;
gap: 4rem;
}

.xel-grad-stat {
text-align: center;
}

.xel-grad-number {
display: block;
font-size: 3rem;
font-weight: 900;
color: var(--color-primary);
line-height: 1;
margin-bottom: 0.5rem;
}

.xel-grad-label {
color: var(--color-medium);
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.xel-grad-featured {
padding: 6rem 0;
background: #ffffff;
}

.xel-grad-featured-story {
display: grid;
grid-template-columns: 45% 55%;
gap: 4rem;
align-items: start;
}

.xel-grad-featured-img {
position: relative;
}

.xel-grad-img-main {
width: 100%;
border: 8px solid var(--color-dark);
box-shadow: 20px 20px 0 var(--color-primary);
}

.xel-grad-featured-tag {
position: absolute;
top: -15px;
right: -15px;
background: var(--color-primary);
color: #ffffff;
padding: 0.8rem 2rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
transform: rotate(3deg);
box-shadow: 0 5px 20px rgba(209, 0, 0, 0.4);
}

.xel-grad-featured-content h2 {
color: var(--color-dark);
margin-bottom: 2rem;
}

.xel-grad-meta {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 3px solid var(--color-pale);
}

.xel-grad-name {
font-size: 1.3rem;
font-weight: 700;
color: var(--color-primary);
}

.xel-grad-role {
font-size: 1.1rem;
color: var(--color-dark);
font-weight: 600;
}

.xel-grad-course {
font-size: 0.9rem;
color: var(--color-medium);
}

.xel-grad-story-text p {
color: var(--color-medium);
margin-bottom: 1.5rem;
line-height: 1.8;
font-size: 1.05rem;
}

.xel-grad-portfolio {
background: var(--color-pale);
padding: 1.5rem;
margin-top: 2rem;
}

.xel-grad-portfolio h4 {
color: var(--color-dark);
margin-bottom: 0.8rem;
}

.xel-grad-portfolio p {
color: var(--color-medium);
font-weight: 600;
margin: 0;
}

.xel-grad-grid {
padding: 6rem 0;
background: var(--color-pale);
}

.xel-grad-section-title {
text-align: center;
color: var(--color-dark);
margin-bottom: 3rem;
}

.xel-grad-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}

.xel-grad-card {
background: #ffffff;
padding: 2.5rem 2rem;
border-top: 5px solid var(--color-primary);
transition: all var(--transition);
}

.xel-grad-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.xel-grad-card-header {
display: flex;
gap: 1.5rem;
margin-bottom: 1.5rem;
align-items: center;
}

.xel-grad-avatar {
width: 60px;
height: 60px;
background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-dark) 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-weight: 900;
font-size: 1.3rem;
flex-shrink: 0;
}

.xel-grad-info h3 {
color: var(--color-dark);
margin-bottom: 0.3rem;
font-size: 1.2rem;
}

.xel-grad-position {
color: var(--color-medium);
font-weight: 600;
font-size: 0.9rem;
}

.xel-grad-company {
color: var(--color-primary);
font-size: 0.85rem;
font-weight: 600;
}

.xel-grad-quote p {
color: var(--color-medium);
font-style: italic;
margin-bottom: 1.5rem;
line-height: 1.7;
}

.xel-grad-path {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 1.5rem;
border-top: 2px solid var(--color-pale);
}

.xel-grad-course-tag {
background: var(--color-pale);
color: var(--color-dark);
padding: 0.4rem 1rem;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.xel-grad-year {
color: var(--color-medium);
font-size: 0.9rem;
font-weight: 600;
}

.xel-grad-cta {
padding: 6rem 0;
background: var(--color-dark);
}

.xel-grad-cta-box {
max-width: 700px;
margin: 0 auto;
text-align: center;
padding: 4rem 3rem;
border: 5px solid var(--color-primary);
}

.xel-grad-cta-box h2 {
color: #ffffff;
margin-bottom: 1.5rem;
}

.xel-grad-cta-box p {
color: var(--color-light);
font-size: 1.2rem;
margin-bottom: 2.5rem;
}

.xel-grad-cta-btn {
display: inline-block;
background: var(--color-primary);
color: #ffffff;
padding: 1.3rem 3.5rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.1rem;
clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
}

.xel-grad-cta-btn:hover {
background: #ffffff;
color: var(--color-dark);
}


@media (max-width: 1024px) {
.xel-about-split {
grid-template-columns: 1fr;
}

.xel-about-numbers {
grid-template-columns: repeat(2, 1fr);
}

.xel-about-mentor-grid {
grid-template-columns: repeat(2, 1fr);
}

.xel-about-approach-wrap {
grid-template-columns: 1fr;
}

.xel-contact-layout {
grid-template-columns: 1fr;
}

.xel-contact-faq-grid {
grid-template-columns: repeat(2, 1fr);
}

.xel-learning-modules ul {
grid-template-columns: 1fr;
}

.xel-learning-benefits {
grid-template-columns: repeat(2, 1fr);
}

.xel-learning-cta-box {
grid-template-columns: 1fr;
}

.xel-grad-stats-inline {
flex-wrap: wrap;
gap: 2rem;
}

.xel-grad-featured-story {
grid-template-columns: 1fr;
}

.xel-grad-cards {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 768px) {
.xel-about-numbers {
grid-template-columns: 1fr;
}

.xel-about-mentor-grid {
grid-template-columns: 1fr;
}

.xel-contact-faq-grid {
grid-template-columns: 1fr;
}

.xel-learning-benefits {
grid-template-columns: 1fr;
}

.xel-grad-cards {
grid-template-columns: 1fr;
}
}



.xel-legal-page {
padding: 6rem 0;
background: var(--color-pale);
min-height: 70vh;
}

.xel-legal-container {
max-width: 800px;
margin: 0 auto;
padding: 0 2rem;
}

.xel-legal-container h1 {
color: var(--color-dark);
font-size: clamp(2.5rem, 5vw, 3.5rem);
margin-bottom: 1rem;
text-align: center;
position: relative;
padding-bottom: 1.5rem;
}

.xel-legal-container h1::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100px;
height: 4px;
background: var(--color-primary);
}

.xel-legal-meta {
text-align: center;
color: var(--color-medium);
font-size: 0.95rem;
margin-bottom: 3rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}

.xel-legal-content {
background: #ffffff;
padding: 4rem 3rem;
border-left: 8px solid var(--color-primary);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.xel-legal-content h2 {
color: var(--color-dark);
font-size: 1.8rem;
margin-top: 3rem;
margin-bottom: 1.5rem;
padding-bottom: 0.8rem;
border-bottom: 2px solid var(--color-pale);
}

.xel-legal-content h2:first-child {
margin-top: 0;
}

.xel-legal-content p {
color: var(--color-medium);
line-height: 1.9;
margin-bottom: 1.5rem;
font-size: 1.05rem;
text-align: justify;
}

.xel-legal-content a {
color: var(--color-primary);
text-decoration: underline;
font-weight: 600;
}

.xel-legal-content a:hover {
color: var(--color-dark);
}


.xel-thanks-page {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--color-dark) 0%, var(--color-medium) 100%);
padding: 2rem;
}

.xel-thanks-box {
background: #ffffff;
padding: 5rem 4rem;
text-align: center;
max-width: 600px;
border: 8px solid var(--color-primary);
position: relative;
}

.xel-thanks-box::before {
content: '';
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
border: 3px solid rgba(255, 255, 255, 0.3);
pointer-events: none;
}

.xel-thanks-icon {
width: 120px;
height: 120px;
margin: 0 auto 2rem;
background: var(--color-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 4rem;
color: #ffffff;
font-weight: 900;
box-shadow: 0 15px 40px rgba(209, 0, 0, 0.3);
}

.xel-thanks-box h1 {
color: var(--color-dark);
margin-bottom: 1.5rem;
font-size: 2.5rem;
}

.xel-thanks-box p {
color: var(--color-medium);
font-size: 1.2rem;
margin-bottom: 3rem;
line-height: 1.6;
}

.xel-thanks-btn {
display: inline-block;
background: var(--color-dark);
color: #ffffff;
padding: 1.2rem 3.5rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1rem;
clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
transition: all var(--transition);
}

.xel-thanks-btn:hover {
background: var(--color-primary);
transform: scale(1.05);
}


@media (max-width: 768px) {
.xel-legal-content {
padding: 2.5rem 2rem;
}

.xel-legal-content h2 {
font-size: 1.5rem;
}

.xel-legal-content p {
text-align: left;
}

.xel-thanks-box {
padding: 3rem 2rem;
}

.xel-learning-course-header {
grid-template-columns: auto;
}

.xel-thanks-box::before {
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
}

.xel-thanks-icon {
width: 90px;
height: 90px;
font-size: 3rem;
}

.xel-thanks-box h1 {
font-size: 2rem;
}

.xel-thanks-box p {
font-size: 1rem;
}

.xel-thanks-btn {
padding: 1rem 2.5rem;
font-size: 0.9rem;
}
}