.elementor-773 .elementor-element.elementor-element-3f29ada > .elementor-container{max-width:1320px;min-height:386px;}.elementor-773 .elementor-element.elementor-element-3f29ada{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:020px 60px 20px 60px;}.elementor-773 .elementor-element.elementor-element-3f29ada > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-773 .elementor-element.elementor-element-6ec2204 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:020px 60px 20px 60px;}.elementor-773 .elementor-element.elementor-element-6ec2204 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-773 .elementor-element.elementor-element-64d3eac.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-773 .elementor-element.elementor-element-64d3eac.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-773 .elementor-element.elementor-element-64d3eac.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-773 .elementor-element.elementor-element-b2dc818{width:var( --container-widget-width, 111.627% );max-width:111.627%;--container-widget-width:111.627%;--container-widget-flex-grow:0;text-align:center;}.elementor-773 .elementor-element.elementor-element-b2dc818.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-773 .elementor-element.elementor-element-b2dc818 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:47px;font-weight:400;text-transform:uppercase;line-height:50px;}.elementor-773 .elementor-element.elementor-element-026a48e > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-773 .elementor-element.elementor-element-026a48e{text-align:center;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:26px;color:#E9DDCF;}.elementor-773 .elementor-element.elementor-element-026a48e p{margin-block-end:0px;}.elementor-773 .elementor-element.elementor-element-f59871d > .elementor-widget-container{margin:-125px 0px 0px 0px;}.elementor-773 .elementor-element.elementor-element-f59871d{text-align:center;}.elementor-773 .elementor-element.elementor-element-f59871d img{max-width:22%;}.elementor-773 .elementor-element.elementor-element-8ae05f3{padding:050px 0px 80px 0px;}.elementor-773 .elementor-element.elementor-element-28e4e7e{text-align:center;}.elementor-773 .elementor-element.elementor-element-28e4e7e .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;color:#2B2623;}.elementor-773 .elementor-element.elementor-element-5880644{text-align:center;font-family:"Manrope", Sans-serif;font-size:15px;color:#1B1B1B;}.elementor-773 .elementor-element.elementor-element-5880644 p{margin-block-end:0px;}.elementor-773 .elementor-element.elementor-element-8b9a532{padding:0100px 20px 100px 20px;}.elementor-773 .elementor-element.elementor-element-13b9617 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 020px 0px;}.elementor-773 .elementor-element.elementor-element-13b9617{text-align:center;}.elementor-773 .elementor-element.elementor-element-13b9617 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;line-height:40px;color:var( --e-global-color-text );}.elementor-773 .elementor-element.elementor-element-b1fc3a2{text-align:center;color:#E9DDCF;}.elementor-773 .elementor-element.elementor-element-c9eaca7{--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;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-773 .elementor-element.elementor-element-55edf2c{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:020px;}.elementor-773 .elementor-element.elementor-element-bea9c06{text-align:start;}.elementor-773 .elementor-element.elementor-element-bea9c06 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;color:#2B2623;}.elementor-773 .elementor-element.elementor-element-f6919e9{text-align:start;font-family:"Manrope", Sans-serif;font-size:15px;color:#1B1B1B;}.elementor-773 .elementor-element.elementor-element-f6919e9 p{margin-block-end:0px;}.elementor-773 .elementor-element.elementor-element-1734fa4{--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;}.elementor-773 .elementor-element.elementor-element-9964121{padding:0100px 20px 100px 20px;}.elementor-773 .elementor-element.elementor-element-0909ee7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 020px 0px;}.elementor-773 .elementor-element.elementor-element-0909ee7{text-align:center;}.elementor-773 .elementor-element.elementor-element-0909ee7 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;line-height:40px;color:var( --e-global-color-text );}.elementor-773 .elementor-element.elementor-element-20687e6{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-773 .elementor-element.elementor-element-db7f881{--display:flex;--justify-content:center;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:#B28E54;--border-color:#B28E54;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-773 .elementor-element.elementor-element-63221a9{text-align:center;}.elementor-773 .elementor-element.elementor-element-63221a9 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:16px;text-transform:uppercase;}.elementor-773 .elementor-element.elementor-element-0f9806b{text-align:center;color:#E9DDCF;}.elementor-773 .elementor-element.elementor-element-35316b9{--display:flex;--justify-content:center;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:#B28E54;--border-color:#B28E54;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-773 .elementor-element.elementor-element-95b4072{text-align:center;}.elementor-773 .elementor-element.elementor-element-95b4072 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:16px;text-transform:uppercase;}.elementor-773 .elementor-element.elementor-element-433508a{text-align:center;color:#E9DDCF;}.elementor-773 .elementor-element.elementor-element-49698fb{--display:flex;--justify-content:center;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:#B28E54;--border-color:#B28E54;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-773 .elementor-element.elementor-element-1cc64ad{text-align:center;}.elementor-773 .elementor-element.elementor-element-1cc64ad .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:16px;text-transform:uppercase;}.elementor-773 .elementor-element.elementor-element-d47cda1{text-align:center;color:#E9DDCF;}.elementor-773 .elementor-element.elementor-element-d47cda1 p{margin-block-end:0px;}.elementor-773 .elementor-element.elementor-element-e077d16{--display:flex;--justify-content:center;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:#B28E54;--border-color:#B28E54;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-773 .elementor-element.elementor-element-6b06241{text-align:center;}.elementor-773 .elementor-element.elementor-element-6b06241 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:16px;text-transform:uppercase;}.elementor-773 .elementor-element.elementor-element-c19d291{text-align:center;color:#E9DDCF;}.elementor-773 .elementor-element.elementor-element-c19d291 p{margin-block-end:0px;}.elementor-773 .elementor-element.elementor-element-dcee727{--display:flex;--min-height:550px;--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;--justify-content:center;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:020px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-773 .elementor-element.elementor-element-961dbde{width:var( --container-widget-width, 111.627% );max-width:111.627%;--container-widget-width:111.627%;--container-widget-flex-grow:0;text-align:center;}.elementor-773 .elementor-element.elementor-element-961dbde.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-773 .elementor-element.elementor-element-961dbde .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;line-height:50px;}.elementor-773 .elementor-element.elementor-element-39e424e > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-773 .elementor-element.elementor-element-39e424e{text-align:center;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:26px;color:#E9DDCF;}.elementor-773 .elementor-element.elementor-element-39e424e p{margin-block-end:0px;}.elementor-773 .elementor-element.elementor-element-ac62be2{--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;--justify-content:center;}.elementor-773 .elementor-element.elementor-element-5e36b10{--display:flex;}@media(min-width:768px){.elementor-773 .elementor-element.elementor-element-55edf2c{--width:50%;}.elementor-773 .elementor-element.elementor-element-1734fa4{--width:50%;}}@media(max-width:767px){.elementor-773 .elementor-element.elementor-element-3f29ada{padding:80px 20px 80px 20px;}.elementor-bc-flex-widget .elementor-773 .elementor-element.elementor-element-6ec2204.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-773 .elementor-element.elementor-element-6ec2204.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-773 .elementor-element.elementor-element-6ec2204.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-773 .elementor-element.elementor-element-6ec2204 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-773 .elementor-element.elementor-element-768e986{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-773 .elementor-element.elementor-element-b2dc818{text-align:center;}.elementor-773 .elementor-element.elementor-element-b2dc818 .elementor-heading-title{font-size:40px;}.elementor-773 .elementor-element.elementor-element-026a48e{text-align:center;}.elementor-773 .elementor-element.elementor-element-f59871d img{width:100%;max-width:55%;}.elementor-773 .elementor-element.elementor-element-8ae05f3{padding:80px 20px 80px 20px;}.elementor-773 .elementor-element.elementor-element-c31124c > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-773 .elementor-element.elementor-element-8b9a532{padding:80px 20px 80px 20px;}.elementor-773 .elementor-element.elementor-element-7440497 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-773 .elementor-element.elementor-element-c9eaca7{--padding-top:80px;--padding-bottom:80px;--padding-left:020px;--padding-right:20px;}.elementor-773 .elementor-element.elementor-element-55edf2c{--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:0px;}.elementor-773 .elementor-element.elementor-element-9964121{padding:80px 20px 80px 20px;}.elementor-773 .elementor-element.elementor-element-dcee727{--padding-top:80px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-773 .elementor-element.elementor-element-961dbde.elementor-element{--align-self:center;}.elementor-773 .elementor-element.elementor-element-961dbde{text-align:center;}.elementor-773 .elementor-element.elementor-element-ac62be2{--padding-top:0px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-b2dc818 */.elementor-773 .elementor-element.elementor-element-b2dc818 h1 {
    position: relative;
    display: inline-block;

    background: linear-gradient(
        135deg,
        #8C6A2F 0%,
        #C8A46A 25%,
        #FFF4C2 45%,   /* highlight */
        #B88B4A 60%,
        #C8A46A 75%,
        #8C6A2F 100%
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

    animation: goldFlow 4s linear infinite;
}


/* gradient movement */
@keyframes goldFlow {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 200% center;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3f29ada */.hero-banner:before {
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background: #171515;
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 40px;
    border: 3px solid transparent;
    color: #C8A46A;
    background-image:
        linear-gradient(#111, #111),
        linear-gradient(
            90deg,
            #8C6A2F 0%,
            #C8A46A 10%,
            #B88B4A 20%,
            #8C6A2F 30%,
            #FFF4C2 40%,
            #B88B4A 60%,
            #C8A46A 80%,
            #B88B4A 60%,
            #8C6A2F 100%
        );
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 4px 10px
    isolation: isolate;
}
.hero-banner:after {
    content: "";
    width: 400px;
    height: 150px;
    background: url('https://thetransformelite.com/wp-content/uploads/2026/04/banner-curve.svg');
    position: absolute;
    left: calc(50% - 200px);
    top: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -100px;
}

.gold-outline-btn {
    
}

.gold-outline-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        #8C6A2F 0%,
        #C8A46A 20%,
        #FFF4C2 40%,
        #B88B4A 60%,
        #C8A46A 80%,
        #8C6A2F 100%
    );
    background-size: 200% 100%;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s ease;
    animation: goldFlow 4s linear infinite;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f59871d */.float {
    animation: floatY 6s ease-in-out infinite;
}

@keyframes floatY {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-13b9617 */.gradient-text{
    position: relative;
    display: inline-block;

    background: linear-gradient(
        135deg,
        #8C6A2F 0%,
        #C8A46A 25%,
        #FFF4C2 45%,   /* highlight */
        #B88B4A 60%,
        #C8A46A 75%,
        #8C6A2F 100%
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

    animation: goldFlow 4s linear infinite;
}


/* gradient movement */
@keyframes goldFlow {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 200% center;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8b9a532 */.black-section:before {
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background: #171515;
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 40px;
    border: 3px solid transparent;
    color: #C8A46A;
    background-image:
        linear-gradient(#111, #111),
        linear-gradient(
            90deg,
            #8C6A2F 0%,
            #C8A46A 10%,
            #B88B4A 20%,
            #8C6A2F 30%,
            #FFF4C2 40%,
            #B88B4A 60%,
            #C8A46A 80%,
            #B88B4A 60%,
            #8C6A2F 100%
        );
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 4px 10px
    isolation: isolate;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0909ee7 */.gradient-text{
    position: relative;
    display: inline-block;

    background: linear-gradient(
        135deg,
        #8C6A2F 0%,
        #C8A46A 25%,
        #FFF4C2 45%,   /* highlight */
        #B88B4A 60%,
        #C8A46A 75%,
        #8C6A2F 100%
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

    animation: goldFlow 4s linear infinite;
}


/* gradient movement */
@keyframes goldFlow {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 200% center;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-63221a9 */.elementor-773 .elementor-element.elementor-element-63221a9 h3 {
    position: relative;
    display: inline-block;

    background: linear-gradient(
        135deg,
        #8C6A2F 0%,
        #C8A46A 25%,
        #FFF4C2 45%,   /* highlight */
        #B88B4A 60%,
        #C8A46A 75%,
        #8C6A2F 100%
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

    animation: goldFlow 4s linear infinite;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-95b4072 */.elementor-773 .elementor-element.elementor-element-95b4072 h3 {
    position: relative;
    display: inline-block;

    background: linear-gradient(
        135deg,
        #8C6A2F 0%,
        #C8A46A 25%,
        #FFF4C2 45%,   /* highlight */
        #B88B4A 60%,
        #C8A46A 75%,
        #8C6A2F 100%
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

    animation: goldFlow 4s linear infinite;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1cc64ad */.elementor-773 .elementor-element.elementor-element-1cc64ad h3 {
    position: relative;
    display: inline-block;

    background: linear-gradient(
        135deg,
        #8C6A2F 0%,
        #C8A46A 25%,
        #FFF4C2 45%,   /* highlight */
        #B88B4A 60%,
        #C8A46A 75%,
        #8C6A2F 100%
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

    animation: goldFlow 4s linear infinite;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b06241 */.elementor-773 .elementor-element.elementor-element-6b06241 h3 {
    position: relative;
    display: inline-block;

    background: linear-gradient(
        135deg,
        #8C6A2F 0%,
        #C8A46A 25%,
        #FFF4C2 45%,   /* highlight */
        #B88B4A 60%,
        #C8A46A 75%,
        #8C6A2F 100%
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

    animation: goldFlow 4s linear infinite;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9964121 */.black-section:before {
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background: #171515;
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 40px;
    border: 3px solid transparent;
    color: #C8A46A;
    background-image:
        linear-gradient(#111, #111),
        linear-gradient(
            90deg,
            #8C6A2F 0%,
            #C8A46A 10%,
            #B88B4A 20%,
            #8C6A2F 30%,
            #FFF4C2 40%,
            #B88B4A 60%,
            #C8A46A 80%,
            #B88B4A 60%,
            #8C6A2F 100%
        );
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 4px 10px
    isolation: isolate;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-961dbde */.gradient-text{
    position: relative;
    display: inline-block;

    background: linear-gradient(
        135deg,
        #8C6A2F 0%,
        #C8A46A 25%,
        #FFF4C2 45%,   /* highlight */
        #B88B4A 60%,
        #C8A46A 75%,
        #8C6A2F 100%
    );

    background-size: 200% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

    animation: goldFlow 4s linear infinite;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bae7a6a */.hero-banner:before {
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background: #171515;
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 40px;
    border: 3px solid transparent;
    color: #C8A46A;
    background-image:
        linear-gradient(#111, #111),
        linear-gradient(
            90deg,
            #8C6A2F 0%,
            #C8A46A 10%,
            #B88B4A 20%,
            #8C6A2F 30%,
            #FFF4C2 40%,
            #B88B4A 60%,
            #C8A46A 80%,
            #B88B4A 60%,
            #8C6A2F 100%
        );
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 4px 10px
    isolation: isolate;
}
.hero-banner:after {
    content: "";
    width: 400px;
    height: 150px;
    background: url('https://thetransformelite.com/wp-content/uploads/2026/04/banner-curve.svg');
    position: absolute;
    left: calc(50% - 200px);
    top: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -100px;
}

.gold-outline-btn {
    
}

.gold-outline-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        #8C6A2F 0%,
        #C8A46A 20%,
        #FFF4C2 40%,
        #B88B4A 60%,
        #C8A46A 80%,
        #8C6A2F 100%
    );
    background-size: 200% 100%;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s ease;
    animation: goldFlow 4s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcee727 */.hero-banner:before {
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background: #171515;
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 40px;
    border: 3px solid transparent;
    color: #C8A46A;
    background-image:
        linear-gradient(#111, #111),
        linear-gradient(
            90deg,
            #8C6A2F 0%,
            #C8A46A 10%,
            #B88B4A 20%,
            #8C6A2F 30%,
            #FFF4C2 40%,
            #B88B4A 60%,
            #C8A46A 80%,
            #B88B4A 60%,
            #8C6A2F 100%
        );
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 4px 10px
    isolation: isolate;
}
.hero-banner:after {
    content: "";
    width: 400px;
    height: 150px;
    background: url('https://thetransformelite.com/wp-content/uploads/2026/04/banner-curve.svg');
    position: absolute;
    left: calc(50% - 200px);
    top: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -100px;
}

.gold-outline-btn {
    
}

.gold-outline-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        #8C6A2F 0%,
        #C8A46A 20%,
        #FFF4C2 40%,
        #B88B4A 60%,
        #C8A46A 80%,
        #8C6A2F 100%
    );
    background-size: 200% 100%;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s ease;
    animation: goldFlow 4s linear infinite;
}/* End custom CSS */
/* Start custom CSS */.gold-btn,
.gold-outline-btn {
    text-align: center;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    border-radius: 999px;
    cursor: pointer;
    overflow: hidden;

    font-family: "Manrope", sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;

    transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease;
    text-decoration: none !important;
}

/* solid gold button */
.gold-btn {
    border: none;
    color: #1a1a1a;
    background: linear-gradient(
        90deg,
        #8C6A2F 0%,
        #C8A46A 20%,
        #FFF4C2 40%,
        #B88B4A 60%,
        #C8A46A 80%,
        #8C6A2F 100%
    );
    background-size: 200% 100%;
    box-shadow:
        0 4px 10px rgba(0,0,0,0.2),
        inset 0 1px 2px rgba(255,255,255,0.25);
    animation: goldFlow 4s linear infinite;
}

.gold-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 6px 16px rgba(0,0,0,0.3),
        inset 0 1px 3px rgba(255,255,255,0.35);
}

.gold-btn:active {
    transform: translateY(0);
    box-shadow:
        0 3px 8px rgba(0,0,0,0.25),
        inset 0 2px 4px rgba(0,0,0,0.15);
}

/* outline gold button */
.gold-outline-btn {
    border: 2px solid transparent;
    color: #C8A46A;
    background-image:
        linear-gradient(#111, #111),
        linear-gradient(
            90deg,
            #8C6A2F 0%,
            #C8A46A 20%,
            #FFF4C2 40%,
            #B88B4A 60%,
            #C8A46A 80%,
            #8C6A2F 100%
        );
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    isolation: isolate;
}

.gold-outline-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        #8C6A2F 0%,
        #C8A46A 20%,
        #FFF4C2 40%,
        #B88B4A 60%,
        #C8A46A 80%,
        #8C6A2F 100%
    );
    background-size: 200% 100%;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s ease;
    animation: goldFlow 4s linear infinite;
}

.gold-outline-btn:hover {
    color: #1a1a1a;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}

.gold-outline-btn:hover::before {
    opacity: 1;
}

.gold-outline-btn:active {
    transform: translateY(0);
}

@keyframes goldFlow {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}/* End custom CSS */