.elementor-391 .elementor-element.elementor-element-e7ff47b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-90e4d16{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-f006668{--display:flex;--border-radius:0px 0px 0px 0px;--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-391 .elementor-element.elementor-element-48d940c{width:100%;max-width:100%;}.elementor-391 .elementor-element.elementor-element-202c185{--display:flex;--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-391 .elementor-element.elementor-element-052a1a3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-fa7b51c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-0eba502{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-391 .elementor-element.elementor-element-b0ef91b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-391 .elementor-element.elementor-element-b0ef91b:not(.elementor-motion-effects-element-type-background), .elementor-391 .elementor-element.elementor-element-b0ef91b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0E8DC;}.elementor-391 .elementor-element.elementor-element-b0ef91b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-391 .elementor-element.elementor-element-b0ef91b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-391 .elementor-element.elementor-element-47c7a40 > .elementor-element-populated{padding:0px 150px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-391 .elementor-element.elementor-element-06c6a16{text-align:start;}.elementor-391 .elementor-element.elementor-element-06c6a16 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#122B24;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-391 .elementor-element.elementor-element-0271b97{font-family:"Poppins", Sans-serif;font-weight:400;color:#C68C5F;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-391 .elementor-element.elementor-element-e1f525a{width:100%;max-width:100%;--e-transform-translateX:98px;margin:-89px -49px calc(var(--kit-widget-spacing, 0px) + 0px) 57px;padding:0px 0px 0px 0px;}.elementor-391 .elementor-element.elementor-element-e1f525a.elementor-element{--align-self:stretch;}.elementor-391 .elementor-element.elementor-element-6c5e531 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-391 .elementor-element.elementor-element-a452a87{background-color:#F0E8DC;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-accordion-item{border-width:0px;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-accordion-icon, .elementor-391 .elementor-element.elementor-element-a452a87 .elementor-accordion-title{color:#2E4B40;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-accordion-icon svg{fill:#2E4B40;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-active .elementor-accordion-icon, .elementor-391 .elementor-element.elementor-element-a452a87 .elementor-active .elementor-accordion-title{color:#122B24;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-active .elementor-accordion-icon svg{fill:#122B24;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-tab-title{padding:16px 16px 16px 16px;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-accordion-icon{margin-inline-end:15px;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-tab-content{color:#122B24;padding:5px 16px 16px 16px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-391 .elementor-element.elementor-element-9a57466 .elementor-button{background-color:#2E4B40;}.elementor-391 .elementor-element.elementor-element-9a57466 .elementor-button:hover, .elementor-391 .elementor-element.elementor-element-9a57466 .elementor-button:focus{background-color:#C68C5F;color:#122B24;}.elementor-391 .elementor-element.elementor-element-9a57466{margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -60px;}.elementor-391 .elementor-element.elementor-element-9a57466 .elementor-button:hover svg, .elementor-391 .elementor-element.elementor-element-9a57466 .elementor-button:focus svg{fill:#122B24;}.elementor-391 .elementor-element.elementor-element-9f6b3df{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-391 .elementor-element.elementor-element-b0ef91b{padding:80px 40px 80px 40px;}.elementor-391 .elementor-element.elementor-element-47c7a40 > .elementor-element-populated{margin:0px 40px 0px 0px;--e-column-margin-right:40px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-391 .elementor-element.elementor-element-9a57466{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-391 .elementor-element.elementor-element-b0ef91b{padding:50px 25px 50px 25px;}.elementor-391 .elementor-element.elementor-element-47c7a40 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-391 .elementor-element.elementor-element-6c5e531 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-391 .elementor-element.elementor-element-a452a87 .elementor-tab-title{padding:12px 12px 25px 12px;}.elementor-391 .elementor-element.elementor-element-9a57466{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-6dbc307 *//* ======================================================
   AVANI STUDIOS - PREMIUM HERO
   PART 2A (Foundation)
====================================================== */

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

.avani-hero{

    position:relative;
    width:100%;
    min-height:100vh;
    overflow:hidden;

    display:flex;
    align-items:center;

    background:
    linear-gradient(135deg,#0f231d 0%,#122B24 45%,#18372e 100%);

}

/* Background Glow */

.hero-bg{

    position:absolute;
    inset:0;

    background:
    radial-gradient(circle at 78% 28%,
    rgba(198,140,95,.22),
    transparent 38%),

    radial-gradient(circle at 20% 80%,
    rgba(255,255,255,.04),
    transparent 45%);

    z-index:1;

}

/* Luxury Grid */

.hero-grid{

    position:absolute;
    inset:0;

    background-image:

    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),

    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);

    background-size:80px 80px;

    opacity:.25;

    z-index:2;

}

/* Container */

.hero-container{

    position:relative;
    z-index:5;

    width:min(1400px,92%);

    margin:auto;

    display:grid;

    grid-template-columns:1.05fr .95fr;

    gap:70px;

    align-items:center;

    padding:120px 0;

}

/* LEFT */

.hero-content{

    max-width:700px;

}

/* Badge */

.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:12px 22px;

    border-radius:50px;

    background:rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.10);

    backdrop-filter:blur(18px);

    color:#F0E8DC;

    font-size:14px;

    font-weight:600;

    letter-spacing:.7px;

    margin-bottom:35px;

}

.badge-circle{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#C68C5F;

    box-shadow:0 0 18px #C68C5F;

}

/* Heading */

.hero-content h1{

    font-size:74px;

    font-weight:800;

    line-height:.95;

    letter-spacing:-2px;

    color:#fff;

    margin-bottom:28px;

    font-family:"Poppins",sans-serif;

}

.hero-content h1 span{

    color:#C68C5F;

}

/* Paragraph */

.hero-content p{

    font-size:20px;

    line-height:1.9;

    color:#d3ddd8;

    margin-bottom:42px;

    max-width:620px;

    font-family:"Manrope",sans-serif;

}

/* Buttons */

.hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:45px;

}

.hero-buttons a{

    text-decoration:none;

    transition:.35s ease;

    font-family:"Manrope",sans-serif;

}

.btn-primary{

    background:#C68C5F;

    color:#122B24;

    padding:18px 34px;

    border-radius:60px;

    font-weight:700;

    box-shadow:0 18px 40px rgba(0,0,0,.22);

}

.btn-primary:hover{

    transform:translateY(-4px);

    background:#d69b6b;

}

.btn-secondary{

    padding:18px 34px;

    border-radius:60px;

    border:1px solid rgba(255,255,255,.14);

    color:#fff;

    backdrop-filter:blur(20px);

    background:rgba(255,255,255,.04);

}

.btn-secondary:hover{

    background:rgba(255,255,255,.08);

}

/* Tags */

.hero-tags{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

}

.hero-tags span{

    padding:12px 20px;

    border-radius:50px;

    border:1px solid rgba(255,255,255,.08);

    background:rgba(255,255,255,.04);

    color:#ECECEC;

    font-size:14px;

    transition:.3s;

}

.hero-tags span:hover{

    background:#C68C5F;

    color:#122B24;

}

/* Right Side */

.hero-right{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}
/* ==========================================
   AVANI HERO CSS
   PART 2B
==========================================*/

/* RIGHT SIDE */

.hero-right{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:650px;

}

/* HERO IMAGE */

.hero-image{

    position:relative;

    width:100%;

    max-width:650px;

    z-index:5;

}

.hero-image img{

    width:100%;

    display:block;

    border-radius:30px;

    object-fit:cover;

    box-shadow:
        0 45px 90px rgba(0,0,0,.45),
        0 0 80px rgba(198,140,95,.18);

    transition:.6s ease;

}

.hero-image:hover img{

    transform:translateY(-10px) scale(1.02);

}

/* GOLDEN GLOW */

.hero-image::before{

    content:"";

    position:absolute;

    inset:-20px;

    border-radius:40px;

    background:

    radial-gradient(circle,
    rgba(198,140,95,.18),
    transparent 70%);

    z-index:-1;

    filter:blur(35px);

}

/* FLOATING CARDS */

.floating-card{

    position:absolute;

    width:220px;

    padding:22px;

    border-radius:22px;

    background:rgba(255,255,255,.07);

    backdrop-filter:blur(25px);

    border:1px solid rgba(255,255,255,.10);

    box-shadow:

    0 20px 50px rgba(0,0,0,.22);

    transition:.4s;

    z-index:20;

}

.floating-card:hover{

    transform:translateY(-8px);

    background:rgba(255,255,255,.11);

}

/* CARD TITLE */

.floating-card h4{

    color:#fff;

    font-size:20px;

    font-weight:700;

    margin-bottom:8px;

    font-family:"Poppins",sans-serif;

}

/* CARD TEXT */

.floating-card p{

    color:#d8ddd9;

    font-size:15px;

    line-height:1.6;

    font-family:"Manrope",sans-serif;

}

/* CARD POSITIONS */

.card1{

    top:30px;

    left:-45px;

}

.card2{

    right:-40px;

    top:170px;

}

.card3{

    left:30px;

    bottom:35px;

}

/* SOFT GOLD BORDER */

.floating-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:22px;

    padding:1px;

    background:linear-gradient(
        135deg,
        rgba(198,140,95,.55),
        transparent,
        rgba(198,140,95,.20)
    );

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

            mask-composite:exclude;

}

/* IMAGE SHINE */

.hero-image::after{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:45%;

    height:100%;

    background:

    linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.18),
        transparent
    );

    transform:skewX(-20deg);

    animation:heroShine 6s infinite;

}

/* SHINE */

@keyframes heroShine{

    0%{

        left:-120%;

    }

    100%{

        left:160%;

    }

}

/* FLOAT ANIMATION */

@keyframes floatCard{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0px);

    }

}

.card1{

    animation:floatCard 5s ease-in-out infinite;

}

.card2{

    animation:floatCard 6s ease-in-out infinite;

}

.card3{

    animation:floatCard 7s ease-in-out infinite;

}
.avani-hero .btn-primary:hover,
.avani-hero .btn-primary:hover *{
    color:#122B24 !important;
}

.avani-hero .btn-secondary:hover,
.avani-hero .btn-secondary:hover *{
    color:#ffffff !important;
}
/* ==========================================
   AVANI HERO - FINAL MOBILE FIX
   Desktop remains unchanged
========================================== */

@media screen and (max-width:768px){

    .avani-hero{
        min-height:auto !important;
        padding:60px 0 40px !important;
    }

    .hero-container{
        width:92%;
        display:flex;
        flex-direction:column;
        gap:30px;
        padding:0;
        text-align:center;
    }

    .hero-content{
        order:1;
        width:100%;
        max-width:100%;
    }

    .hero-right{
        order:2;
        width:100%;
        min-height:auto;
    }

    .hero-badge{
        font-size:11px;
        padding:8px 16px;
        margin:0 auto 18px;
    }

    .hero-content h1{
        font-size:42px;
        line-height:1.05;
        letter-spacing:-1px;
        margin-bottom:18px;
    }

    .hero-content p{
        font-size:15px;
        line-height:1.7;
        max-width:100%;
        margin-bottom:22px;
    }

    .hero-buttons{
        display:flex;
        flex-direction:column;
        gap:12px;
        margin-bottom:22px;
    }

    .hero-buttons a{
        width:100%;
        text-align:center;
        padding:15px 18px;
    }

    .hero-tags{
        justify-content:center;
        gap:8px;
    }

    .hero-tags span{
        font-size:11px;
        padding:8px 12px;
    }

    .hero-image{
        max-width:100%;
        margin:auto;
    }

    .hero-image img{
        width:100%;
        border-radius:18px;
    }

    /* Hide floating cards on mobile */

    .floating-card{
        display:none !important;
    }

    /* Reduce background grid */

    .hero-grid{
        opacity:.05;
    }

}

/* Small Phones */

@media screen and (max-width:480px){

    .hero-content h1{
        font-size:34px;
    }

    .hero-content p{
        font-size:14px;
    }

    .hero-buttons a{
        font-size:14px;
        padding:14px 16px;
    }

    .hero-tags{
        display:none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3919535 *//*======================================================
AVANI STUDIOS
ABOUT SECTION
PART 2A
======================================================*/

.avani-about{

    position:relative;

    overflow:hidden;

    background:#F0E8DC;

    padding:130px 0;

}

/* Container */

.about-container{

    width:min(1380px,92%);

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:90px;

}

/* LEFT */

.about-gallery{

    position:relative;

    min-height:720px;

}

/* Large Image */

.about-image-main{

    width:78%;

    position:absolute;

    left:0;

    top:0;

    border-radius:34px;

    overflow:hidden;

}

.about-image-main img{

    width:100%;

    display:block;

    object-fit:cover;

}

/* Small Image */

.about-image-float{

    width:52%;

    position:absolute;

    right:0;

    bottom:40px;

    border-radius:28px;

    overflow:hidden;

}

.about-image-float img{

    width:100%;

    display:block;

    object-fit:cover;

}

/* Decorative Circle */

.about-circle{

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

    background:rgba(198,140,95,.12);

    top:50px;

    right:120px;

    z-index:-1;

}

/* RIGHT */

.about-content{

    max-width:620px;

}

/* Label */

.about-label{

    display:inline-flex;

    padding:12px 24px;

    border-radius:50px;

    background:#ffffff;

    color:#C68C5F;

    font-size:13px;

    letter-spacing:2px;

    font-weight:700;

    margin-bottom:28px;

    font-family:"Poppins",sans-serif;

}

/* Heading */

.about-content h2{

    font-size:68px;

    line-height:1.05;

    letter-spacing:-2px;

    color:#122B24;

    margin-bottom:30px;

    font-family:"Poppins",sans-serif;

    font-weight:800;

}

.about-content h2 span{

    color:#C68C5F;

}

/* Paragraph */

.about-content p{

    color:#54615c;

    font-size:18px;

    line-height:1.9;

    margin-bottom:42px;

    font-family:"Manrope",sans-serif;

}

/* Features */

.about-features{

    display:grid;

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

    gap:18px 28px;

    margin-bottom:45px;

}

.feature-item{

    display:flex;

    align-items:center;

    gap:14px;

    color:#122B24;

    font-size:17px;

    font-weight:600;

    font-family:"Manrope",sans-serif;

}

.feature-icon{

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#C68C5F;

    color:#fff;

    font-size:16px;

    flex-shrink:0;

}

/* CTA */

.about-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    background:#122B24;

    color:#fff;

    padding:18px 34px;

    border-radius:60px;

    font-weight:700;

    font-family:"Poppins",sans-serif;

    transition:.35s;

}

.about-btn span{

    transition:.35s;

}
/*======================================================
AVANI STUDIOS
ABOUT SECTION
PART 2B
Luxury Effects + Mobile
======================================================*/

/*==============================
IMAGE STYLING
==============================*/

.about-image-main,
.about-image-float{

    background:#fff;

    padding:10px;

    box-shadow:
    0 35px 80px rgba(0,0,0,.14);

    transition:.55s ease;

    z-index:5;

}

.about-image-main{

    transform:rotate(-3deg);

}

.about-image-float{

    transform:rotate(4deg);

}

/* GOLD OUTLINE */

.about-image-main::before,
.about-image-float::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:34px;

    border:1px solid rgba(198,140,95,.35);

    pointer-events:none;

}

/* IMAGE HOVER */

.about-image-main:hover{

    transform:
    rotate(-1deg)
    translateY(-10px)
    scale(1.02);

}

.about-image-float:hover{

    transform:
    rotate(2deg)
    translateY(-8px)
    scale(1.03);

}

/*==============================
GOLD GLOW
==============================*/

.about-gallery::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:

    radial-gradient(circle,
    rgba(198,140,95,.18),
    transparent 72%);

    left:-80px;

    top:-60px;

    filter:blur(30px);

    z-index:-2;

}

/*==============================
FLOAT ANIMATION
==============================*/

@keyframes aboutFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}

.about-image-main{

animation:aboutFloat 7s ease-in-out infinite;

}

.about-image-float{

animation:aboutFloat 9s ease-in-out infinite;

}

/*==============================
FEATURES
==============================*/

.feature-item{

transition:.35s;

}

.feature-item:hover{

transform:translateX(8px);

}

.feature-icon{

box-shadow:

0 10px 25px rgba(198,140,95,.28);

}

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

.about-btn:hover{

background:#C68C5F;

color:#122B24;

transform:translateY(-4px);

box-shadow:

0 20px 40px rgba(198,140,95,.30);

}

.about-btn:hover span{

transform:translateX(6px);

}

/*==============================
CONTENT
==============================*/

.about-content h2{

transition:.4s;

}

.about-content:hover h2{

letter-spacing:-1px;

}

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

@media(max-width:991px){

.about-container{

grid-template-columns:1fr;

gap:70px;

}

.about-gallery{

min-height:620px;

order:1;

}

.about-content{

order:2;

max-width:100%;

text-align:center;

}

.about-label{

margin:auto auto 25px;

}

.about-content h2{

font-size:52px;

}

.about-content p{

font-size:17px;

}

.about-features{

grid-template-columns:1fr 1fr;

}

.about-btn{

margin:auto;

}

}

@media(max-width:767px){

.avani-about{

padding:80px 0;

}

.about-gallery{

min-height:440px;

}

.about-image-main{

width:86%;

left:0;

transform:none;

}

.about-image-float{

width:58%;

right:0;

bottom:10px;

transform:none;

}

.about-circle{

width:170px;

height:170px;

right:40px;

top:30px;

}

.about-content h2{

font-size:38px;

line-height:1.15;

letter-spacing:-1px;

}

.about-content p{

font-size:16px;

line-height:1.8;

}

.about-features{

grid-template-columns:1fr;

gap:16px;

}

.feature-item{

font-size:15px;

}

.about-btn{

width:100%;

justify-content:center;

padding:16px 24px;

}

}
/* =====================================================
   AVANI ABOUT - MOBILE OPTIMIZATION
   Add this at the VERY END of your CSS
===================================================== */

@media screen and (max-width:1024px){

    .about-container{
        grid-template-columns:1fr;
        gap:60px;
        width:92%;
    }

    .about-gallery{
        order:1;
        min-height:560px;
        display:flex;
        justify-content:center;
        align-items:center;
    }

    .about-content{
        order:2;
        max-width:100%;
        text-align:center;
    }

    .about-label{
        margin:0 auto 20px;
    }

    .about-content h2{
        font-size:52px;
        line-height:1.1;
    }

    .about-content p{
        font-size:17px;
        max-width:700px;
        margin:0 auto 40px;
    }

    .about-features{
        justify-content:center;
    }

    .about-btn{
        margin:auto;
    }

}

@media screen and (max-width:768px){

    .avani-about{

        padding:80px 0;

    }

    .about-container{

        gap:45px;

    }

    .about-gallery{

        min-height:390px;

    }

    /* MAIN IMAGE */

    .about-image-main{

        width:78% !important;

        left:0;

        top:0;

        transform:rotate(-2deg);

    }

    /* FLOAT IMAGE */

    .about-image-float{

        width:52% !important;

        right:0;

        bottom:-5px;

        transform:rotate(3deg);

    }

    /* HIDE BIG GLOW */

    .about-circle{

        width:130px;

        height:130px;

        top:15px;

        right:20px;

    }

    .about-content{

        text-align:center;

    }

    .about-content h2{

        font-size:36px;

        line-height:1.18;

        letter-spacing:-1px;

        margin-bottom:20px;

    }

    .about-content p{

        font-size:15px;

        line-height:1.8;

        margin-bottom:35px;

    }

    .about-features{

        grid-template-columns:1fr;

        gap:15px;

        margin-bottom:35px;

    }

    .feature-item{

        justify-content:center;

        font-size:15px;

    }

    .feature-icon{

        width:32px;

        height:32px;

        font-size:14px;

    }

    .about-btn{

        width:100%;

        justify-content:center;

        padding:16px 24px;

        font-size:15px;

    }

}

@media screen and (max-width:480px){

    .avani-about{

        padding:65px 0;

    }

    .about-gallery{

        min-height:310px;

    }

    .about-image-main{

        width:82% !important;

    }

    .about-image-float{

        width:56% !important;

        bottom:-10px;

    }

    .about-content h2{

        font-size:30px;

    }

    .about-content p{

        font-size:14px;

        line-height:1.7;

    }

    .about-label{

        font-size:11px;

        padding:10px 18px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3110d5 */.avs-cta{
position:relative;
overflow:hidden;
padding:90px 6%;
background:linear-gradient(135deg,#122B24 0%,#1b3a32 100%);
border-radius:28px;
font-family:Inter,sans-serif;
isolation:isolate;
}

.avs-container{
max-width:1280px;
margin:auto;
display:grid;
grid-template-columns:1.1fr .9fr;
gap:60px;
align-items:center;
position:relative;
z-index:2;
}

.avs-bg-shape{
position:absolute;
border-radius:50%;
filter:blur(90px);
animation:avsFloat 10s ease-in-out infinite;
}

.avs-shape1{
width:340px;
height:340px;
background:#C68C5F;
top:-120px;
right:-100px;
opacity:.18;
}

.avs-shape2{
width:260px;
height:260px;
background:#5A635E;
left:-80px;
bottom:-80px;
opacity:.22;
animation-delay:3s;
}

.avs-badge{
display:inline-block;
padding:10px 18px;
background:rgba(198,140,95,.12);
border:1px solid rgba(198,140,95,.35);
border-radius:50px;
color:#C68C5F;
font-size:12px;
font-weight:600;
letter-spacing:2px;
margin-bottom:24px;
backdrop-filter:blur(10px);
}

.avs-left h2{
font-size:56px;
line-height:1.08;
margin:0;
color:#F0E8DC;
font-weight:700;
}

.avs-left h2 span{
display:block;
color:#C68C5F;
}

.avs-left p{
margin:26px 0 36px;
font-size:17px;
line-height:1.9;
color:#d9d3c9;
max-width:620px;
}

.avs-btn{
display:inline-flex;
align-items:center;
gap:12px;
padding:17px 32px;
background:#C68C5F;
color:#fff;
border-radius:60px;
text-decoration:none;
font-weight:600;
transition:.4s ease;
box-shadow:0 18px 40px rgba(198,140,95,.25);
}

.avs-btn svg{
width:18px;
height:18px;
stroke:#fff;
stroke-width:2;
fill:none;
transition:.4s;
}

.avs-btn:hover{
background:#F0E8DC;
color:#122B24;
transform:translateY(-6px);
box-shadow:0 30px 55px rgba(0,0,0,.25);
}

.avs-btn:hover svg{
stroke:#122B24;
transform:translateX(5px);
}

.avs-features{
display:flex;
gap:18px;
margin-top:42px;
flex-wrap:wrap;
}

.avs-feature{
padding:18px 20px;
background:rgba(240,232,220,.06);
border:1px solid rgba(240,232,220,.12);
backdrop-filter:blur(12px);
border-radius:18px;
transition:.35s;
min-width:145px;
}

.avs-feature:hover{
transform:translateY(-8px);
border-color:#C68C5F;
background:rgba(198,140,95,.12);
}

.avs-feature h4{
margin:0;
font-size:18px;
color:#F0E8DC;
}

.avs-feature span{
font-size:13px;
color:#cfc9bf;
}

.avs-right{
position:relative;
display:flex;
justify-content:center;
align-items:center;
min-height:420px;
}

.avs-card{
width:360px;
padding:34px;
border-radius:26px;
background:rgba(240,232,220,.06);
border:1px solid rgba(240,232,220,.12);
backdrop-filter:blur(20px);
transition:.45s;
box-shadow:0 20px 60px rgba(0,0,0,.18);
}

.avs-card:hover{
transform:translateY(-10px) rotate(-1deg);
border-color:#C68C5F;
}

.avs-top{
color:#C68C5F;
font-size:12px;
letter-spacing:2px;
margin-bottom:16px;
}

.avs-card h3{
margin:0;
font-size:34px;
color:#F0E8DC;
}

.avs-card p{
margin:16px 0 30px;
line-height:1.8;
color:#d8d2c8;
font-size:15px;
}

.avs-circle{
width:150px;
height:150px;
margin:auto;
border-radius:50%;
border:2px dashed rgba(198,140,95,.45);
display:flex;
justify-content:center;
align-items:center;
animation:spin 18s linear infinite;
}

.avs-circle-inner{
width:110px;
height:110px;
background:#C68C5F;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:34px;
font-weight:700;
color:#fff;
}

.avs-floating{
position:absolute;
padding:16px 22px;
background:rgba(240,232,220,.08);
border:1px solid rgba(240,232,220,.12);
backdrop-filter:blur(14px);
border-radius:18px;
color:#F0E8DC;
font-weight:700;
animation:avsFloat 8s ease-in-out infinite;
box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.avs-floating small{
display:block;
margin-top:4px;
font-weight:400;
font-size:12px;
color:#d8d2c8;
}

.avs-one{
top:15px;
left:0;
}

.avs-two{
right:0;
top:95px;
animation-delay:2s;
}

.avs-three{
bottom:20px;
left:30px;
animation-delay:4s;
}

@keyframes avsFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-14px);}
}

@keyframes spin{
from{transform:rotate(0);}
to{transform:rotate(360deg);}
}

@media(max-width:991px){

.avs-container{
grid-template-columns:1fr;
text-align:center;
}

.avs-left p{
margin-left:auto;
margin-right:auto;
}

.avs-features{
justify-content:center;
}

.avs-right{
margin-top:50px;
}

.avs-left h2{
font-size:42px;
}

}

@media(max-width:576px){

.avs-cta{
padding:70px 25px;
}

.avs-left h2{
font-size:34px;
}

.avs-card{
width:100%;
}

.avs-floating{
display:none;
}

.avs-feature{
width:100%;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a996d9e *//* ===========================
   AVANI PREMIUM QUOTE SECTION
   =========================== */

.avs-quote-section{
    position:relative;
    overflow:hidden;
    background:#F0E8DC;
    padding:120px 40px;
    isolation:isolate;
    font-family:Inter,sans-serif;
}

.avs-quote-wrapper{
    max-width:1280px;
    margin:auto;
    position:relative;
}

.avs-quote-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    background:rgba(198,140,95,.08);
    border:1px solid rgba(198,140,95,.18);
    border-radius:50px;
    color:#C68C5F;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    backdrop-filter:blur(15px);
}

.avs-quote-card{

    position:relative;

    margin-top:40px;

    background:rgba(255,255,255,.28);

    backdrop-filter:blur(35px);

    border:1px solid rgba(198,140,95,.15);

    border-radius:34px;

    padding:90px 90px;

    text-align:center;

    box-shadow:

    0 30px 80px rgba(18,43,36,.08);

    transition:.5s;

}

.avs-quote-card:hover{

transform:translateY(-10px);

box-shadow:

0 45px 100px rgba(18,43,36,.12);

}

.avs-quote-icon{

font-size:120px;

line-height:1;

color:#C68C5F;

opacity:.18;

margin-bottom:15px;

user-select:none;

}

.avs-quote-title{

font-size:62px;

line-height:1.18;

font-weight:300;

color:#122B24;

max-width:950px;

margin:auto;

}

.avs-quote-title span{

display:block;

margin-top:12px;

font-style:italic;

font-weight:500;

color:#C68C5F;

}

.avs-quote-desc{

margin:40px auto;

max-width:760px;

font-size:18px;

line-height:2;

color:#5A635E;

}

.avs-divider{

display:flex;

align-items:center;

justify-content:center;

gap:25px;

margin:45px 0;

}

.avs-divider span{

width:180px;

height:1px;

background:linear-gradient(to right,

transparent,

#C68C5F,

transparent);

}

.avs-star{

width:54px;

height:54px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#fff;

border:1px solid rgba(198,140,95,.18);

color:#C68C5F;

font-size:22px;

box-shadow:

0 12px 30px rgba(18,43,36,.08);

}

.avs-author{

display:flex;

justify-content:center;

align-items:center;

gap:22px;

}

.avs-author-line{

width:65px;

height:2px;

background:#C68C5F;

}

.avs-author h4{

margin:0;

font-size:26px;

color:#122B24;

font-weight:600;

}

.avs-author small{

display:block;

margin-top:6px;

font-size:13px;

letter-spacing:2px;

color:#5A635E;

text-transform:uppercase;

}

.avs-floating-card{

position:absolute;

background:rgba(255,255,255,.45);

backdrop-filter:blur(22px);

border:1px solid rgba(198,140,95,.18);

border-radius:22px;

padding:22px 26px;

box-shadow:

0 25px 55px rgba(18,43,36,.08);

transition:.45s;

}

.avs-floating-card:hover{

transform:translateY(-8px) rotate(-2deg);

}

.avs-floating-card h5{

margin:0 0 8px;

font-size:18px;

color:#122B24;

}

.avs-floating-card p{

margin:0;

font-size:14px;

color:#5A635E;

}

.avs-card-one{

top:120px;

left:-40px;

}

.avs-card-two{

right:-40px;

top:260px;

}

.avs-card-three{

left:120px;

bottom:-30px;

}

.avs-quote-blob{

position:absolute;

border-radius:50%;

filter:blur(90px);

opacity:.22;

z-index:-1;

}

.avs-blob-left{

width:360px;

height:360px;

background:#C68C5F;

top:-120px;

left:-120px;

}

.avs-blob-right{

width:320px;

height:320px;

background:#5A635E;

bottom:-100px;

right:-80px;

opacity:.10;

}
/* ===========================
   PREMIUM ANIMATIONS
=========================== */

.avs-quote-card{

    animation:avsQuoteFade 1.2s ease both;

}

@keyframes avsQuoteFade{

0%{

opacity:0;

transform:translateY(60px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/* Floating Cards */

.avs-card-one{

animation:avsFloat1 7s ease-in-out infinite;

}

.avs-card-two{

animation:avsFloat2 8s ease-in-out infinite;

}

.avs-card-three{

animation:avsFloat3 6.5s ease-in-out infinite;

}

@keyframes avsFloat1{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-18px);

}

}

@keyframes avsFloat2{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(14px);

}

}

@keyframes avsFloat3{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}

/* Background Blobs */

.avs-blob-left{

animation:avsBlobLeft 15s ease-in-out infinite alternate;

}

.avs-blob-right{

animation:avsBlobRight 18s ease-in-out infinite alternate;

}

@keyframes avsBlobLeft{

0%{

transform:translate(0,0) scale(1);

}

100%{

transform:translate(70px,40px) scale(1.25);

}

}

@keyframes avsBlobRight{

0%{

transform:translate(0,0) scale(1);

}

100%{

transform:translate(-60px,-30px) scale(1.18);

}

}

/* Premium Card Hover */

.avs-quote-card::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:70%;

height:100%;

background:linear-gradient(

90deg,

transparent,

rgba(255,255,255,.45),

transparent

);

transform:skewX(-25deg);

transition:.8s;

pointer-events:none;

}

.avs-quote-card:hover::before{

left:170%;

}

/* Elegant Border Glow */

.avs-quote-card::after{

content:"";

position:absolute;

inset:-1px;

border-radius:34px;

padding:1px;

background:linear-gradient(

135deg,

rgba(198,140,95,.35),

transparent,

rgba(198,140,95,.35)

);

-webkit-mask:

linear-gradient(#fff 0 0) content-box,

linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

pointer-events:none;

opacity:0;

transition:.45s;

}

.avs-quote-card:hover::after{

opacity:1;

}

/* Title Animation */

.avs-quote-title{

transition:.45s;

}

.avs-quote-card:hover .avs-quote-title{

letter-spacing:.5px;

}

/* Floating Cards Hover */

.avs-floating-card{

cursor:default;

}

.avs-floating-card:hover{

background:#122B24;

border-color:#122B24;

box-shadow:0 30px 60px rgba(18,43,36,.18);

}

.avs-floating-card:hover h5{

color:#F0E8DC;

}

.avs-floating-card:hover p{

color:#d8d8d8;

}

/* Quote Icon */

.avs-quote-icon{

animation:avsPulse 5s ease infinite;

}

@keyframes avsPulse{

0%,100%{

transform:scale(1);

opacity:.18;

}

50%{

transform:scale(1.12);

opacity:.35;

}

}

/* Badge */

.avs-quote-tag{

transition:.35s;

}

.avs-quote-tag:hover{

background:#122B24;

color:#F0E8DC;

border-color:#122B24;

}

/* Smooth Transition */

.avs-quote-section *{

transition:

background .35s,

color .35s,

border-color .35s,

transform .35s,

box-shadow .35s;

}

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

@media(max-width:1100px){

.avs-card-one,
.avs-card-two,
.avs-card-three{

display:none;

}

.avs-quote-card{

padding:70px 50px;

}

.avs-quote-title{

font-size:48px;

}

}

@media(max-width:768px){

.avs-quote-section{

padding:90px 24px;

}

.avs-quote-card{

padding:55px 30px;

}

.avs-quote-title{

font-size:34px;

line-height:1.3;

}

.avs-quote-desc{

font-size:16px;

line-height:1.8;

}

.avs-divider span{

width:70px;

}

.avs-author{

flex-direction:column;

gap:15px;

}

.avs-author-line{

display:none;

}

.avs-quote-icon{

font-size:80px;

}

}

@media(max-width:480px){

.avs-quote-title{

font-size:28px;

}

.avs-quote-desc{

font-size:15px;

}

.avs-star{

width:44px;

height:44px;

font-size:18px;

}

}/* End custom CSS */