.elementor-2277 .elementor-element.elementor-element-a45610e{border-style:solid;border-width:0px 0px 1px 0px;border-color:#35214A;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2277 .elementor-element.elementor-element-a45610e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2277 .elementor-element.elementor-element-e5f6984 > .elementor-element-populated{padding:4px 4px 4px 4px;}.elementor-2277 .elementor-element.elementor-element-7e9fe50 > .elementor-widget-container{padding:3px 3px 3px 3px;}.elementor-2277 .elementor-element.elementor-element-7e9fe50{text-align:center;}.elementor-2277 .elementor-element.elementor-element-7e9fe50 img{width:55%;}.elementor-2277 .elementor-element.elementor-element-ecc00b0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:25px;--padding-bottom:05px;--padding-left:20px;--padding-right:20px;}.elementor-2277 .elementor-element.elementor-element-7acb98b{--display:flex;}.elementor-2277 .elementor-element.elementor-element-d4337ff{text-align:center;}.elementor-2277 .elementor-element.elementor-element-d4337ff .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:300;text-transform:uppercase;line-height:35px;letter-spacing:1.5px;color:var( --e-global-color-81194ec );}.elementor-2277 .elementor-element.elementor-element-32420c9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2277 .elementor-element.elementor-element-32420c9{text-align:center;}.elementor-2277 .elementor-element.elementor-element-32420c9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:54px;font-weight:900;text-transform:uppercase;line-height:68px;letter-spacing:-0.8px;color:var( --e-global-color-5a08af7 );}.elementor-2277 .elementor-element.elementor-element-66f025d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2277 .elementor-element.elementor-element-7f71c89{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:10px;--padding-bottom:59px;--padding-left:0px;--padding-right:0px;}.elementor-2277 .elementor-element.elementor-element-4d1a241{--display:flex;--border-radius:16px 16px 16px 16px;}.elementor-2277 .elementor-element.elementor-element-4d1a241:not(.elementor-motion-effects-element-type-background), .elementor-2277 .elementor-element.elementor-element-4d1a241 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5a08af7 );}.elementor-2277 .elementor-element.elementor-element-46fa1e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2277 .elementor-element.elementor-element-c8b6878{--display:flex;}body.elementor-page-2277:not(.elementor-motion-effects-element-type-background), body.elementor-page-2277 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0410;background-image:url("https://www.funnelsandprofit.com/wp-content/uploads/2024/10/Lines2-min.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2277 .elementor-element.elementor-element-7acb98b{--width:80%;}.elementor-2277 .elementor-element.elementor-element-66f025d{--width:90%;}.elementor-2277 .elementor-element.elementor-element-4d1a241{--width:98%;}}@media(max-width:767px){.elementor-2277 .elementor-element.elementor-element-7e9fe50 img{width:71%;}.elementor-2277 .elementor-element.elementor-element-7acb98b{--width:100%;}.elementor-2277 .elementor-element.elementor-element-32420c9 .elementor-heading-title{font-size:37px;line-height:45px;letter-spacing:-0.7px;}}/* Start custom CSS for heading, class: .elementor-element-32420c9 */.highlight-txt1 u {
text-decoration: none;
background: #742FC7;
color: #fff;
padding: 0px 9px;
border-radius: 9px;
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-2277 .circle-r {
    background: url("https://www.funnelsandprofit.com/wp-content/uploads/2022/11/Vector-2.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 18px;
    }
    
body.elementor-page-2277    .below-border {
    background: url(https://www.funnelsandprofit.com/wp-content/uploads/2022/11/Vector-1.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    color:#EE9644;
    }
    

body.elementor-page-2277 .sub-txt {
    text-transform: capitalize;
}  

body.elementor-page-2277 .low-border {
    background: url(http://www.funnelsandprofit.com/wp-content/uploads/2022/11/Vector-3.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

body.elementor-page-2277 .b-color {
background: linear-gradient(269.92deg, rgba(113, 43, 196, 0) 3.11%, #712BC4 29.38%, rgba(118, 35, 217, 0.57) 76.6%, rgba(122, 29, 233, 0) 98.95%);
}

body.elementor-page-2277 .y-color {
background: linear-gradient(90.01deg, rgba(238, 150, 68, 0) 0.58%, #F8A252 48.57%, rgba(255, 171, 92, 0) 98.61%);
}

body.elementor-page-2277 .b-border {
font-weight: 600;
background: url(http://www.funnelsandprofit.com/wp-content/uploads/2022/11/Vector-Border.png);  
background-repeat: no-repeat;
    background-position: bottom center;
padding-bottom:5px;    
background-size: contain;
}

body.elementor-page-2277 .b-color1 {
background: linear-gradient(89.92deg, rgba(113, 43, 196, 0) 0.06%, rgba(115, 39, 205, 0.95) 17.46%, #7623D9 45.79%, rgba(121, 30, 229, 0.96) 77.32%, rgba(122, 29, 233, 0.02) 94.54%);
color: #fff;
padding: 0px 32px;
}

body.elementor-page-2277 .g-text {
background: linear-gradient(90.07deg, #712BC4 1.61%, #FE983A 98.84%);
color: #fff;
}


body.elementor-page-2277 .t-line .eael-content-timeline-line {
    border: dashed #FE983A;
    background: #712BC4 !important;
}

body.elementor-page-2277 .t-line1 .eael-content-timeline-line {
    border: dashed #FE983A;
    background: #fff !important;
}

body.elementor-page-2277 .s-testi .elementor-testimonial__name {
    position: relative;
    background: linear-gradient(90.88deg, #EE9644 11.47%, #712BC4 99.71%);
    z-index: 2;
    color: #fff;
    margin-top: -10px;
    padding: 5px;
}

body.elementor-page-2277 .s-testi .elementor-testimonial__footer {
padding-top: 0px !important;
}

body.elementor-page-2277 .s-testi .elementor-swiper-button {
    background: #713BC4;
    padding: 12px;
    color: #fff;
    border-radius: 5px;
}

body.elementor-page-2277 .faq-1 .elementor-toggle-item {
    background: #FBF9FF;
}

body.elementor-page-2277 .footer-up a {
    color: #ee9644;
}





/* --- ENHANCED FOMO Progress Bar Styling (Subtle) --- */
.fomo-progress-container {
    max-width: 100%; 
    margin: 30px auto; 
    text-align: center;
    font-family: 'Poppins', sans-serif; /* Use your site's font */
    color: #ffffff;
}

.fomo-progress-text {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.4;
}

.fomo-progress-text strong {
    color: #ee9644; /* Accent color */
    font-size: 20px;
    /* Removed the text-pulse animation for a cleaner look */
}

.fomo-progress-bar-wrapper {
    width: 100%;
    height: 18px; 
    background-color: #2D3748; /* Dark bar background */
    border-radius: 9px;
    overflow: hidden; 
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
    position: relative;
}

.fomo-progress-bar-fill {
    height: 100%;
    width: 0%; /* Starts at 0, will be animated by JS */
    border-radius: 9px; 
    transition: width 1.5s ease-out; /* The initial fill animation */
    position: relative;
    overflow: hidden; 

    /* Base fill color */
    background-color: #742fc7; 

    /* NEW: Subtle animated stripes */
    background-image: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
    );
    background-size: 40px 40px; /* Size of the stripe pattern */

    /* Combine both animations: stripes and glow */
    animation-name: moveStripes, pulseGlow;
    animation-duration: 2s, 1.5s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-direction: normal, alternate;
    animation-play-state: paused; /* Will be started by JS */
}

/* Keyframes for the moving stripes */
@keyframes moveStripes {
    0% { background-position: 0 0; }
    100% { background-position: 40px 0; } /* Moves one full pattern width */
}

/* Keyframes for the pulsing glow */
@keyframes pulseGlow {
    0% { box-shadow: 0 0 8px rgba(77, 192, 181, 0.4); } /* Using your teal color */
    100% { box-shadow: 0 0 16px rgba(77, 192, 181, 0.8); }
}



/* --- ENHANCED FOMO Notification Styling --- */
.fomo-notification {
    position: fixed;
    bottom: 25px; /* Slightly higher */
    right: 25px; /* Slightly further in */
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px); /* Smaller initial translateY for faster effect */
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out; /* Faster transitions */
}

.fomo-notification.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.fomo-content {
    background: rgba(0, 0, 0, 0.29); /* Slightly less opaque teal */
    backdrop-filter: blur(15px); /* Stronger blur for more glass effect */
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2); /* More visible white border */
    border-radius: 15px; /* More rounded */
    padding: 12px 18px; /* Slightly less padding, more compact */
    display: flex;
    align-items: center;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif; /* Use your site's primary font */
    font-size: 14px; /* Slightly smaller font */
    line-height: 1.4;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4); /* Deeper, more spread shadow */
    max-width: 320px; /* Max width slightly increased */
    position: relative;
    overflow: hidden;
    gap: 10px; /* Space between icon, text, and close button */
    
    /* Inner shadow for more depth, mimicking light reflection */
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1), /* Subtle inner highlight */
                0 10px 40px 0 rgba(0, 0, 0, 0.4); /* Outer shadow */
}

/* Subtle background overlay with a gradient for shimmer */
.fomo-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(77, 192, 181, 0.08)); /* Stronger gradient */
    z-index: -1;
    border-radius: 15px;
}

.fomo-icon {
    font-size: 18px; /* Icon size */
    color: #ffffff; /* Accent color for the icon */
    flex-shrink: 0; /* Prevent icon from shrinking */
}

.fomo-message-text strong {
    color: #ffffff; /* Ensure bold text is clearly white */
}

.fomo-close-btn {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6); /* Slightly more transparent */
    font-size: 22px; /* Slightly larger close button */
    cursor: pointer;
    line-height: 1;
    padding: 0;
    margin-left: auto; /* Pushes close button to the right */
    transition: color 0.2s ease;
}

.fomo-close-btn:hover {
    color: #ffffff;
    transform: scale(1.1); /* Subtle hover effect */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .fomo-notification {
        bottom: 15px;
        right: 15px;
        left: 15px; /* Allow it to span more of the width */
        width: auto;
        max-width: calc(100% - 30px); /* Adjust max-width for padding */
    }
    .fomo-content {
        font-size: 13px;
        padding: 10px 15px;
    }
    .fomo-icon {
        font-size: 16px;
    }
}/* End custom CSS */