* { margin: 0; padding: 0; box-sizing: border-box; }
        
        :root {
            --accent: #ea4c89;
            --deep-plum: #3a2349;
            --soft-bg: #f9eaea;
            --highlight: #fcf6e9;
            --white: #ffffff;
        }
        
        body { font-family:'Geist',sans-serif; line-height: 1.6; color: var(--deep-plum); }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        
        h1, h2, h3 { font-family: 'Geist',serif; font-weight: 700; }
        h1 {
             font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1.2; margin-bottom: 1rem; 
            font-family: 'Geist',sans-serif;
        }
        h2 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1rem; position: relative; display: inline-block; 
        font-family: 'Geist',sans-serif;
        }
        h2::after { content: ""; position: absolute; bottom: -8px; left: 0; right: 0; height: 4px; background: var(--accent); border-radius: 2px; }
        
        .accent { color: var(--accent); }
        
        .btn-primary {
            background: var(--accent);
            color: var(--white);
            padding: 16px 32px;
            font-size: 1.1rem;
            font-weight: 600;
            border-radius: 50px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(234, 76, 137, 0.3);
            border: none;
            cursor: pointer;
            text-decoration: none;
            font-family: 'Geist',sans-serif;
        }
        .btn-primary:hover { background: rgba(234, 76, 137, 0.9); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(234, 76, 137, 0.4); }
        .full-width { width: 100%; justify-content: center; }
        .text-center { text-align: center; margin-top: 3rem; }
        
        .section-header { text-align: center; margin-bottom: 4rem; }
        .section-header p { font-size: 1.2rem; color: rgba(58, 35, 73, 0.8); max-width: 600px; margin: 1rem auto 0; 
        font-family: 'Geist',sans-serif;
    line-height: 26px;}
        
        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            position: relative;
            background: var(--soft-bg);
            overflow: hidden;
        }
        .hero-bg {
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: linear-gradient(135deg, rgba(249, 234, 234, 0.9), rgba(252, 246, 233, 0.8));
            /*background-image: url("images/hero-background.jpg");*/
            background-size: cover;
            background-position: center;
        }
        .hero-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
            position: relative;
            z-index: 2;
            padding: 2rem 0;
        }
        .hero-left {
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.3);
            padding: 3rem;
            border-radius: 30px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }
        .logo {
            background: var(--white);
            width: 100px; height: 100px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 2rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }
        .logo i { font-size: 2rem; color: var(--accent); }

        .logo img{
            width: 100%;
            padding: 10px;
        }

        .hero-subtitle { font-size: 1.5rem; color: rgba(58, 35, 73, 0.8); margin-bottom: 2rem; font-weight: 300; 
        font-family: 'Geist',sans-serif;
        line-height: 32px;
        }


        
        .hero-image { position: relative; display: flex; justify-content: center; }
        .hero-image::before {
            content: "";
            position: absolute;
            top: -50px; left: -50px;
            width: 160px; height: 160px;
            background: var(--highlight);
            border-radius: 50%;
            opacity: 0.7;
            z-index: 1;
        }
        .hero-image::after {
            content: "";
            position: absolute;
            bottom: -50px; right: -50px;
            width: 160px; height: 160px;
            background: rgba(234, 76, 137, 0.2);
            border-radius: 50%;
            z-index: 1;
        }
        .hero-image img {
            width: 400px; height: 400px;
            border-radius: 50%;
            object-fit: cover;
            border: 8px solid var(--white);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
            transform: rotate(3deg);
            position: relative;
            z-index: 2;
            transform: scaleX(-1);
        }
        .hero-image .sakshi-image-bg {
            width: 400px; height: 400px;
            border-radius: 50%;
            object-fit: cover;
            border: 8px solid var(--white);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
            transform: rotate(3deg);
            position: relative;
            z-index: 2;
            background: url(../images/sakshi/sakshi-1.webp);
             background-size: cover;   /* or contain depending on your needs */
            background-position: right 50px center;
            background-repeat: no-repeat;
            transform: scaleX(-1);    /* flip horizontally */
        }
        
        /* About Section */
        .about {
            padding: 6rem 0;
            background: var(--white);
            position: relative;
            overflow: hidden;
        }
        .about::before {
            content: "";
            position: absolute;
            top: 0; right: 0;
            width: 400px; height: 400px;
            background: var(--soft-bg);
            border-radius: 50%;
            transform: translate(50%, -50%);
            opacity: 0.7;
        }
        .about::after {
            content: "";
            position: absolute;
            bottom: 0; left: 0;
            width: 250px; height: 250px;
            background: var(--highlight);
            border-radius: 50%;
            transform: translate(-50%, 50%);
            opacity: 0.7;
        }
        .about-content {
            display: grid;
            grid-template-columns: 5fr 7fr;
            gap: 4rem;
            align-items: center;
            position: relative;
            z-index: 2;
        }
        .about-text p { font-size: 1.2rem; line-height: 1.8; margin-bottom: 1.5rem; color: rgba(58, 35, 73, 0.8);         font-family: 'Geist',sans-serif;
        }
        
        .features { display: flex; gap: 1rem; margin: 2rem 0; }
        .feature {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            background: var(--highlight);
            padding: 0.8rem 1.2rem;
            border-radius: 25px;
            font-weight: 500;
            font-family: 'Poppins';
        }
        .feature i { color: var(--accent); }
        
        .about-images { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; position: relative; }
        .img-1, .img-2 { height: 320px; border-radius: 100px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); }
        .img-1 { border-top-left-radius: 100px; border-bottom-right-radius: 100px; transform: rotate(-3deg); }
        .img-2 { border-top-right-radius: 100px; border-bottom-left-radius: 100px; transform: rotate(3deg); margin-top: 3rem; }
        .img-1 img, .img-2 img { width: 100%; height: 100%; object-fit: cover; }
        
        /* Services Section */
        .services { padding: 5rem 0; background: var(--soft-bg); }
        .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; }
        .service-card {
            background: var(--highlight);
            padding: 3rem 2rem;
            border-radius: 20px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); }
        .service-icon {
            background: var(--accent);
            width: 80px; height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem;
        }
        .service-icon i { font-size: 2rem; color: var(--white); }
        .service-card h3 { color: var(--accent); margin-bottom: 1rem; font-family: 'Geist',sans-serif; font-size: 18px;
    letter-spacing: .3px;}
        .service-card p { color: rgba(58, 35, 73, 0.8);     font-family: 'Poppins';
    font-size: 15px;
    line-height: 20px;}
        
        /* Portfolio Section */
        .portfolio { padding: 5rem 0; background: var(--white); }
        .portfolio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
        .portfolio-item {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            /* height: 320px; */
        }
        .portfolio-item:hover { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); }
        .portfolio-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
        .portfolio-item:hover img { transform: scale(1.1); }
        

        .video-container {
            position: relative;
            width: 100%;
            padding-bottom: 177.77%; /* 9:16 aspect ratio for vertical Shorts */
            height: 0;
            overflow: hidden;
        }

        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }


        /* Testimonials Section */
        .testimonials { padding: 5rem 0; background: var(--soft-bg); }
        .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
        .testimonial {
            background: var(--white);
            padding: 2.5rem;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .testimonial:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); }
        .stars { display: flex; gap: 0.25rem; margin-bottom: 1.5rem; }
        .stars i { color: var(--accent); }
        .testimonial p { font-style: italic; line-height: 1.8; margin-bottom: 1.5rem; color: rgba(58, 35, 73, 0.8); }
        .author { border-top: 1px solid var(--highlight); padding-top: 1rem; 
                font-family: 'Geist',sans-serif;
        }

        .contact-iconwedwr{
            font-family: 'Geist',sans-serif;
        }
        
        /* Contact Section */
        .contact { padding: 5rem 0; background: var(--white); }
        .contact-content { max-width: 800px; margin: 0 auto; }
        .contact-info { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
        .contact-card { background: var(--soft-bg); padding: 2.5rem; border-radius: 20px; }
        .contact-card h3 { margin-bottom: 1.5rem; 
                    font-family: 'Geist',sans-serif;
                    font-size: 18px;
}
        .contact-item { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
        .contact-icon {
            background: var(--accent);
            width: 50px; height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .contact-icon i { color: var(--white); }
        .contact-item strong { display: block; margin-bottom: 0.25rem; }
        .contact-item p { color: rgba(58, 35, 73, 0.8); margin: 0; }

        
        .contact-iconwedwr{
            font-family: 'Geist',sans-serif;
        }

        .contact-iconwedwr p{
            font-family: 'Poppins',sans-serif;
        }
        
        .social-links { display: flex; gap: 1rem; }
        .social-links a {
            background: var(--highlight);
            width: 50px; height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        .social-links a:hover { background: var(--accent); }
        .social-links a i { color: var(--accent); font-size: 1.25rem; transition: color 0.3s ease; }
        .social-links a:hover i { color: var(--white); }

           .footer {
        background-color: var(--deep-plum);
        color: var(--white);
        text-align: center;
        padding: 20px 10px;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        
    }

    .footer a {
        color: var(--accent);
        text-decoration: none;
    }

        @media(max-width:1000px){
            .features{flex-wrap: wrap;}
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .hero-content { grid-template-columns: 1fr; text-align: center; }
            .hero-right { order: -1; }
            .hero-image img { width: 300px; height: 300px; }
            .about-content { grid-template-columns: 1fr; text-align: center; }
            .about-images { order: -1; }
            .contact-info { grid-template-columns: 1fr; }

             h1{
                font-size: 35px;
            }

        }