.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d0f3257:#141F24;--e-global-color-53ab88d:#F5AB05;--e-global-color-bda7c7d:#142026;--e-global-color-5618697:#BF062F;--e-global-color-b70f0c5:#141F24;--e-global-color-04af983:#E0B717;--e-global-color-dc58235:#17455A;--e-global-color-171b74c:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.btn-yellow {
    position: relative;
    border: 1px solid #bfbfbf !important;
    color: #1f2a2e !important;
    min-width: 265px !important;
    overflow: hidden;
    display: inline-block;
    transition: color 0.2s ease;
}

.btn-yellow a {
    position: relative;
    z-index: 100;
    color: inherit !important;
    transition: color 0.2s ease;
}

.btn-yellow::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #a6a6a6 0%, #e5e5e5 100%) !important;
    transition: width 0.25s ease;
    z-index: 1;
}

/* Hover: wipe gradient away + switch to white text */
.btn-yellow:hover::after {
    width: 0%;
}

.btn-yellow:hover {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

.btn-yellow:hover a {
    color: #ffffff !important;
}


.btn-red {
    position: relative; /* Create a container for the absolute child */
    border: 1px solid #BF062F !important;
    color: #fff !important;
    min-width: 265px !important;
    overflow: hidden; /* Ensures the background doesn't bleed past rounded corners */
    display: inline-block; /* Or flex, to ensure height is calculated correctly */
}

.btn-red a {
    position: relative;
    z-index: 100;
}

.btn-red::after {
    content: '';
    position: absolute; /* Changed from relative */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #BF062F 0%, #530D1C 100%) 0% 0% no-repeat padding-box !important;
    transition: width 0.2s;
    z-index: 1; /* Sits behind the text but inside the button */
}

/* On hover, the background shrinks to the left */
.btn-red:hover::after {
    width: 0%; 
}/* End custom CSS */