.elementor-kit-89{--e-global-color-primary:rgba(255,255,255,0.7);--e-global-color-secondary:rgba(255,255,255,0.7);--e-global-color-text:rgba(255,255,255,0.7);--e-global-color-accent:#374E84;--e-global-color-inverse_primary:rgba(0,0,0,0);--e-global-color-d8db587:#001138;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:1.25rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.4em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:0.875rem;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.429em;--e-global-typography-inverse_primary-font-family:"Montserrat";}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 */a {
    color: #FFFFFF;
}
/* Overide button default styling */
button, input[type=button], input[type=reset], input[type=submit]
 {
    border: none !important;
 }
 
.cta-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: rgb(96, 0, 255) 3px 3px;
    filter: drop-shadow(rgba(43, 61, 90, 0.5) 5px 5px 5px);
    animation: 1s ease-in-out 0s infinite alternate none running cta-hover;
    overflow: hidden;
    border-radius: 15px;
    padding: 10px;
    background: linear-gradient(135deg, rgb(93, 230, 252), rgb(103, 195, 255), rgb(48, 90, 231), rgb(96, 0, 255)) !important;
}

.cta-btn-inside {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: Montserrat;
    font-weight: 900;
    font-size: 14px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    text-shadow: rgb(35, 45, 55) 0px 0px 5px;
    border-radius: 10px;
    padding: 0.75rem 1.5rem;
    background: radial-gradient(rgb(93, 230, 252), rgb(103, 195, 255), rgb(48, 90, 231), rgb(96, 0, 255), rgb(35, 45, 55), rgb(35, 45, 55), rgb(35, 45, 55), rgb(35, 45, 55), rgb(35, 45, 55), rgb(35, 45, 55)) 0% 0% / 400% 400%;
    animation: 2s ease 0s infinite normal none running ColorChange;
}

/* Target your banner section - replace with your actual class */
.sticky-bottom-banner {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}

/* Only show on mobile */
@media (min-width: 768px) {
    .cta-btn-inside {
        font-size: 24px;
    }
}

/* Only show on mobile */
@media (min-width: 768px) {
    .sticky-bottom-banner {
        display: none !important;
    }
}

#mobile-banner-cta button div {
    font-size: 15px !important;
}

/* Hide Normal Footer On Spanish Home Page*/
.page-id-501 #website-footer {
    display: none;
}

/* Fix Link Colors On Safari Mobile Browser Starts Here */
/* Nuclear option - very specific targeting */
body.page-id-501 .elementor-element .white-text a,
body.page-id-501 .elementor-widget-container .white-text a,
body.page-id-501 div[class*="white-text"] a,
body.page-id-501 *[class*="white-text"] a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
}

/* Force all link states */
body.page-id-501 .white-text a:link,
body.page-id-501 .white-text a:visited,
body.page-id-501 .white-text a:hover,
body.page-id-501 .white-text a:focus,
body.page-id-501 .white-text a:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* Fix Link Colors On Safari Mobile Browser Ends Here */

/* Base styles for Calendly calendar */
#calendly-calendar div.calendly-inline-widget {
    width: 100%;
    border: none;
    overflow: hidden;
}

/* Mobile styles (up to 768px) */
@media screen and (max-width: 768px) {
    #calendly-calendar div.calendly-inline-widget {
        min-height: 1850px !important;
        min-height: 700px !important;
        height: 1850px !important;
        height: 700px !important;
    }
}

/* Tablet styles (769px to 1024px) - Optional transition */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    #calendly-calendar div.calendly-inline-widget {
        min-height: 1400px !important;
        height: 1400px !important;
    }
}

/* Desktop styles (1025px and up) */
@media screen and (min-width: 1025px) {
    #calendly-calendar div.calendly-inline-widget {
        min-height: 1200px !important;
        height: 1200px !important;
    }
}/* End custom CSS */