.elementor-kit-6{--e-global-color-primary:#8D288B;--e-global-color-secondary:#8D288B;--e-global-color-text:#000000;--e-global-color-accent:#8D288B;--e-global-color-141bd7f:#1A1830;--e-global-color-5cc49e1:#3E4857;--e-global-color-830b30d:#D3137F;--e-global-color-01b84ea:#FF5000;--e-global-color-3bc169f:#64748B;--e-global-typography-primary-font-family:"Figtree";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Figtree";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-weight:500;font-size:17px;text-transform:none;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-kit-6 h1{text-transform:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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);}.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 *//* ==========================================================================
   HEADER LOGO SHRINK EFFECTS
   ========================================================================== */

/* Logo transition */
.header-logo img {
    height: auto;
    max-width: 120px; /* Normal size */
    transition: all 0.5s ease, opacity 0.5s ease;
}

/* Logo changes on sticky - active scrolling only */
.elementor-sticky--effects .header-logo img {
    max-width: 80px !important; /* Shrink size */
    opacity: 0.95;
}

@media only screen and (max-width:480px) { 
    
    /* Logo transition */
    .header-logo img {
        height: auto;
        max-width: 80px; /* Normal size */
        transition: all 0.5s ease, opacity 0.5s ease;
    }
    
    /* Logo changes on sticky - active mobile scrolling only */
    .elementor-sticky--active[style*="position: fixed"]:not(.elementor-sticky__spacer) .header-logo img {
        max-width: 90px !important; /* Shrink size */
        opacity: 0.95;
    }
}


/* ==========================================================================
   CONTENT LAYOUT SPACING FIX (-120px Margin Offset)
   ========================================================================== */

/* Catch-all global .elementor-kit-6 to push main content down below the sticky header across ALL desktop, laptop, and tablet viewports */
#content, 
.site-content, 
main#main,
.main-content,
.elementor-page-title-banner + .elementor-section,
.elementor-inner + .elementor-section,
#page > .elementor:not(header) {
    padding-top: 120px !important;
}

/* Adjust the padding exclusively for mobile screens where the header profile changes */
@media only screen and (max-width: 480px) {
    #content, 
    .site-content, 
    main#main,
    .main-content,
    #page > .elementor:not(header) {
        padding-top: 90px !important; /* Matches smaller mobile header profile */
    }
}


/* ==========================================================================
   ELEMENTOR CUSTOM CARD: GRADIENT BOTTOM LINE
   ========================================================================== */

/* Style the main container box */
.gradient-bottom-card {
    border: 1px solid #e2e8f0 !important;
    padding: 30px 10px 35px 10px !important;
    overflow: hidden !important; /* Clips the gradient bar to the rounded corners */
    position: relative !important;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.03);
}

/* Create the multi-color bottom gradient bar */
.gradient-bottom-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        to right, 
        #ff4e3a 0%, 
        #d10068 25%, 
        #6130b0 50%, 
        #00a2e2 75%, 
        #b4ec12 100%
    );
    z-index: 1;
}

/* ==========================================================================
   END GRADIENT BOTTOM CARD STYLES
   ========================================================================== */
   
   
   /* ==========================================================================
   POWERPACK CUSTOM WIDGET: GRADIENT PILL BUTTON
   ========================================================================== */

/* Style the button container */
.pp-gradient-pill-button {
    background: linear-gradient(
        to right, 
        #8224ab 0%,    /* Vibrant Purple */
        #d9385c 50%,   /* Deep Pink/Red */
        #f37a2b 100%   /* Warm Orange */
    ) !important;
    border-radius: 50px !important; /* Makes it a pill shape */
    text-align: center !important;
    transition: all 0.3s ease-in-out !important;
}

/* Style the button text inside */
.pp-gradient-pill-button .pp-button-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

/* Smooth Hover Effect */
.pp-gradient-pill-button:hover {
    filter: brightness(1.1) !important; /* Slightly brightens the gradient on hover */
    box-shadow: 0px 6px 20px rgba(217, 56, 92, 0.4) !important;
    transform: translateY(-1px); /* Gentle lift effect */
}


.black-cta-button:hover a {
    filter: brightness(1.1) !important; /* Slightly brightens the gradient on hover */
    box-shadow: 0px 6px 20px rgba(217, 56, 92, 0.4) !important;
    transform: translateY(-1px); /* Gentle lift effect */
}

/* ==========================================================================
   END GRADIENT PILL BUTTON STYLES
   ========================================================================== *//* End custom CSS */