body { user-select:none !important; } h1,h2,h3,h4,h5,h6{ font-family: Cormorant Garamond serif; } @media only screen and (min-width:1150px){ h2:not(.blog-card-title){ font-size: 60px !important; } } @media (min-width: 768px) and (max-width: 1149px){ h2{ font-size: 45px !important; } } @media only screen and (max-width:767px){ h2{ font-size: 35px !important; } } main-footer*{ margin:0; padding:0; box-sizing:border-box; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /*Whatsapp Icon*/ /* Footer */ footer{ background:#0E76BC; color:#fff; } /* Footer Content */ .footer-content{ max-width:1200px; margin:auto; padding:60px 20px; text-align:center; } .footer-content h2{ font-size:32px; margin-bottom:15px; } .footer-content p{ color:rgba(255,255,255,.85); line-height:1.8; max-width:700px; margin:auto; } /* Bottom Bar */ .footer-bottom{ border-top:1px solid rgba(255,255,255,.15); max-width:1200px; margin:auto; padding:18px 20px; display:flex; justify-content:space-between; align-items:center; } /* Copyright */ .footer-copy{ font-size:15px; color:rgba(255,255,255,.8); } /* WhatsApp Button */ .footer-whatsapp{ width:65px; height:65px; border-radius:50%; background:#25D366; display:flex; justify-content:center; align-items:center; transition:.35s ease; box-shadow:0 8px 20px rgba(37,211,102,.35); } .footer-whatsapp:hover{ transform:translateY(-4px) scale(1.08); box-shadow:0 12px 30px rgba(37,211,102,.55); } .footer-whatsapp img{ width:55px; height:55px; display:block; } a.footer-whatsapp { position: fixed; bottom: 10px; right: 10px; z-index: 9999; } /* Mobile */ @media(max-width:768px){ .footer-bottom{ flex-direction:column; gap:18px; text-align:center; } } html, body{ scroll-behavior:smooth; /*overflow-x:hidden;*/ } body{ /*overflow-x: hidden;*/ } body{ background:#F7F3FF; font-family: "Poppins", sans-serif; } /* Responsive media baseline: prevents image overflow / horizontal scroll on small screens */ img{ max-width: 100%; } .section-padding{ padding:120px 0; } /* ========================================= TOP BAR SECTION START ========================================= */ .top-bar{ width: 100%; background: linear-gradient( to right, #2d1450, #4b2d7f, #2d1450 ); padding: 8px 0; position: relative; z-index: 99999; } .top-bar-container{ width: 100%; padding: 0 45px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } /* LEFT */ .top-left{ display: flex; align-items: center; gap: 22px; flex-wrap: wrap; } .top-left a{ color: #fff; text-decoration: none; font-size: 14px; font-weight: 500; transition: 0.3s; } .top-left a:hover{ color: #d8b4fe; } /* SOCIAL */ .top-social{ display: flex; align-items: center; gap: 14px; } @media only screen and (max-width: 768px) { .top-social { justify-content: center; } } .top-social a{ width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; color: white; background: rgba(255,255,255,0.12); backdrop-filter: blur(8px); transition: 0.3s; font-size: 15px; } .top-social a:hover{ background: #c084fc; transform: translateY(-3px); } /* RIGHT BUTTONS */ .top-right{ display: flex; align-items: center; gap: 12px; } /* TOP BAR BUTTONS */ .top-btn{ text-decoration: none; padding: 10px 18px; border-radius: 999px; font-size: 13px; font-weight: 600; color: white; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.18); backdrop-filter: blur(8px); transition: 0.3s; } /* HOVER */ .top-btn:hover{ background: linear-gradient( to right, #c084fc, #8b5cf6 ); border-color: transparent; transform: translateY(-2px); } /* REMOVE OLD DIFFERENT BUTTON STYLE */ .top-btn-light{ background: rgba(255,255,255,0.14); } /* RESPONSIVE */ @media(max-width: 991px){ .top-bar{ display: none; } } /* ========================================= TOP BAR SECTION END ========================================= */ /* ======================================== MOBILE MENU FIX ======================================== */ /* ========================================= HEADER START ========================================= */ /*Header Sticky*/ .main-header{ position: fixed; top: 52px; left: 0; width: 100%; z-index: 9999; background: rgba(255,255,255,0.9); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(120,90,180,0.1); } /*Header*/ #header { position: sticky !important; top: 0 !important; z-index: 9999; left: 0; width: 100%; } .header-container{ width: 100%; padding: 18px 70px; display: flex; align-items: center; justify-content: space-between; } /* LOGO */ .logo-area{ text-decoration: none; } .logo-area h2{ font-size: 34px; color: #3e2d73; font-family: "Cormorant Garamond", serif; margin-bottom: 2px; } .logo-area span{ font-size: 11px; letter-spacing: 4px; color: #9f7aea; } /* DESKTOP MENU */ .desktop-menu{ display: flex; align-items: center; gap: 34px; } /* MENU LINKS */ .desktop-menu a, .dropdown-btn{ display: flex; align-items: flex-start; gap: 6px; text-decoration: none; border: none; background: transparent; font-size: 17px; font-weight: 600; color: #3e2d73; cursor: pointer; transition: 0.3s; padding: 12px 16px; border-radius: 12px; } /* DROPDOWN ARROW */ .dropdown-btn span{ font-size: 15px; } /* HOVER */ .desktop-menu a:hover, .dropdown-btn:hover{ background: #9f7aea; color: white; } /* DROPDOWN */ .dropdown{ position: relative; } .dropdown-menu{ position: absolute; top: 60px; left: 0; min-width: 260px; background: white; border-radius: 18px; padding: 14px; display: flex; flex-direction: column; gap: 6px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: 0.3s; box-shadow: 0 15px 40px rgba(0,0,0,0.08); } .dropdown:hover .dropdown-menu{ opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-menu a{ padding: 14px 16px; border-radius: 12px; } .dropdown-menu a:hover{ background: #9f7aea; color: white; } /* BUTTON */ .header-btn{ background: linear-gradient(to right,#c084fc,#8b5cf6); color: white; text-decoration: none; padding: 15px 28px; border-radius: 999px; font-weight: 600; } /* RIGHT */ .header-right{ display: flex; align-items: center; gap: 18px; } /* HAMBURGER */ .hamburger{ display: none; border: none; background: transparent; font-size: 34px; color: #3e2d73; cursor: pointer; } /* MOBILE MENU */ .mobile-menu-wrapper{ position: fixed; top: 0; left: 0; width: 100%; max-width: 100%; height: 100vh; height: 100dvh; background: rgba(0,0,0,0.4); z-index: 99999; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.4s, visibility 0.4s; } .mobile-menu-wrapper.active{ opacity: 1; visibility: visible; pointer-events: auto; } .mobile-menu{ width: min(320px, 100%); max-width: 100%; height: 100%; background: white; padding: 30px; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; } /* TOP */ .mobile-top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px; } .mobile-top h2{ font-size: 30px; color: #3e2d73; } .mobile-top span{ font-size: 10px; letter-spacing: 3px; color: #9f7aea; } #closeMenu{ border: none; background: transparent; font-size: 28px; cursor: pointer; } /* LINKS */ .mobile-links{ display: flex; flex-direction: column; } .mobile-links a{ text-decoration: none; color: #3e2d73; font-size: 18px; font-weight: 600; padding: 16px 0; border-bottom: 1px solid #eee; } /* MOBILE DROPDOWN */ .mobile-dropdown-btn{ width: 100%; border: none; background: transparent; display: flex; align-items: center; justify-content: space-between; padding: 18px 0; font-size: 18px; font-weight: 600; color: #3e2d73; cursor: pointer; } .mobile-dropdown-content{ display: none; flex-direction: column; padding-left: 15px; } .mobile-dropdown.active .mobile-dropdown-content{ display: flex; } .mobile-dropdown-content a{ font-size: 16px; padding: 12px 0; } /* MOBILE BUTTON */ .mobile-btn{ background: linear-gradient(to right,#c084fc,#8b5cf6); color: white !important; text-align: center; border-radius: 999px; margin-top: 20px; border: none !important; padding: 16px !important; } /* RESPONSIVE */ @media(max-width: 991px){ .main-header{ top: 0; } .desktop-menu{ display: none; } .header-btn{ display: none; } .hamburger{ display: block; } } /* Laptop header tuning (992px–1440px) — desktop & mobile unchanged */ @media (min-width: 992px) and (max-width: 1440px) { .top-bar-container { padding: 0 32px; gap: 14px; } .top-left { gap: 16px; } .top-left a { font-size: 13px; } .top-btn { padding: 8px 14px; font-size: 12px; } .header-container { padding: 14px 32px; gap: 16px; } .main-header .logo-area { flex-shrink: 0; } .main-header .logo-area h2 { font-size: 40px !important; line-height: 1 !important; } .main-header .logo-area span { font-size: 11px !important; letter-spacing: 4px !important; } .desktop-menu { gap: 16px; flex-shrink: 1; min-width: 0; } .desktop-menu a, .desktop-menu .dropdown-btn { font-size: 14px; padding: 8px 12px; border-radius: 10px; white-space: nowrap; } .header-right { gap: 12px; flex-shrink: 0; } .header-btn { padding: 12px 22px; font-size: 14px; white-space: nowrap; } } @media (min-width: 992px) and (max-width: 1280px) { .top-bar-container { padding: 0 24px; gap: 10px; } .top-left a { font-size: 12px; } .top-btn { padding: 7px 12px; font-size: 11px; } .header-container { padding: 12px 24px; gap: 12px; } .main-header .logo-area h2 { font-size: 34px !important; } .main-header .logo-area span { font-size: 10px !important; letter-spacing: 3px !important; } .desktop-menu { gap: 8px; } .desktop-menu a, .desktop-menu .dropdown-btn { font-size: 13px; padding: 7px 9px; } .header-btn { padding: 10px 18px; font-size: 13px; } } @media (min-width: 992px) and (max-width: 1100px) { .top-social { gap: 10px; } .top-social a { width: 32px; height: 32px; font-size: 13px; } .main-header .logo-area h2 { font-size: 30px !important; } .desktop-menu { gap: 6px; } .desktop-menu a, .desktop-menu .dropdown-btn { font-size: 12px; padding: 6px 8px; } .header-btn { padding: 9px 16px; font-size: 12px; } } /* ========================================= HEADER END ========================================= */ /* ======================================== End MOBILE MENU FINAL FIX ======================================== */ /* ================================= */ /* EXTRA FLOAT ANIMATIONS */ /* ================================= */ @keyframes float3 { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-18px) rotate(-4deg); } 100% { transform: translateY(0px) rotate(0deg); } } .animate-float3 { animation: float3 10s ease-in-out infinite; } /* BUTTERFLY FLOAT 1 */ @keyframes butterfly1 { 0% { transform: translate(0px, 0px); } 50% { transform: translate(12px, -16px); } 100% { transform: translate(0px, 0px); } } .animate-butterfly1 { animation: butterfly1 7s ease-in-out infinite; } /* BUTTERFLY FLOAT 2 */ @keyframes butterfly2 { 0% { transform: translate(0px, 0px); } 50% { transform: translate(-10px, -14px); } 100% { transform: translate(0px, 0px); } } .animate-butterfly2 { animation: butterfly2 8s ease-in-out infinite; } /* ======================================== TESTIMONIALS SECTION CSS ======================================== */ .testimonials-section{ position: relative; padding: 140px 0; background: #f7f3ff; overflow: hidden; } /* container */ .testimonials-section .container{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* heading */ .testimonials-heading{ text-align: center; margin-bottom: 70px; } .testimonials-heading span{ font-size: 13px; letter-spacing: 5px; color: #9b7bff; font-weight: 600; font-family: "Poppins", sans-serif; display: inline-block; margin-bottom: 20px; } .testimonials-heading h2{ font-size: 72px; line-height: 1.1; color: #2d1763; font-family: "Cormorant Garamond", serif; font-weight: 500; } /* slider wrapper */ .testimonials-slider-wrap{ width: 100%; overflow: hidden; } /* swiper */ .testimonialsSlider{ overflow: visible; } /* wrapper */ .testimonialsSlider .swiper-wrapper{ transition-timing-function: linear !important; align-items: stretch; } /* slide */ .testimonialsSlider .swiper-slide{ width: 420px !important; height: auto; } /* card */ .testimonial-card{ background: #fff; border-radius: 32px; padding: 40px; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 10px 30px rgba(120,90,255,0.08); } /* text */ .testimonial-card p{ font-size: 18px; line-height: 1.9; color: #6d6488; margin-bottom: 40px; } /* user */ .testimonial-user{ display: flex; align-items: center; gap: 18px; } /* icon */ .testimonial-icon{ width: 60px; height: 60px; border-radius: 50%; background: linear-gradient( 135deg, #cba8ff, #8b5cf6 ); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; flex-shrink: 0; } /* name */ .testimonial-user h4{ font-size: 30px; color: #2d1763; margin-bottom: 5px; font-family: "Cormorant Garamond", serif; } /* service */ .testimonial-user span{ font-size: 16px; color: #9a90ba; font-family: "Poppins", sans-serif; } /* floating decorations */ .testimonial-butterfly{ position: absolute; width: 70px; opacity: 0.2; z-index: 1; animation: floatButterfly 5s ease-in-out infinite; } .butterfly-1{ top: 80px; left: 100px; } .butterfly-2{ bottom: 120px; right: 120px; } /* crystals */ .testimonial-crystal{ position: absolute; opacity: 0.15; z-index: 1; animation: floatCrystal 6s ease-in-out infinite; } .crystal-1{ width: 150px; top: 120px; right: -20px; } .crystal-2{ width: 120px; bottom: 60px; left: -20px; } /* animations */ @keyframes floatButterfly{ 0%{ transform: translateY(0px); } 50%{ transform: translateY(-20px); } 100%{ transform: translateY(0px); } } @keyframes floatCrystal{ 0%{ transform: translateY(0px); } 50%{ transform: translateY(-15px); } 100%{ transform: translateY(0px); } } /* responsive */ @media(max-width:768px){ .testimonials-section{ padding: 100px 0; } .testimonials-heading h2{ font-size: 48px; } .testimonialsSlider .swiper-slide{ width: 320px !important; } .testimonial-card{ padding: 30px; min-height: 280px; } .testimonial-card p{ font-size: 16px; } .testimonial-user h4{ font-size: 24px; } } /* ========================= FAQ SECTION ========================= */ .faq-section{ position: relative; padding: 140px 20px; background: #f7f3ff; overflow: hidden; } .faq-section .container{ max-width: 1100px; margin: 0 auto; position: relative; z-index: 2; } .faq-heading{ text-align: center; max-width: 750px; margin: 0 auto 70px; } .faq-heading span{ font-size: 13px; letter-spacing: 5px; color: #9b7bff; font-weight: 600; display: inline-block; margin-bottom: 20px; } .faq-heading h2{ font-size: 72px; line-height: 1.1; color: #2d1763; margin-bottom: 20px; font-family: "Cormorant Garamond", serif; font-weight: 500; } .faq-heading p{ font-size: 20px; color: #6d6488; line-height: 1.7; } /* wrapper */ .faq-wrapper{ max-width: 950px; margin: 0 auto; } /* item */ .faq-item{ background: #fff; border-radius: 30px; margin-bottom: 24px; overflow: hidden; box-shadow: 0 10px 30px rgba(124,95,255,0.08); } /* question */ .faq-question{ width: 100%; border: none; outline: none; background: transparent; display: flex; align-items: center; justify-content: space-between; padding: 32px 35px; cursor: pointer; text-align: left; } .faq-question span{ font-size: 28px; color: #2d1763; font-family: "Cormorant Garamond", serif; } /* icon */ .faq-icon{ min-width: 52px; width: 52px; height: 52px; border-radius: 50%; background: linear-gradient( 135deg, #c7a7ff, #8b5cf6 ); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28px; font-weight: 600; } /* answer */ .faq-answer{ display: none; padding: 0 35px 35px; } .faq-answer p{ font-size: 18px; line-height: 1.8; color: #6d6488; } /* active */ .faq-item.active .faq-answer{ display: block; } /* floating elements */ .faq-butterfly{ position: absolute; width: 70px; opacity: 0.25; animation: floatButterfly 5s ease-in-out infinite; } .faq-butterfly-1{ top: 80px; left: 120px; } .faq-crystal{ position: absolute; opacity: 0.2; animation: floatCrystal 7s ease-in-out infinite; } .faq-crystal-1{ width: 140px; top: 120px; right: 120px; } .faq-crystal-2{ width: 110px; bottom: 80px; left: 100px; } /* animations */ @keyframes floatButterfly{ 0%{ transform: translateY(0px); } 50%{ transform: translateY(-20px); } 100%{ transform: translateY(0px); } } @keyframes floatCrystal{ 0%{ transform: translateY(0px); } 50%{ transform: translateY(-15px); } 100%{ transform: translateY(0px); } } /* responsive */ @media(max-width:768px){ .faq-heading h2{ font-size: 48px; } .faq-question{ padding: 24px; gap: 20px; } .faq-question span{ font-size: 22px; } .faq-answer{ padding: 0 24px 24px; } .faq-answer p{ font-size: 16px; } } /* ======================================== FAQ SOFT GLOW ======================================== */ .faq-section::before{ content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(180,140,255,0.15); filter: blur(120px); top: -120px; left: -120px; } .faq-section::after{ content: ""; position: absolute; width: 400px; height: 400px; border-radius: 50%; background: rgba(140,120,255,0.10); filter: blur(100px); bottom: -100px; right: -100px; } /* ========================================= */ /* READY JOURNEY CTA SECTION */ /* ========================================= */ /* ========================================= */ /* READY JOURNEY CTA SECTION */ /* ========================================= */ .ready-journey-section{ position: relative; overflow: hidden; padding: 140px 20px; background: linear-gradient( rgba(43, 20, 78, 0.72), rgba(63, 34, 104, 0.78) ), url("../assets/images/cta-ready-journey-banner.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; } /* ========================================= */ /* CONTAINER */ /* ========================================= */ .ready-journey-section .container{ max-width: 1200px; margin: auto; position: relative; z-index: 5; } /* ========================================= */ /* CONTENT */ /* ========================================= */ .ready-journey-content{ max-width: 760px; margin: auto; text-align: center; } .ready-journey-content span{ display: inline-block; margin-bottom: 20px; font-size: 13px; font-weight: 600; letter-spacing: 5px; text-transform: uppercase; color: #e0c8ff; } .ready-journey-content h2{ font-size: 76px; line-height: 1.1; margin-bottom: 30px; color: #fff; font-family: "Cormorant Garamond", serif; font-weight: 600; } .ready-journey-content p{ font-size: 20px; line-height: 1.9; color: rgba(255,255,255,0.88); margin-bottom: 42px; } /* ========================================= */ /* BUTTON */ /* ========================================= */ .journey-btn{ display: inline-flex; align-items: center; justify-content: center; height: 62px; padding: 0 42px; border-radius: 100px; background: linear-gradient( 135deg, #c89cff, #8e5cff ); color: #fff; text-decoration: none; font-size: 17px; font-weight: 600; transition: 0.4s ease; box-shadow: 0 10px 35px rgba(160,100,255,0.35); } .journey-btn:hover{ transform: translateY(-4px); box-shadow: 0 14px 40px rgba(160,100,255,0.55); } /* ========================================= */ /* FLOATING CRYSTALS */ /* ========================================= */ .journey-crystal{ position: absolute; z-index: 1; opacity: 0.30; pointer-events: none; animation: crystalFloat 6s ease-in-out infinite; } /* LEFT TOP */ .crystal-float-1{ width: 180px; top: 60px; left: 40px; } /* LEFT CENTER */ .crystal-float-2{ width: 150px; left: 24%; bottom: 60px; } /* RIGHT TOP */ .crystal-float-3{ width: 170px; top: 90px; right: 50px; } /* ========================================= */ /* FLOAT ANIMATION */ /* ========================================= */ @keyframes crystalFloat{ 0%{ transform: translateY(0px); } 50%{ transform: translateY(-25px); } 100%{ transform: translateY(0px); } } /* ========================================= */ /* RESPONSIVE */ /* ========================================= */ @media(max-width:991px){ .ready-journey-content h2{ font-size: 56px; } .ready-journey-content p{ font-size: 18px; } .crystal-float-1{ width: 120px; } .crystal-float-2{ width: 110px; } .crystal-float-3{ width: 120px; } } @media(max-width:768px){ .ready-journey-section{ padding: 100px 20px; } .ready-journey-content h2{ font-size: 42px; } .ready-journey-content p{ font-size: 16px; line-height: 1.8; } .journey-btn{ width: 100%; max-width: 320px; } .crystal-float-1{ width: 90px; top: 30px; left: -10px; } .crystal-float-2{ width: 85px; left: 10%; bottom: 40px; } .crystal-float-3{ width: 90px; right: -10px; top: 40px; } } /* ======================================== */ /* FOOTER SECTION */ /* ======================================== */ /* ======================================== */ /* FOOTER SECTION */ /* ======================================== */ .main-footer{ position: relative; overflow: hidden; padding-top: 90px; background: linear-gradient( rgba(35, 16, 70, 0.92), rgba(55, 28, 102, 0.95) ), url("../assets/images/cta-lantern-banner.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; } /* CONTAINER */ .main-footer .container{ width: 100%; max-width: 1800px; margin: auto; padding-left: 80px; padding-right: 80px; } /* GRID */ .footer-grid{ display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 80px; align-items: start; padding-bottom: 60px; } /* TEXT LOGO */ .footer-text-logo h3{ font-size: 42px; line-height: 1; margin-bottom: 10px; color: #fff; font-family: "Cormorant Garamond", serif; } .footer-text-logo span{ display: block; color: rgba(255,255,255,0.72); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 26px; } /* ABOUT */ .footer-about p{ color: rgba(255,255,255,0.72); line-height: 1.9; font-size: 15px; max-width: 320px; } .footer-about { display: flex; flex-direction: column; gap: 15px; } /* TITLES */ .footer-links h4, .footer-contact h4{ font-size: 18px; font-weight: 600; margin-bottom: 24px; text-transform: uppercase; letter-spacing: 1px; } /* LINKS */ .footer-links ul{ list-style: none; padding: 0; margin: 0; } .footer-links ul li{ margin-bottom: 16px; } .footer-links ul li a{ text-decoration: none; color: rgba(255,255,255,0.72); transition: 0.3s; font-size: 18px; } .footer-links ul li a:hover{ color: #d7b6ff; padding-left: 5px; } /* CONTACT */ .footer-contact p{ color: rgba(255,255,255,0.72); line-height: 1.8; margin-bottom: 24px; font-size: 18px; } /* BUTTON */ .footer-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 30px; border-radius: 999px; background: linear-gradient( 135deg, #cfa7ff, #9a67ff ); color: #fff; text-decoration: none; font-weight: 600; margin-bottom: 18px; transition: 0.35s ease; } .footer-btn:hover{ transform: translateY(-4px); box-shadow: 0 12px 30px rgba(173,124,255,0.35); } /* EMAIL */ .footer-contact span{ display: block; color: rgba(255,255,255,0.7); font-size: 14px; } /* BOTTOM */ .footer-bottom{ border-top: 1px solid rgba(255,255,255,0.08); padding: 24px 0; } .footer-bottom-flex{ display: flex; align-items: center; justify-content: space-between; gap: 20px; } .footer-bottom p{ font-size: 16px; } /* POLICY */ .footer-policy-links{ display: flex; gap: 20px; } .footer-policy-links a{ color: rgba(255,255,255,0.7); text-decoration: none; transition: 0.3s; font-size: 18px; } .footer-policy-links a:hover{ color: #d7b6ff; } /* RESPONSIVE */ @media(max-width:991px){ .footer-grid{ grid-template-columns: 1fr 1fr; gap: 40px; } } @media(max-width:767px){ .main-footer .container{ padding-left: 20px; padding-right: 20px; } .footer-grid{ grid-template-columns: 1fr; gap: 40px; text-align: center; } .footer-grid > *{ min-width: 0; max-width: 100%; } .footer-about p{ margin: auto; max-width: 100%; } .footer-contact-stack{ align-items: center; } .footer-inline-contact a, .footer-contact-stack a{ word-break: break-word; overflow-wrap: anywhere; } .footer-bottom-flex{ flex-direction: column; text-align: center; } } /* ========================================= ABOUT PAGE START ========================================= */ .about-page{ overflow: hidden; background: #f7f3ff; } /* CONTAINER */ .container{ width: 100%; max-width: 1300px; margin: auto; padding: 0 20px; } /* ========================================= HERO SECTION ========================================= */ .about-hero-section{ position: relative; padding: 180px 0 120px; overflow: hidden; background: linear-gradient( 135deg, rgba(247,243,255,0.96), rgba(238,229,255,0.92) ); } /* FLOATING ELEMENTS */ .about-butterfly, .about-leaf{ position: absolute; opacity: 0.18; pointer-events: none; z-index: 1; } .butterfly-1{ width: 240px; top: 100px; left: -40px; animation: floatButterfly 8s ease-in-out infinite; } .butterfly-2{ width: 160px; top: 180px; right: -20px; animation: floatButterfly 10s ease-in-out infinite; } .leaf-1{ width: 180px; bottom: 120px; left: -40px; } .leaf-2{ width: 180px; top: 80px; right: -40px; } @keyframes floatButterfly{ 0%{ transform: translateY(0px); } 50%{ transform: translateY(-18px); } 100%{ transform: translateY(0px); } } /* GRID */ .about-hero-grid{ display: grid; grid-template-columns: 520px 1fr; gap: 70px; align-items: center; position: relative; z-index: 5; } /* IMAGE */ .about-image-wrap{ position: relative; border-radius: 28px; overflow: hidden; box-shadow: 0 20px 60px rgba(125, 91, 166, 0.18); } .about-image-wrap img{ width: 100%; display: block; } /* CONTENT */ .about-mini-title{ display: inline-block; margin-bottom: 18px; padding: 10px 20px; border-radius: 100px; background: rgba(159,122,234,0.14); color: #9f7aea; font-size: 14px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .about-content-side h1{ font-size: 64px; line-height: 1.08; color: #341f5e; margin-bottom: 28px; font-family: 'Cormorant Garamond', serif; } .about-content-side p{ font-size: 17px; line-height: 1.9; color: #5c5470; margin-bottom: 22px; } /* SPECIALIZATION */ .about-specialization{ margin-top: 35px; } .about-specialization h3{ font-size: 28px; color: #341f5e; margin-bottom: 25px; font-family: 'Cormorant Garamond', serif; } .specialization-grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; } .special-card{ padding: 18px 20px; border-radius: 18px; background: rgba(255,255,255,0.75); backdrop-filter: blur(12px); border: 1px solid rgba(159,122,234,0.15); color: #4a3f68; font-size: 15px; font-weight: 500; transition: 0.3s; } .special-card:hover{ transform: translateY(-5px); box-shadow: 0 14px 30px rgba(159,122,234,0.18); } /* BUTTONS */ .about-btns{ display: flex; gap: 18px; margin-top: 40px; } .about-main-btn, .about-outline-btn{ display: inline-flex; align-items: center; justify-content: center; height: 58px; padding: 0 34px; border-radius: 100px; text-decoration: none; font-weight: 600; transition: 0.3s; } .about-main-btn{ background: linear-gradient( 135deg, #c084fc, #8b5cf6 ); color: white; box-shadow: 0 12px 28px rgba(139,92,246,0.25); } .about-main-btn:hover{ transform: translateY(-4px); } .about-outline-btn{ border: 1px solid rgba(139,92,246,0.25); color: #7c3aed; background: white; } .about-outline-btn:hover{ background: #7c3aed; color: white; } /* ========================================= SPIRITUAL JOURNEY ========================================= */ .spiritual-journey-section{ padding: 110px 0; } .journey-box{ max-width: 900px; margin: auto; text-align: center; } .journey-box span{ display: inline-block; margin-bottom: 18px; color: #9f7aea; letter-spacing: 2px; text-transform: uppercase; font-size: 13px; font-weight: 600; } .journey-box h2{ font-size: 56px; line-height: 1.1; color: #341f5e; margin-bottom: 28px; font-family: 'Cormorant Garamond', serif; } .journey-box p{ font-size: 18px; line-height: 1.9; color: #5c5470; margin-bottom: 20px; } /* ========================================= EXPERIENCE SECTION ========================================= */ .experience-section{ padding-bottom: 120px; } .experience-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 25px; } .experience-card{ padding: 45px 25px; border-radius: 24px; background: white; text-align: center; box-shadow: 0 15px 35px rgba(159,122,234,0.08); transition: 0.3s; } .experience-card:hover{ transform: translateY(-6px); } .experience-card h3{ font-size: 44px; color: #8b5cf6; margin-bottom: 14px; font-family: 'Cormorant Garamond', serif; } .experience-card p{ color: #5c5470; font-size: 16px; } /* ========================================= TESTIMONIAL SECTION ========================================= */ .premium-testimonial-section{ position: relative; padding: 120px 0; background: linear-gradient( 135deg, #3d1f70, #5b2ea6 ); overflow: hidden; } .testimonial-butterfly{ position: absolute; width: 260px; top: 60px; right: -40px; opacity: 0.08; } .section-title{ text-align: center; max-width: 800px; margin: auto auto 70px; } .section-title span{ display: inline-block; margin-bottom: 15px; color: #d7c4ff; letter-spacing: 2px; text-transform: uppercase; font-size: 13px; font-weight: 600; } .section-title h2{ font-size: 60px; line-height: 1.1; color: white; margin-bottom: 25px; font-family: 'Cormorant Garamond', serif; } .section-title p{ color: rgba(255,255,255,0.75); font-size: 18px; line-height: 1.8; } .testimonial-grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; } .testimonial-card{ padding: 38px; border-radius: 26px; background: rgba(255,255,255,0.08); backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,0.08); transition: 0.3s; } .testimonial-card:hover{ transform: translateY(-6px); } .testimonial-card p{ color: rgba(255,255,255,0.9); line-height: 1.9; font-size: 17px; margin-bottom: 24px; } .testimonial-card h4{ color: #d7c4ff; font-size: 15px; } /* ========================================= CTA SECTION ========================================= */ .about-cta-section{ position: relative; padding: 130px 0; overflow: hidden; background: linear-gradient( 135deg, rgba(49,16,95,1), rgba(93,52,168,1) ); } .cta-crystal{ position: absolute; opacity: 0.18; } .crystal-1{ width: 220px; left: 60px; top: 100px; } .crystal-2{ width: 220px; right: 60px; bottom: 80px; } .about-cta-box{ max-width: 850px; margin: auto; text-align: center; position: relative; z-index: 5; } .about-cta-box span{ display: inline-block; margin-bottom: 20px; color: #d7c4ff; letter-spacing: 2px; text-transform: uppercase; font-size: 13px; font-weight: 600; } .about-cta-box h2{ font-size: 68px; line-height: 1.08; color: white; margin-bottom: 30px; font-family: 'Cormorant Garamond', serif; } .about-cta-box p{ color: rgba(255,255,255,0.78); line-height: 1.9; font-size: 18px; margin-bottom: 40px; } .about-cta-btn{ display: inline-flex; align-items: center; justify-content: center; height: 62px; padding: 0 42px; border-radius: 100px; text-decoration: none; background: white; color: #6d28d9; font-weight: 600; transition: 0.3s; } .about-cta-btn:hover{ transform: translateY(-5px); } /* ========================================= RESPONSIVE ========================================= */ @media(max-width:1100px){ .about-hero-grid{ grid-template-columns: 1fr; } .about-image-side{ max-width: 650px; margin: auto; } .experience-grid{ grid-template-columns: repeat(2,1fr); } } @media(max-width:768px){ .about-hero-section{ padding: 150px 0 90px; } .about-content-side h1{ font-size: 48px; } .journey-box h2{ font-size: 42px; } .section-title h2{ font-size: 42px; } .about-cta-box h2{ font-size: 46px; } .specialization-grid{ grid-template-columns: 1fr; } .testimonial-grid{ grid-template-columns: 1fr; } .experience-grid{ grid-template-columns: 1fr; } .about-btns{ flex-direction: column; } } @media(max-width:580px){ .about-content-side h1{ font-size: 40px; } .journey-box h2{ font-size: 36px; } .section-title h2{ font-size: 36px; } .about-cta-box h2{ font-size: 40px; } .about-content-side p, .journey-box p, .section-title p, .about-cta-box p{ font-size: 16px; } } /* ========================================= ABOUT PAGE END ========================================= */ /* ========================================= TESTIMONIAL SECTION START ========================================= */ .premium-testimonial-section{ position: relative; overflow: hidden; padding: 120px 0; background: linear-gradient(180deg,#3d1770 0%,#5c2ca0 100%); } .testimonial-heading{ text-align: center; margin-bottom: 70px; } .testimonial-heading span{ color: #d9c8ff; letter-spacing: 4px; font-size: 13px; font-weight: 600; } .testimonial-heading h1, .testimonial-heading h2{ font-size: 72px; color: white; line-height: 1.1; margin: 20px 0; font-family: "Cormorant Garamond", serif; } .testimonial-heading p{ max-width: 850px; margin: auto; color: #f3ebff; line-height: 1.9; font-size: 18px; } /* SWIPER */ .testimonial-slider{ width: 100vw; margin-left: calc(-50vw + 50%); overflow: hidden; padding: 20px 0 40px; } .testimonial-slider .swiper{ overflow: visible !important; } .testimonial-slider .swiper-wrapper{ align-items: stretch; } .testimonial-slider .swiper-wrapper{ transition-timing-function: linear !important; align-items: stretch; } .testimonial-slider .swiper-slide{ height: auto; display: flex; } /* CARD */ .testimonial-card{ width: 100%; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.08); backdrop-filter: blur(10px); border-radius: 28px; padding: 30px 32px; box-shadow: 0 20px 60px rgba(0,0,0,0.15); transition: 0.4s; min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; } .testimonial-card:hover{ transform: translateY(-8px); background: rgba(255,255,255,0.12); } .testimonial-card p{ color: white; line-height: 2; font-size: 17px; margin-bottom: 40px; } .testimonial-card h4{ color: #ead9ff; font-size: 16px; font-weight: 600; } /* BUTTON */ .testimonial-btn-wrap{ text-align: center; margin-top: 60px; } .testimonial-btn{ display: inline-flex; align-items: center; justify-content: center; padding: 18px 34px; border-radius: 100px; background: white; color: #5c2ca0; text-decoration: none; font-weight: 600; transition: 0.3s; } .testimonial-btn:hover{ background: #2A1E5C; color: white; } /* FLOATING */ .testimonial-butterfly{ position: absolute; width: 180px; opacity: 0.08; pointer-events: none; } .butterfly-left{ top: 80px; left: -40px; } .butterfly-right{ right: -40px; bottom: 100px; } .testimonial-leaf{ position: absolute; width: 220px; opacity: 0.06; } .leaf-left{ left: -60px; bottom: 100px; } .leaf-right{ right: -60px; top: 100px; } /* MOBILE */ @media(max-width:991px){ .premium-testimonial-section{ padding: 80px 20px; } .testimonial-heading h1, .testimonial-heading h2{ font-size: 46px; } } @media(max-width:768px){ .testimonial-heading h1, .testimonial-heading h2{ font-size: 36px; } .testimonial-card{ padding: 30px; min-height: auto; } .testimonial-card p{ font-size: 15px; line-height: 1.8; } } /* ========================================= TESTIMONIAL SECTION END ========================================= */ /* ========================================= */ /* ABOUT PAGE CSS */ /* ========================================= */ .about-page{ overflow:hidden; background:#f7f3ff; } /* HERO */ .about-hero-section{ position:relative; padding:120px 0; background:linear-gradient(180deg,#f7f3ff 0%,#efe6ff 100%); overflow:hidden; } .about-hero-grid{ position:relative; z-index:5; display:grid; grid-template-columns:1fr 1.1fr; gap:70px; align-items:center; } .about-image-wrap{ position:relative; border-radius:30px; overflow:hidden; box-shadow:0 25px 60px rgba(98,63,168,.18); } .about-image-wrap img{ width:100%; display:block; } .about-content-side h1{ font-size:62px; line-height:1.1; color:#2A1F5C; margin:20px 0; font-family:"Cormorant Garamond", serif; font-weight:600; } .about-mini-title{ letter-spacing:4px; text-transform:uppercase; font-size:13px; color:#8f7ae8; font-weight:600; } .about-content-side p{ font-size:17px; line-height:1.9; color:#4d4374; margin-bottom:22px; } .about-specialization{ margin-top:35px; } .about-specialization h3{ font-size:30px; margin-bottom:25px; color:#2A1F5C; font-family:"Cormorant Garamond", serif; } .specialization-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; } .special-card{ background:#fff; padding:18px 20px; border-radius:16px; box-shadow:0 10px 30px rgba(143,122,232,.08); color:#4d4374; font-weight:500; } .about-btns{ display:flex; gap:20px; margin-top:40px; flex-wrap:wrap; } .about-main-btn{ background:linear-gradient(90deg,#c084fc,#8b5cf6); color:#fff; padding:16px 34px; border-radius:999px; font-weight:600; text-decoration:none; transition:.4s; } .about-main-btn:hover{ background:#2A1F5C; } .about-outline-btn{ border:1px solid #8f7ae8; color:#8f7ae8; padding:16px 34px; border-radius:999px; font-weight:600; text-decoration:none; transition:.4s; } .about-outline-btn:hover{ background:#8f7ae8; color:#fff; } /* FLOATING */ .about-butterfly{ position:absolute; opacity:.12; z-index:1; } .butterfly-1{ width:300px; top:80px; left:-80px; } .butterfly-2{ width:240px; bottom:80px; right:-50px; } .about-leaf{ position:absolute; opacity:.18; z-index:1; } .leaf-1{ width:180px; top:120px; right:8%; } .leaf-2{ width:140px; bottom:100px; left:5%; } /* STORY */ .about-story-section{ padding:120px 0; background:#fff; } .story-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; } .story-image img{ width:100%; border-radius:28px; box-shadow:0 20px 60px rgba(98,63,168,.15); } .story-content span{ color:#8f7ae8; letter-spacing:4px; text-transform:uppercase; font-size:13px; font-weight:600; } .story-content h2{ font-size:58px; line-height:1.1; margin:18px 0 30px; color:#2A1F5C; font-family:"Cormorant Garamond", serif; } .story-content p{ color:#4d4374; line-height:1.9; margin-bottom:20px; } /* CTA */ .about-banner-section{ position:relative; padding:140px 0; background-size:cover; background-position:center; overflow:hidden; } .about-banner-overlay{ position:absolute; inset:0; background:rgba(42,31,92,.68); } .banner-content{ position:relative; z-index:5; text-align:center; max-width:900px; margin:auto; } .banner-content span{ letter-spacing:4px; text-transform:uppercase; color:#d7c7ff; font-size:13px; } .banner-content h2{ font-size:68px; line-height:1.1; margin:25px 0; color:#fff; font-family:"Cormorant Garamond", serif; } .banner-content p{ color:#f5edff; line-height:1.9; font-size:18px; max-width:800px; margin:auto; } .banner-btn{ display:inline-block; margin-top:40px; background:#fff; color:#8f7ae8; padding:18px 42px; border-radius:999px; text-decoration:none; font-weight:600; transition:.4s; } .banner-btn:hover{ background:#8f7ae8; color:#fff; } .banner-butterfly{ position:absolute; opacity:.12; } .banner-butterfly-1{ width:260px; left:0; top:0; } .banner-butterfly-2{ width:260px; right:0; bottom:0; } /* DETAILS */ .about-details-section{ position:relative; padding:120px 0; background:linear-gradient(180deg,#f7f3ff 0%,#efe6ff 100%); overflow:hidden; } .details-content{ position:relative; z-index:5; max-width:1000px; margin:auto; text-align:center; } .details-content span{ letter-spacing:4px; text-transform:uppercase; color:#8f7ae8; font-size:13px; font-weight:600; } .details-content h2{ font-size:64px; line-height:1.1; margin:22px 0 35px; color:#2A1F5C; font-family:"Cormorant Garamond", serif; } .details-content p{ color:#4d4374; line-height:1.9; margin-bottom:24px; font-size:17px; } .details-leaf{ position:absolute; opacity:.12; } .details-leaf-1{ width:200px; left:0; top:60px; } .details-leaf-2{ width:200px; right:0; bottom:60px; } /* RESPONSIVE */ @media(max-width:991px){ .about-hero-grid, .story-grid{ grid-template-columns:1fr; } .about-content-side h1, .story-content h2, .banner-content h2, .details-content h2{ font-size:42px; } .specialization-grid{ grid-template-columns:1fr; } .about-hero-section, .about-story-section, .about-banner-section, .about-details-section{ padding:90px 0; } } @media(max-width:576px){ .about-content-side h1, .story-content h2, .banner-content h2, .details-content h2{ font-size:34px; } .about-btns{ flex-direction:column; } .about-main-btn, .about-outline-btn{ width:100%; text-align:center; } } /* ========================================= */ /* SPIRITUAL PHILOSOPHY SECTION CSS */ /* ========================================= */ .spiritual-philosophy-section{ position:relative; padding:120px 0; background:linear-gradient(180deg,#f4edff 0%,#efe4ff 100%); overflow:hidden; } .spiritual-philosophy-grid{ position:relative; z-index:5; display:grid; grid-template-columns:1.1fr 1fr; gap:70px; align-items:center; } .spiritual-mini-title{ letter-spacing:4px; text-transform:uppercase; color:#8f7ae8; font-size:13px; font-weight:600; } .spiritual-content-side h2{ font-size:58px; line-height:1.1; color:#2A1F5C; margin:22px 0 30px; font-family:"Cormorant Garamond", serif; font-weight:600; } .spiritual-content-side p{ color:#4d4374; font-size:17px; line-height:1.9; margin-bottom:22px; } .spiritual-highlight-box{ margin-top:35px; padding:24px 28px; border-radius:20px; background:rgba(255,255,255,.7); border:1px solid rgba(143,122,232,.18); box-shadow:0 12px 40px rgba(98,63,168,.08); color:#5b4799; font-weight:600; line-height:1.8; backdrop-filter:blur(12px); } .spiritual-image-wrap{ position:relative; overflow:hidden; border-radius:30px; box-shadow:0 25px 60px rgba(98,63,168,.18); } .spiritual-image-wrap img{ width:100%; display:block; } .spiritual-butterfly{ position:absolute; opacity:.10; z-index:1; } .spiritual-butterfly-1{ width:260px; top:40px; right:-40px; } .spiritual-leaf{ position:absolute; opacity:.12; z-index:1; } .spiritual-leaf-1{ width:180px; left:-20px; bottom:60px; } @media(max-width:991px){ .spiritual-philosophy-grid{ grid-template-columns:1fr; } .spiritual-content-side h2{ font-size:42px; } .spiritual-philosophy-section{ padding:90px 0; } } @media(max-width:576px){ .spiritual-content-side h2{ font-size:34px; } .spiritual-content-side p{ font-size:16px; } } /* ======================================== */ /* PERSONAL READING SECTION START */ /* ======================================== */ .personal-reading-section{ position: relative; overflow: hidden; padding: 180px 0 120px; background: linear-gradient( 180deg, #f7f3ff 0%, #efe6ff 25%, #dbc8ff 55%, #5b2ca0 100% ); } /* CONTAINER */ .reading-container{ width: 90%; max-width: 1200px; margin: auto; position: relative; z-index: 5; } /* MINI TITLE */ .reading-mini-title{ text-align: center; color: #8F7AE8; letter-spacing: 4px; font-size: 13px; font-weight: 600; margin-bottom: 20px; } /* MAIN TITLE */ .reading-main-title{ font-family: "Cormorant Garamond", serif; font-size: 76px; line-height: 1; text-align: center; color: #2A1F5C; margin-bottom: 30px; font-weight: 500; } /* SUBTITLE */ .reading-subtitle{ text-align: center; font-size: 24px; line-height: 1.8; color: #2A1F5C; font-weight: 600; margin-bottom: 60px; } .reading-subtitle span{ color: #8F7AE8; font-style: italic; font-weight: 700; } /* CONTENT BOX */ .reading-content-box{ position: relative; background: rgba(255,255,255,0.35); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.4); border-radius: 35px; padding: 60px; box-shadow: 0 25px 60px rgba(72, 28, 135, 0.18); } /* CONTENT */ .reading-content-box p{ font-size: 18px; line-height: 2; color: #2A1F5C; margin-bottom: 35px; font-weight: 400; } /* HEADING */ .reading-content-box h3{ font-family: "Cormorant Garamond", serif; font-size: 42px; color: #2A1F5C; margin-bottom: 25px; margin-top: 10px; font-weight: 700; } /* DIVIDER */ .reading-divider{ width: 100%; height: 1px; background: rgba(42, 31, 92, 0.15); margin: 45px 0; } /* FLOATING BUTTERFLIES */ .reading-butterfly{ position: absolute; opacity: 0.12; pointer-events: none; z-index: 1; } .butterfly-left{ width: 500px; top: 120px; left: -120px; animation: butterflyFloat 8s ease-in-out infinite; } .butterfly-right{ width: 300px; bottom: 120px; right: -60px; animation: butterflyFloat 10s ease-in-out infinite; } /* LEAVES */ .reading-leaf{ position: absolute; opacity: 0.15; pointer-events: none; z-index: 1; } .leaf-left{ width: 220px; top: 300px; left: 0; animation: leafMove 7s ease-in-out infinite; } .leaf-right{ width: 220px; bottom: 200px; right: 0; animation: leafMove 9s ease-in-out infinite; } /* ANIMATION */ @keyframes butterflyFloat{ 0%{ transform: translateY(0px); } 50%{ transform: translateY(-20px); } 100%{ transform: translateY(0px); } } @keyframes leafMove{ 0%{ transform: rotate(0deg) translateY(0px); } 50%{ transform: rotate(5deg) translateY(-15px); } 100%{ transform: rotate(0deg) translateY(0px); } } /* ======================================== */ /* RESPONSIVE */ /* ======================================== */ @media(max-width: 992px){ .personal-reading-section{ padding: 140px 0 90px; } .reading-main-title{ font-size: 58px; } .reading-subtitle{ font-size: 20px; } .reading-content-box{ padding: 40px; } .reading-content-box h3{ font-size: 34px; } .butterfly-left{ width: 320px; } .butterfly-right{ width: 220px; } } @media(max-width: 768px){ .personal-reading-section{ padding: 120px 0 80px; } .reading-main-title{ font-size: 42px; } .reading-subtitle{ font-size: 18px; line-height: 1.7; } .reading-content-box{ padding: 30px 22px; border-radius: 25px; } .reading-content-box p{ font-size: 16px; line-height: 1.9; } .reading-content-box h3{ font-size: 28px; } .butterfly-left{ width: 230px; left: -60px; } .butterfly-right{ width: 170px; right: -40px; } .leaf-left, .leaf-right{ width: 120px; } } /* ======================================== */ /* PERSONAL READING SECTION END */ /* ======================================== */ /* ======================================== */ /* CONSULTATION PRICING SECTION */ /* ======================================== */ .reading-pricing-section{ position: relative; overflow: hidden; padding: 120px 0; background: linear-gradient( 180deg, #5b2ca0 0%, #7440c8 40%, #efe8ff 100% ); } /* CONTAINER */ .pricing-container{ width: 90%; max-width: 1200px; margin: auto; display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 40px; align-items: start; position: relative; z-index: 5; } /* BOX */ .pricing-box, .newsletter-box{ position: relative; background: rgba(255,255,255,0.14); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.2); border-radius: 35px; padding: 50px; box-shadow: 0 25px 60px rgba(35, 12, 79, 0.18); } /* TAG */ .pricing-tag{ color: #e8d7ff; letter-spacing: 4px; font-size: 12px; margin-bottom: 20px; font-weight: 600; } /* TITLE */ .pricing-title{ font-family: "Cormorant Garamond", serif; color: #fff; font-size: 58px; line-height: 1.1; margin-bottom: 35px; } /* LINKS */ .pricing-links{ display: flex; flex-direction: column; gap: 20px; } .pricing-links a{ color: #fff; text-decoration: none; font-size: 24px; line-height: 1.5; font-weight: 600; transition: 0.3s ease; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 18px; } .pricing-links a:hover{ color: #f3d9ff; transform: translateX(8px); } /* HOURS */ .pricing-hours{ margin-top: 35px; color: #f7ecff; font-size: 16px; line-height: 1.9; } /* PAYPAL */ .paypal-wrap{ margin-top: 30px; } .paypal-wrap img{ width: 220px; } /* NEWSLETTER */ .newsletter-inner{ border: 2px solid rgba(255,255,255,0.25); padding: 35px; border-radius: 24px; background: rgba(255,255,255,0.06); } .newsletter-title{ color: #ffe59f; font-size: 18px; font-weight: 700; margin-bottom: 15px; } .newsletter-inner p{ color: #fff; font-size: 17px; line-height: 1.9; margin-bottom: 25px; } .newsletter-inner span{ font-style: italic; color: #ffe9a8; } /* FORM */ .newsletter-form{ display: flex; flex-direction: column; gap: 14px; } .newsletter-form label{ color: #fff; font-weight: 600; } .newsletter-form input{ height: 52px; border-radius: 12px; border: none; padding: 0 18px; outline: none; background: rgba(255,255,255,0.92); } .newsletter-form button{ height: 52px; border: none; border-radius: 12px; background: linear-gradient( 90deg, #b784ff, #8F7AE8 ); color: #fff; font-weight: 600; cursor: pointer; transition: 0.3s ease; } .newsletter-form button:hover{ transform: translateY(-3px); } /* FLOATING ELEMENTS */ .pricing-butterfly, .pricing-leaf{ position: absolute; pointer-events: none; opacity: 0.1; } .butterfly-left{ width: 340px; top: 40px; left: -70px; } .butterfly-right{ width: 260px; bottom: 80px; right: -40px; } .leaf-left{ width: 180px; top: 200px; left: 40px; } .leaf-right{ width: 180px; bottom: 120px; right: 50px; } /* ======================================== */ /* RESPONSIVE */ /* ======================================== */ @media(max-width: 992px){ .pricing-container{ grid-template-columns: 1fr; } .pricing-title{ font-size: 46px; } } @media(max-width: 768px){ .reading-pricing-section{ padding: 80px 0; } .pricing-box, .newsletter-box{ padding: 30px 22px; border-radius: 24px; } .pricing-title{ font-size: 38px; } .pricing-links a{ font-size: 20px; } .newsletter-inner{ padding: 24px; } } /* ======================================== */ /* CONSULTATION PRICING SECTION END */ /* ======================================== */ /* ======================================== */ /* EQUAL HEIGHT FIX */ /* ======================================== */ .pricing-container{ align-items: stretch; } .pricing-box, .newsletter-box{ height: 100%; display: flex; flex-direction: column; } /* ======================================== */ /* LINKS PREMIUM STYLE */ /* ======================================== */ .pricing-links a{ position: relative; padding-left: 42px; color: #ffffff; text-decoration: none; font-size: 24px; line-height: 1.5; font-weight: 600; transition: 0.35s ease; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 18px; } /* ICON */ .pricing-links a::before{ content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 4px; width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,0.14); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #ffe8a3; transition: 0.35s ease; } /* HOVER */ .pricing-links a:hover{ color: #ffe8a3; transform: translateX(10px); } .pricing-links a:hover::before{ background: #ffffff; color: #7f4ce0; transform: rotate(-45deg); } /* ======================================== */ /* PAYPAL PUSH BOTTOM FIX */ /* ======================================== */ .paypal-wrap{ margin-top: auto; padding-top: 35px; } /* ======================================== */ /* MOBILE RESPONSIVE FIX */ /* ======================================== */ @media(max-width:768px){ .pricing-links a{ font-size: 18px; padding-left: 36px; } .pricing-links a::before{ width: 24px; height: 24px; font-size: 10px; } } /* ======================================== */ /* REAL TESTIMONIAL SECTION */ /* ======================================== */ .real-testimonial-section{ position: relative; overflow: hidden; padding: 130px 0; background: linear-gradient( 180deg, #f5efff 0%, #d9c6ff 30%, #7a48ca 100% ); } /* CONTAINER */ .testimonial-container{ width: 92%; max-width: 1450px; margin: auto; position: relative; z-index: 5; } /* TOP */ .testimonial-top{ text-align: center; margin-bottom: 70px; } .testimonial-mini-title{ color: #8F7AE8; letter-spacing: 4px; font-size: 12px; font-weight: 700; margin-bottom: 18px; } .testimonial-main-title{ font-family: "Cormorant Garamond", serif; font-size: 74px; line-height: 1; color: #2A1F5C; margin-bottom: 25px; } .testimonial-description{ max-width: 850px; margin: auto; color: #2A1F5C; line-height: 1.9; font-size: 18px; } /* GRID */ .testimonial-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } /* CARD */ .testimonial-card{ position: relative; background: rgba(255,255,255,0.18); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.22); border-radius: 32px; padding: 38px; min-height: 320px; box-shadow: 0 20px 50px rgba(57, 20, 113, 0.18); transition: 0.4s ease; } .testimonial-card:hover{ transform: translateY(-10px); background: rgba(255,255,255,0.24); } /* QUOTE ICON */ .testimonial-card::before{ content: "“"; position: absolute; top: 18px; left: 25px; font-size: 90px; color: rgba(255,255,255,0.15); font-family: serif; } /* TEXT */ .testimonial-card p{ position: relative; z-index: 2; color: #2A1F5C; font-size: 17px; line-height: 2; margin-bottom: 35px; } /* NAME */ .testimonial-card span{ display: inline-block; color: #7a3cff; font-weight: 700; font-size: 15px; letter-spacing: 1px; } /* FLOATING ELEMENTS */ .testimonial-butterfly, .testimonial-leaf{ position: absolute; pointer-events: none; opacity: 0.1; } .testimonial-butterfly.butterfly-left{ width: 420px; top: 50px; left: -120px; } .testimonial-butterfly.butterfly-right{ width: 280px; bottom: 80px; right: -60px; } .testimonial-leaf.leaf-left{ width: 180px; top: 250px; left: 50px; } .testimonial-leaf.leaf-right{ width: 180px; bottom: 180px; right: 60px; } /* ======================================== */ /* RESPONSIVE */ /* ======================================== */ @media(max-width: 1100px){ .testimonial-grid{ grid-template-columns: repeat(2, 1fr); } } @media(max-width: 768px){ .real-testimonial-section{ padding: 90px 0; } .testimonial-grid{ grid-template-columns: 1fr; gap: 24px; } .testimonial-main-title{ font-size: 46px; } .testimonial-card{ min-height: auto; padding: 28px; border-radius: 24px; } .testimonial-card p{ font-size: 16px; line-height: 1.9; } .testimonial-butterfly.butterfly-left{ width: 220px; } .testimonial-butterfly.butterfly-right{ width: 170px; } } /* ======================================== */ /* REAL TESTIMONIAL SECTION END */ /* ======================================== */ /* ===================================================== */ /* DECEASED READINGS PAGE */ /* ===================================================== */ .deceased-hero-section { position: relative; overflow: hidden; padding: 140px 0; background: linear-gradient( 180deg, #f6f0ff 0%, #e7d8ff 45%, #d9c0ff 100% ); } .deceased-hero-grid { display: grid; grid-template-columns: 520px 1fr; gap: 80px; align-items: center; position: relative; z-index: 2; } .deceased-image-wrap { position: relative; } .deceased-image-glow { position: absolute; inset: -20px; background: radial-gradient( circle, rgba(167, 111, 255, 0.35), transparent 70% ); filter: blur(30px); } .deceased-main-image { width: 100%; border-radius: 30px; position: relative; z-index: 2; box-shadow: 0 20px 50px rgba(78, 23, 131, 0.2); } .deceased-content { position: relative; z-index: 2; } .deceased-subtitle { display: inline-block; padding: 10px 22px; border-radius: 999px; background: rgba(255,255,255,0.7); color: #7c4dff; letter-spacing: 3px; text-transform: uppercase; font-size: 12px; margin-bottom: 25px; font-weight: 600; } .deceased-title { font-size: 68px; line-height: 1.05; color: #2f1458; margin-bottom: 35px; font-family: "Cormorant Garamond", serif; } .deceased-content p { color: #3d2b5f; line-height: 1.95; margin-bottom: 20px; font-size: 17px; } .blessing-text { font-style: italic; color: #6b3fe0; margin-bottom: 10px; } .signature-name { font-size: 28px; color: #2f1458; font-family: "Cormorant Garamond", serif; } /* FLOATING ELEMENTS */ .deceased-butterfly, .deceased-leaf { position: absolute; opacity: 0.18; pointer-events: none; } .butterfly-1 { width: 420px; top: 80px; left: -100px; } .butterfly-2 { width: 240px; bottom: 80px; right: -60px; } .leaf-1 { width: 120px; top: 120px; right: 8%; } .leaf-2 { width: 140px; bottom: 100px; left: 6%; } .leaf-3 { width: 90px; top: 40%; right: 45%; } /* ===================================================== */ /* PRIVATE CONSULTATION SECTION */ /* ===================================================== */ .private-consultation-section { position: relative; overflow: hidden; padding: 130px 0; background: linear-gradient( 180deg, #4f2393 0%, #5d2aad 100% ); } .consultation-grid { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 50px; align-items: stretch; position: relative; z-index: 2; } .consultation-card, .consultation-highlight-box { border-radius: 34px; position: relative; overflow: hidden; } .consultation-card { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.1); padding: 60px; backdrop-filter: blur(12px); } .consult-small-title { display: inline-block; margin-bottom: 20px; color: #d9b8ff; letter-spacing: 3px; text-transform: uppercase; font-size: 12px; font-weight: 600; } .consult-main-title { font-size: 62px; line-height: 1; color: #fff; margin-bottom: 30px; font-family: "Cormorant Garamond", serif; } .consultation-card p { color: rgba(255,255,255,0.88); line-height: 1.95; margin-bottom: 18px; font-size: 16px; } .consultation-highlight-box { background: linear-gradient( 180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08) ); border: 1px solid rgba(255,255,255,0.12); display: flex; align-items: center; } .highlight-inner { padding: 50px; } .highlight-tag { display: inline-block; margin-bottom: 20px; color: #ffde87; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; } .consultation-highlight-box h3 { font-size: 42px; line-height: 1.1; color: #fff; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } .consultation-highlight-box p { color: rgba(255,255,255,0.88); line-height: 1.9; margin-bottom: 30px; } .highlight-points { display: flex; flex-direction: column; gap: 18px; } .highlight-item { display: flex; align-items: center; gap: 14px; color: #fff; font-weight: 500; } .highlight-item i { color: #ffde87; } /* FLOATING */ .consult-butterfly, .consult-leaf { position: absolute; opacity: 0.15; pointer-events: none; } .butterfly-3 { width: 340px; top: -80px; right: -60px; } .consult-leaf-1 { width: 120px; bottom: 60px; left: 5%; } .consult-leaf-2 { width: 90px; top: 30%; right: 42%; } /* ===================================================== */ /* RESPONSIVE */ /* ===================================================== */ @media (max-width: 991px) { .deceased-hero-grid, .consultation-grid { grid-template-columns: 1fr; } .deceased-title, .consult-main-title { font-size: 48px; } .consultation-card, .highlight-inner { padding: 35px; } .butterfly-1 { width: 240px; } } @media (max-width: 576px) { .deceased-hero-section, .private-consultation-section { padding: 90px 0; } .deceased-title, .consult-main-title { font-size: 38px; } .deceased-content p, .consultation-card p { font-size: 15px; line-height: 1.8; } .consultation-card, .highlight-inner { padding: 28px; } } /* ======================================== */ /* DECEASED PRICING SECTION */ /* ======================================== */ .deceased-pricing-section{ position: relative; overflow: hidden; padding: 120px 0; background: linear-gradient( 180deg, #f6f0ff 0%, #d7beff 35%, #5a28a0 100% ); } /* GRID */ .deceased-pricing-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; position: relative; z-index: 5; } /* CARDS */ .deceased-pricing-card, .deceased-newsletter-card{ position: relative; height: 100%; border-radius: 34px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18); backdrop-filter: blur(14px); box-shadow: 0 20px 60px rgba(48,18,90,0.14); overflow: hidden; } /* LEFT */ .deceased-pricing-card{ padding: 55px; } .deceased-pricing-mini-title{ display: inline-block; color: #8f5fff; letter-spacing: 3px; text-transform: uppercase; font-size: 12px; font-weight: 700; margin-bottom: 22px; } .deceased-pricing-title{ font-size: 62px; line-height: 1.05; color: #2c1457; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } .deceased-pricing-description{ color: #3d2b5f; line-height: 1.9; margin-bottom: 35px; font-size: 17px; } /* LINKS */ .deceased-pricing-links{ display: flex; flex-direction: column; gap: 18px; } .deceased-pricing-links a{ position: relative; padding: 22px 28px; border-radius: 18px; background: rgba(255,255,255,0.5); color: #2c1457; text-decoration: none; font-size: 18px; font-weight: 600; transition: 0.35s ease; border: 1px solid rgba(255,255,255,0.4); } .deceased-pricing-links a:hover{ transform: translateY(-5px); background: #fff; color: #7c42ff; } /* HOURS */ .deceased-hours-box{ margin-top: 35px; padding: 28px; border-radius: 22px; background: rgba(255,255,255,0.4); } .deceased-hours-box h4{ color: #2c1457; margin-bottom: 12px; font-size: 22px; font-family: "Cormorant Garamond", serif; } .deceased-hours-box p{ color: #4c3a72; line-height: 1.8; } /* RIGHT */ .deceased-newsletter-inner{ height: 100%; padding: 55px; display: flex; flex-direction: column; justify-content: center; } .newsletter-mini-title{ color: #ffde87; letter-spacing: 3px; text-transform: uppercase; font-size: 12px; font-weight: 700; margin-bottom: 20px; } .deceased-newsletter-inner h3{ font-size: 52px; line-height: 1.05; color: #fff; margin-bottom: 28px; font-family: "Cormorant Garamond", serif; } .deceased-newsletter-inner p{ color: rgba(255,255,255,0.9); line-height: 1.9; margin-bottom: 35px; } /* FORM */ .deceased-newsletter-form{ display: flex; flex-direction: column; gap: 16px; } .deceased-newsletter-form input{ height: 58px; border-radius: 16px; border: none; padding: 0 20px; background: rgba(255,255,255,0.95); outline: none; } .deceased-newsletter-form button{ height: 58px; border-radius: 16px; border: none; background: linear-gradient( 90deg, #f4c6ff, #b16cff ); color: white; font-weight: 600; cursor: pointer; transition: 0.35s ease; } .deceased-newsletter-form button:hover{ transform: translateY(-3px); background: linear-gradient( 90deg, #b16cff, #7f46ff ); } /* NOTE */ .newsletter-note{ margin-top: 28px; color: #ffe8b0; font-style: italic; } /* FLOATING */ .deceased-price-butterfly, .deceased-price-leaf{ position: absolute; opacity: 0.12; pointer-events: none; } .butterfly-left{ width: 320px; top: 40px; left: -80px; } .butterfly-right{ width: 240px; bottom: 40px; right: -40px; } .leaf-left{ width: 120px; top: 120px; right: 10%; } .leaf-right{ width: 140px; bottom: 100px; left: 5%; } /* ======================================== */ /* RESPONSIVE */ /* ======================================== */ @media(max-width:991px){ .deceased-pricing-grid{ grid-template-columns: 1fr; } .deceased-pricing-title, .deceased-newsletter-inner h3{ font-size: 46px; } } @media(max-width:576px){ .deceased-pricing-section{ padding: 90px 0; } .deceased-pricing-card, .deceased-newsletter-inner{ padding: 30px; } .deceased-pricing-title, .deceased-newsletter-inner h3{ font-size: 36px; } .deceased-pricing-links a{ font-size: 16px; padding: 18px 20px; } } /* ======================================== */ /* END */ /* ======================================== */ /* ======================================== */ /* DECEASED TESTIMONIAL SECTION */ /* ======================================== */ .deceased-testimonial-section{ position: relative; overflow: hidden; padding: 130px 0; background: linear-gradient( 180deg, #f5efff 0%, #d7beff 35%, #7b47ca 100% ); } /* TOP */ .deceased-testimonial-top{ text-align: center; margin-bottom: 70px; position: relative; z-index: 5; } .deceased-testimonial-mini-title{ display: inline-block; color: #8f5fff; letter-spacing: 4px; text-transform: uppercase; font-size: 12px; font-weight: 700; margin-bottom: 20px; } .deceased-testimonial-main-title{ font-size: 72px; line-height: 1.02; color: #2c1457; margin-bottom: 24px; font-family: "Cormorant Garamond", serif; } .deceased-testimonial-description{ max-width: 850px; margin: auto; color: #3f2b68; line-height: 1.9; font-size: 18px; } /* GRID */ .deceased-testimonial-grid{ position: relative; z-index: 5; display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; } /* CARD */ .deceased-testimonial-card{ position: relative; padding: 42px; border-radius: 30px; background: rgba(255,255,255,0.16); border: 1px solid rgba(255,255,255,0.22); backdrop-filter: blur(14px); box-shadow: 0 20px 60px rgba(50,20,90,0.14); transition: 0.35s ease; } .deceased-testimonial-card:hover{ transform: translateY(-8px); background: rgba(255,255,255,0.22); } /* QUOTE */ .deceased-testimonial-card::before{ content: "“"; position: absolute; top: 10px; left: 24px; font-size: 100px; color: rgba(255,255,255,0.16); font-family: serif; } /* TEXT */ .deceased-testimonial-card p{ position: relative; z-index: 2; color: #2c1457; line-height: 2; font-size: 17px; margin-bottom: 30px; } /* NAME */ .deceased-testimonial-card span{ display: inline-block; color: #7c42ff; font-weight: 700; font-size: 15px; letter-spacing: 1px; } /* FLOATING */ .deceased-testimonial-butterfly, .deceased-testimonial-leaf{ position: absolute; opacity: 0.12; pointer-events: none; } .deceased-testimonial-butterfly.butterfly-left{ width: 320px; top: 40px; left: -80px; } .deceased-testimonial-butterfly.butterfly-right{ width: 240px; bottom: 60px; right: -40px; } .deceased-testimonial-leaf.leaf-left{ width: 120px; top: 180px; right: 8%; } .deceased-testimonial-leaf.leaf-right{ width: 150px; bottom: 100px; left: 5%; } /* ======================================== */ /* RESPONSIVE */ /* ======================================== */ @media(max-width:991px){ .deceased-testimonial-grid{ grid-template-columns: 1fr; } .deceased-testimonial-main-title{ font-size: 52px; } } @media(max-width:576px){ .deceased-testimonial-section{ padding: 90px 0; } .deceased-testimonial-main-title{ font-size: 38px; } .deceased-testimonial-card{ padding: 28px; } .deceased-testimonial-card p{ font-size: 15px; line-height: 1.9; } } /* ======================================== */ /* END */ /* ======================================== */ /* ===================================================== */ /* WEDDING MINISTRY HERO SECTION */ /* ===================================================== */ .wedding-hero-section { position: relative; overflow: hidden; padding: 130px 0; background: linear-gradient( 180deg, #f7f2ff 0%, #ead9ff 40%, #d9bfff 100% ); } /* CONTAINER */ .wedding-hero-container { position: relative; z-index: 5; } /* TOP */ .wedding-top-content { text-align: center; margin-bottom: 70px; } .wedding-mini-title { display: inline-block; color: #8b5cf6; letter-spacing: 4px; text-transform: uppercase; font-size: 12px; font-weight: 700; margin-bottom: 24px; } .wedding-main-title { font-size: 76px; line-height: 1; color: #2a1458; margin-bottom: 28px; font-family: "Cormorant Garamond", serif; } .wedding-main-description { max-width: 760px; margin: auto; color: #4a376d; line-height: 1.9; font-size: 18px; } /* REVIEW CARD */ .wedding-review-card { max-width: 950px; margin: 0 auto 90px; padding: 50px; border-radius: 34px; background: rgba(255,255,255,0.28); border: 1px solid rgba(255,255,255,0.4); backdrop-filter: blur(14px); box-shadow: 0 20px 60px rgba(58, 24, 102, 0.12); } .review-badge { display: inline-block; margin-bottom: 20px; padding: 10px 22px; border-radius: 999px; background: rgba(143,95,255,0.12); color: #7a47d8; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .review-location { color: #6f5b96; margin-bottom: 20px; font-size: 15px; } .wedding-review-card h3 { font-size: 38px; color: #2a1458; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } .wedding-review-card p { color: #43325f; line-height: 2; margin-bottom: 20px; font-size: 16px; } .review-note { margin-top: 30px; color: #7a689d; font-size: 14px; font-style: italic; } /* GRID */ .wedding-about-grid { display: grid; grid-template-columns: 460px 1fr; gap: 70px; align-items: center; } /* IMAGE */ .wedding-image-wrap { position: relative; } .wedding-image-glow { position: absolute; inset: -25px; background: radial-gradient( circle, rgba(183,130,255,0.35), transparent 70% ); filter: blur(30px); } .wedding-main-image { width: 100%; border-radius: 30px; position: relative; z-index: 2; box-shadow: 0 20px 50px rgba(54,24,98,0.16); } /* CONTENT */ .wedding-content-mini-title { display: inline-block; color: #8b5cf6; letter-spacing: 3px; text-transform: uppercase; font-size: 12px; font-weight: 700; margin-bottom: 20px; } .wedding-about-content h2 { font-size: 62px; line-height: 1.05; color: #2a1458; margin-bottom: 30px; font-family: "Cormorant Garamond", serif; } .wedding-about-content p { color: #43325f; line-height: 2; margin-bottom: 20px; font-size: 17px; } /* CONTACT */ .wedding-contact-box { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 35px; margin-bottom: 35px; } .wedding-contact-item { display: flex; align-items: center; gap: 12px; padding: 16px 22px; border-radius: 16px; background: rgba(255,255,255,0.45); color: #4a2a86; font-weight: 600; } .wedding-contact-item i { color: #8f5fff; } /* SIGNATURE */ .wedding-signature p { color: #7c4dff; font-style: italic; margin-bottom: 10px; } .wedding-signature h4 { font-size: 32px; color: #2a1458; font-family: "Cormorant Garamond", serif; } /* FLOATING */ .wedding-butterfly, .wedding-leaf { position: absolute; opacity: 0.12; pointer-events: none; } .butterfly-left { width: 320px; top: 60px; left: -80px; } .butterfly-right { width: 260px; bottom: 60px; right: -60px; } .leaf-left { width: 120px; top: 140px; right: 8%; } .leaf-right { width: 150px; bottom: 120px; left: 5%; } /* ===================================================== */ /* RESPONSIVE */ /* ===================================================== */ @media(max-width:991px){ .wedding-about-grid { grid-template-columns: 1fr; } .wedding-main-title { font-size: 56px; } .wedding-about-content h2 { font-size: 46px; } } @media(max-width:576px){ .wedding-hero-section { padding: 90px 0; } .wedding-main-title { font-size: 40px; } .wedding-about-content h2 { font-size: 34px; } .wedding-review-card, .wedding-about-content { padding: 0; } .wedding-review-card { padding: 30px; } .wedding-review-card p, .wedding-about-content p { font-size: 15px; line-height: 1.8; } } /* ===================================================== */ /* WEDDING REVIEW MODERN */ /* ===================================================== */ .wedding-review-modern { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; overflow: hidden; border-radius: 36px; background: rgba(255,255,255,0.28); border: 1px solid rgba(255,255,255,0.35); backdrop-filter: blur(14px); box-shadow: 0 20px 60px rgba(58,24,102,0.12); margin: 0 auto 90px; max-width: 1350px; } /* IMAGE */ .wedding-review-image { position: relative; min-height: 100%; } .wedding-review-image img { width: 100%; height: 100%; object-fit: cover; display: block; } /* CONTENT */ .wedding-review-content { padding: 70px; display: flex; flex-direction: column; justify-content: center; } .wedding-review-content h3 { font-size: 58px; line-height: 1; color: #2a1458; margin-bottom: 30px; font-family: "Cormorant Garamond", serif; } .wedding-review-content p { color: #43325f; line-height: 2; margin-bottom: 20px; font-size: 16px; } /* RESPONSIVE */ @media(max-width:991px){ .wedding-review-modern { grid-template-columns: 1fr; } .wedding-review-image { height: 350px; } .wedding-review-content { padding: 40px; } .wedding-review-content h3 { font-size: 42px; } } @media(max-width:576px){ .wedding-review-content { padding: 30px 24px; } .wedding-review-content h3 { font-size: 34px; } } /* ===================================================== */ /* WEDDING PAGE */ /* ===================================================== */ .wedding-page-main { padding-top: 120px; overflow: hidden; } /* ===================================================== */ /* SECTION */ /* ===================================================== */ .wedding-review-section { position: relative; padding: 120px 0; background: linear-gradient( 180deg, #f6f1ff 0%, #efe4ff 100% ); overflow: hidden; } /* ===================================================== */ /* FLOATING ELEMENTS */ /* ===================================================== */ .wedding-butterfly { position: absolute; opacity: 0.12; z-index: 1; } .butterfly-left { width: 260px; top: 100px; left: -40px; } .butterfly-right { width: 220px; bottom: 80px; right: -30px; } .wedding-leaf { position: absolute; opacity: 0.16; z-index: 1; } .leaf-one { width: 160px; top: 180px; right: 120px; } .leaf-two { width: 180px; bottom: 100px; left: 80px; } /* ===================================================== */ /* MAIN CARD */ /* ===================================================== */ .wedding-review-modern { position: relative; z-index: 5; max-width: 1350px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; overflow: hidden; border-radius: 38px; background: rgba(255,255,255,0.42); border: 1px solid rgba(255,255,255,0.45); backdrop-filter: blur(14px); box-shadow: 0 25px 70px rgba(58,24,102,0.12); } /* ===================================================== */ /* IMAGE */ /* ===================================================== */ .wedding-review-image { height: 100%; } .wedding-review-image img { width: 100%; height: 100%; object-fit: cover; display: block; } /* ===================================================== */ /* CONTENT */ /* ===================================================== */ .wedding-review-content { padding: 80px; display: flex; flex-direction: column; justify-content: center; } .review-badge { display: inline-block; width: fit-content; margin-bottom: 24px; padding: 10px 22px; border-radius: 40px; background: rgba(181,108,255,0.12); color: #8a56e2; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; font-weight: 600; } .review-location { color: #7c699d; margin-bottom: 20px; font-size: 15px; } .wedding-review-content h2 { font-size: 62px; line-height: 1.1; color: #2b1558; margin-bottom: 28px; font-family: "Cormorant Garamond", serif; } .wedding-review-content p { color: #51416d; font-size: 17px; line-height: 2; margin-bottom: 20px; } .review-note { margin-top: 12px; font-style: italic; color: #8a78a7; font-size: 14px; } /* ===================================================== */ /* BUTTONS */ /* ===================================================== */ .wedding-review-buttons { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 30px; } .review-btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 28px; border-radius: 60px; text-decoration: none; background: linear-gradient( 90deg, #b56cff, #8f6eff ); color: #fff; font-weight: 600; transition: 0.3s; } .review-btn:hover { transform: translateY(-4px); box-shadow: 0 15px 30px rgba(143,110,255,0.35); } /* ===================================================== */ /* SIGNATURE */ /* ===================================================== */ .review-sign { margin-top: 45px; } .review-sign p { color: #8a56e2; font-style: italic; margin-bottom: 10px; } .review-sign h4 { font-size: 42px; color: #2b1558; font-family: "Cormorant Garamond", serif; } /* ===================================================== */ /* RESPONSIVE */ /* ===================================================== */ @media(max-width:991px){ .wedding-review-modern { grid-template-columns: 1fr; } .wedding-review-image { height: 420px; } .wedding-review-content { padding: 50px 35px; } .wedding-review-content h2 { font-size: 44px; } .butterfly-left, .butterfly-right { width: 160px; } } @media(max-width:576px){ .wedding-review-section { padding: 80px 15px; } .wedding-review-image { height: 300px; } .wedding-review-content { padding: 35px 24px; } .wedding-review-content h2 { font-size: 34px; } .review-btn { width: 100%; justify-content: center; } } /* ===================================================== */ /* WEDDING ABOUT SECTION */ /* ===================================================== */ .wedding-about-section { position: relative; padding: 120px 0; background: linear-gradient( 180deg, #f4edff 0%, #efe3ff 100% ); overflow: hidden; } /* CONTAINER */ .wedding-about-container { max-width: 1320px; margin: auto; display: grid; grid-template-columns: 500px 1fr; gap: 70px; align-items: center; position: relative; z-index: 5; } /* IMAGE */ .wedding-about-image { position: relative; border-radius: 36px; overflow: hidden; box-shadow: 0 25px 60px rgba(58,24,102,0.15); } .wedding-about-image img { width: 100%; display: block; } /* CONTENT */ .wedding-about-content-box { background: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.55); backdrop-filter: blur(12px); border-radius: 36px; padding: 70px; } .wedding-mini-title { display: inline-block; margin-bottom: 24px; padding: 10px 24px; border-radius: 40px; background: rgba(181,108,255,0.12); color: #8d5ae3; font-size: 12px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; } .wedding-about-content-box h2 { font-size: 64px; line-height: 1.05; color: #2b1558; margin-bottom: 35px; font-family: "Cormorant Garamond", serif; } .wedding-about-content-box p { color: #51416d; font-size: 17px; line-height: 2; margin-bottom: 24px; } /* SIGNATURE */ .wedding-love-note { margin-top: 35px; } .wedding-love-note p { color: #8d5ae3; font-style: italic; margin-bottom: 12px; } .wedding-love-note h4 { font-size: 42px; color: #2b1558; font-family: "Cormorant Garamond", serif; } /* FLOATING ELEMENTS */ .wedding-about-butterfly, .wedding-about-leaf { position: absolute; opacity: 0.12; } .butterfly-about-left { width: 240px; top: 80px; left: -40px; } .leaf-about-right { width: 180px; right: 60px; bottom: 80px; } /* RESPONSIVE */ @media(max-width:991px){ .wedding-about-container { grid-template-columns: 1fr; gap: 40px; } .wedding-about-image { max-width: 600px; margin: auto; } .wedding-about-content-box { padding: 50px 35px; } .wedding-about-content-box h2 { font-size: 46px; } } @media(max-width:576px){ .wedding-about-section { padding: 80px 15px; } .wedding-about-content-box { padding: 35px 24px; } .wedding-about-content-box h2 { font-size: 34px; } .wedding-love-note h4 { font-size: 30px; } } /* ===================================================== */ /* WEDDING PACKAGES SECTION */ /* ===================================================== */ .wedding-packages-section { position: relative; padding: 130px 0; background: linear-gradient( 180deg, #f7f2ff 0%, #eee2ff 100% ); overflow: hidden; } /* FLOATING ELEMENTS */ .package-butterfly, .package-leaf { position: absolute; opacity: 0.12; } .butterfly-package-left { width: 240px; top: 100px; left: -40px; } .butterfly-package-right { width: 220px; bottom: 120px; right: -50px; } .package-leaf-one { width: 160px; top: 260px; right: 140px; } .package-leaf-two { width: 170px; bottom: 180px; left: 80px; } /* CONTAINER */ .packages-container { max-width: 1450px; margin: auto; position: relative; z-index: 5; } /* HEADING */ .packages-heading { text-align: center; margin-bottom: 70px; } .packages-heading span { display: inline-block; margin-bottom: 18px; padding: 10px 24px; border-radius: 40px; background: rgba(181,108,255,0.12); color: #8f5fe4; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; font-weight: 600; } .packages-heading h2 { font-size: 68px; line-height: 1.1; color: #2b1558; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } .packages-heading p { max-width: 850px; margin: auto; font-size: 18px; line-height: 2; color: #564675; } /* GRID */ .packages-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; } /* CARD */ .package-card { background: rgba(255,255,255,0.42); border: 1px solid rgba(255,255,255,0.5); backdrop-filter: blur(14px); border-radius: 32px; padding: 40px 32px; box-shadow: 0 25px 60px rgba(58,24,102,0.12); transition: 0.4s; } .package-card:hover { transform: translateY(-10px); } /* FEATURED */ .featured-package { transform: scale(1.03); border: 2px solid rgba(181,108,255,0.35); } .luxury-package { background: linear-gradient( 180deg, rgba(181,108,255,0.18), rgba(255,255,255,0.42) ); } /* PACKAGE TITLE */ .package-number { font-size: 26px; line-height: 1.5; color: #2d185b; margin-bottom: 28px; font-family: "Cormorant Garamond", serif; font-weight: 700; } /* TEXT */ .package-card p { font-size: 15px; line-height: 2; color: #4f406b; margin-bottom: 22px; } /* LIST */ .package-list { padding-left: 20px; margin-bottom: 25px; } .package-list li { margin-bottom: 14px; line-height: 1.8; color: #4f406b; } /* LINK */ .package-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 15px; color: #8f5fe4; text-decoration: none; font-weight: 600; transition: 0.3s; } .package-link:hover { gap: 16px; } /* PAYPAL */ .package-paypal { margin-top: 30px; padding: 14px 20px; border-radius: 16px; text-align: center; background: rgba(181,108,255,0.12); color: #6c42be; font-weight: 600; } /* RESPONSIVE */ @media(max-width:1200px){ .packages-grid { grid-template-columns: repeat(2,1fr); } } @media(max-width:768px){ .packages-grid { grid-template-columns: 1fr; } .packages-heading h2 { font-size: 44px; } .featured-package { transform: scale(1); } } @media(max-width:576px){ .wedding-packages-section { padding: 80px 15px; } .packages-heading h2 { font-size: 34px; } .package-card { padding: 32px 24px; } } /* ===================================================== */ /* WEDDING LOCATIONS SECTION */ /* ===================================================== */ .wedding-locations-section { position: relative; padding: 130px 0; overflow: hidden; background: linear-gradient( 180deg, #f7f2ff 0%, #efe3ff 100% ); } /* FLOATING ELEMENTS */ .location-butterfly, .location-leaf { position: absolute; opacity: 0.12; } .butterfly-location-left { width: 240px; top: 120px; left: -60px; } .butterfly-location-right { width: 200px; bottom: 120px; right: -40px; } .location-leaf-one { width: 150px; top: 180px; right: 140px; } .location-leaf-two { width: 180px; bottom: 120px; left: 100px; } /* CONTAINER */ .locations-container { max-width: 1400px; margin: auto; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 70px; align-items: center; position: relative; z-index: 5; } /* CONTENT */ .location-mini-title { display: inline-block; padding: 10px 24px; border-radius: 50px; background: rgba(181,108,255,0.14); color: #8b5ae5; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 28px; font-weight: 600; } .locations-content h2 { font-size: 68px; line-height: 1.1; margin-bottom: 35px; color: #2a1559; font-family: "Cormorant Garamond", serif; } .locations-content p { font-size: 17px; line-height: 2; color: #544670; margin-bottom: 24px; } /* HIGHLIGHT BOX */ .location-highlight-box { margin-top: 40px; padding: 35px; border-radius: 28px; background: rgba(255,255,255,0.45); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 20px 60px rgba(76,38,130,0.10); } .location-highlight-box h4 { margin-bottom: 18px; font-size: 28px; color: #2d185c; font-family: "Cormorant Garamond", serif; } .location-highlight-box ul { padding-left: 20px; } .location-highlight-box li { margin-bottom: 14px; color: #584b74; line-height: 1.8; } /* GALLERY */ .locations-gallery { display: flex; flex-direction: column; gap: 30px; } /* IMAGES */ .location-main-image, .location-small-image { position: relative; overflow: hidden; border-radius: 36px; box-shadow: 0 30px 70px rgba(55,20,110,0.16); } .location-main-image img, .location-small-image img { width: 100%; display: block; transition: 0.5s; } .location-main-image:hover img, .location-small-image:hover img { transform: scale(1.05); } /* OVERLAY */ .image-overlay { position: absolute; left: 20px; bottom: 20px; background: rgba(40,20,80,0.72); color: white; padding: 12px 24px; border-radius: 50px; backdrop-filter: blur(10px); font-size: 14px; letter-spacing: 1px; } /* RESPONSIVE */ @media(max-width:1200px){ .locations-container { grid-template-columns: 1fr; gap: 50px; } .locations-content h2 { font-size: 54px; } } @media(max-width:768px){ .wedding-locations-section { padding: 90px 20px; } .locations-content h2 { font-size: 40px; } .locations-content p { font-size: 16px; } } @media(max-width:576px){ .locations-content h2 { font-size: 34px; } .location-highlight-box { padding: 25px; } .image-overlay { font-size: 12px; padding: 10px 18px; } } /* ===================================================== */ /* EVENT & WORKSHOP HERO SECTION */ /* ===================================================== */ .event-hero-section { position: relative; overflow: hidden; padding: 140px 0; background: linear-gradient( 180deg, #f5efff 0%, #ead8ff 100% ); } /* FLOATING ELEMENTS */ .event-butterfly, .event-leaf { position: absolute; opacity: 0.12; pointer-events: none; } .butterfly-event-left { width: 260px; top: 60px; left: -70px; } .butterfly-event-right { width: 220px; right: -40px; bottom: 80px; } .leaf-event-one { width: 180px; top: 180px; right: 120px; } .leaf-event-two { width: 200px; left: 100px; bottom: 60px; } /* CONTAINER */ .event-container { max-width: 1380px; margin: auto; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 70px; align-items: center; position: relative; z-index: 5; } /* IMAGE */ .event-image-wrap { position: relative; overflow: hidden; border-radius: 40px; box-shadow: 0 35px 80px rgba(80,40,130,0.18); } .event-image-wrap img { width: 100%; display: block; } /* CONTENT */ .event-mini-title { display: inline-block; padding: 10px 24px; border-radius: 50px; background: rgba(157,100,255,0.14); color: #8856eb; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 26px; font-weight: 600; } .event-content-side h1 { font-size: 72px; line-height: 1.1; color: #2c1559; margin-bottom: 30px; font-family: "Cormorant Garamond", serif; } .event-intro { font-size: 18px; line-height: 2; color: #5d5178; margin-bottom: 40px; } /* PROGRAM GRID */ .event-program-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; margin-bottom: 40px; } /* CARD */ .event-program-card { display: flex; align-items: center; gap: 18px; padding: 26px; border-radius: 28px; background: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.7); backdrop-filter: blur(12px); box-shadow: 0 15px 40px rgba(72,34,120,0.10); text-decoration: none; transition: 0.4s; } .event-program-card:hover { transform: translateY(-6px); box-shadow: 0 25px 60px rgba(72,34,120,0.18); } /* ICON */ .event-program-icon { width: 65px; height: 65px; min-width: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #b07dff, #7f52ea ); color: white; font-size: 22px; box-shadow: 0 15px 30px rgba(140,90,240,0.30); } /* CONTENT */ .event-program-content h4 { font-size: 22px; line-height: 1.4; margin-bottom: 6px; color: #2d185c; font-family: "Cormorant Garamond", serif; } .event-program-content span { font-size: 14px; color: #6f6388; } /* NEWS BOX */ .event-news-box { padding: 35px; border-radius: 32px; background: linear-gradient( 180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.35) ); border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 20px 60px rgba(74,30,120,0.10); } .event-news-box h5 { font-size: 18px; color: #4a3172; margin-bottom: 22px; font-weight: 500; } .event-news-box form { display: flex; gap: 15px; } .event-news-box input { flex: 1; height: 58px; border: none; outline: none; border-radius: 16px; padding: 0 20px; background: white; font-size: 15px; } .event-news-box button { height: 58px; padding: 0 32px; border: none; border-radius: 16px; cursor: pointer; font-weight: 600; color: white; background: linear-gradient( 135deg, #b07dff, #7f52ea ); transition: 0.3s; } .event-news-box button:hover { transform: translateY(-3px); } /* RESPONSIVE */ @media(max-width:1200px){ .event-container { grid-template-columns: 1fr; gap: 60px; } .event-content-side h1 { font-size: 58px; } } @media(max-width:768px){ .event-hero-section { padding: 90px 20px; } .event-program-grid { grid-template-columns: 1fr; } .event-content-side h1 { font-size: 42px; } .event-news-box form { flex-direction: column; } } @media(max-width:576px){ .event-content-side h1 { font-size: 34px; } .event-program-card { padding: 22px; } } /* ===================================================== */ /* NUMEROLOGY WORKSHOP SECTION */ /* ===================================================== */ .numerology-workshop-section { position: relative; overflow: hidden; padding: 140px 0; background: linear-gradient( 180deg, #f4edff 0%, #ead9ff 100% ); } /* FLOATING ELEMENTS */ .numerology-butterfly, .numerology-leaf { position: absolute; opacity: 0.12; pointer-events: none; } .butterfly-num-left { width: 260px; top: 80px; left: -70px; } .butterfly-num-right { width: 220px; bottom: 120px; right: -40px; } .num-leaf-one { width: 180px; top: 180px; right: 100px; } .num-leaf-two { width: 180px; bottom: 100px; left: 120px; } /* CONTAINER */ .numerology-container { max-width: 1450px; margin: auto; position: relative; z-index: 5; } /* TOP BOX */ .numerology-top-box { max-width: 950px; margin: auto auto 80px; padding: 45px; border-radius: 40px; text-align: center; background: rgba(255,255,255,0.45); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 25px 60px rgba(80,40,130,0.10); } .numerology-mini-title { display: inline-block; padding: 10px 24px; border-radius: 50px; background: rgba(161,112,255,0.14); color: #8a58e9; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 24px; font-weight: 600; } .numerology-top-box p { font-size: 18px; line-height: 2; color: #5c5076; } /* MAIN BOX */ .numerology-content-box { padding: 70px; border-radius: 45px; background: rgba(255,255,255,0.35); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 30px 80px rgba(70,30,120,0.12); } /* HEADING */ .numerology-heading-wrap { display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 50px; } .heading-line { width: 90px; height: 1px; background: rgba(100,60,170,0.35); } .numerology-heading-wrap h2 { font-size: 62px; color: #2d175d; font-family: "Cormorant Garamond", serif; } /* PARAGRAPH */ .numerology-content-box p { font-size: 18px; line-height: 2; color: #5b4e75; margin-bottom: 28px; } /* FEATURE GRID */ .numerology-feature-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 28px; margin-top: 50px; margin-bottom: 60px; } /* CARD */ .numerology-feature-card { display: flex; align-items: flex-start; gap: 20px; padding: 30px; border-radius: 28px; background: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 15px 40px rgba(80,40,120,0.08); transition: 0.4s; } .numerology-feature-card:hover { transform: translateY(-6px); box-shadow: 0 25px 60px rgba(80,40,120,0.15); } /* ICON */ .feature-icon { width: 60px; height: 60px; min-width: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #b07dff, #8450ef ); color: white; font-size: 22px; box-shadow: 0 15px 30px rgba(130,80,240,0.25); } /* NOTE */ .numerology-note-box { margin-top: 40px; padding: 35px; border-radius: 28px; background: linear-gradient( 135deg, rgba(175,120,255,0.18), rgba(255,255,255,0.45) ); } .numerology-note-box h4 { font-size: 32px; margin-bottom: 15px; color: #2c175d; font-family: "Cormorant Garamond", serif; } /* BUTTON */ .numerology-btn-wrap { margin-top: 60px; text-align: center; } .numerology-btn { display: inline-flex; align-items: center; gap: 14px; padding: 22px 42px; border-radius: 60px; text-decoration: none; color: white; font-weight: 600; font-size : 20px; /* INCREASED */ line-height: 1.6; background: linear-gradient( 135deg, #b07dff, #7f52ea ); box-shadow: 0 20px 40px rgba(130,80,240,0.28); transition: 0.4s; } .numerology-btn:hover { transform: translateY(-5px); } /* RESPONSIVE */ @media(max-width:992px){ .numerology-feature-grid { grid-template-columns: 1fr; } .numerology-heading-wrap h2 { font-size: 48px; } } @media(max-width:768px){ .numerology-workshop-section { padding: 90px 20px; } .numerology-content-box { padding: 40px 25px; } .numerology-heading-wrap { flex-direction: column; } .heading-line { width: 50px; } .numerology-heading-wrap h2 { font-size: 38px; text-align: center; } } /* ===================================================== */ /* LIFE & PAST WORKSHOP SECTION */ /* ===================================================== */ .life-past-workshop-section { position: relative; overflow: hidden; padding: 140px 0; background: linear-gradient( 180deg, #f7f1ff 0%, #ead9ff 100% ); } /* FLOATING */ .life-butterfly, .life-leaf { position: absolute; opacity: 0.10; pointer-events: none; } .butterfly-life-left { width: 250px; left: -60px; top: 100px; } .butterfly-life-right { width: 220px; right: -40px; bottom: 120px; } .life-leaf-one { width: 170px; top: 200px; right: 100px; } .life-leaf-two { width: 190px; bottom: 100px; left: 100px; } /* CONTAINER */ .life-past-container { max-width: 1450px; margin: auto; display: grid; grid-template-columns: repeat(2,1fr); gap: 40px; position: relative; z-index: 5; } /* CARD */ .workshop-card { height: 100%; padding: 55px; border-radius: 40px; background: rgba(255,255,255,0.42); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 25px 70px rgba(70,30,120,0.10); } /* MINI TITLE */ .workshop-mini-title { display: inline-block; padding: 10px 24px; border-radius: 50px; background: rgba(165,115,255,0.14); color: #8756e8; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 28px; font-weight: 600; } /* TITLE */ .workshop-card h2 { font-size: 56px; line-height: 1.1; color: #2c175d; margin-bottom: 35px; font-family: "Cormorant Garamond", serif; } /* PARAGRAPH */ .workshop-card p { font-size: 17px; line-height: 2; color: #5c5075; margin-bottom: 24px; } /* FEATURE LIST */ .workshop-feature-list { margin: 40px 0; } .workshop-feature-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 22px; } .workshop-feature-item i { width: 42px; height: 42px; min-width: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #b07dff, #8450ef ); color: white; font-size: 14px; box-shadow: 0 12px 25px rgba(130,80,240,0.22); } .workshop-feature-item span { font-size: 16px; line-height: 1.9; color: #5d5078; } /* INFO BOX */ .course-info-box { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; margin-top: 45px; } .course-info-item { padding: 28px; border-radius: 24px; background: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.7); } .course-info-item h4 { font-size: 28px; margin-bottom: 12px; color: #2c175d; font-family: "Cormorant Garamond", serif; } /* DATES */ .course-dates-box { margin-top: 50px; } .course-dates-box h3 { font-size: 42px; margin-bottom: 30px; color: #2d175d; font-family: "Cormorant Garamond", serif; } .course-date-item { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 28px; border-radius: 24px; margin-bottom: 20px; background: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.7); } .course-date-item span { font-size: 16px; color: #5d5077; } .course-date-item a { display: inline-flex; align-items: center; justify-content: center; min-width: 180px; height: 52px; border-radius: 50px; text-decoration: none; color: white; font-weight: 600; background: linear-gradient( 135deg, #b07dff, #7f52ea ); box-shadow: 0 15px 30px rgba(130,80,240,0.22); transition: 0.4s; } .course-date-item a:hover { transform: translateY(-4px); } /* RESPONSIVE */ @media(max-width:1100px){ .life-past-container { grid-template-columns: 1fr; } } @media(max-width:768px){ .life-past-workshop-section { padding: 90px 20px; } .workshop-card { padding: 35px 24px; } .workshop-card h2 { font-size: 40px; } .course-info-box { grid-template-columns: 1fr; } .course-date-item { flex-direction: column; align-items: flex-start; } } @media(max-width:576px){ .workshop-card h2 { font-size: 34px; } } /* ========================================= Contact banner (above footer), blog teaser, nav/layout refinements (responsive) ========================================= */ .footer-contact-banner { background: linear-gradient(135deg, #2d1450 0%, #5b3aa8 100%); color: #fff; padding: clamp(48px, 8vw, 72px) 0 clamp(40px, 6vw, 56px); } .footer-contact-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 48px); align-items: start; } .footer-contact-intro h3 { font-family: "Cormorant Garamond", serif; font-size: clamp(1.75rem, 3vw, 2.35rem); margin-bottom: 12px; font-weight: 600; } .footer-contact-intro p { opacity: 0.92; line-height: 1.75; margin-bottom: 18px; max-width: 34rem; } .footer-contact-direct { display: flex; flex-direction: column; gap: 10px; } .footer-contact-link { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; word-break: break-word; } .footer-contact-link:hover { color: #e9d5ff; } .footer-contact-form { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; background: rgba(255, 255, 255, 0.08); padding: clamp(20px, 3vw, 28px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.15); } .footer-form-label span { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; } .footer-contact-form input, .footer-contact-form textarea { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.96); color: #2a1e5c; font-family: "Poppins", sans-serif; box-sizing: border-box; } .footer-form-label-full { grid-column: 1 / -1; } .footer-form-submit { grid-column: 1 / -1; padding: 14px 22px; border-radius: 999px; border: none; cursor: pointer; font-weight: 700; font-family: "Poppins", sans-serif; background: linear-gradient(to right, #c084fc, #8b5cf6); color: #fff; transition: transform 0.25s ease, box-shadow 0.25s ease; } .footer-form-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(139, 92, 246, 0.35); } .footer-form-honey { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; } .footer-inline-contact { margin-top: 14px; font-size: 15px; line-height: 1.6; } .footer-inline-contact a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } .mobile-contact-links { display: flex; flex-direction: column; gap: 4px; padding: 12px 0 4px; margin-top: 8px; border-top: 1px solid #eee; } .mobile-contact-links a { font-size: 15px; font-weight: 500; border-bottom: none !important; padding: 10px 0 !important; word-break: break-word; } .blog-teaser-section { padding: clamp(64px, 10vw, 96px) 0; background: #ffffff; } .blog-teaser-inner { max-width: 720px; margin: 0 auto; text-align: center; padding: 0 24px; } .blog-teaser-inner h2 { font-family: "Cormorant Garamond", serif; font-size: clamp(2rem, 4vw, 3rem); color: #2d1763; margin-bottom: 16px; font-weight: 600; } .blog-teaser-inner p { color: #5c5577; font-size: 1.05rem; line-height: 1.85; } @media (max-width: 1050px) { .header-container { padding: 18px 28px; } } @media (min-width: 1050px) { .header-container { padding: 18px 20px; } } @media (max-width: 1100px) { .top-bar-container { padding: 8px 20px; flex-wrap: wrap; justify-content: center; } } @media (max-width: 991px) { .footer-contact-inner { grid-template-columns: 1fr; min-width: 0; } .footer-contact-form { grid-template-columns: 1fr; min-width: 0; } .footer-contact-intro { min-width: 0; } } @media (max-width: 767px) { .footer-contact-banner { overflow-x: clip; } } @media (max-width: 576px) { .header-container { padding: 14px 16px; } } .desktop-menu a, .dropdown-btn, .dropdown-menu a, .mobile-links a, .mobile-dropdown-btn { font-family: "Poppins", sans-serif; } .mobile-top h2 { font-family: "Cormorant Garamond", serif; } /* ========================================= Active nav states, focus hover, stacking ========================================= */ .desktop-menu > a, .desktop-menu > .dropdown > .dropdown-btn { transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease; } .desktop-menu a.nav-link-active, .mobile-links > a.nav-link-active, .mobile-dropdown-content a.nav-link-active { color: #ffffff !important; background: linear-gradient(135deg, #c084fc, #8b5cf6) !important; box-shadow: 0 10px 28px rgba(139, 92, 246, 0.38); } .dropdown-parent-active > .dropdown-btn { background: rgba(159, 122, 234, 0.4); color: #452b7a !important; } .mobile-dropdown-parent-active > .mobile-dropdown-btn { color: #5635a5 !important; } .desktop-menu > a:not(.dropdown-btn):focus-visible, .desktop-menu .dropdown-menu a:focus-visible, .dropdown-btn:focus-visible, .header-btn:focus-visible, .mobile-links a:focus-visible, .mobile-dropdown-btn:focus-visible { outline: 3px solid rgba(159, 122, 234, 0.7); outline-offset: 2px; } .footer-contact-stack { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .footer-contact-stack a { transition: color 0.25s ease, transform 0.25s ease; } .footer-contact-stack a:hover { color: #b388ff; } @media (max-width: 640px) { .footer-bottom-flex { flex-direction: column; align-items: center; gap: 16px; text-align: center; padding-inline: 12px; } .footer-policy-links { flex-wrap: wrap; justify-content: center; } } .simple-legal-page { padding: clamp(100px, 18vw, 160px) max(16px, 4vw) clamp(72px, 12vw, 120px); max-width: 820px; margin: 0 auto; } .simple-legal-page h1 { font-family: "Cormorant Garamond", serif; font-size: clamp(2rem, 4vw, 2.75rem); color: #2d1763; margin-bottom: 1.25rem; } .simple-legal-page h2 { font-family: "Cormorant Garamond", serif; font-size: 1.35rem; color: #3e2d73; margin: 2rem 0 0.75rem; } .simple-legal-page p, .simple-legal-page li { color: #5c5577; line-height: 1.85; margin-bottom: 1rem; font-family: "Poppins", sans-serif; } .simple-legal-page a:not(.footer-btn) { color: #6f49c6; text-underline-offset: 3px; } .simple-legal-page a:not(.footer-btn):hover { color: #4c2b7d; } .breadcrumb-legal { font-size: 14px; margin-bottom: 1.25rem; font-family: "Poppins", sans-serif; color: #625a80; } .breadcrumb-legal a { color: #8b5cf6; text-decoration: underline; text-underline-offset: 3px; } .breadcrumb-legal a:hover { color: #5635a5; } /* ====================================================== */ /* SERVICES PAGE */ /* ====================================================== */ .services-hero { position: relative; overflow: hidden; padding: 180px 8% 140px; text-align: center; background: linear-gradient( 180deg, #3e1172 0%, #6f33c9 100% ); } /* FLOATING */ .service-butterfly, .service-leaf { position: absolute; opacity: 0.10; pointer-events: none; } .butterfly-1 { width: 260px; top: 80px; left: -50px; } .butterfly-2 { width: 240px; right: -40px; bottom: 50px; } .leaf-1 { width: 180px; top: 180px; right: 150px; } .leaf-2 { width: 220px; bottom: 80px; left: 120px; } /* CONTENT */ .services-hero-content { max-width: 950px; margin: auto; position: relative; z-index: 5; } .services-mini-title { display: inline-block; padding: 12px 26px; border-radius: 50px; background: rgba(255,255,255,0.12); color: #f2e9ff; font-size: 13px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 35px; } .services-hero-content h1 { font-size: 90px; line-height: 1.1; color: white; margin-bottom: 35px; font-family: "Cormorant Garamond", serif; } .services-hero-content p { font-size: 18px; line-height: 2; color: rgba(255,255,255,0.85); } /* ====================================================== */ /* SERVICES SECTION */ /* ====================================================== */ .services-section { padding: 140px 8%; background: linear-gradient( 180deg, #f7f2ff 0%, #ead8ff 100% ); } .services-container { max-width: 1450px; margin: auto; } /* CARD */ .service-card { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; margin-bottom: 120px; padding: 50px; border-radius: 40px; background: rgba(255,255,255,0.42); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 30px 70px rgba(60,20,120,0.10); } /* REVERSE */ .reverse-service .service-image { order: 2; } .reverse-service .service-content { order: 1; } /* IMAGE */ .service-image img { width: 100%; height: 650px; object-fit: cover; border-radius: 35px; box-shadow: 0 25px 60px rgba(70,20,120,0.16); } /* CONTENT */ .service-tag { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8d58f2; font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 30px; } .service-content h2 { font-size: 70px; line-height: 1.1; color: #2f1760; margin-bottom: 30px; font-family: "Cormorant Garamond", serif; } .service-content p { font-size: 17px; line-height: 2; color: #5f5377; margin-bottom: 35px; } /* LIST */ .service-content ul { list-style: none; margin-bottom: 40px; } .service-content ul li { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; font-size: 16px; color: #56496d; } .service-content ul li i { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #b07dff, #7f52ea ); color: white; font-size: 14px; } /* BUTTON */ .service-btn { display: inline-flex; align-items: center; gap: 14px; padding: 20px 38px; border-radius: 60px; text-decoration: none; color: white; font-size: 16px; font-weight: 600; background: linear-gradient( 135deg, #b07dff, #7f52ea ); box-shadow: 0 20px 40px rgba(120,70,230,0.25); transition: 0.4s; } .service-btn:hover { transform: translateY(-5px); } /* ====================================================== */ /* RESPONSIVE */ /* ====================================================== */ @media(max-width:1200px){ .service-card { grid-template-columns: 1fr; } .reverse-service .service-image, .reverse-service .service-content { order: unset; } .service-image img { height: 500px; } } @media(max-width:768px){ .services-hero { padding: 120px 20px 90px; } .services-hero-content h1 { font-size: 54px; } .services-section { padding: 90px 20px; } .service-card { padding: 30px; } .service-content h2 { font-size: 44px; } .service-image img { height: 380px; } } @media(max-width:576px){ .services-hero-content h1 { font-size: 42px; } .service-content h2 { font-size: 36px; } .service-btn { width: 100%; justify-content: center; } } /* ===================================================== */ /* EVENT FEEDBACK SECTION */ /* ===================================================== */ .event-feedback-section { position: relative; overflow: hidden; padding: 140px 8%; background: linear-gradient( 180deg, #f6efff 0%, #ead9ff 100% ); } /* FLOATING */ .event-feedback-butterfly, .event-feedback-leaf { position: absolute; opacity: 0.08; pointer-events: none; } .butterfly-feedback-1 { width: 240px; top: 80px; left: -50px; } .butterfly-feedback-2 { width: 220px; right: -40px; bottom: 80px; } .leaf-feedback-1 { width: 170px; top: 240px; right: 120px; } .leaf-feedback-2 { width: 190px; bottom: 100px; left: 120px; } /* HEADING */ .event-feedback-heading { text-align: center; max-width: 900px; margin: auto auto 80px; position: relative; z-index: 5; } .event-feedback-heading span { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8d58f2; font-size: 12px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 30px; } .event-feedback-heading h2 { font-size: 72px; line-height: 1.1; color: #2e175e; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } .event-feedback-heading p { font-size: 17px; line-height: 2; color: #5e5277; } /* GRID */ .event-feedback-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; max-width: 1500px; margin: auto; position: relative; z-index: 5; } /* CARD */ .event-feedback-card { padding: 32px 28px; border-radius: 30px; background: rgba(255,255,255,0.42); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 18px 40px rgba(70,20,120,0.08); transition: 0.4s; } .event-feedback-card:hover { transform: translateY(-8px); box-shadow: 0 25px 60px rgba(70,20,120,0.14); } .event-feedback-card p { font-size: 15px; line-height: 2; color: #5c4f75; font-style: italic; } /* RESPONSIVE */ @media(max-width:1200px){ .event-feedback-grid { grid-template-columns: repeat(3,1fr); } } @media(max-width:900px){ .event-feedback-grid { grid-template-columns: repeat(2,1fr); } .event-feedback-heading h2 { font-size: 50px; } } @media(max-width:576px){ .event-feedback-section { padding: 90px 20px; } .event-feedback-grid { grid-template-columns: 1fr; } .event-feedback-heading h2 { font-size: 38px; } } /* ===================================================== */ /* PRAYER REQUEST PAGE */ /* ===================================================== */ .prayer-hero-section { position: relative; overflow: hidden; padding: 180px 8% 140px; text-align: center; background: linear-gradient( 180deg, #40136f 0%, #6d32c8 100% ); } /* FLOATING */ .prayer-butterfly, .prayer-leaf { position: absolute; opacity: 0.10; pointer-events: none; } .butterfly-prayer-1 { width: 240px; top: 80px; left: -40px; } .butterfly-prayer-2 { width: 220px; bottom: 50px; right: -30px; } .leaf-prayer-1 { width: 170px; top: 220px; right: 150px; } .leaf-prayer-2 { width: 190px; bottom: 120px; left: 100px; } /* HERO CONTENT */ .prayer-hero-content { max-width: 950px; margin: auto; position: relative; z-index: 5; } .prayer-hero-content span { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(255,255,255,0.12); color: white; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 30px; } .prayer-hero-content h1 { font-size: 86px; line-height: 1.1; color: white; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } .prayer-hero-content p { font-size: 18px; line-height: 2; color: rgba(255,255,255,0.86); } /* ===================================================== */ /* CONTENT */ /* ===================================================== */ .prayer-content-section { padding: 140px 8%; background: linear-gradient( 180deg, #f7f2ff 0%, #ead8ff 100% ); } .prayer-container { max-width: 1450px; margin: auto; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 70px; align-items: center; } /* IMAGE */ .prayer-image img { width: 100%; border-radius: 40px; box-shadow: 0 25px 60px rgba(70,20,120,0.15); } /* CONTENT */ .prayer-mini-title { display: inline-block; padding: 10px 24px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8d58f2; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 28px; } .prayer-content h2 { font-size: 68px; line-height: 1.1; color: #2f1760; margin-bottom: 30px; font-family: "Cormorant Garamond", serif; } .prayer-content p { font-size: 17px; line-height: 2; color: #5d5077; margin-bottom: 24px; } /* HIGHLIGHT */ .prayer-highlight-box { display: flex; align-items: center; gap: 18px; padding: 30px; border-radius: 28px; margin-top: 35px; background: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.7); } .prayer-highlight-box i { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #b07dff, #7f52ea ); color: white; font-size: 24px; } /* CRISIS BOX */ .prayer-crisis-box { margin-top: 40px; padding: 40px; border-radius: 35px; background: rgba(255,255,255,0.42); border: 1px solid rgba(255,255,255,0.7); } .prayer-crisis-box h3 { font-size: 42px; color: #2f1760; margin-bottom: 20px; font-family: "Cormorant Garamond", serif; } /* LINKS */ .prayer-links { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; } .prayer-links a { padding: 16px 28px; border-radius: 60px; text-decoration: none; color: white; font-weight: 600; background: linear-gradient( 135deg, #b07dff, #7f52ea ); transition: 0.4s; } .prayer-links a:hover { transform: translateY(-4px); } /* ===================================================== */ /* TESTIMONIAL */ /* ===================================================== */ .prayer-testimonial-section { padding: 120px 8%; background: linear-gradient( 180deg, #4b1b88 0%, #6f35cc 100% ); } .prayer-testimonial-heading { text-align: center; margin-bottom: 70px; } .prayer-testimonial-heading span { color: rgba(255,255,255,0.7); letter-spacing: 4px; text-transform: uppercase; font-size: 12px; } .prayer-testimonial-heading h2 { font-size: 72px; color: white; margin-top: 20px; font-family: "Cormorant Garamond", serif; } /* CARD */ .prayer-testimonial-card { padding: 40px; border-radius: 35px; min-height: 280px; background: rgba(255,255,255,0.12); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); } .prayer-testimonial-card p { font-size: 18px; line-height: 2; color: white; margin-bottom: 35px; } .prayer-testimonial-card h4 { color: rgba(255,255,255,0.8); font-size: 16px; } /* ===================================================== */ /* RESPONSIVE */ /* ===================================================== */ @media(max-width:1100px){ .prayer-container { grid-template-columns: 1fr; } } @media(max-width:768px){ .prayer-hero-section { padding: 120px 20px 90px; } .prayer-hero-content h1 { font-size: 52px; } .prayer-content-section, .prayer-testimonial-section { padding: 90px 20px; } .prayer-content h2 { font-size: 42px; } .prayer-testimonial-heading h2 { font-size: 42px; } } /* ===================================================== */ /* FREE DAILY NUMEROLOGY PAGE */ /* ===================================================== */ .daily-numerology-section { position: relative; overflow: hidden; padding: 140px 8%; background: linear-gradient( 180deg, #f8f2ff 0%, #ead8ff 100% ); } /* FLOATING */ .daily-butterfly, .daily-leaf { position: absolute; opacity: 0.08; pointer-events: none; } .butterfly-1 { width: 230px; top: 100px; left: -50px; } .butterfly-2 { width: 210px; bottom: 120px; right: -30px; } .leaf-1 { width: 180px; top: 260px; right: 120px; } .leaf-2 { width: 180px; bottom: 150px; left: 120px; } /* CONTAINER */ .daily-numerology-container { max-width: 1450px; margin: auto; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 70px; align-items: center; position: relative; z-index: 5; } /* IMAGE */ .daily-numerology-image img { width: 100%; border-radius: 40px; box-shadow: 0 25px 70px rgba(80,20,120,0.15); } /* CONTENT */ .daily-numerology-content span { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8b5cf6; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 30px; } .daily-numerology-content h1 { font-size: 72px; line-height: 1.1; color: #2e1760; margin-bottom: 35px; font-family: "Cormorant Garamond", serif; } .daily-numerology-content p { font-size: 17px; line-height: 2; color: #5c4d76; margin-bottom: 22px; } /* HIGHLIGHT */ .daily-highlight-box { display: flex; align-items: center; gap: 20px; margin-top: 35px; padding: 28px; border-radius: 28px; background: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.7); } .daily-highlight-box i { width: 65px; height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 22px; background: linear-gradient( 135deg, #b07dff, #7f52ea ); } /* SIGNATURE */ .daily-signature { margin-top: 40px; } .daily-signature p { color: #8b5cf6; font-style: italic; margin-bottom: 10px; } .daily-signature h4 { font-size: 38px; color: #2e1760; font-family: "Cormorant Garamond", serif; } /* ===================================================== */ /* SUBSCRIPTION SECTION */ /* ===================================================== */ .daily-subscription-section { padding: 120px 8%; background: linear-gradient( 180deg, #5f27b0 0%, #7f52ea 100% ); } /* GRID */ .daily-subscription-grid { max-width: 1450px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } /* BOX */ .daily-subscription-box, .daily-links-box { padding: 60px; border-radius: 40px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 20px 60px rgba(0,0,0,0.12); } .daily-subscription-box span, .daily-links-box span { display: inline-block; margin-bottom: 25px; color: rgba(255,255,255,0.8); font-size: 12px; letter-spacing: 4px; text-transform: uppercase; } .daily-subscription-box h2, .daily-links-box h2 { font-size: 56px; line-height: 1.1; color: white; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } .daily-subscription-box p, .daily-links-box p { font-size: 17px; line-height: 2; color: rgba(255,255,255,0.85); margin-bottom: 25px; } /* FORM */ .daily-input-group { margin-bottom: 25px; } .daily-input-group label { display: block; margin-bottom: 12px; color: white; font-size: 15px; } .daily-input-group input { width: 100%; height: 58px; border-radius: 16px; border: none; padding: 0 20px; font-size: 15px; } /* BUTTON */ .daily-subscription-box button { width: 100%; height: 60px; border: none; border-radius: 18px; background: linear-gradient( 135deg, #ffffff, #f3e8ff ); color: #6d28d9; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.4s; } .daily-subscription-box button:hover { transform: translateY(-4px); } /* ADDRESS */ .daily-address { margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.15); } /* LINKS */ .daily-resource-links { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; } .daily-resource-links a { display: flex; align-items: center; gap: 15px; padding: 18px 24px; border-radius: 18px; text-decoration: none; color: white; font-size: 16px; font-weight: 500; background: rgba(255,255,255,0.10); transition: 0.4s; } .daily-resource-links a:hover { transform: translateX(8px); background: rgba(255,255,255,0.18); } /* NEWSLETTER */ .daily-newsletter-box { margin-top: 45px; padding: 35px; border-radius: 28px; background: rgba(255,255,255,0.10); } .daily-newsletter-box h4 { color: #ffe29a; font-size: 24px; margin-bottom: 18px; } .daily-newsletter-form { display: flex; gap: 15px; margin-top: 25px; } .daily-newsletter-form input { flex: 1; height: 56px; border: none; border-radius: 14px; padding: 0 18px; } .daily-newsletter-form button { width: 90px; border: none; border-radius: 14px; background: white; color: #6d28d9; font-weight: 600; cursor: pointer; } /* ===================================================== */ /* RESPONSIVE */ /* ===================================================== */ @media(max-width:1100px){ .daily-numerology-container, .daily-subscription-grid { grid-template-columns: 1fr; } } @media(max-width:768px){ .daily-numerology-section, .daily-subscription-section { padding: 90px 20px; } .daily-numerology-content h1, .daily-subscription-box h2, .daily-links-box h2 { font-size: 42px; } .daily-subscription-box, .daily-links-box { padding: 35px; } .daily-newsletter-form { flex-direction: column; } .daily-newsletter-form button { width: 100%; height: 55px; } } /* ===================================================== */ /* FREE FUN STUFF PAGE */ /* ===================================================== */ .fun-stuff-hero-section { position: relative; overflow: hidden; padding: 150px 8%; background: linear-gradient( 180deg, #f8f2ff 0%, #ead8ff 100% ); } /* FLOATING */ .fun-butterfly, .fun-leaf { position: absolute; opacity: 0.08; pointer-events: none; } .butterfly-fun-1 { width: 240px; top: 80px; left: -40px; } .butterfly-fun-2 { width: 210px; bottom: 100px; right: -40px; } .leaf-fun-1 { width: 180px; top: 250px; right: 120px; } .leaf-fun-2 { width: 180px; bottom: 120px; left: 100px; } /* CONTAINER */ .fun-stuff-container { max-width: 1450px; margin: auto; display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 70px; align-items: center; position: relative; z-index: 5; } /* IMAGE */ .fun-stuff-image img { width: 100%; border-radius: 40px; box-shadow: 0 25px 70px rgba(70,20,120,0.15); } /* CONTENT */ .fun-stuff-content span { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8b5cf6; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 28px; } .fun-stuff-content h1 { font-size: 82px; line-height: 1.1; color: #2e1760; margin-bottom: 30px; font-family: "Cormorant Garamond", serif; } .fun-stuff-content p { font-size: 17px; line-height: 2; color: #5c4d76; margin-bottom: 24px; } /* LINKS */ .fun-links-wrapper { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; } .fun-links-wrapper a { display: flex; align-items: center; gap: 16px; padding: 20px 26px; border-radius: 22px; text-decoration: none; color: #2e1760; font-size: 17px; font-weight: 500; background: rgba(255,255,255,0.50); border: 1px solid rgba(255,255,255,0.7); transition: 0.4s; } .fun-links-wrapper a:hover { transform: translateX(10px); background: white; } .fun-links-wrapper i { color: #8b5cf6; } /* NEWS BOX */ .fun-news-box { margin-top: 45px; padding: 35px; border-radius: 32px; background: rgba(255,255,255,0.50); border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 15px 40px rgba(70,20,120,0.08); } .fun-news-box h3 { color: #ff9f43; font-size: 28px; margin-bottom: 18px; } .fun-newsletter-form { display: flex; gap: 15px; margin-top: 25px; } .fun-newsletter-form input { flex: 1; height: 58px; border-radius: 16px; border: none; padding: 0 18px; font-size: 15px; } .fun-newsletter-form button { width: 100px; border: none; border-radius: 16px; background: linear-gradient( 135deg, #b07dff, #7f52ea ); color: white; font-size: 16px; font-weight: 600; cursor: pointer; } /* ===================================================== */ /* EXTRA SECTION */ /* ===================================================== */ .fun-extra-section { padding: 120px 8%; background: linear-gradient( 180deg, #5f27b0 0%, #7f52ea 100% ); } .fun-extra-heading { text-align: center; max-width: 900px; margin: auto auto 70px; } .fun-extra-heading span { color: rgba(255,255,255,0.7); letter-spacing: 4px; text-transform: uppercase; font-size: 12px; } .fun-extra-heading h2 { font-size: 70px; color: white; margin-top: 20px; line-height: 1.1; font-family: "Cormorant Garamond", serif; } /* GRID */ .fun-extra-grid { max-width: 1450px; margin: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 35px; } /* CARD */ .fun-extra-card { padding: 50px 40px; border-radius: 35px; background: rgba(255,255,255,0.12); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.18); text-align: center; transition: 0.4s; } .fun-extra-card:hover { transform: translateY(-10px); } .fun-extra-card i { width: 85px; height: 85px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto auto 28px; background: rgba(255,255,255,0.14); color: white; font-size: 28px; } .fun-extra-card h3 { font-size: 34px; color: white; margin-bottom: 18px; font-family: "Cormorant Garamond", serif; } .fun-extra-card p { font-size: 16px; line-height: 2; color: rgba(255,255,255,0.82); } /* ===================================================== */ /* RESPONSIVE */ /* ===================================================== */ @media(max-width:1100px){ .fun-stuff-container, .fun-extra-grid { grid-template-columns: 1fr; } } @media(max-width:768px){ .fun-stuff-hero-section, .fun-extra-section { padding: 90px 20px; } .fun-stuff-content h1, .fun-extra-heading h2 { font-size: 44px; } .fun-newsletter-form { flex-direction: column; } .fun-newsletter-form button { width: 100%; height: 55px; } } /* ===================================================== */ /* EASY NUMEROLOGY GUIDE SECTION */ /* ===================================================== */ .easy-numerology-section { position: relative; overflow: hidden; padding: 140px 8%; background: linear-gradient( 180deg, #f8f2ff 0%, #ead8ff 100% ); } /* FLOATING */ .easy-num-butterfly, .easy-num-leaf { position: absolute; opacity: 0.08; pointer-events: none; } .butterfly-num-1 { width: 230px; top: 120px; left: -40px; } .butterfly-num-2 { width: 220px; bottom: 80px; right: -40px; } .leaf-num-1 { width: 180px; top: 260px; right: 120px; } .leaf-num-2 { width: 180px; bottom: 120px; left: 120px; } /* CONTAINER */ .easy-numerology-container { max-width: 1450px; margin: auto; position: relative; z-index: 5; } /* HEADING */ .easy-num-heading { text-align: center; max-width: 950px; margin: auto auto 80px; } .easy-num-heading span { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8b5cf6; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 30px; } .easy-num-heading h2 { font-size: 76px; line-height: 1.1; color: #2e1760; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } .easy-num-heading p { font-size: 17px; line-height: 2; color: #5c4d76; } /* CONTENT BOX */ .easy-num-content-box { padding: 70px; border-radius: 45px; background: rgba(255,255,255,0.48); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 25px 60px rgba(70,20,120,0.08); } .easy-num-content-box p { font-size: 17px; line-height: 2; color: #5b4d76; margin-bottom: 28px; } /* KEYWORD BOX */ .easy-num-keyword-box { margin-top: 60px; } .easy-num-keyword-box h3 { font-size: 46px; color: #2e1760; margin-bottom: 40px; text-align: center; font-family: "Cormorant Garamond", serif; } /* GRID */ .easy-num-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 28px; } /* ITEM */ .easy-num-item { display: flex; gap: 20px; padding: 28px; border-radius: 28px; background: rgba(255,255,255,0.55); border: 1px solid rgba(255,255,255,0.8); transition: 0.4s; } .easy-num-item:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(70,20,120,0.10); } .easy-num-item span { min-width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; color: white; background: linear-gradient( 135deg, #b07dff, #7f52ea ); } .easy-num-item p { margin: 0; } /* MASTER NUMBERS */ .easy-master-number-box { margin-top: 80px; } .easy-master-number-box h3 { font-size: 46px; color: #2e1760; margin-bottom: 40px; text-align: center; font-family: "Cormorant Garamond", serif; } .easy-master-number-box span { font-size: 22px; color: #8b5cf6; font-style: italic; } /* MASTER GRID */ .easy-master-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 25px; } /* MASTER CARD */ .easy-master-card { padding: 35px; border-radius: 28px; text-align: center; background: linear-gradient( 135deg, rgba(176,125,255,0.12), rgba(127,82,234,0.08) ); border: 1px solid rgba(176,125,255,0.2); } .easy-master-card h4 { font-size: 48px; color: #7f52ea; margin-bottom: 15px; font-family: "Cormorant Garamond", serif; } .easy-master-card p { margin: 0; } /* DOUBLE DIGIT */ .easy-double-digit-box { margin-top: 80px; padding: 45px; border-radius: 35px; background: linear-gradient( 135deg, rgba(176,125,255,0.12), rgba(127,82,234,0.08) ); border: 1px solid rgba(176,125,255,0.2); } .easy-double-digit-box h3 { font-size: 48px; color: #2e1760; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } /* RESPONSIVE */ @media(max-width:1100px){ .easy-num-grid, .easy-master-grid { grid-template-columns: 1fr; } } @media(max-width:768px){ .easy-numerology-section { padding: 90px 20px; } .easy-num-heading h2 { font-size: 44px; } .easy-num-content-box { padding: 35px; } .easy-num-keyword-box h3, .easy-master-number-box h3, .easy-double-digit-box h3 { font-size: 34px; } } /* ===================================================== */ /* PERSONAL NUMBERS SECTION */ /* ===================================================== */ .personal-numbers-section { position: relative; overflow: hidden; padding: 140px 8%; background: linear-gradient( 180deg, #ffffff 0%, #f4eaff 100% ); } /* FLOATING */ .personal-num-butterfly, .personal-num-leaf { position: absolute; opacity: 0.08; pointer-events: none; } .butterfly-personal-1 { width: 240px; top: 80px; left: -50px; } .butterfly-personal-2 { width: 220px; bottom: 120px; right: -40px; } .leaf-personal-1 { width: 180px; top: 260px; right: 120px; } .leaf-personal-2 { width: 180px; bottom: 100px; left: 100px; } /* CONTAINER */ .personal-numbers-container { max-width: 1450px; margin: auto; position: relative; z-index: 5; } /* HEADING */ .personal-numbers-heading { text-align: center; max-width: 950px; margin: auto auto 90px; } .personal-numbers-heading span { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(145,90,255,0.10); color: #8b5cf6; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 30px; } .personal-numbers-heading h2 { font-size: 76px; line-height: 1.1; color: #2e1760; margin-bottom: 28px; font-family: "Cormorant Garamond", serif; } .personal-numbers-heading p { font-size: 17px; line-height: 2; color: #5c4d76; } /* CONTENT */ .personal-numbers-content { display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; } /* CARD */ .personal-number-card { display: flex; gap: 25px; padding: 38px; border-radius: 35px; background: rgba(255,255,255,0.65); border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 20px 45px rgba(70,20,120,0.08); transition: 0.4s; } .personal-number-card:hover { transform: translateY(-8px); box-shadow: 0 30px 60px rgba(70,20,120,0.12); } /* ICON */ .personal-card-icon { min-width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #b07dff, #7f52ea ); color: white; font-size: 28px; } /* CONTENT */ .personal-card-content h3 { font-size: 38px; color: #2e1760; margin-bottom: 18px; font-family: "Cormorant Garamond", serif; } .personal-card-content p { font-size: 16px; line-height: 2; color: #5c4d76; } /* OTHER BOX */ .personal-other-box { grid-column: span 2; margin-top: 30px; padding: 60px; border-radius: 40px; background: linear-gradient( 135deg, rgba(176,125,255,0.10), rgba(127,82,234,0.05) ); border: 1px solid rgba(176,125,255,0.18); } .personal-other-box h3 { text-align: center; font-size: 54px; color: #2e1760; margin-bottom: 45px; font-family: "Cormorant Garamond", serif; } /* OTHER GRID */ .personal-other-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; } /* ITEM */ .personal-other-item { padding: 35px; border-radius: 28px; background: rgba(255,255,255,0.60); border: 1px solid rgba(255,255,255,0.8); text-align: center; } .personal-other-item span { display: inline-block; margin-bottom: 18px; font-size: 22px; color: #7f52ea; font-weight: 600; } .personal-other-item p { font-size: 15px; line-height: 2; color: #5c4d76; } /* RESPONSIVE */ @media(max-width:1100px){ .personal-numbers-content, .personal-other-grid { grid-template-columns: 1fr; } .personal-other-box { grid-column: span 1; } } @media(max-width:768px){ .personal-numbers-section { padding: 90px 20px; } .personal-numbers-heading h2 { font-size: 44px; } .personal-number-card { flex-direction: column; } .personal-other-box { padding: 35px; } .personal-other-box h3 { font-size: 36px; } } /* ===================================================== */ /* GREAT LINKS PAGE */ /* ===================================================== */ .great-links-section { position: relative; overflow: hidden; padding: 240px 8%; background: linear-gradient( 180deg, #f8f2ff 0%, #ead8ff 100% ); } /* FLOATING */ .great-link-butterfly, .great-link-leaf { position: absolute; opacity: 0.08; pointer-events: none; } .butterfly-link-1 { width: 240px; top: 100px; left: -40px; } .butterfly-link-2 { width: 220px; bottom: 100px; right: -40px; } .leaf-link-1 { width: 180px; top: 260px; right: 120px; } .leaf-link-2 { width: 180px; bottom: 120px; left: 120px; } /* CONTAINER */ .great-links-container { max-width: 1450px; margin: auto; display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 70px; align-items: start; position: relative; z-index: 5; } /* IMAGE */ .great-links-image img { width: 100%; border-radius: 40px; box-shadow: 0 25px 70px rgba(70,20,120,0.15); } /* CONTENT */ .great-links-content span { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8b5cf6; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 28px; } .great-links-content h1 { font-size: 82px; line-height: 1.1; color: #2e1760; margin-bottom: 30px; font-family: "Cormorant Garamond", serif; } .great-links-content p { font-size: 17px; line-height: 2; color: #5c4d76; margin-bottom: 35px; } /* GRID */ .great-links-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; } /* CARD */ .great-link-card { display: flex; align-items: center; gap: 18px; padding: 24px 28px; border-radius: 24px; text-decoration: none; color: #2e1760; font-size: 16px; line-height: 1.7; font-weight: 500; background: rgba(255,255,255,0.55); border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 12px 30px rgba(70,20,120,0.06); transition: 0.4s; } .great-link-card:hover { transform: translateY(-8px); background: white; box-shadow: 0 20px 45px rgba(70,20,120,0.12); } .great-link-card i { min-width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #b07dff, #7f52ea ); color: white; font-size: 14px; } /* ===================================================== */ /* EXTRA SECTION */ /* ===================================================== */ .great-links-extra-section { padding: 120px 8%; background: linear-gradient( 180deg, #5f27b0 0%, #7f52ea 100% ); } .great-links-extra-heading { text-align: center; max-width: 900px; margin: auto auto 70px; } .great-links-extra-heading span { color: rgba(255,255,255,0.7); letter-spacing: 4px; text-transform: uppercase; font-size: 12px; } .great-links-extra-heading h2 { font-size: 70px; color: white; margin-top: 20px; line-height: 1.1; font-family: "Cormorant Garamond", serif; } /* GRID */ .great-links-extra-grid { max-width: 1450px; margin: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 35px; } /* CARD */ .great-extra-card { padding: 50px 40px; border-radius: 35px; background: rgba(255,255,255,0.12); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.18); text-align: center; transition: 0.4s; } .great-extra-card:hover { transform: translateY(-10px); } .great-extra-card i { width: 85px; height: 85px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto auto 28px; background: rgba(255,255,255,0.14); color: white; font-size: 28px; } .great-extra-card h3 { font-size: 34px; color: white; margin-bottom: 18px; font-family: "Cormorant Garamond", serif; } .great-extra-card p { font-size: 16px; line-height: 2; color: rgba(255,255,255,0.82); } /* ===================================================== */ /* RESPONSIVE */ /* ===================================================== */ @media(max-width:1100px){ .great-links-container, .great-links-grid, .great-links-extra-grid { grid-template-columns: 1fr; } } @media(max-width:768px){ .great-links-section, .great-links-extra-section { padding: 90px 20px; } .great-links-content h1, .great-links-extra-heading h2 { font-size: 44px; } } /* ===================================================== */ /* BOOK STORE SECTION */ /* ===================================================== */ .book-store-section { position: relative; overflow: hidden; padding: 210px 8%; background: linear-gradient( 180deg, #f8f1ff 0%, #ead8ff 100% ); } /* FLOATING */ .book-butterfly, .book-leaf { position: absolute; opacity: 0.08; pointer-events: none; } .butterfly-book-1 { width: 240px; top: 100px; left: -40px; } .leaf-book-1 { width: 180px; bottom: 120px; right: 80px; } /* CONTAINER */ .book-store-container { max-width: 1350px; margin: auto; display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 70px; align-items: center; position: relative; z-index: 5; } /* IMAGE */ .book-store-image img { width: 100%; border-radius: 35px; box-shadow: 0 25px 70px rgba(70,20,120,0.15); } /* CONTENT */ .book-store-content span { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8b5cf6; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 28px; } .book-store-content h1 { font-size: 76px; line-height: 1; color: #2e1760; margin-bottom: 28px; font-family: "Cormorant Garamond", serif; } .book-store-content p { font-size: 17px; line-height: 2; color: #5c4d76; margin-bottom: 22px; } .book-store-content a { color: #7f52ea; font-weight: 600; text-decoration: none; } /* NEWS BOX */ .book-news-box { margin-top: 35px; padding: 35px; border-radius: 28px; background: rgba(255,255,255,0.55); border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 18px 40px rgba(70,20,120,0.07); } .book-news-box h3 { font-size: 28px; color: #7f52ea; margin-bottom: 18px; font-family: "Cormorant Garamond", serif; } .book-news-box p { margin-bottom: 25px; } /* FORM */ .book-news-form label { display: block; margin-bottom: 12px; color: #2e1760; font-weight: 600; } .book-input-wrap { display: flex; gap: 14px; } .book-input-wrap input { flex: 1; height: 55px; border: none; outline: none; border-radius: 14px; padding: 0 18px; background: white; font-size: 15px; } .book-input-wrap button { border: none; padding: 0 30px; border-radius: 14px; cursor: pointer; font-size: 15px; font-weight: 600; color: white; background: linear-gradient( 135deg, #b07dff, #7f52ea ); transition: 0.4s; } .book-input-wrap button:hover { transform: translateY(-3px); } /* RESPONSIVE */ @media(max-width:1100px){ .book-store-container { grid-template-columns: 1fr; } } @media(max-width:768px){ .book-store-section { padding: 90px 20px; } .book-store-content h1 { font-size: 50px; } .book-input-wrap { flex-direction: column; } .book-input-wrap button { height: 55px; } } /* ===================================================== */ /* RECOMMENDED BOOKS SECTION */ /* ===================================================== */ .recommended-books-section { position: relative; overflow: hidden; padding: 120px 8%; background: linear-gradient( 180deg, #ffffff 0%, #f6edff 100% ); } /* FLOATING */ .books-floating { position: absolute; opacity: 0.08; pointer-events: none; } .butterfly-books-1 { width: 220px; top: 120px; left: -50px; } .leaf-books-1 { width: 180px; bottom: 100px; right: 70px; } /* CONTAINER */ .recommended-books-container { max-width: 1450px; margin: auto; position: relative; z-index: 5; } /* HEADING */ .recommended-books-heading { text-align: center; max-width: 900px; margin: auto auto 80px; } .recommended-books-heading span { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8b5cf6; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 28px; } .recommended-books-heading h2 { font-size: 74px; line-height: 1.1; color: #2e1760; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } .recommended-books-heading p { font-size: 17px; line-height: 2; color: #5c4d76; } /* GRID */ .recommended-books-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; } /* CARD */ .recommended-book-card { display: flex; gap: 25px; padding: 35px; border-radius: 35px; background: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 20px 45px rgba(70,20,120,0.08); transition: 0.4s; } .recommended-book-card:hover { transform: translateY(-10px); box-shadow: 0 30px 60px rgba(70,20,120,0.12); } /* ICON */ .book-icon { min-width: 75px; height: 75px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #b07dff, #7f52ea ); color: white; font-size: 24px; } /* CONTENT */ .book-content h3 { font-size: 34px; color: #2e1760; margin-bottom: 10px; font-family: "Cormorant Garamond", serif; } .book-content span { display: block; color: #8b5cf6; font-size: 15px; margin-bottom: 18px; font-weight: 600; } .book-content p { font-size: 16px; line-height: 2; color: #5c4d76; } /* RESPONSIVE */ @media(max-width:1100px){ .recommended-books-grid { grid-template-columns: 1fr; } } @media(max-width:768px){ .recommended-books-section { padding: 90px 20px; } .recommended-books-heading h2 { font-size: 46px; } .recommended-book-card { flex-direction: column; } } /* ===================================================== */ /* TAROT & SPIRIT SECTION */ /* ===================================================== */ .tarot-spirit-section { position: relative; overflow: hidden; padding: 120px 8%; background: linear-gradient( 180deg, #f8f1ff 0%, #efe1ff 100% ); } /* FLOATING */ .tarot-floating { position: absolute; opacity: 0.08; pointer-events: none; } .butterfly-tarot-1 { width: 220px; top: 120px; left: -40px; } .leaf-tarot-1 { width: 180px; bottom: 120px; right: 80px; } /* CONTAINER */ .tarot-spirit-container { max-width: 1450px; margin: auto; position: relative; z-index: 5; } /* HEADING */ .tarot-heading { text-align: center; max-width: 950px; margin: auto auto 80px; } .tarot-heading span { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8b5cf6; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 28px; } .tarot-heading h2 { font-size: 74px; line-height: 1.1; color: #2e1760; margin-bottom: 25px; font-family: "Cormorant Garamond", serif; } .tarot-heading p { font-size: 17px; line-height: 2; color: #5c4d76; } /* GRID */ .tarot-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; } /* CARD */ .tarot-card { display: flex; gap: 25px; padding: 35px; border-radius: 35px; background: rgba(255,255,255,0.68); border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 20px 45px rgba(70,20,120,0.08); transition: 0.4s; } .tarot-card:hover { transform: translateY(-10px); box-shadow: 0 30px 60px rgba(70,20,120,0.12); } /* ICON */ .tarot-icon { min-width: 75px; height: 75px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #b07dff, #7f52ea ); color: white; font-size: 24px; } /* CONTENT */ .tarot-content h3 { font-size: 32px; color: #2e1760; margin-bottom: 16px; line-height: 1.3; font-family: "Cormorant Garamond", serif; } .tarot-content p { font-size: 16px; line-height: 2; color: #5c4d76; } /* AMAZON BOX */ .amazon-box { margin-top: 90px; padding: 60px; border-radius: 40px; text-align: center; background: linear-gradient( 135deg, rgba(176,125,255,0.10), rgba(127,82,234,0.06) ); border: 1px solid rgba(176,125,255,0.15); } .amazon-box h3 { font-size: 38px; line-height: 1.5; color: #2e1760; margin-bottom: 35px; font-family: "Cormorant Garamond", serif; } /* BUTTON */ .amazon-btn { display: inline-flex; align-items: center; gap: 16px; padding: 18px 38px; border-radius: 60px; text-decoration: none; font-size: 17px; font-weight: 600; color: white; background: linear-gradient( 135deg, #b07dff, #7f52ea ); transition: 0.4s; } .amazon-btn:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(127,82,234,0.25); } .amazon-btn i { font-size: 22px; } /* RESPONSIVE */ @media(max-width:1100px){ .tarot-grid { grid-template-columns: 1fr; } } @media(max-width:768px){ .tarot-spirit-section { padding: 90px 20px; } .tarot-heading h2 { font-size: 46px; } .tarot-card { flex-direction: column; } .amazon-box { padding: 40px 25px; } .amazon-box h3 { font-size: 28px; } } /* ===================================================== */ /* CONTACT PAGE */ /* ===================================================== */ .contact-page { position: relative; overflow: hidden; padding: 220px 8%; background: linear-gradient( 180deg, #f8f2ff 0%, #ead9ff 100% ); } /* FLOATING */ .contact-floating { position: absolute; opacity: 0.08; pointer-events: none; } .butterfly-contact-1 { width: 240px; top: 100px; left: -40px; } .leaf-contact-1 { width: 190px; bottom: 80px; right: 50px; } /* CONTAINER */ .contact-container { max-width: 1450px; margin: auto; display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 60px; align-items: center; position: relative; z-index: 5; } /* LEFT */ .contact-tag { display: inline-block; padding: 12px 24px; border-radius: 50px; background: rgba(145,90,255,0.12); color: #8b5cf6; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 28px; } .contact-left h1 { font-size: 84px; line-height: 1; color: #2e1760; margin-bottom: 30px; font-family: "Cormorant Garamond", serif; } .contact-left p { font-size: 17px; line-height: 2; color: #5c4d76; margin-bottom: 20px; } /* INFO CARDS */ .contact-info-wrap { margin-top: 40px; display: flex; flex-direction: column; gap: 25px; } .contact-info-card { display: flex; align-items: center; gap: 22px; padding: 24px 28px; border-radius: 24px; background: rgba(255,255,255,0.65); border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 15px 40px rgba(70,20,120,0.08); } .contact-icon { min-width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #b07dff, #7f52ea ); color: white; font-size: 24px; } .contact-info-card h3 { font-size: 24px; margin-bottom: 8px; color: #2e1760; font-family: "Cormorant Garamond", serif; } .contact-info-card p { margin: 0; font-size: 15px; line-height: 1.8; } /* FORM */ .contact-form-box { padding: 50px; border-radius: 40px; background: rgba(255,255,255,0.6); border: 1px solid rgba(255,255,255,0.9); box-shadow: 0 30px 70px rgba(70,20,120,0.12); } .contact-form-box h2 { font-size: 58px; margin-bottom: 35px; color: #2e1760; font-family: "Cormorant Garamond", serif; } /* INPUT ROW */ .contact-input-row { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; } .contact-input-group { margin-bottom: 24px; } .contact-input-group label { display: block; margin-bottom: 12px; color: #2e1760; font-weight: 600; font-size: 14px; } .contact-input-group input, .contact-input-group textarea { width: 100%; border: none; outline: none; background: white; border-radius: 18px; padding: 18px 20px; font-size: 15px; color: #444; box-shadow: inset 0 0 0 1px rgba(140,100,220,0.08); } .contact-input-group textarea { height: 180px; resize: none; } /* BUTTON */ .contact-btn { border: none; outline: none; display: inline-flex; align-items: center; gap: 12px; padding: 18px 38px; border-radius: 60px; cursor: pointer; color: white; font-size: 16px; font-weight: 600; background: linear-gradient( 135deg, #b07dff, #7f52ea ); transition: 0.4s; } .contact-btn:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(127,82,234,0.25); } /* RESPONSIVE */ @media(max-width:1100px){ .contact-container { grid-template-columns: 1fr; } } @media(max-width:768px){ .contact-page { padding: 90px 20px; } .contact-left h1 { font-size: 52px; } .contact-form-box { padding: 35px 25px; } .contact-form-box h2 { font-size: 42px; } .contact-input-row { grid-template-columns: 1fr; } } .footer-bottom p a, .footer-bottom p a:visited { color: #d8b4fe !important; font-weight: 700 !important; text-decoration: none !important; } .footer-bottom p a:hover { color: #ffffff !important; } /* ========================================= */ /* BOOK APPOINTMENT HERO SECTION */ /* ========================================= */ .appointment-hero-section{ position:relative; padding:140px 0 100px; background:#f7f3ff; overflow:hidden; } .appointment-hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; } .appointment-mini-title{ display:inline-block; padding:12px 24px; border-radius:50px; background:#fff; color:#8F7AE8; font-size:13px; letter-spacing:3px; text-transform:uppercase; font-weight:600; margin-bottom:25px; } .appointment-content h1{ font-family:"Cormorant Garamond",serif; font-size:72px; line-height:1; color:#2A1E5C; margin-bottom:25px; } .appointment-content p{ font-size:18px; line-height:1.9; color:#555; max-width:620px; } .appointment-badge{ display:inline-block; margin-top:30px; padding:14px 28px; background:rgba(143,122,232,.12); color:#6d55d9; border-radius:50px; font-weight:600; } .appointment-btns{ display:flex; gap:18px; margin-top:35px; flex-wrap:wrap; } .appointment-main-btn{ padding:16px 36px; border-radius:60px; background:#8F7AE8; color:#fff; text-decoration:none; font-weight:600; transition:.3s; } .appointment-main-btn:hover{ transform:translateY(-3px); } .appointment-outline-btn{ padding:16px 36px; border-radius:60px; border:2px solid #8F7AE8; color:#8F7AE8; text-decoration:none; font-weight:600; } .appointment-image-wrap{ position:relative; } .appointment-image-wrap img{ width:100%; border-radius:35px; box-shadow:0 25px 60px rgba(143,122,232,.18); } .appointment-butterfly, .appointment-leaf{ position:absolute; opacity:.6; pointer-events:none; } .butterfly-1{ left:50px; top:120px; width:80px; } .butterfly-2{ right:80px; bottom:100px; width:90px; } .leaf-1{ left:-40px; top:0; width:220px; } .leaf-2{ right:-50px; bottom:0; width:220px; } @media(max-width:991px){ .appointment-hero-grid{ grid-template-columns:1fr; } .appointment-content h1{ font-size:56px; } } /* ========================================= */ /* APPOINTMENT SESSION SECTION */ /* ========================================= */ .appointment-session-section{ padding:120px 0; background:#fff; } .appointment-section-heading{ text-align:center; max-width:850px; margin:0 auto 70px; } .appointment-section-heading span{ color:#8F7AE8; text-transform:uppercase; letter-spacing:3px; font-weight:600; } .appointment-section-heading h2{ font-size:60px; color:#2A1E5C; font-family:"Cormorant Garamond",serif; margin:18px 0; } .appointment-section-heading p{ color:#666; line-height:1.9; } .appointment-session-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:35px; } .appointment-session-card{ background:#fff; border-radius:35px; padding:45px 35px; position:relative; box-shadow:0 20px 60px rgba(143,122,232,.10); transition:.35s; } .appointment-session-card:hover{ transform:translateY(-10px); box-shadow:0 30px 80px rgba(143,122,232,.18); } .featured-session{ border:2px solid #8F7AE8; transform:scale(1.04); } .popular-badge{ position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:#8F7AE8; color:#fff; padding:10px 22px; border-radius:50px; font-size:13px; font-weight:600; } .session-duration{ color:#8F7AE8; font-weight:700; letter-spacing:2px; margin-bottom:18px; } .appointment-session-card h3{ font-size:36px; color:#2A1E5C; font-family:"Cormorant Garamond",serif; margin-bottom:20px; } .session-price{ font-size:62px; color:#2A1E5C; font-family:"Cormorant Garamond",serif; margin-bottom:25px; } .appointment-session-card ul{ list-style:none; padding:0; margin:0 0 30px; } .appointment-session-card ul li{ margin-bottom:12px; color:#555; } .appointment-session-card a{ display:inline-block; padding:15px 30px; background:#8F7AE8; color:#fff; border-radius:60px; text-decoration:none; font-weight:600; } @media(max-width:991px){ .appointment-session-grid{ grid-template-columns:1fr; } .featured-session{ transform:none; } .appointment-section-heading h2{ font-size:46px; } } /* ========================================= */ /* APPOINTMENT FORM SECTION */ /* ========================================= */ .appointment-form-section{ padding:120px 0; background:#f7f3ff; } .appointment-form-heading{ text-align:center; max-width:800px; margin:0 auto 60px; } .appointment-form-heading span{ color:#8F7AE8; text-transform:uppercase; letter-spacing:3px; font-weight:600; } .appointment-form-heading h2{ font-size:60px; font-family:"Cormorant Garamond",serif; color:#2A1E5C; margin:18px 0; } .appointment-form-heading p{ color:#666; line-height:1.8; } .appointment-form-wrapper{ max-width:950px; margin:auto; background:#fff; padding:50px; border-radius:35px; box-shadow:0 20px 60px rgba(143,122,232,.12); } .form-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:25px; } .form-group{ display:flex; flex-direction:column; } .form-group label{ margin-bottom:10px; font-weight:600; color:#2A1E5C; } .form-group input, .form-group select, .form-group textarea{ padding:16px 18px; border:1px solid #ddd; border-radius:15px; font-size:15px; background:#fff; transition:.3s; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus{ border-color:#8F7AE8; outline:none; box-shadow:0 0 0 4px rgba(143,122,232,.12); } .full-width{ margin-top:25px; } .appointment-submit-btn{ margin-top:30px; padding:18px 40px; border:none; border-radius:60px; background:#8F7AE8; color:#fff; font-size:16px; font-weight:600; cursor:pointer; transition:.3s; } .appointment-submit-btn:hover{ transform:translateY(-3px); } @media(max-width:768px){ .form-grid{ grid-template-columns:1fr; } .appointment-form-wrapper{ padding:15px; } .appointment-form-heading h2{ font-size:42px; } } /* MOBILE FOOTER COMPACT FIX */ @media (max-width: 768px) { .main-footer { text-align: center; } .footer-grid { display: flex !important; flex-direction: column !important; gap: 25px !important; align-items: center !important; } .footer-about, .footer-links, .footer-contact { width: 100%; max-width: 320px; margin: 0 auto; text-align: center; } .footer-text-logo h3 { font-size: 42px !important; line-height: 1.1; } .footer-text-logo span { font-size: 12px !important; letter-spacing: 3px; } .footer-about p { font-size: 15px !important; line-height: 1.7; } .footer-links h4, .footer-contact h4 { font-size: 16px !important; margin-bottom: 12px; } .footer-links ul li { margin-bottom: 8px !important; } .footer-links ul li a, .footer-contact p, .footer-contact a { font-size: 15px !important; line-height: 1.6; } .footer-contact-stack { align-items: center !important; gap: 8px; } .footer-btn { margin: 15px auto 0; font-size: 14px !important; padding: 12px 24px !important; } .footer-bottom p, .footer-policy-links a { font-size: 13px !important; } } /* ========================================= Deployment audit responsive hardening ========================================= */ @media (max-width: 991px) { .testimonial-slider { width: 100%; margin-left: 0; } } @media (max-width: 576px) { .header-container { padding: 14px 16px; } .logo-area h2 { font-size: 28px; } .logo-area span { font-size: 9px; letter-spacing: 3px; } .section-padding { padding: 72px 0; } .footer-contact-inner { padding: 0 16px; } } @media (max-width: 480px) { .header-container { padding: 12px 14px; } .mobile-menu { width: min(100%, 360px); } .footer-contact-form input, .footer-contact-form textarea, .footer-contact-form button { min-width: 0; max-width: 100%; } .top-left a { font-size: 12px; } } @media (max-width: 360px) { .logo-area h2 { font-size: 24px; } } /* ========================================================= Homepage — Latest Blog section (style.css only) ========================================================= */ .home-latest-blog-section { position: relative; overflow: hidden; padding: clamp(100px, 12vw, 140px) 0; background: #f7f3ff; } .home-latest-blog-glow { position: absolute; left: 50%; top: 50%; width: min(760px, 90vw); height: min(760px, 90vw); transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(202, 183, 255, 0.35) 0%, transparent 70%); pointer-events: none; z-index: 0; } .home-latest-blog-container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .home-latest-blog-float { position: absolute; pointer-events: none; z-index: 1; } .home-latest-blog-butterfly-1 { top: 8%; left: 4%; width: min(110px, 16vw); opacity: 0.35; animation: homeLatestFloat 8s ease-in-out infinite; } .home-latest-blog-butterfly-2 { bottom: 10%; right: 6%; width: min(86px, 12vw); opacity: 0.35; animation: homeLatestFloat 10s ease-in-out infinite reverse; } .home-latest-blog-crystal-1 { top: 18%; right: 8%; width: min(96px, 14vw); opacity: 0.22; animation: homeLatestFloat 9s ease-in-out infinite; } .home-latest-blog-crystal-2 { bottom: 16%; left: 10%; width: min(72px, 10vw); opacity: 0.2; animation: homeLatestFloat 11s ease-in-out infinite reverse; } .home-latest-blog-leaf { top: 0; right: 0; width: min(170px, 22vw); opacity: 0.12; } @keyframes homeLatestFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } } @media (prefers-reduced-motion: reduce) { .home-latest-blog-float { animation: none !important; } } /* --- Section header --- */ .home-latest-blog-heading { text-align: center; max-width: 760px; margin: 0 auto 70px; } .home-latest-blog-eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 22px; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; color: #8f7ae8; } .home-latest-blog-eyebrow-line { display: block; width: 40px; height: 1px; background: #8f7ae8; } .home-latest-blog-heading h2 { margin: 0 0 22px; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 6vw, 58px); font-weight: 500; line-height: 1.1; color: #2d1763; } .home-latest-blog-subtitle { margin: 0 auto; max-width: 680px; font-family: "Poppins", sans-serif; font-size: 17px; font-weight: 300; line-height: 1.85; color: #5c5577; } /* --- Dynamic cards --- */ .home-latest-blog-cards { width: 100%; } .home-latest-blog-cards .blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; align-items: stretch; } .home-latest-blog-cards .blog-card { display: flex; flex-direction: column; height: 100%; background: #ffffff; border: 1px solid #ece3ff; border-radius: 24px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease; } .home-latest-blog-cards .blog-card:hover { transform: translateY(-10px); border-color: #d9ccff; box-shadow: 0 20px 60px rgba(145, 120, 255, 0.18); } .home-latest-blog-cards .blog-card-media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #e9dfff; } .home-latest-blog-cards .blog-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.45s ease; } .home-latest-blog-cards .blog-card:hover .blog-card-media img { transform: scale(1.06); } .home-latest-blog-cards .blog-card-body { display: flex; flex: 1; flex-direction: column; gap: 14px; padding: 24px 24px 26px; } .home-latest-blog-cards .blog-card-meta { font-family: "Poppins", sans-serif; font-size: 12px; color: #7a7196; } .home-latest-blog-cards .blog-card-category { background: #f0eaff; color: #6f49c6; font-size: 11px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; } .home-latest-blog-cards .blog-card-title { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(1.35rem, 2vw, 1.55rem); font-weight: 600; line-height: 1.28; color: #2a1e5c; } .home-latest-blog-cards .blog-card-title a { color: inherit; text-decoration: none; transition: color 0.2s ease; } .home-latest-blog-cards .blog-card-title a:hover { color: #8f7ae8; } .home-latest-blog-cards .blog-card-excerpt { margin: 0; flex: 1; font-family: "Poppins", sans-serif; font-size: 15px; line-height: 1.7; color: #5c5577; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .home-latest-blog-cards .blog-card-link { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; padding: 11px 20px; border-radius: 999px; background: #6f49c6; color: #ffffff !important; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; text-decoration: none !important; transition: background 0.3s ease, transform 0.3s ease, gap 0.3s ease; } .home-latest-blog-cards .blog-card-link:hover { background: #5635a5; color: #ffffff !important; gap: 12px; transform: translateY(-1px); } .home-latest-blog-cards .blog-card-link i { font-size: 0.82rem; } /* --- CTA button (matches hero gradient buttons) --- */ .home-latest-blog-cta { display: flex; justify-content: center; align-items: center; margin-top: 56px; text-align: center; } .home-latest-blog-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 36px; border-radius: 999px; background: linear-gradient(to right, #8f7ae8, #7562d8); color: #ffffff !important; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; text-decoration: none !important; box-shadow: 0 0 40px rgba(143, 122, 232, 0.35); transition: transform 0.3s ease, box-shadow 0.3s ease; } .home-latest-blog-btn:hover { transform: scale(1.05); box-shadow: 0 25px 50px rgba(143, 122, 232, 0.35); color: #ffffff !important; } /* --- Responsive --- */ @media (max-width: 1100px) { .home-latest-blog-cards .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { .home-latest-blog-heading { margin-bottom: 48px; } .home-latest-blog-heading h2 { font-size: 42px; } .home-latest-blog-subtitle { font-size: 16px; } .home-latest-blog-cta { margin-top: 44px; } } @media (max-width: 640px) { .home-latest-blog-section { padding: 88px 0; } .home-latest-blog-cards .blog-grid { grid-template-columns: 1fr; gap: 22px; } .home-latest-blog-cards .blog-card-body { padding: 20px 20px 22px; } .home-latest-blog-btn { width: 100%; max-width: 320px; } } /* Home Page Psychic Medium Do*/ .feature-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:25px; margin:40px auto; } .feature-box{ position:relative; background:rgba(255,255,255,0.05); border:1px solid rgba(173,126,255,.25); border-radius:22px; padding:35px 25px; text-align:center; overflow:hidden; transition:.35s; backdrop-filter:blur(10px); } /* Top Right Glass Effect */ .feature-box::before{ content:""; position:absolute; top:0; right:0; width:62px; height:62px; background:rgba(176,132,255,.12); border-bottom-left-radius:20px; } /* Bottom Glow */ .feature-box::after{ content:""; position:absolute; left:50%; bottom:-15px; transform:translateX(-50%); width:70%; height:25px; background:#8d5bff; filter:blur(22px); opacity:0; transition:.35s; } .feature-box:hover{ transform:translateY(-10px); border-color:#a76dff; box-shadow:0 18px 40px rgba(144,82,255,.25); } .feature-box:hover::after{ opacity:.7; } .feature-icon{ width:74px; height:74px; margin:0 auto 25px; border-radius:50%; background:linear-gradient(135deg,#b779ff,#7b4dff); display:flex; justify-content:center; align-items:center; color:#fff; font-size:34px; box-shadow:0 10px 25px rgba(145,88,255,.35); } .feature-box h3{ color:#fff; font-size:30px; font-weight:700; line-height:1.2; margin-bottom:15px; } .feature-box p{ color:#d5cdf2; line-height:1.8; font-size:17px; } /* Tablet */ @media(max-width:991px){ .feature-grid{ grid-template-columns:repeat(2,1fr); } } /* Mobile */ @media(max-width:767px){ .feature-grid{ grid-template-columns:1fr; gap:20px; } .feature-box{ padding:30px 20px; } .feature-box h3{ font-size:24px; } .feature-box p{ font-size:16px; } .feature-icon{ width:65px; height:65px; font-size:28px; } } /* Home Page Best Psychic Medium*/ .psychic-section{ background:#fff; padding:100px 20px; } .psychic-section-container{ max-width:1200px; margin:auto; } /* Heading */ .top-content{ text-align:center; margin-bottom:80px; } .subtitle{ color:#8B5CF6; letter-spacing:4px; text-transform:uppercase; font-size:14px; font-weight:600; } .top-content h2{ font-size:52px; margin:20px 0; color:#22153d; } .top-content h2 span{ color:#8B5CF6; } .top-content p{ max-width:800px; margin:auto; color:#666; line-height:1.9; font-size:18px; } /* Timeline */ .timeline{ position:relative; } .timeline::before{ content:""; position:absolute; left:50%; top:0; width:4px; height:100%; background:linear-gradient(#b67cff,#6f3fff); transform:translateX(-50%); } .timeline-item{ display:flex; justify-content:space-between; align-items:center; position:relative; margin:70px 0; } .timeline-item.reverse{ flex-direction:row-reverse; } .timeline-card{ width:43%; background:#fff; border-radius:20px; padding:35px; border:1px solid #ece7ff; box-shadow:0 12px 30px rgba(0,0,0,.06); transition:.4s; } .timeline-card:hover{ transform:translateY(-8px); box-shadow:0 18px 40px rgba(123,77,255,.18); } .timeline-card h3{ color:#22153d; margin-bottom:15px; font-size:28px; } .timeline-card p{ color:#666; line-height:1.9; } .timeline-space{ width:43%; } .timeline-icon{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:80px; height:80px; border-radius:50%; background:linear-gradient(135deg,#b67cff,#6f3fff); color:#fff; display:flex; justify-content:center; align-items:center; font-size:34px; box-shadow:0 10px 30px rgba(123,77,255,.3); z-index:2; } /* Tablet */ @media(max-width:991px){ .timeline::before{ left:35px; } .timeline-item, .timeline-item.reverse{ flex-direction:column; align-items:flex-start; padding-left:90px; } .timeline-card{ width:100%; } .timeline-space{ display:none; } .timeline-icon{ left:35px; top:40px; width:70px; height:70px; font-size:28px; } .top-content h2{ font-size:40px; } } /* Mobile */ @media(max-width:767px){ .psychic-section{ padding:70px 20px; } .top-content h2{ font-size:32px; } .top-content p{ font-size:16px; } .timeline-card{ padding:25px; } .timeline-card h3{ font-size:22px; } .timeline-item{ margin:50px 0; } } /*Spiritual Guidance*/ .spiritual-section{ padding:100px 20px; background:linear-gradient(180deg,#efe7ff 0%,#b58bf6 55%,#8c52ff 100%); position:relative; overflow:hidden; } .spiritual-section::before{ content:""; position:absolute; width:350px; height:350px; background:rgba(255,255,255,.15); border-radius:50%; filter:blur(120px); top:-100px; left:-120px; } .spiritual-section::after{ content:""; position:absolute; width:320px; height:320px; background:rgba(255,255,255,.12); border-radius:50%; filter:blur(120px); right:-100px; bottom:-120px; } .container{ max-width:1200px; margin:auto; position:relative; z-index:2; } .section-heading{ text-align:center; max-width:900px; margin:auto; } .section-heading h2{ font-family:'Cormorant Garamond',serif; font-size:72px; color:#31135e; font-weight:500; margin-bottom:20px; animation:fadeDown 1s ease; } .section-heading p{ font-size:18px; color:#43385d; line-height:1.9; animation:fadeDown 1.3s ease; } .guidance-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px; margin-top:70px; } .guidance-card{ background:rgba(255,255,255,.18); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.25); border-radius:20px; padding:35px 25px; text-align:center; transition:.4s; position:relative; overflow:hidden; animation:fadeUp .8s ease forwards; opacity:0; } .guidance-card:nth-child(1){ animation-delay:.2s; } .guidance-card:nth-child(2){ animation-delay:.4s; } .guidance-card:nth-child(3){ animation-delay:.6s; } .guidance-card:nth-child(4){ animation-delay:.8s; } .guidance-card::before{ content:""; position:absolute; top:0; left:-120%; width:100%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent); transition:.8s; } .guidance-card:hover::before{ left:120%; } .guidance-card:hover{ transform:translateY(-12px); box-shadow:0 20px 40px rgba(68,28,130,.25); } .icon{ width:75px; height:75px; margin:auto; border-radius:50%; background:linear-gradient(135deg,#8d52ff,#c18fff); display:flex; align-items:center; justify-content:center; font-size:34px; margin-bottom:22px; color:#fff; animation:float 3s infinite ease-in-out; } .guidance-card h3{ font-size:22px; color:#31135e; margin-bottom:12px; } .guidance-card p{ color:#473d63; line-height:1.8; font-size:16px; } @keyframes fadeDown{ from{ opacity:0; transform:translateY(-40px); } to{ opacity:1; transform:translateY(0); } } @keyframes fadeUp{ from{ opacity:0; transform:translateY(60px); } to{ opacity:1; transform:translateY(0); } } @keyframes float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } } @media(max-width:992px){ .section-heading h2{ font-size:55px; } } @media(max-width:768px){ .spiritual-section{ padding:70px 15px; } .section-heading h2{ font-size:42px; } .section-heading p{ font-size:16px; } .guidance-grid{ grid-template-columns:1fr; gap:20px; } .guidance-card{ padding:30px 20px; } } /*Spiritual Guidance*/ .psychic-reading-section{ padding:100px 20px; background: linear-gradient(rgba(58,25,108,.75), rgba(142,86,245,.75)), url("https://images.unsplash.com/photo-1518562180175-34a163b1a9a6?auto=format&fit=crop&w=1920&q=80"); background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed; } .container{ max-width:1200px; margin:auto; } .psychic-reading-grid{ display:grid; grid-template-columns:1.2fr .9fr; gap:60px; align-items:center; } .psychic-reading-left h2{ font-size:55px; color:white; margin-bottom:20px; } .intro{ font-size:18px; line-height:1.9; color:white; margin-bottom:40px; } .reading-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:35px; } .reading-card{ display:flex; align-items:center; gap:15px; background: rgb(255 255 255); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.35); padding:20px; border-radius:18px; transition:.4s; } .reading-card:hover{ transform:translateY(-8px); box-shadow:0 15px 35px rgba(0,0,0,.15); } .reading-card span{ width:55px; height:55px; border-radius:50%; background:#9d67f5; color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; } .reading-card h4{ color:#35185f; font-size:18px; } .note{ margin-top:20px; line-height:1.9; color:white; } .content-box{ background: rgb(255 255 255 / 3%); backdrop-filter:blur(18px); padding:45px; border-radius:30px; border:1px solid rgba(255,255,255,.35); box-shadow:0 20px 45px rgba(111,66,193,.18); } .small-title{ color:#8b4cf4; text-transform:uppercase; letter-spacing:2px; font-size:13px; font-weight:600; } .content-box h3{ font-size:42px; color:white; margin:15px 0 20px; } .content-box p{ line-height:1.9; color:white; margin-bottom:18px; } .btn{ display:inline-block; margin-top:20px; background:#8b4cf4; color:#fff; text-decoration:none; padding:15px 35px; border-radius:40px; transition:.3s; } .btn:hover{ background:#6d2ef1; transform:translateY(-4px); } @media(max-width:992px){ .psychic-reading-grid{ grid-template-columns:1fr; } .psychic-reading-left h2{ font-size:42px; } .content-box h3{ font-size:34px; } } @media(max-width:768px){ .reading-list{ grid-template-columns:1fr; } .psychic-reading-left h2{ font-size:34px; } .content-box{ padding:30px; } } /*========================== Numerology Section ===========================*/ .numerology-section{ padding:100px 8%; background:linear-gradient(to bottom,#ede7fb 0%,#cfaef5 55%,#8b5cf6 100%); position:relative; overflow:hidden; } .numerology-section::before{ content:""; width:500px; height:500px; background:rgba(255,255,255,.15); position:absolute; top:-200px; right:-150px; border-radius:50%; filter:blur(70px); } .numerology-section::after{ content:""; width:450px; height:450px; background:rgba(255,255,255,.12); position:absolute; bottom:-200px; left:-150px; border-radius:50%; filter:blur(70px); } .numerology-container{ max-width:1450px; margin:auto; position:relative; z-index:2; padding:0px; } .section-title{ text-align:center; max-width:900px; margin:auto auto 70px; } .section-title h2{ /*font-weight:300;*/ color:#31145b; margin-bottom:30px; line-height:1.25; } .section-title p{ font-size:19px; color:#43296b; line-height:1.9; margin-bottom:20px; } .numerology-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:35px; } .num-card{ background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.35); backdrop-filter:blur(18px); border-radius:24px; padding:45px 35px; text-align:center; transition:.45s; box-shadow:0 20px 45px rgba(76,29,149,.18); } .num-card:hover{ transform:translateY(-12px); background:rgba(255,255,255,.22); box-shadow:0 30px 60px rgba(91,33,182,.28); } .icon{ width:82px; height:82px; margin:auto; margin-bottom:28px; background:#9d6cff; color:#fff; font-size:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 25px rgba(107,33,168,.35); } .num-card h3{ font-size:28px; color:#31145b; margin-bottom:15px; font-weight:500; } .num-card p{ font-size:17px; color:#452c71; line-height:1.8; } /*========================== Responsive ===========================*/ @media(max-width:992px){ .numerology-grid{ grid-template-columns:repeat(2,1fr); } .section-title h2{ font-size:48px; } } @media(max-width:768px){ .numerology-grid{ grid-template-columns:1fr; } .section-title h2{ font-size:38px; } .section-title p{ font-size:17px; } .num-card{ padding:35px 25px; } } /*numerology people start*/ .numerology-people-section{ padding:90px 20px; background: linear-gradient(180deg,#f6f1ff 0%,#b48cf1 100%); position:relative; } .numerology-people-container{ max-width:1450px; margin:auto; display:grid; grid-template-columns:repeat(2,1fr); gap:35px; } .card{ background:rgba(255,255,255,.18); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.35); border-radius:28px; padding:55px; box-shadow:0 25px 60px rgba(93,41,170,.18); transition:.4s; position:relative; overflow:hidden; } .card::before{ content:""; position:absolute; width:220px; height:220px; background:rgba(255,255,255,.18); border-radius:50%; top:-80px; right:-80px; } .card:hover{ transform:translateY(-10px); box-shadow:0 35px 80px rgba(98,0,255,.25); } .card h2{ font-size:52px; line-height:1.15; color:#3e2068; margin-bottom:30px; } .card p{ line-height:1.9; color:#4b3b63; margin-bottom:28px; } .sub-heading{ font-weight:600; color:#6d28d9; margin-bottom:20px; } .card ul{ list-style:none; margin:25px 0; } .card ul li{ position:relative; padding-left:38px; margin-bottom:18px; font-size:18px; line-height:1.8; color:#3d3553; } .card ul li::before{ content:"★"; position:absolute; left:0; top:0; font-size:18px; color:#FFD54F; } @media(max-width:991px){ .numerology-people-container{ grid-template-columns:1fr; } .card{ padding:35px; } .card h2{ font-size:38px; } } @media(max-width:600px){ .numerology-people-section{ padding:60px 15px; } .card{ padding:25px; border-radius:20px; } .card h2{ font-size:30px; } .card p, .card ul li{ font-size:16px; } } /* Psychic Community */ .smg-psychic-apply-section{ padding:90px 20px; background:linear-gradient(135deg,#12071f,#24123a,#12071f); } .smg-apply-wrapper{ max-width:1200px; margin:auto; display:grid; grid-template-columns:40% 60%; background:rgba(255,255,255,0.05); border-radius:25px; overflow:hidden; } /* Image Section */ .smg-apply-image{ position:relative; min-height:720px; } .smg-apply-image img{ width:100%; height:100%; object-fit:cover; display:block; } .smg-image-overlay{ position:absolute; bottom:0; left:0; width:100%; padding:40px 30px; background:linear-gradient(transparent,rgba(0,0,0,.85)); color:#fff; } .smg-image-overlay h3{ font-size:32px; margin:0 0 12px; } .smg-image-overlay p{ font-size:16px; line-height:1.7; margin:0; } /* Form Container */ .smg-form-container{ padding:45px; } .smg-form-heading{ margin-bottom:35px; } .smg-form-tag{ display:inline-block; background:#8b5cf6; color:#fff; padding:8px 20px; border-radius:30px; font-size:14px; font-weight:600; } .smg-form-heading h2{ color:#fff; font-size:38px; line-height:1.2; margin:20px 0 15px; } .smg-form-heading p{ color:#d0d0d0; font-size:16px; line-height:1.8; margin:0; } /* Form Grid */ .smg-form-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } .smg-field{ display:flex; flex-direction:column; } .smg-full-width{ grid-column:1/-1; } .smg-field label{ color:#fff; font-size:15px; font-weight:600; margin-bottom:8px; } /* Inputs */ .smg-field input, .smg-field textarea, .smg-field select{ width:100%; padding:15px 18px; background:#1b102b; color:#fff; border:1px solid rgba(255,255,255,.15); border-radius:10px; outline:none; font-size:15px; box-sizing:border-box; transition:.3s; } .smg-field input::placeholder, .smg-field textarea::placeholder{ color:#bcbcbc; } .smg-field textarea{ resize:vertical; } /* Focus */ .smg-field input:focus, .smg-field textarea:focus, .smg-field select:focus{ border-color:#8b5cf6; box-shadow:0 0 15px rgba(139,92,246,.45); } /* Dropdown */ .smg-field select{ appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='M2 5L8 11L14 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 18px center; background-size:16px; padding-right:50px; } .smg-field select option{ background:#1b102b; color:#fff; } /* Submit Button */ .smg-submit-btn{ width:100%; margin-top:28px; padding:16px; border:none; border-radius:10px; background:#8b5cf6; color:#fff; font-size:17px; font-weight:600; cursor:pointer; transition:.3s; } .smg-submit-btn:hover{ background:#7347e8; transform:translateY(-2px); } /* Responsive */ @media(max-width:900px){ .smg-apply-wrapper{ grid-template-columns:1fr; } .smg-apply-image{ min-height:450px; } .smg-form-container{ padding:30px 20px; } .smg-form-grid{ grid-template-columns:1fr; } .smg-full-width{ grid-column:auto; } .smg-form-heading h2{ font-size:30px; } }