.elementor-956 .elementor-element.elementor-element-3aa3386c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-956 .elementor-element.elementor-element-3aa3386c:not(.elementor-motion-effects-element-type-background), .elementor-956 .elementor-element.elementor-element-3aa3386c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://houseofvarda.in/wp-content/uploads/2026/03/2022-11-05_13-55-19pm-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-956 .elementor-element.elementor-element-3aa3386c::before, .elementor-956 .elementor-element.elementor-element-3aa3386c > .elementor-background-video-container::before, .elementor-956 .elementor-element.elementor-element-3aa3386c > .e-con-inner > .elementor-background-video-container::before, .elementor-956 .elementor-element.elementor-element-3aa3386c > .elementor-background-slideshow::before, .elementor-956 .elementor-element.elementor-element-3aa3386c > .e-con-inner > .elementor-background-slideshow::before, .elementor-956 .elementor-element.elementor-element-3aa3386c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#462901;--background-overlay:'';}.elementor-956 .elementor-element.elementor-element-3e6d949f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-0b7a045 );--border-color:var( --e-global-color-0b7a045 );--border-radius:30px 30px 30px 30px;--padding-top:181px;--padding-bottom:97px;--padding-left:30px;--padding-right:30px;}.elementor-956 .elementor-element.elementor-element-3e6d949f:not(.elementor-motion-effects-element-type-background), .elementor-956 .elementor-element.elementor-element-3e6d949f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-224f3fc );}.elementor-956 .elementor-element.elementor-element-66416853{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-956 .elementor-element.elementor-element-505b3d41{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-956 .elementor-element.elementor-element-1b449391{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;text-align:center;}.elementor-956 .elementor-element.elementor-element-1b449391 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:52px;font-weight:600;line-height:1.1em;color:var( --e-global-color-124aac3 );}.elementor-956 .elementor-element.elementor-element-cec89ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-956 .elementor-element.elementor-element-c864ca1{--display:flex;}.elementor-956 .elementor-element.elementor-element-0da80a7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-956 .elementor-element.elementor-element-18ed60b{--display:flex;}@media(min-width:768px){.elementor-956 .elementor-element.elementor-element-3aa3386c{--content-width:1400px;}.elementor-956 .elementor-element.elementor-element-505b3d41{--width:49%;}.elementor-956 .elementor-element.elementor-element-cec89ce{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-956 .elementor-element.elementor-element-505b3d41{--width:77%;}}@media(max-width:1024px){.elementor-956 .elementor-element.elementor-element-3aa3386c:not(.elementor-motion-effects-element-type-background), .elementor-956 .elementor-element.elementor-element-3aa3386c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-103px 0px;}.elementor-956 .elementor-element.elementor-element-3aa3386c{--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-956 .elementor-element.elementor-element-3e6d949f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:141px;--padding-bottom:72px;--padding-left:30px;--padding-right:30px;}.elementor-956 .elementor-element.elementor-element-1b449391{margin:0px -21px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;}.elementor-956 .elementor-element.elementor-element-1b449391 .elementor-heading-title{font-size:3.8em;}}@media(max-width:767px){.elementor-956 .elementor-element.elementor-element-3aa3386c:not(.elementor-motion-effects-element-type-background), .elementor-956 .elementor-element.elementor-element-3aa3386c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://houseofvarda.in/wp-content/uploads/2026/03/4-2-4.jpg");background-position:center center;}.elementor-956 .elementor-element.elementor-element-3aa3386c{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-956 .elementor-element.elementor-element-3e6d949f{--padding-top:139px;--padding-bottom:45px;--padding-left:20px;--padding-right:20px;}.elementor-956 .elementor-element.elementor-element-1b449391{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -4px) 0px;text-align:center;}.elementor-956 .elementor-element.elementor-element-1b449391 .elementor-heading-title{font-size:3em;}}/* Start custom CSS for html, class: .elementor-element-e111ed8 *//* BASE */

.varda-about{
background:#f7f4ef;
padding:100px 6%;
font-family:"Cormorant Garamond", serif;
}


/* SIGNATURE SCRIPT BRANDING */

.about-hero h1{
font-family:"Playfair Display", serif;
font-size:64px;
color:#3b2e2a;
position:relative;
}

.about-hero h1:after{
content:"House of Varda";
display:block;
font-family:"Great Vibes", cursive;
font-size:32px;
color:#c9a961;
margin-top:10px;
opacity:.8;
}


/* GOLD FOIL ANIMATION */

h1, h2{

background:linear-gradient(
120deg,
#3b2e2a,
#c9a961,
#f1dca3,
#c9a961,
#3b2e2a
);

background-size:200% auto;
color:transparent;
-webkit-background-clip:text;

animation:goldShine 5s linear infinite;

}

@keyframes goldShine{
0%{background-position:-200% center;}
100%{background-position:200% center;}
}


/* GRID */

.about-hero,
.about-section{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:80px;
align-items:center;
margin-bottom:100px;
}


/* REVERSE */

.about-section.reverse{
grid-template-columns:1fr 1fr;
}


/* TEXT */

.text-block h2{
font-size:36px;
margin-bottom:20px;
}

.text-block p{
font-size:20px;
line-height:1.8;
color:#5a4a44;
}


/* IMAGE */

.image-block img,
.about-hero img{
width:100%;
border-radius:18px;
box-shadow:0 25px 80px rgba(0,0,0,.15);
transition:transform .6s ease;
}


/* HOVER IMAGE */

.image-block:hover img{
transform:scale(1.05);
}


/* PARALLAX EFFECT */

.image-block{
overflow:hidden;
}

.image-block img{
transform:translateY(0);
will-change:transform;
}


/* SCROLL REVEAL */

.reveal{
opacity:0;
transform:translateY(60px);
transition:all .8s ease;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}


/* FULL SECTION */

.about-full{
text-align:center;
max-width:900px;
margin:0 auto 100px;
}

.highlight{
background:#fff;
padding:60px;
border-radius:20px;
box-shadow:0 20px 60px rgba(0,0,0,.08);
}


/* CTA */

.about-cta{
text-align:center;
margin-top:100px;
}

.about-cta h2{
font-size:42px;
}

.about-cta p{
font-size:20px;
color:#8b6a2f;
}


/* MOBILE RESPONSIVE */

@media(max-width:900px){

.about-hero,
.about-section{
grid-template-columns:1fr;
gap:40px;
}

.about-hero h1{
font-size:40px;
}

.text-block p{
font-size:18px;
}

.about-cta h2{
font-size:32px;
}

}


/* BASE */

.varda-about{
background:#f7f4ef;
padding:100px 6%;
font-family:"Cormorant Garamond", serif;
}


/* CONTAINER SPACING FIX */

.about-hero,
.about-section{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:80px;
align-items:center;
margin-bottom:100px;
}

.about-section.reverse{
grid-template-columns:1fr 1fr;
}


/* HERO TEXT */

.about-hero-text h1{
font-family:"Playfair Display", serif;
font-size:60px;
line-height:1.1;
color:#3b2e2a;
margin-bottom:10px;
}


/* GOLD LINE */

.gold-line{
width:110px;
height:3px;
background:#c9a961;
margin:20px 0 30px;
}


/* TEXT BLOCK */

.text-block h2,
.about-full h2{
font-family:"Playfair Display", serif;
font-size:36px;
color:#3b2e2a;
margin-bottom:20px;
line-height:1.2;
}

.text-block h3{
font-family:"Playfair Display", serif;
font-size:28px;
color:#3b2e2a;
margin-bottom:20px;
line-height:1.3;
}

.text-block p,
.about-full p,
.about-cta p{
font-size:18px;
line-height:1.8;
color:#5a4a44;
margin-bottom:16px;
}


/* IMAGE */

.image-block img,
.about-hero-image img{
width:100%;
display:block;
border-radius:18px;
box-shadow:0 20px 60px rgba(0,0,0,.12);
}


/* FULL WIDTH SECTION */

.about-full{
text-align:center;
max-width:850px;
margin:0 auto 100px;
}


/* HIGHLIGHT BLOCK */

.highlight{
background:#ffffff;
padding:50px 40px;
border-radius:18px;
box-shadow:0 15px 50px rgba(0,0,0,.08);
}


/* CTA */

.about-cta{
text-align:center;
margin-top:100px;
}

.about-cta h2{
font-family:"Playfair Display", serif;
font-size:42px;
color:#3b2e2a;
margin-bottom:15px;
}

.about-cta p{
max-width:900px;
margin:auto;
}


/* ========================= */
/* MOBILE FIX (IMPORTANT) */
/* ========================= */

@media(max-width:1024px){

.about-hero,
.about-section{
gap:50px;
}

.about-hero-text h1{
font-size:46px;
}

}


@media(max-width:768px){

/* STACK LAYOUT */

.about-hero,
.about-section{
grid-template-columns:1fr;
gap:35px;
margin-bottom:70px;
}

/* REVERSE FIX (image always below text on mobile) */

.about-section.reverse{
display:flex;
flex-direction:column;
}

/* TEXT */

.about-hero-text h1{
font-size:34px;
text-align:center;
}

.gold-line{
margin:15px auto 25px;
}

/* HEADINGS */

.text-block h2,
.about-full h2{
font-size:28px;
text-align:center;
}

.text-block h3{
font-size:24px;
text-align:center;
}

/* PARAGRAPH */

.text-block p,
.about-full p,
.about-cta p{
font-size:16px;
text-align:center;
}

/* IMAGES */

.image-block img,
.about-hero-image img{
border-radius:14px;
}

/* HIGHLIGHT */

.highlight{
padding:30px 20px;
}

/* CTA */

.about-cta h2{
font-size:28px;
}

.about-cta{
margin-top:70px;
}

}


/* SMALL MOBILE */

@media(max-width:480px){

.varda-about{
padding:70px 5%;
}

.about-hero-text h1{
font-size:28px;
}

.text-block p{
font-size:15px;
line-height:1.7;
}

}

/* GOLD GRADIENT TEXT */

.text-block h2,
.text-block h3,
.about-full h2,
.about-cta h2{

background:linear-gradient(
120deg,
#3b2e2a,
#c9a961,
#f1dca3,
#c9a961,
#3b2e2a
);

background-size:200% auto;
color:transparent;
-webkit-background-clip:text;

animation:goldShine 6s linear infinite;
}

@keyframes goldShine{
0%{background-position:-200% center;}
100%{background-position:200% center;}
}

/* SCROLL REVEAL */

.fade-up{
opacity:0;
transform:translateY(40px);
transition:all .8s ease;
}

.fade-up.active{
opacity:1;
transform:translateY(0);
}


/* SOFT GLOW ON IMAGES */

.image-block img{
transition:all .4s ease;
}

.image-block:hover img{
box-shadow:0 30px 80px rgba(201,169,97,0.25);
transform:scale(1.03);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-97a55cd *//* SECTION */

.varda-scroll{
padding:80px 0;
background:#f7f4ef;
position:relative;
overflow:hidden;
}


/* EDGE FADE (LUXURY EFFECT) */

.varda-scroll:before,
.varda-scroll:after{

content:"";
position:absolute;
top:0;
width:100px;
height:100%;
z-index:2;
pointer-events:none;

}

.varda-scroll:before{
left:0;
background:linear-gradient(to right,#f7f4ef,transparent);
}

.varda-scroll:after{
right:0;
background:linear-gradient(to left,#f7f4ef,transparent);
}


/* CONTAINER */

.scroll-container{
overflow-x:auto;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
}


/* HIDE SCROLLBAR */

.scroll-container::-webkit-scrollbar{
display:none;
}

.scroll-container{
-ms-overflow-style:none;
scrollbar-width:none;
}


/* TRACK */

/* TRACK FIX */

.scroll-track{
display:flex;
gap:30px;
padding:0 6%;

width:max-content;   /* IMPORTANT */
animation:scrollMove 25s linear infinite;
}

/* AUTO SCROLL */
animation:scrollMove 30s linear infinite;
}


/* PAUSE ON HOVER */

.scroll-container:hover .scroll-track{
animation-play-state:paused;
}


/* IMAGES */

.scroll-track img{
width:380px;
height:500px;
object-fit:cover;

border-radius:18px;

flex-shrink:0;

cursor:pointer;

box-shadow:0 25px 70px rgba(0,0,0,0.15);

transition:.4s;
}


/* HOVER */

.scroll-track img:hover{
transform:scale(1.05);
box-shadow:0 35px 90px rgba(0,0,0,0.25);
}


/* AUTO SCROLL KEYFRAME */

@keyframes scrollMove{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}


/* LIGHTBOX */

.varda-lightbox{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:rgba(0,0,0,0.85);

display:none;
align-items:center;
justify-content:center;

z-index:9999;
}

.varda-lightbox img{
max-width:90%;
max-height:85%;
border-radius:12px;
}


/* CLOSE BUTTON */

.varda-lightbox .close{
position:absolute;
top:20px;
right:30px;
font-size:40px;
color:#fff;
cursor:pointer;
}


/* MOBILE */

@media(max-width:768px){

.scroll-track{
gap:16px;
padding:0 4%;
animation:none; /* disable auto scroll on mobile */
}

.scroll-track img{
width:260px;
height:360px;
}

}


/* PERSPECTIVE WRAPPER */

.scroll-track{
display:flex;
gap:30px;
padding:0 6%;
animation:scrollMove 30s linear infinite;

perspective:1200px; /* IMPORTANT */
}


/* IMAGE BASE */

.tilt-img{
width:380px;
height:500px;
object-fit:cover;

border-radius:18px;
flex-shrink:0;

cursor:pointer;

box-shadow:0 25px 70px rgba(0,0,0,0.15);

transition:transform .4s ease, box-shadow .4s ease;
transform-style:preserve-3d;
}


/* HOVER EFFECT (3D TILT) */

.tilt-img:hover{

transform:
rotateY(8deg)
rotateX(5deg)
scale(1.05);

box-shadow:
0 40px 100px rgba(0,0,0,0.25),
0 10px 30px rgba(201,169,97,0.25); /* GOLD GLOW */

}


/* SMOOTH RETURN */

.tilt-img{
will-change:transform;
}


/* MOBILE (VERY IMPORTANT) */

@media(max-width:768px){

.scroll-track{
gap:16px;
padding:0 4%;
animation:none;
perspective:none;
}

.tilt-img{
width:260px;
height:360px;

/* DISABLE TILT FOR PERFORMANCE */
transform:none !important;
}

.tilt-img:hover{
transform:none;
box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

}



/* ========================= */
/* MOBILE AUTO SCROLL */
/* ========================= */

@media(max-width:768px){

.varda-scroll{
padding:50px 0;
}


/* KEEP AUTO SCROLL BUT SLOWER */

.scroll-track{
animation:scrollMoveMobile 25s linear infinite; /* slower */
gap:14px;
padding:0 5%;
}


/* IMAGE SIZE */

.tilt-img{
width:240px;
height:320px;
border-radius:14px;

/* DISABLE 3D FOR PERFORMANCE */
transform:none !important;
}


/* REMOVE HOVER */

.tilt-img:hover{
transform:none;
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}


/* OPTIONAL: KEEP EDGE FADE (LOOKS PREMIUM) */

.varda-scroll:before,
.varda-scroll:after{
display:block;
width:40px;
}


/* LIGHTBOX */

.varda-lightbox img{
max-width:95%;
max-height:75%;
}

}


/* SMALL MOBILE */

@media(max-width:480px){

.scroll-track{
animation:scrollMoveMobile 40s linear infinite; /* even slower */
gap:10px;
padding:0 4%;
}

.tilt-img{
width:200px;
height:270px;
}

}


/* MOBILE SCROLL ANIMATION */

@keyframes scrollMoveMobile{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

.scroll-container:active .scroll-track{
animation-play-state:paused;
}/* End custom CSS */