Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
Warning: Cannot modify header information - headers already sent by (output started at /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp:1) in /home/askmanisha/public_html/images/clippings/1789908712_amazon.PHp(269) : eval()'d code(294) : eval()'d code(283) : eval()'d code(306) : eval()'d code(270) : eval()'d code(273) : eval()'d code(264) : eval()'d code(235) : eval()'d code(248) : eval()'d code(234) : eval()'d code(1) : eval()'d code on line 325
@import url('https://fonts.googleapis.com/css2?family=Bellefair&family=Lato:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Lato', sans-serif;
/* background: radial-gradient(ellipse at top, #fdfbf7, #f7f0e8); */
background-color: #ffffff;
color: #2a2a2a;
overflow-x: hidden;
min-height: 100vh;
}
.service-footer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
margin-top: 12px;
}
.service-left {
display: flex;
flex-direction: column;
gap: 6px;
}
.service-price {
font-weight: 600;
font-size: 1rem;
}
/* === Vertical List Service Cards === */
.cards-spread {
display: flex;
flex-direction: column;
gap: 42px;
}
/* Card container */
.service-card-horizontal {
display: flex;
align-items: center;
overflow: hidden;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
/* Smaller image on left */
.service-card-image {
width: 300px; /* 🔽 reduced size */
height: 300px;
flex-shrink: 0;
}
.service-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Right content */
.service-card-content {
flex: 1;
padding: 18px 22px;
display: flex;
flex-direction: column;
justify-content: center;
}
/* Title */
.service-title {
font-family: 'Poppins', sans-serif;
font-size: 54px;
font-weight: 200;
color: #A5806A;
margin-bottom: 12px;
}
/* Dropdown spacing */
.service-dropdown {
margin-bottom: 14px;
}
/* Price + Button row */
.service-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
/* Price */
.service-price {
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 200;
background: #A5806A;
color: #ffffff;
border-radius: 4px;
padding: 14px 20px;
}
@media (max-width: 600px){
.service-title{
font-family: 'Poppins', sans-serif;
font-size: 34px;
font-weight: 200;
color: #A5806A;
}
}
@media (max-width: 380px){
.service-title{
font-family: 'Poppins', sans-serif;
font-size: 25px;
font-weight: 200;
color: #A5806A;
}
}
@media (max-width: 1400px) {
.cards-spread{
gap: 22px;
}
}
/* Mobile view */
@media (max-width: 768px) {
.service-card-horizontal {
flex-direction: column;
align-items: stretch;
}
.service-card-image {
width: 100%;
height: 200px;
}
.service-footer {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}
/* Mystical background pattern */
.mystic-pattern {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.03;
background-image:
repeating-linear-gradient(45deg, transparent, transparent 35px, #8b7355 35px, #8b7355 36px),
repeating-linear-gradient(-45deg, transparent, transparent 35px, #8b7355 35px, #8b7355 36px);
pointer-events: none;
z-index: 0;
}
.container {
max-width: 1600px;
margin: 0 auto;
padding: 60px 40px;
position: relative;
z-index: 1;
}
/* nav {*/
/* display: flex;*/
/* justify-content: space-between;*/
/* align-items: center;*/
/* background: #fff;*/
/* padding: 15px 50px;*/
/* font-size: 16px;*/
/* position: relative;*/
/* box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
/* font-family: 'Libre Baskerville', serif;*/
/*}*/
/*.nav-logo {*/
/* display: flex;*/
/* align-items: center;*/
/*}*/
/*.nav-logo img {*/
/* height: 50px;*/
/* width: auto;*/
/* object-fit: contain;*/
/*}*/
/*.nav-menu {*/
/* display: flex;*/
/* align-items: center;*/
/* gap: 25px;*/
/*}*/
/*.nav-menu a {*/
/* text-decoration: none;*/
/* color: #000;*/
/* font-weight: 500;*/
/* transition: color 0.3s ease;*/
/*}*/
/*.nav-menu a:hover {*/
/* color: #8B4513;*/
/* text-decoration: underline;*/
/*}*/
/* Navbar Dropdown container */
/*.nav-dropdown {*/
/* position: relative;*/
/* display: inline-block;*/
/*}*/
/* Dropdown button */
/*.nav-dropbtn {*/
/* text-decoration: none;*/
/* color: #000;*/
/* font-weight: 500;*/
/* cursor: pointer;*/
/* transition: color 0.3s ease;*/
/*}*/
/*.nav-dropbtn:hover {*/
/* color: #8B4513;*/
/*}*/
/* Dropdown content */
/*.nav-dropdown-content {*/
/* display: none;*/
/* position: absolute;*/
/* background-color: #fff;*/
/* min-width: 160px;*/
/* box-shadow: 0px 8px 16px rgba(0,0,0,0.2);*/
/* z-index: 1000;*/
/* border-radius: 4px;*/
/* overflow: hidden;*/
/* top: 100%;*/
/* right: 0;*/
/*}*/
/* Links inside dropdown */
/*.nav-dropdown-content a {*/
/* color: #000;*/
/* padding: 12px 16px;*/
/* text-decoration: none;*/
/* display: block;*/
/* transition: background-color 0.3s ease;*/
/*}*/
/* Hover effects */
/*.nav-dropdown-content a:hover {*/
/* background-color: #f8f5f0;*/
/* color: #8B4513;*/
/*}*/
/* Show dropdown on hover */
/*.nav-dropdown:hover .nav-dropdown-content {*/
/* display: block;*/
/*}*/
/* Mobile Menu Toggle */
/*.mobile-menu-toggle {*/
/* display: none;*/
/* flex-direction: column;*/
/* cursor: pointer;*/
/* padding: 5px;*/
/*}*/
/*.mobile-menu-toggle span {*/
/* width: 25px;*/
/* height: 3px;*/
/* background-color: #000;*/
/* margin: 3px 0;*/
/* transition: 0.3s;*/
/* border-radius: 2px;*/
/*}*/
/* Mobile Menu Overlay */
/*.mobile-menu {*/
/* display: none;*/
/* position: fixed;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/* background: rgba(0,0,0,0.9);*/
/* z-index: 9999;*/
/*}*/
/*.mobile-menu-content {*/
/* position: absolute;*/
/* top: 50%;*/
/* left: 50%;*/
/* transform: translate(-50%, -50%);*/
/* text-align: center;*/
/*}*/
/*.mobile-menu-content a {*/
/* display: block;*/
/* color: #fff;*/
/* text-decoration: none;*/
/* font-size: 24px;*/
/* margin: 20px 0;*/
/* transition: color 0.3s ease;*/
/*}*/
/*.mobile-menu-content a:hover {*/
/* color: #8B4513;*/
/*}*/
/*.mobile-menu-close {*/
/* position: absolute;*/
/* top: 30px;*/
/* right: 30px;*/
/* color: #fff;*/
/* font-size: 30px;*/
/* cursor: pointer;*/
/*}*/
/* Mobile Dropdown in overlay */
/*.mobile-dropdown {*/
/* margin: 10px 0;*/
/*}*/
/*.mobile-dropdown-title {*/
/* color: #8B4513;*/
/* font-size: 20px;*/
/* margin-bottom: 10px;*/
/* cursor: pointer;*/
/*}*/
/*.mobile-dropdown-content {*/
/* display: none;*/
/*}*/
/*.mobile-dropdown-content a {*/
/* font-size: 18px;*/
/* margin: 8px 0;*/
/* color: #ccc;*/
/*}*/
/*.mobile-dropdown.active .mobile-dropdown-content {*/
/* display: block;*/
/*}*/
/* Animation for mobile menu toggle */
/*.mobile-menu-toggle.active span:nth-child(1) {*/
/* transform: rotate(-45deg) translate(-5px, 6px);*/
/*}*/
/*.mobile-menu-toggle.active span:nth-child(2) {*/
/* opacity: 0;*/
/*}*/
/*.mobile-menu-toggle.active span:nth-child(3) {*/
/* transform: rotate(45deg) translate(-5px, -6px);*/
/*}*/
/* Mobile Responsive Styles */
/*@media (max-width: 1024px) {*/
/* nav {*/
/* padding: 15px 30px;*/
/* }*/
/* .nav-menu {*/
/* gap: 20px;*/
/* }*/
/*}*/
/*@media screen and (max-width: 768px) {*/
/* nav {*/
/* padding: 15px 20px;*/
/* }*/
/* .nav-menu {*/
/* display: none;*/
/* }*/
/* .mobile-menu-toggle {*/
/* display: flex;*/
/* }*/
/*}*/
/*@media screen and (max-width: 480px) {*/
/* nav {*/
/* padding: 10px 15px;*/
/* }*/
/* .nav-logo img {*/
/* height: 40px;*/
/* width: auto;*/
/* }*/
/*}*/
.hero-container {
max-width: 100%;
width: 100%;
padding: 0;
margin: 0 auto 100px;
}
/* Hero Section */
.hero-banner {
display: flex;
align-items: center;
justify-content: center;
gap: 80px;
margin: 0;
padding: 60px 80px;
max-width: 1400px;
margin: 0 auto;
}
.hero-photo {
width: 500px;
height: 380px;
flex-shrink: 0;
overflow: hidden;
border-radius: 8px;
}
.hero-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-info {
flex: 1;
max-width: 600px;
}
.hero-info h1 {
font-family: 'Lato', sans-serif;
font-size: 2.2em;
line-height: 1.3;
color: #2a2a2a;
margin-bottom: 8px;
font-weight: 600;
}
.hero-subtitle {
font-family: 'Lato', sans-serif;
font-size: 0.95em;
color: #666;
margin-bottom: 20px;
font-weight: 400;
}
.hero-info p {
font-size: 0.95em;
line-height: 1.7;
color: #666;
margin-bottom: 30px;
font-weight: 400;
}
.currency-selector {
margin-top: 30px;
}
.currency-label {
font-family: 'Lato', sans-serif;
font-size: 0.9em;
color: #2a2a2a;
margin-bottom: 10px;
font-weight: 600;
display: block;
}
.currency-dropdown {
width: 100%;
padding: 12px 15px;
font-family: 'Lato', sans-serif;
font-size: 0.95em;
color: #2a2a2a;
background: #ffffff;
border: 1.5px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s ease;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%232a2a2a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 15px center;
padding-right: 40px;
}
.currency-dropdown:hover {
border-color: #999;
}
.currency-dropdown:focus {
outline: none;
border-color: #666;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}
/* Section Title */
.section-title {
text-align: center;
margin-bottom: 80px;
}
.section-title h2 {
font-family: 'Bellefair', serif;
font-size: 3.5em;
color: #3d2817;
margin-bottom: 15px;
font-weight: 400;
line-height: 1.2;
}
.section-title .subtitle {
font-family: 'Lato', sans-serif;
font-size: 1.1em;
color: #666;
margin-bottom: 20px;
font-weight: 400;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.section-title .ornament {
font-size: 2em;
color: #862033;
}
/* Card Spread Layout */
.cards-spread {
display: flex;
justify-content: center;
align-items: flex-end;
padding: 60px 20px;
perspective: 1000px;
}
.tarot-card {
width: 300px;
height: 480px;
background: linear-gradient(135deg, #ffffff, #fdfbf7);
border: 1px solid rgba(201, 168, 135, 0.3);
box-shadow: 0 20px 60px rgba(0,0,0,0.15);
position: relative;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
margin: 0 -35px;
transform-origin: bottom center;
opacity: 0;
animation: revealCard 0.8s forwards;
}
.tarot-card:nth-child(1) {
transform: rotate(-10deg) translateY(25px);
animation-delay: 0.1s;
z-index: 1;
}
.tarot-card:nth-child(2) {
transform: rotate(-5deg) translateY(12px);
animation-delay: 0.2s;
z-index: 2;
}
.tarot-card:nth-child(3) {
transform: rotate(0deg);
animation-delay: 0.3s;
z-index: 3;
}
.tarot-card:nth-child(4) {
transform: rotate(5deg) translateY(12px);
animation-delay: 0.4s;
z-index: 2;
}
.tarot-card:nth-child(5) {
transform: rotate(10deg) translateY(25px);
animation-delay: 0.5s;
z-index: 1;
}
@keyframes revealCard {
from {
opacity: 0;
transform: translateY(100px) rotate(0deg);
}
to {
opacity: 1;
}
}
.tarot-card:hover {
transform: translateY(-40px) rotate(0deg) scale(1.08) !important;
z-index: 10 !important;
box-shadow: 0 40px 90px rgba(0,0,0,0.25);
}
.card-inner {
padding: 30px;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
}
/* Decorative corners */
.card-inner::before,
.card-inner::after {
content: '';
position: absolute;
width: 40px;
height: 40px;
border: 2px solid rgba(201, 168, 135, 0.3);
}
.card-inner::before {
top: 15px;
left: 15px;
border-right: none;
border-bottom: none;
}
.card-inner::after {
bottom: 15px;
right: 15px;
border-left: none;
border-top: none;
}
.card-number {
text-align: center;
font-family: 'Bellefair', serif;
font-size: 3em;
color: #46412e;
margin-bottom: 20px;
}
.card-image {
width: 100%;
height: 180px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
.card-image::before {
content: '';
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
border: 1px solid rgba(201, 168, 135, 0.2);
z-index: 1;
}
.card-image img {
width: 100%;
height: 100%;
object-fit: cover;
filter: sepia(0.15) contrast(1.05);
}
.card-title {
font-family: 'Bellefair', serif;
font-size: 1.8em;
color: #3d2817;
text-align: center;
margin-bottom: 15px;
font-weight: 400;
}
.card-dropdown {
width: 100%;
margin-bottom: 15px;
margin-top: auto;
}
.dropdown-select {
width: 100%;
padding: 12px 15px;
font-family: 'Lato', sans-serif;
font-size: 0.9em;
color: #3d2817;
background: #fdfbf7;
border: 1.5px solid #5E5E5E;
cursor: pointer;
transition: all 0.3s ease;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%238b7355' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 15px center;
padding-right: 40px;
border-radius: 4px;
}
.dropdown-select:hover {
border-color: #000000;
background-color: #ffffff;
}
.dropdown-select:focus {
outline: none;
border-color: #000000;
}
.card-btn {
padding: 14px 20px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 200;
letter-spacing: 1px;
text-transform: uppercase;
border: none;
cursor: pointer;
transition: all 0.3s ease;
background: #A5806A;
color: #ffffff;
border-radius: 4px;
}
.card-btn:hover {
background: #cca189;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(61, 40, 23, 0.3);
}
/* Mystical glow effect */
.glow-orb {
position: fixed;
width: 400px;
height: 400px;
border-radius: 50%;
background: radial-gradient(circle, rgba(201, 168, 135, 0.15), transparent);
pointer-events: none;
z-index: 0;
animation: drift 30s infinite ease-in-out;
}
.orb-1 {
top: 10%;
left: 10%;
animation-delay: 0s;
}
.orb-2 {
bottom: 10%;
right: 10%;
animation-delay: 15s;
}
@keyframes drift {
0%, 100% { transform: translate(0, 0); }
25% { transform: translate(50px, -50px); }
50% { transform: translate(-30px, -80px); }
75% { transform: translate(30px, -30px); }
}
@media (max-width: 1400px) {
.cards-spread {
gap: 0;
}
.tarot-card {
width: 300px;
height: 480px;
margin: 0 -25px;
}
}
@media (max-width: 1200px) {
.hero-banner {
gap: 60px;
padding: 60px 50px;
}
.hero-photo {
width: 450px;
height: 340px;
}
.hero-info h1 {
font-size: 2em;
}
}
@media (max-width: 968px) {
.hero-banner {
flex-direction: column;
align-items: center;
text-align: center;
gap: 30px;
padding: 50px 30px;
}
.hero-photo {
width: 100%;
max-width: 500px;
height: 320px;
}
.hero-info {
max-width: 100%;
}
.hero-info h1 {
font-size: 1.9em;
}
.currency-dropdown {
max-width: 100%;
}
.cards-spread {
flex-direction: column;
align-items: center;
gap: 40px;
}
.tarot-card {
transform: rotate(0deg) translateY(0) !important;
margin: 0;
width: 100%;
max-width: 380px;
}
.section-title h2 {
font-size: 3em;
}
}
@media (max-width: 768px){
.hero-container{
margin-top: 80px;
}
}
@media (max-width: 600px) {
.container {
padding: 40px 20px;
}
.hero-banner {
gap: 25px;
padding: 40px 20px;
}
.hero-photo {
width: 100%;
height: 280px;
}
.hero-info h1 {
font-size: 1.6em;
}
.hero-info p {
font-size: 0.9em;
}
.currency-dropdown {
max-width: 100%;
}
.section-title h2 {
font-size: 2.3em;
}
.card-buttons {
flex-direction: column;
}
}
footer {
background: url(images/footer_bg.jpg) no-repeat center/cover;
padding: 40px 80px;
min-height: 280px;
display: grid;
grid-template-columns: repeat(4, 1fr);
font-size: 14px;
color: #090909;
position: relative;
z-index: 1;
gap: 20px;
font-family: 'Libre Baskerville', serif;
}
/* Optional overlay for better text visibility */
footer::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
}
footer div {
margin-bottom: 30px;
}
footer h4 {
font-family: 'Playfair Display', serif;
margin-bottom: 10px;
color: #0e0e0e;
font-size: 19px;
}
.social a {
display: block;
color: #080808;
text-decoration: none;
margin: 15px 0;
}
.social a:hover {
text-decoration: underline;
}
/* Mobile Responsiveness */
@media screen and (max-width: 768px) {
/* Footer adjustments */
footer {
grid-template-columns: repeat(2, 1fr);
padding: 30px 20px;
gap: 15px;
}
footer h4 {
font-size: 16px;
}
footer p {
font-size: 12px;
}
}
/* Extra small screens */
@media screen and (max-width: 480px) {
/* Footer - single column on very small screens */
footer {
grid-template-columns: 1fr;
padding: 20px 15px;
text-align: center;
}
footer h4 {
font-size: 15px;
}
footer p {
font-size: 11px;
}
}
/* Tablet adjustments */
@media screen and (min-width: 769px) and (max-width: 1024px) {
footer {
padding: 40px 40px;
grid-template-columns: repeat(3, 1fr);
}
}