.elementor-19793 .elementor-element.elementor-element-7597b8d{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19793 .elementor-element.elementor-element-a19f0f3{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-a19f0f3 *//* =====================================================
   Legacy of Late Sh. R. N. Aggarwal
   Premium WordPress Stylesheet
   Version: 1.0
======================================================*/

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* ==============================
   CSS VARIABLES
==============================*/

:root{

    --primary:#C7A55B;
    --primary-dark:#B18E45;

    --white:#ffffff;

    --light:#f8f8f8;

    --grey:#777;

    --text:#1f1f1f;

    --border:#ececec;

    --shadow:0 15px 45px rgba(0,0,0,.08);

    --transition:.35s ease;

    --radius:16px;

    --container:1240px;

}

/* ==============================
   RESET
==============================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Inter',sans-serif;

    font-size:16px;

    color:var(--text);

    background:#fff;

    line-height:1.8;

    overflow-x:hidden;

}

img{
    width:100%;
    display:block;
}

a{
    text-decoration:none;
    transition:var(--transition);
}

ul{
    list-style:none;
}

.container{

    width:min(92%,var(--container));

    margin:auto;

}
section{

    padding:110px 0;

}

/* ==============================
   TYPOGRAPHY
==============================*/

h1,
h2,
h3{

    font-family:'Playfair Display',serif;

    font-weight:700;

    color:#111;

}

h1{

    font-size:68px;

    line-height:1.1;

    margin-bottom:25px;

}

h2{

    font-size:46px;

    margin-bottom:25px;

}

h3{

    font-size:26px;

    margin-bottom:18px;

}

p{

    color:#555;

    margin-bottom:18px;

}

.section-heading{

    max-width:760px;

    margin-bottom:70px;

}

.section-heading.center{

    text-align:center;

    margin-left:auto;

    margin-right:auto;

}

.section-heading span{

    color:var(--primary);

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:13px;

    font-weight:600;

}

/* ==============================
   BUTTON
==============================*/

.legacy-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    background:var(--primary);

    color:#fff;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

    box-shadow:0 12px 35px rgba(199,165,91,.25);

}

.legacy-btn:hover{

    background:var(--primary-dark);

    transform:translateY(-4px);

}

/* ==============================
   HERO
==============================*/

.legacy-hero{

    min-height:100vh;

    display:flex;

    align-items:center;

    background:#fafafa;

    position:relative;

}

.legacy-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.legacy-label{

    display:inline-block;

    margin-bottom:20px;

    color:var(--primary);

    text-transform:uppercase;

    letter-spacing:2px;

    font-weight:700;

}

.gold-divider{

    width:100px;

    height:4px;

    background:var(--primary);

    margin:35px 0;

}

.hero-description{

    max-width:540px;

    font-size:18px;

}

.person-name{

    font-size:36px;

    margin-bottom:10px;

}

.designation{

    color:var(--primary);

    font-weight:600;

    margin-bottom:30px;

}

/* ==============================
   HERO IMAGE
==============================*/

.portrait-frame{

    position:relative;

    border-radius:20px;

    overflow:hidden;

    background:#f2f2f2;

    box-shadow:var(--shadow);

}

.portrait-frame img{

    transition:.6s;

}

.portrait-frame:hover img{

    transform:scale(1.04);

}

.signature-overlay{

    position:absolute;

    bottom:25px;

    right:25px;

    width:180px;

    opacity:.18;

}

/* ==============================
   ABOUT SECTION
==============================*/

.legacy-about{

    background:#fff;

}

.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.about-image{

    overflow:hidden;

    border-radius:18px;

    box-shadow:var(--shadow);

}

.about-image img{

    transition:.6s;

}

.about-image:hover img{

    transform:scale(1.05);

}

.about-content p{

    font-size:18px;

}

.about-content blockquote{

    margin-top:40px;

    padding-left:28px;

    border-left:4px solid var(--primary);

    font-family:'Playfair Display',serif;

    font-size:28px;

    color:#222;

    line-height:1.5;

}
/*=====================================================
    VALUES SECTION
=====================================================*/

.legacy-values{
    background:#fafafa;
}

.values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:60px;
}

.value-card{
    background:#fff;
    padding:45px 35px;
    border-radius:18px;
    text-align:center;
    border:1px solid var(--border);
    transition:all .35s ease;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
    position:relative;
    overflow:hidden;
}

.value-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:var(--primary);
    transform:scaleX(0);
    transition:.35s;
}

.value-card:hover::before{
    transform:scaleX(1);
}

.value-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.10);
}

.value-icon{
    width:90px;
    height:90px;
    margin:0 auto 30px;
    border-radius:50%;
    background:#f8f8f8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:var(--primary);
    transition:.35s;
}

.value-card:hover .value-icon{
    background:var(--primary);
    color:#fff;
    transform:rotate(8deg);
}

.value-card h3{
    margin-bottom:18px;
}

.value-card p{
    margin:0;
}

/*=====================================================
    MESSAGE SECTION
=====================================================*/

.legacy-message{
    background:#fff;
}

.message-box{

    max-width:950px;

    margin:auto;

    text-align:center;

    background:#fff;

    border-radius:22px;

    padding:80px;

    box-shadow:0 20px 60px rgba(0,0,0,.06);

    position:relative;

}

.quote-icon{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    top:-25px;

    font-size:90px;

    color:var(--primary);

    font-family:'Playfair Display',serif;

    line-height:1;

}

.message-box h2{

    margin-bottom:35px;

}

.message-box p{

    font-size:18px;

    max-width:760px;

    margin:0 auto 20px;

}

.message-author{

    margin-top:45px;

}

.message-author strong{

    display:block;

    font-size:22px;

    font-family:'Playfair Display',serif;

}

.message-author span{

    color:var(--primary);

    font-weight:600;

}

/*=====================================================
    QUOTE SECTION
=====================================================*/

.legacy-quote{

    background:#f7f7f7;

    text-align:center;

}

.legacy-quote blockquote{

    font-family:'Playfair Display',serif;

    font-size:42px;

    max-width:900px;

    margin:auto;

    color:#222;

    line-height:1.5;

}

.legacy-quote span{

    display:block;

    margin-top:25px;

    color:#666;

    font-size:22px;

    font-family:'Inter',sans-serif;

}

/*=====================================================
    CTA
=====================================================*/

.legacy-cta{

    position:relative;

    color:#fff;

    background:#1d1d1d;

    overflow:hidden;

}

.legacy-cta::before{

    content:"";

    position:absolute;

    inset:0;

    background:url('../images/pattern.png') center/cover no-repeat;

    opacity:.08;

}

.legacy-cta .container{

    position:relative;

    z-index:2;

}

.cta-content{

    text-align:center;

    max-width:850px;

    margin:auto;

}

.cta-content h2{

    color:#fff;

    font-size:54px;

    margin-bottom:30px;

}

.cta-content p{

    color:#ddd;

    font-size:18px;

    margin-bottom:40px;

}

/*=====================================================
    SIMPLE FADE ANIMATION
=====================================================*/

.fade-up{

    opacity:0;

    transform:translateY(40px);

    transition:all .8s ease;

}

.fade-up.show{

    opacity:1;

    transform:none;

}

/*=====================================================
    RESPONSIVE
=====================================================*/

@media(max-width:1200px){

.values-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:991px){

h1{

font-size:52px;

}

h2{

font-size:38px;

}

.legacy-grid,
.about-grid{

grid-template-columns:1fr;

gap:50px;

}

.hero-description{

max-width:100%;

}

.message-box{

padding:60px 35px;

}

}

@media(max-width:768px){

section{

padding:80px 0;

}

.values-grid{

grid-template-columns:1fr;

}

.message-box{

padding:45px 25px;

}

.legacy-quote blockquote{

font-size:32px;

}

.cta-content h2{

font-size:38px;

}

}

@media(max-width:576px){

h1{

font-size:40px;

}

h2{

font-size:30px;

}

.person-name{

font-size:28px;

}

.legacy-btn{

width:100%;

}

.message-box{

padding:35px 20px;

}

}/* End custom CSS */