.elementor-836 .elementor-element.elementor-element-b93d7b2 > .elementor-container{max-width:1320px;min-height:386px;}.elementor-836 .elementor-element.elementor-element-b93d7b2{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-836 .elementor-element.elementor-element-b93d7b2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-836 .elementor-element.elementor-element-671a1aa > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:020px 60px 20px 60px;}.elementor-836 .elementor-element.elementor-element-671a1aa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-836 .elementor-element.elementor-element-d9abc9d{--display:flex;}.elementor-836 .elementor-element.elementor-element-dd869da{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-836 .elementor-element.elementor-element-dd869da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-836 .elementor-element.elementor-element-dd869da .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:47px;font-weight:400;text-transform:uppercase;line-height:50px;}.elementor-836 .elementor-element.elementor-element-9b11fa7 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-836 .elementor-element.elementor-element-9b11fa7{text-align:center;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:26px;color:#E9DDCF;}.elementor-836 .elementor-element.elementor-element-9b11fa7 p{margin-block-end:0px;}.elementor-836 .elementor-element.elementor-element-d92ad0c > .elementor-widget-container{margin:-125px 0px 0px 0px;}.elementor-836 .elementor-element.elementor-element-d92ad0c{text-align:center;}.elementor-836 .elementor-element.elementor-element-d92ad0c img{max-width:22%;}.elementor-836 .elementor-element.elementor-element-dd9fa89{padding:050px 0px 80px 0px;}.elementor-836 .elementor-element.elementor-element-7c53964{text-align:center;}.elementor-836 .elementor-element.elementor-element-7c53964 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;color:#2B2623;}.elementor-836 .elementor-element.elementor-element-f7e7a01{text-align:center;font-family:"Manrope", Sans-serif;font-size:15px;color:#1B1B1B;}.elementor-836 .elementor-element.elementor-element-f7e7a01 p{margin-block-end:0px;}.elementor-836 .elementor-element.elementor-element-cedbe9d{padding:0100px 20px 100px 20px;}.elementor-836 .elementor-element.elementor-element-370ff8d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 020px 0px;}.elementor-836 .elementor-element.elementor-element-370ff8d{text-align:center;}.elementor-836 .elementor-element.elementor-element-370ff8d .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-836 .elementor-element.elementor-element-3919d12{text-align:center;color:#E9DDCF;}.elementor-836 .elementor-element.elementor-element-c1976e1 > .elementor-container{max-width:1320px;min-height:550px;}.elementor-836 .elementor-element.elementor-element-c1976e1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:20px;margin-bottom:20px;padding:020px 60px 20px 60px;}.elementor-836 .elementor-element.elementor-element-c1976e1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-836 .elementor-element.elementor-element-3709d21 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:020px 60px 20px 60px;}.elementor-836 .elementor-element.elementor-element-3709d21 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-836 .elementor-element.elementor-element-4f6154b{--display:flex;}.elementor-836 .elementor-element.elementor-element-0caa60d{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-836 .elementor-element.elementor-element-0caa60d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-836 .elementor-element.elementor-element-0caa60d .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;line-height:50px;}.elementor-836 .elementor-element.elementor-element-d338f05 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-836 .elementor-element.elementor-element-d338f05{text-align:center;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:26px;color:#E9DDCF;}.elementor-836 .elementor-element.elementor-element-d338f05 p{margin-block-end:0px;}.elementor-836 .elementor-element.elementor-element-8261b61{--display:flex;}@media(max-width:767px){.elementor-836 .elementor-element.elementor-element-b93d7b2{padding:80px 20px 80px 20px;}.elementor-836 .elementor-element.elementor-element-671a1aa > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-836 .elementor-element.elementor-element-dd869da{text-align:center;}.elementor-836 .elementor-element.elementor-element-dd869da .elementor-heading-title{font-size:40px;}.elementor-836 .elementor-element.elementor-element-d92ad0c img{width:100%;max-width:55%;}.elementor-836 .elementor-element.elementor-element-dd9fa89{padding:080px 20px 80px 20px;}.elementor-836 .elementor-element.elementor-element-cedbe9d{padding:80px 20px 80px 20px;}.elementor-836 .elementor-element.elementor-element-3919d12 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-836 .elementor-element.elementor-element-c1976e1{padding:80px 20px 80px 20px;}.elementor-836 .elementor-element.elementor-element-3709d21 > .elementor-element-populated{padding:0px 0px 20px 0px;}.elementor-836 .elementor-element.elementor-element-0caa60d{text-align:center;}}/* Start custom CSS for heading, class: .elementor-element-dd869da */.elementor-836 .elementor-element.elementor-element-dd869da 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-b93d7b2 */.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-d92ad0c */.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-370ff8d */.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-cedbe9d */.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-0caa60d */.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 section, class: .elementor-element-c1976e1 */.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 */