/* Global styles */
@font-face {
    font-family: 'Rancho';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Rancho-Regular.ttf') format('truetype');
    font-display: swap;
}
body { margin:0; font-family: 'Helvetica Neue', Arial, sans-serif; color:#2a2a2a; background:#fafafa; }

h1, h2, h3, h4, h5, h6, .slide h2, .highlight-copy h2, .philosophie h2, .gallery-preview h2, .booking h2, .page-contact h1, .article-page h1, .category-page h1 {
    font-family: 'Rancho', cursive;
}
a { color:#bb1e72; text-decoration:none; }
a:hover { text-decoration:underline; }
.container { width:min(1100px, calc(100% - 32px)); margin:0 auto; }
.site-header { background:#fff; border-bottom:1px solid #ececec; position:sticky; top:0; z-index:20; }
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:18px 0; }
.brand { display:flex; align-items:center; font-weight:700; font-size:1.1rem; }
.logo { height:50px; margin-right:12px; border-radius:8px; }
.main-nav { position:fixed; top:0; left:0; bottom:0; width:280px; background:#fff; border-right:1px solid #ececec; padding:24px 18px; overflow-y:auto; transform:translateX(-100%); transition:transform .28s cubic-bezier(.23,1,.32,1); z-index:22; box-shadow:0 28px 80px rgba(0,0,0,.08); }
.menu-toggle { display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border:none; border-radius:18px; background:#fff; cursor:pointer; box-shadow:0 12px 28px rgba(0,0,0,.12); transition:transform .25s ease, box-shadow .25s ease; }
.menu-toggle:hover { transform:scale(1.05); box-shadow:0 14px 35px rgba(0,0,0,.18); }
.menu-toggle .burger,
.menu-toggle .burger::before,
.menu-toggle .burger::after { content:''; display:block; width:24px; height:2px; background:#222; border-radius:999px; transition:transform .28s ease, opacity .28s ease; }
.menu-toggle .burger::before { transform: translateY(-7px); }
.menu-toggle .burger::after { transform: translateY(7px); }
body.menu-open .menu-toggle .burger { background:transparent; }
body.menu-open .menu-toggle .burger::before { transform: translateY(0) rotate(45deg); }
body.menu-open .menu-toggle .burger::after { transform: translateY(0) rotate(-45deg); }
.menu-close { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:none; border-radius:12px; background:#f5f5f5; color:#222; font-size:1.2rem; cursor:pointer; transition:transform .2s ease, background .2s ease; }
.menu-close:hover { transform:scale(1.05); background:#ebebeb; }
.menu-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.menu-heading strong { font-size:1rem; text-transform:uppercase; letter-spacing:.08em; color:#444; }
.side-menu .menu-level { display:block; gap:0; margin:0; padding:0; list-style:none; }
.side-menu .menu-level > li { margin-bottom:8px; }
.side-menu .menu-level > li > a { display:block; padding:12px 14px; color:#222; border-radius:14px; transition:background .2s ease; }
.side-menu .menu-level > li > a:hover { background:#f8e6f1; }
.side-menu .submenu { display:block; margin:8px 0 0; padding:0; list-style:none; }
.side-menu .submenu li { margin-bottom:6px; }
.side-menu .submenu li a { display:flex; align-items:center; gap:12px; padding:10px 14px; color:#3c3c3c; border-radius:14px; background:#fbf5f9; }
.side-menu .submenu li a img { width:44px; height:44px; object-fit:cover; border-radius:12px; }
.side-menu .has-children > a::after { content:'▾'; float:right; margin-right:8px; }
body.menu-open .main-nav { transform:translateX(0); }
@media (min-width: 1000px) {
    body { padding-left: 280px; transition: padding-left 0.4s ease; }
    body.sidebar-collapsed { padding-left: 0; }
    .site-header { position: fixed; top: 0; left: 0; bottom: 0; width: 280px; height: 100vh; background: rgba(255, 255, 255, 0.98); border-right: 1px solid rgba(236,236,236,.8); border-bottom: none; display: flex; flex-direction: column; z-index: 100; overflow-y: visible; transition: transform 0.4s ease; }
    body.sidebar-collapsed .site-header { transform: translateX(-100%); }
    .desktop-sidebar-toggle { position: absolute; top: 20px; right: -40px; width: 40px; height: 40px; background: #bb1e72; color: #fff; border: none; border-radius: 0 8px 8px 0; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 4px 0 12px rgba(0,0,0,0.1); transition: background 0.3s ease; font-size: 1rem; }
    .desktop-sidebar-toggle:hover { background: #9a175c; }
    .header-inner { width: 100%; box-sizing: border-box; flex-direction: column; gap: 20px; padding: 40px 20px 20px; justify-content: flex-start; }
    .brand { flex-direction: column; gap: 15px; text-align: center; }
    .logo { margin-right: 0; height: 80px; }
    .menu-toggle { display: none; }
    .main-nav { position: static; width: 100%; box-sizing: border-box; height: auto; min-height: auto; padding: 0 20px 40px; transform: none; background: transparent; box-shadow: none; overflow: visible; border: none; }
    .main-nav .menu-heading, .main-nav .menu-close { display: none; }
    .main-nav .menu-level { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin: 0; padding: 0; list-style: none; }
    .main-nav .menu-level > li { margin: 0; }
    .main-nav .menu-level > li > a { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; border-radius: 8px; background: #f9f9f9; color: #333; text-align: left; transition: all .3s cubic-bezier(.25,.8,.25,1); font-weight: 600; border: 1px solid transparent; }
    .main-nav .menu-level > li > a:hover, .main-nav .menu-level > li > a.active { background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.08); color: #bb1e72; border-color: #eee; transform: translateX(6px); }
    .main-nav .menu-level > li.has-children > a::after { content: '▾'; margin-left: auto; font-size: .85rem; transition: transform 0.3s; }
    .main-nav .menu-level > li:hover.has-children > a::after { transform: rotate(180deg); }
    .main-nav .submenu { display: block; margin-top: 10px; padding: 0 10px; background: transparent; opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; transform: none; box-shadow: none; position: static; border-radius: 0; transition: max-height 0.4s ease, opacity 0.3s ease, visibility 0.4s; }
    .main-nav .menu-level > li:hover > .submenu { opacity: 1; visibility: visible; max-height: 800px; padding-bottom: 10px; }
    .main-nav .submenu li { margin-bottom: 12px; }
    .main-nav .submenu li a { padding: 0; color: #555; background: transparent; display: flex; flex-direction: column; align-items: flex-start; text-align: left; font-size: 0.9em; transition: all 0.3s ease; border-radius: 8px; overflow: hidden; }
    .main-nav .submenu li a:hover { transform: translateX(5px); color: #bb1e72; background: transparent; }
    .main-nav .submenu li a img { width: 100%; height: 90px; object-fit: cover; border-radius: 8px; margin-right: 0; margin-bottom: 8px; display: block; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.4s ease; }
    .main-nav .submenu li a:hover img { transform: scale(1.05); }
    .full-width-slider { margin: 0 calc(-50vw + 140px + 50%); width: calc(100vw - 280px); transition: margin 0.4s ease, width 0.4s ease; }
    body.sidebar-collapsed .full-width-slider { margin: 0 calc(-50vw + 50%); width: 100vw; }
}
@media (max-width: 999px) {
    .container { width:min(100%, calc(100% - 32px)); margin:0 auto; }
    .site-header { position:sticky; top:0; }
}
.hero-slider { position:relative; min-height:780px; width:100%; }
.hero-swiper { width: 100%; height: 780px; }
.hero-swiper .swiper-slide { position: relative; display: flex; align-items: flex-end; padding: 64px; overflow: hidden; }
.hero-swiper .slide-bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 0; transform: scale(1.15); transition: transform 8s cubic-bezier(0.25, 1, 0.5, 1); }
.hero-swiper .swiper-slide-active .slide-bg { transform: scale(1); }
.hero-swiper .slide-content { position: relative; z-index: 2; max-width: 600px; color: #fff; text-shadow: 0 4px 30px rgba(0,0,0,0.7); opacity: 0; transform: translateY(40px); transition: opacity 1s ease 0.5s, transform 1s ease 0.5s; }
.hero-swiper .swiper-slide-active .slide-content { opacity: 1; transform: translateY(0); }
.hero-swiper::before { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%); pointer-events: none; z-index: 1; }
.hero-swiper .swiper-pagination-bullet { background: #fff; opacity: 0.5; width: 12px; height: 12px; }
.hero-swiper .swiper-pagination-bullet-active { opacity: 1; background: #ee82a9; transform: scale(1.2); }
.hero-swiper .swiper-button-prev, .hero-swiper .swiper-button-next { color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,0.5); transition: all 0.3s ease; }
.hero-swiper .swiper-button-prev:hover, .hero-swiper .swiper-button-next:hover { color: #ee82a9; transform: scale(1.1); }
.slide-content h2 { font-size: 3.5rem; margin: 0 0 16px; line-height: 1.1; font-weight: 700; }
.slide-content p { font-size: 1.25rem; margin: 0 0 28px; line-height: 1.5; font-weight: 400; max-width: 90%; }
.slide-content .button { background: #ee82a9; color: #fff; padding: 16px 32px; border-radius: 999px; display: inline-block; font-weight: 700; font-size: 1.1rem; box-shadow: 0 12px 30px rgba(238, 130, 169, 0.4); transition: all 0.3s ease; border: none; cursor: pointer; }
.slide-content .button:hover { background: #d96d94; transform: translateY(-3px); box-shadow: 0 16px 35px rgba(238, 130, 169, 0.5); }
.article-slider { position:relative; display:flex; width:100%; overflow-x:auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;; margin-bottom:32px; }
.article-slider::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.16)); pointer-events:none; }
.full-width-slider { margin:0 calc(-50vw + 50%); width:100vw; }
.article-slide { min-height:520px; position:relative; min-width:100%; flex-shrink:0; scroll-snap-align: start; }
.article-slide img { width:100%; height:520px; object-fit:cover; display:block; }
.article-header { text-align:center; margin:40px auto 28px; max-width:860px; }
.article-header h1 { margin:0 0 14px; font-size:2.6rem; }
.article-header .article-meta { margin:0; color:#6b6b6b; }
.article-content { max-width:860px; margin:0 auto 60px; line-height:1.85; color:#333; }
@media (max-width: 999px) {
    .hero-slider, .hero-swiper { min-height:520px; height: 520px; }
    .hero-swiper .swiper-slide { padding: 40px; }
    .slide-content h2 { font-size: 2.6rem; }
    .slide-content p { font-size: 1.1rem; }
}
@media (max-width: 600px) {
    .hero-slider, .hero-swiper { min-height:460px; height: 460px; }
    .hero-swiper .swiper-slide { padding: 30px 20px; }
    .slide-content h2 { font-size: 2rem; }
    .slide-content p { font-size: 1rem; }
}
.hero-fallback { min-height:440px; display:flex; align-items:center; justify-content:center; background:#222; color:#fff; text-align:center; padding:40px; }
.intro, .services, .highlight-block, .philosophie, .gallery-preview, .booking, .page-contact, .article-page, .category-page { padding:60px 0; }
.intro-copy, .service-card, .highlight-copy, .booking-grid > div { background:#fff; border-radius:18px; padding:28px; box-shadow:0 12px 35px rgba(0,0,0,.06); }
.service-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:18px; }
.service-card { display:flex; flex-direction:column; overflow-x:auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;; }
.service-card-image { width:100%; min-height:220px; overflow-x:auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;; }
.service-card-image img { width:100%; height:220px; object-fit:cover; display:block; }
.service-card-body { display:flex; flex-direction:column; gap:12px; padding:24px; }
.service-card h3 { margin:0; font-size:1.25rem; }
.service-subtitle { margin:0; color:#6b6b6b; font-size:0.98rem; }
.service-description { color:#444; line-height:1.65; }
.service-link { margin-top:auto; text-align:center; }
.service-card ul { list-style:none; padding:0; margin:0; }
.service-card li { margin-bottom:8px; }
.highlight-block { display:grid; grid-template-columns:1.4fr 1fr; gap:28px; align-items:center; }
.highlight-image img { width:100%; border-radius:18px; object-fit:cover; min-height:360px; }
.highlight-copy h2 { margin-top:0; }
.philosophie h2, .gallery-preview h2, .booking h2, .page-contact h1, .article-page h1, .category-page h1 { margin-bottom:16px; }
.gallery-masonry { columns:3 300px; column-gap:24px; margin-top:30px; }
.gallery-item { display:block; margin-bottom:24px; break-inside:avoid; }
.gallery-item-inner { position:relative; border-radius:24px 4px 24px 4px; overflow-x:auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;; box-shadow:0 12px 35px rgba(0,0,0,0.06); }
.gallery-item-inner img { width:100%; display:block; object-fit:cover; transition:transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
.gallery-item-overlay { position:absolute; inset:0; background:rgba(30,20,15,0.25); opacity:0; transition:opacity 0.4s ease; display:flex; align-items:center; justify-content:center; }
.gallery-icon { color:#fff; font-size:2.5rem; transform:scale(0.5); transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-shadow:0 2px 10px rgba(0,0,0,0.2); }
.gallery-item:hover .gallery-item-inner img { transform:scale(1.06); }
.gallery-item:hover .gallery-item-overlay { opacity:1; }
.gallery-item:hover .gallery-icon { transform:scale(1); }
.gallery-item.placeholder { min-height:240px; background:#f9f9f9; display:flex; align-items:center; justify-content:center; color:#8f8f8f; border-radius:24px 4px 24px 4px; border:1px dashed #ccc; }
.category-articles { margin-top:32px; }
.category-articles h2 { margin-bottom:18px; }
.category-articles-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:24px; }
.category-card { display:flex; flex-direction:column; background:#fff; border-radius:20px; overflow-x:auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;; box-shadow:0 16px 40px rgba(0,0,0,.08); }
.category-card-image { overflow-x:auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;; }
.category-card-image img { width:100%; height:220px; object-fit:cover; display:block; }
.category-card-body { padding:24px; display:flex; flex-direction:column; gap:14px; }
.category-card-body h3 { margin:0 0 8px; font-size:1.3rem; }
.category-card-body p { margin:0; color:#555; line-height:1.7; }
.category-card-body .button { margin-top:auto; }
.category-gallery-slider { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:18px; margin-top:28px; }
.booking-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; }
.reservation-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:start; }
.reservation-form { background:#fff; padding:32px; border-radius:20px; box-shadow:0 16px 40px rgba(0,0,0,.08); }
.reservation-form label { display:block; margin:14px 0 6px; font-weight:600; }
.reservation-form input, .reservation-form select, .reservation-form textarea { width:100%; padding:14px; border:1px solid #ddd; border-radius:14px; }
.reservation-form textarea { min-height:140px; resize:vertical; }
.reservation-info .service-card { background:#fff; padding:28px; border-radius:20px; box-shadow:0 16px 40px rgba(0,0,0,.08); }
.schedule-day { margin-bottom:18px; }
.schedule-day h4 { margin-bottom:8px; }
.schedule-day ul { padding-left:18px; margin:0; }
.schedule-day li { margin-bottom:6px; }
.button, .button-alt { display:inline-block; padding:14px 26px; background:#bb1e72; color:#fff; border-radius:999px; border:none; cursor:pointer; }
.button-alt { background:#3c3c3c; }
.site-footer { background-color:#111; background-size: cover; background-position: center; color:#fff; padding:100px 0 80px; position:relative; }
.footer-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:24px; }
.footer-social { display:flex; gap:14px; margin-top:16px; }
.footer-social a { color:#fff; display:inline-flex; align-items:center; gap:10px; font-weight:600; }
.footer-social svg { width:20px; height:20px; fill:#fff; }
.newsletter-form { display:flex; gap:10px; flex-wrap:wrap; }
.newsletter-form input { flex:1; min-width:220px; padding:12px 14px; border-radius:10px; border:1px solid #333; }
.newsletter-form button { border:none; }
.popup { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.45); opacity:0; visibility:hidden; transition:.3s ease; z-index:50; }
.popup.active { opacity:1; visibility:visible; }
.popup-content { background:#fff; border-radius:20px; padding:24px; max-width:480px; width:100%; position:relative; box-shadow:0 20px 45px rgba(0,0,0,.25); }
.popup-image { width:100%; height:auto; max-height:280px; border-radius:18px; margin-bottom:16px; object-fit:cover; }
.popup-close { position:absolute; top:14px; right:14px; border:none; background:none; font-size:1.5rem; cursor:pointer; }
.cookie-banner { position:fixed; left:16px; right:16px; bottom:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; background:rgba(17,17,17,.95); color:#fff; padding:18px 22px; border-radius:16px; box-shadow:0 18px 40px rgba(0,0,0,.3); z-index:60; }
.cookie-banner button { background:#ee82a9; border:none; color:#fff; padding:12px 20px; border-radius:999px; cursor:pointer; }
.article-card { background:#fff; padding:22px; border-radius:16px; box-shadow:0 14px 28px rgba(0,0,0,.06); margin-bottom:18px; }
.article-card h2 { margin-top:0; }
.article-meta { color:#666; margin-bottom:18px; }
.article-content { line-height:1.8; }
.page-contact .contact-grid, .category-page .category-gallery-slider { display:grid; gap:20px; }
.page-contact .contact-grid { grid-template-columns:1fr 1fr; }
.contact-gallery { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.alert { background:#e6f4ea; border:1px solid #b9e8c8; padding:14px 18px; border-radius:14px; color:#1f5d39; }
@media (max-width:999px) {
    .highlight-block, .booking-grid, .footer-grid, .page-contact .contact-grid { grid-template-columns:1fr; }
    .main-nav.side-menu { transform:translateX(-100%); }
    .main-nav:not(.side-menu) { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:12px; }
    .main-nav:not(.side-menu) a { margin-left:0; }
}

/* Centered Brand specifically for Homepage */
.home-page .header-inner {
    justify-content: center;
    position: relative;
    text-align: center;
}
.home-page .header-inner .menu-toggle {
    position: absolute;
    left: 0;
}
.home-page .brand {
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    margin: 0 auto;
}
.home-page .brand .logo {
    margin-right: 0;
    height: 60px;
    transition: transform 0.3s ease;
}
.home-page .brand:hover .logo {
    transform: scale(1.05);
}

/* Scroll Reveal Animations */
.reveal-init {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform, opacity;
}
.reveal-active {
    opacity: 1;
    transform: translateY(0);
}

/* Service cards stagger effect */
.service-card:nth-child(1) { transition-delay: 0.05s; }
.service-card:nth-child(2) { transition-delay: 0.1s; }
.service-card:nth-child(3) { transition-delay: 0.15s; }
.service-card:nth-child(4) { transition-delay: 0.2s; }
.service-card:nth-child(5) { transition-delay: 0.25s; }

/* Interactive Hover Lift & Shadow Glow */
.service-card, .gallery-item, .category-card {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.service-card:hover, .category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}
.gallery-item:hover {
    transform: scale(1.04);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}

/* Vertical Scrolling Line */
.vertical-scroll-container {
    position: fixed;
    right: 30px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgba(0, 0, 0, 0.05);
    z-index: 15;
    pointer-events: none;
}
.vertical-scroll-logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    object-fit: contain;
    padding: 2px;
    transition: top 0.1s linear;
}
@media (max-width: 999px) {
    .vertical-scroll-container { display: none; }
}

.article-slider::-webkit-scrollbar { display: none; }
.article-slider { -ms-overflow-style: none; scrollbar-width: none; }

.site-copyright { background-color: #000; color: #888; text-align: center; padding: 24px 0; font-size: 0.95rem; }
.site-copyright a { color: #bb1e72; text-decoration: none; transition: color 0.3s; font-weight: 600; }
.site-copyright a:hover { color: #fff; }
.site-footer canvas { width: 100% !important; height: 100% !important; }

/* Dynamic aesthetics & animations for elegant beauty center feel */
main > section:nth-child(odd) {
    background-color: #fffafb; /* Very light subtle pink/beige */
    padding: 60px 0;
}
main > section:nth-child(even) {
    background-color: #ffffff;
    padding: 60px 0;
}
main > section.hero {
    padding: 0 !important; /* hero slider has its own spacing */
}

/* Hover effects for Service and Pricing Cards */
.service-card, .pricing-card {
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.service-card:hover, .pricing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(187, 30, 114, 0.12); /* Subtle brand-colored shadow */
}

/* Image zoom effect on hover */
.service-card-image img, .pricing-card img {
    transition: transform 0.6s ease;
}
.service-card:hover .service-card-image img, .pricing-card:hover img {
    transform: scale(1.05);
}

/* Refined buttons */
.button {
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(187, 30, 114, 0.2);
}
.button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(187, 30, 114, 0.3);
    background-color: #9a175c;
}

/* Staggered animation delay for pricing cards */
.pricing-card:nth-child(1) { transition-delay: 0.05s; }
.pricing-card:nth-child(2) { transition-delay: 0.1s; }
.pricing-card:nth-child(3) { transition-delay: 0.15s; }
.pricing-card:nth-child(4) { transition-delay: 0.2s; }
.pricing-card:nth-child(5) { transition-delay: 0.25s; }