.elementor-73283 .elementor-element.elementor-element-27f11ba .trx_addons_bg_text{z-index:0;}.elementor-73283 .elementor-element.elementor-element-27f11ba .trx_addons_bg_text.trx_addons_marquee_wrap:not(.trx_addons_marquee_reverse) .trx_addons_marquee_element{padding-right:50px;}.elementor-73283 .elementor-element.elementor-element-27f11ba .trx_addons_bg_text.trx_addons_marquee_wrap.trx_addons_marquee_reverse .trx_addons_marquee_element{padding-left:50px;}.elementor-73283 .elementor-element.elementor-element-02bdc5a > .elementor-background-overlay{background-color:#000000;opacity:0.45;transition:background 1s, border-radius 0.3s, opacity 1s;}.elementor-73283 .elementor-element.elementor-element-02bdc5a:hover > .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-73283 .elementor-element.elementor-element-02bdc5a > .elementor-container{min-height:450px;}.elementor-73283 .elementor-element.elementor-element-02bdc5a:not(.elementor-motion-effects-element-type-background), .elementor-73283 .elementor-element.elementor-element-02bdc5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-73283 .elementor-element.elementor-element-02bdc5a .trx_addons_bg_text{z-index:0;}.elementor-73283 .elementor-element.elementor-element-02bdc5a .trx_addons_bg_text.trx_addons_marquee_wrap:not(.trx_addons_marquee_reverse) .trx_addons_marquee_element{padding-right:50px;}.elementor-73283 .elementor-element.elementor-element-02bdc5a .trx_addons_bg_text.trx_addons_marquee_wrap.trx_addons_marquee_reverse .trx_addons_marquee_element{padding-left:50px;}.elementor-73283 .elementor-element.elementor-element-02bdc5a, .elementor-73283 .elementor-element.elementor-element-02bdc5a > .elementor-background-overlay{border-radius:26px 26px 26px 26px;}.elementor-73283 .elementor-element.elementor-element-02bdc5a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-bc-flex-widget .elementor-73283 .elementor-element.elementor-element-125b219.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-73283 .elementor-element.elementor-element-125b219.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-73283 .elementor-element.elementor-element-125b219.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-73283 .elementor-element.elementor-element-747ce8b{text-align:center;}.elementor-73283 .elementor-element.elementor-element-747ce8b .elementor-heading-title{font-size:55px;font-weight:300;text-transform:uppercase;color:#F7EAB7;}.elementor-73283 .elementor-element.elementor-element-34e41e1{text-align:center;}.elementor-73283 .elementor-element.elementor-element-34e41e1 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:500;color:#FFFFFF;}/* Start custom CSS for section, class: .elementor-element-02bdc5a *//* 1. Darken the Background Overlay smoothly */
.elementor-73283 .elementor-element.elementor-element-02bdc5a .elementor-background-overlay {
    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-73283 .elementor-element.elementor-element-02bdc5a:hover .elementor-background-overlay {
    opacity: 0.7 !important; /* Makes it darker on hover so text pops */
}

/* 2. Text Base States */
#card-title {
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    opacity: 1;
    transform: translateY(0);
}

#card-hover-text {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 10px); /* Starts centered but slightly lower */
    width: 100%;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    opacity: 0;
    z-index: 10;
}

/* 3. The Hover Animations */
.elementor-73283 .elementor-element.elementor-element-02bdc5a:hover #card-title {
    opacity: 0;
    transform: translateY(-20px); /* Glides up and disappears */
}

.elementor-73283 .elementor-element.elementor-element-02bdc5a:hover #card-hover-text {
    opacity: 1;
    transform: translate(-50%, -50%); /* Glides up into perfectly centered position */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-27f11ba *//* 1. Darken the Background Overlay smoothly */
.elementor-73283 .elementor-element.elementor-element-27f11ba .elementor-background-overlay {
    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-73283 .elementor-element.elementor-element-27f11ba:hover .elementor-background-overlay {
    opacity: 0.7 !important; /* Makes it darker on hover so text pops */
}

/* 2. Text Base States */
#card-title {
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    opacity: 1;
    transform: translateY(0);
}

#card-hover-text {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 10px); /* Starts centered but slightly lower */
    width: 100%;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    opacity: 0;
    z-index: 10;
}

/* 3. The Hover Animations */
.elementor-73283 .elementor-element.elementor-element-27f11ba:hover #card-title {
    opacity: 0;
    transform: translateY(-20px); /* Glides up and disappears */
}

.elementor-73283 .elementor-element.elementor-element-27f11ba:hover #card-hover-text {
    opacity: 1;
    transform: translate(-50%, -50%); /* Glides up into perfectly centered position */
}/* End custom CSS */