.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-287 .elementor-element.elementor-element-4b15863{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.76;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-287 .elementor-element.elementor-element-4b15863::before, .elementor-287 .elementor-element.elementor-element-4b15863 > .elementor-background-video-container::before, .elementor-287 .elementor-element.elementor-element-4b15863 > .e-con-inner > .elementor-background-video-container::before, .elementor-287 .elementor-element.elementor-element-4b15863 > .elementor-background-slideshow::before, .elementor-287 .elementor-element.elementor-element-4b15863 > .e-con-inner > .elementor-background-slideshow::before, .elementor-287 .elementor-element.elementor-element-4b15863 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-287 .elementor-element.elementor-element-0c45ad4{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:176px;--padding-left:0px;--padding-right:0px;}.elementor-287 .elementor-element.elementor-element-0c45ad4:not(.elementor-motion-effects-element-type-background), .elementor-287 .elementor-element.elementor-element-0c45ad4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-54b0e42 ) 0%, #3A3A3A 100%);}.elementor-287 .elementor-element.elementor-element-0c45ad4 > .elementor-shape-bottom .elementor-shape-fill, .elementor-287 .elementor-element.elementor-element-0c45ad4 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-54b0e42 );}.elementor-287 .elementor-element.elementor-element-0c45ad4 > .elementor-shape-bottom svg, .elementor-287 .elementor-element.elementor-element-0c45ad4 > .e-con-inner > .elementor-shape-bottom svg{width:calc(109% + 1.3px);height:341px;}.elementor-287 .elementor-element.elementor-element-f6336d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-287 .elementor-element.elementor-element-f6336d5:not(.elementor-motion-effects-element-type-background), .elementor-287 .elementor-element.elementor-element-f6336d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-287 .elementor-element.elementor-element-9776719{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-287 .elementor-element.elementor-element-9776719:not(.elementor-motion-effects-element-type-background), .elementor-287 .elementor-element.elementor-element-9776719 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #C06B00 0%, #FF9105 100%);}.elementor-287 .elementor-element.elementor-element-9776719 > .elementor-shape-top .elementor-shape-fill, .elementor-287 .elementor-element.elementor-element-9776719 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#000000;}.elementor-287 .elementor-element.elementor-element-9776719 > .elementor-shape-top svg, .elementor-287 .elementor-element.elementor-element-9776719 > .e-con-inner > .elementor-shape-top svg{height:500px;}.elementor-287 .elementor-element.elementor-element-599bc63{--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-287 .elementor-element.elementor-element-599bc63:not(.elementor-motion-effects-element-type-background), .elementor-287 .elementor-element.elementor-element-599bc63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF9105;}.elementor-287 .elementor-element.elementor-element-723b9b5{--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-287 .elementor-element.elementor-element-723b9b5:not(.elementor-motion-effects-element-type-background), .elementor-287 .elementor-element.elementor-element-723b9b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:767px){.elementor-287 .elementor-element.elementor-element-4b15863{--overlay-opacity:0.57;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-287 .elementor-element.elementor-element-1ed271b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-287 .elementor-element.elementor-element-0c45ad4 > .elementor-shape-bottom svg, .elementor-287 .elementor-element.elementor-element-0c45ad4 > .e-con-inner > .elementor-shape-bottom svg{width:calc(249% + 1.3px);height:222px;}.elementor-287 .elementor-element.elementor-element-0c45ad4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:154px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-287 .elementor-element.elementor-element-5c94398{z-index:5;}.elementor-287 .elementor-element.elementor-element-9776719{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-287 .elementor-element.elementor-element-9776719 > .elementor-shape-top svg, .elementor-287 .elementor-element.elementor-element-9776719 > .e-con-inner > .elementor-shape-top svg{width:calc(208% + 1.3px);}.elementor-287 .elementor-element.elementor-element-669b496 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-1ed271b *//* Google Fonts Link - if not already included site-wide */
@import url('https://fonts.googleapis.com/css2?family=Clash+Display:wght@700&family=Open+Sans:wght@400;700&display=swap');

/* Define Theme Variables */
:root {
    -accent-top: #F79A24; /* Orange */
    -accent-bottom: #CB7200; /* Darker Orange */
    -black-theme: #000000;
    -white-theme: #ffffff;
    -e-global-typography-text-font-family: 'Open Sans', sans-serif;
    -e-global-typography-heading-font-family: 'Clash Display', sans-serif;
}

/* Hero Section Wrapper */
#hero-section {
    position: relative;
    overflow: hidden;
    /* Adjusted padding to visually center content */
    padding-top: 5rem; /* Keep existing padding to retain overall spacing */
    padding-bottom: 5rem; /* Keep existing padding to retain overall spacing */
    text-align: center;
    min-height: 100vh;
    height: 100vh;
    display: flex;
    /* Shift content up by adjusting alignment and adding a negative margin-top */
    align-items: center;
    justify-content: center;
    margin-top: -40px; /* Shifts the entire content container up by 40px */
    z-index: 1;
    /* Elementor controls background-color (set this to black in Elementor settings) */
    color: var(--white-theme);
}
/* Hero Content Container */
.hero-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    /* Add padding for overall content spacing if needed */
    padding: 0 1rem;
}

/* Heading Styles */
.hero-heading-wrap {
    perspective: 1000px;
    margin-bottom: 1.5rem; /* Reduced space below heading */
}

.hero-heading {
    font-family: var(--e-global-typography-heading-font-family, 'Clash Display', sans-serif);
    font-size: clamp(3rem, 7vw, 5rem);
    font-weight: 700;
    line-height: 1.1;
    display: inline-block;
    color: var(--white-theme);
    -webkit-text-fill-color: var(--white-theme);
    background: none;
    text-shadow: 0 5px 20px rgba(255, 255, 255, 0.5),
                 0 0 40px rgba(255, 255, 255, 0.2);
}

.hero-heading .word {
    display: inline-block;
    opacity: 0;
    transform: rotateX(90deg) translateY(20px);
    transform-origin: bottom;
    filter: blur(8px);
}

.hero-heading.in-view .word {
    animation: flipInAndPop 0.8s ease-out forwards;
}

.hero-heading.in-view .word:nth-child(1) { animation-delay: 0.2s; }
.hero-heading.in-view .word:nth-child(2) { animation-delay: 0.3s; }
.hero-heading.in-view .word:nth-child(3) { animation-delay: 0.4s; }
.hero-heading.in-view .word:nth-child(4) { animation-delay: 0.5s; }
.hero-heading.in-view .word:nth-child(5) { animation-delay: 0.6s; }
.hero-heading.in-view .word:nth-child(6) { animation-delay: 0.7s; }

@keyframes flipInAndPop {
    to {
        opacity: 1;
        transform: rotateX(0deg) translateY(0);
        filter: blur(0);
    }
}

/* Animated Icon Styles */
.animated-icon-container {
    margin-bottom: 2rem; /* Space between icon and subheading */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0; /* Hidden initially */
    animation: fadeInScale 0.8s ease-out forwards; /* Fade in and pop animation */
    animation-delay: 0.9s; /* Appears after heading */
}

.animated-icon {
    width: 80px; /* Size of the icon */
    height: 80px;
    overflow: visible; /* Ensure animations aren't clipped */
}

.animated-icon .circle-path {
    stroke-dasharray: 200; /* Approx length of path */
    stroke-dashoffset: 200;
    animation: drawCircle 2s ease-out forwards;
    animation-delay: 1.2s;
}

.animated-icon .inner-dot {
    transform-origin: 50px 50px; /* Center of the SVG */
    animation: pulseDot 1.5s infinite alternate ease-in-out;
    opacity: 0;
    animation-delay: 1.5s;
}

.animated-icon .trail-line {
    stroke-dasharray: 30 100; /* Length of the line, and gap */
    stroke-dashoffset: 30; /* Start of the dash */
    transform-origin: 50px 50px;
    animation: rotateLine 3s linear infinite, drawTrail 1.5s ease-out forwards;
    animation-delay: 1.8s;
}

@keyframes fadeInScale {
    0% { opacity: 0; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes drawCircle {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes pulseDot {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.2); opacity: 1; }
}

@keyframes rotateLine {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes drawTrail {
    to {
        stroke-dashoffset: 0;
    }
}


/* Subheading Styles */
.hero-subheading {
    font-family: var(--e-global-typography-text-font-family);
    font-size: clamp(1.1rem, 2.5vw, 1.4rem);
    color: var(--white-theme);
    margin-bottom: 2.5rem;
    line-height: 1.5;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    animation: fadeIn 1s ease-out forwards;
    animation-delay: 2.2s; /* Adjust delay after icon */
}

@keyframes fadeIn {
    to { opacity: 1; }
}

/* Button Styles */
.hero-button {
    display: inline-block;
    padding: 1.1rem 2.8rem;
    background: linear-gradient(
        to right,
        var(--accent-top),
        var(--accent-bottom)
    );
    color: var(--white-theme);
    font-family: var(--e-global-typography-text-font-family);
    font-weight: 700;
    font-size: 1.15rem;
    border-radius: 50px;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    box-shadow: 0 10px 30px rgba(247, 154, 36, 0.4),
                0 0 0 0 rgba(247, 154, 36, 0);
    opacity: 0;
    animation: fadeInPop 0.8s ease-out forwards;
    animation-delay: 2.5s; /* Adjust delay after subheading */
    border: none;
    position: relative;
    overflow: hidden;
}

.hero-button:hover {
    transform: translateY(-7px) scale(1.03);
    box-shadow: 0 15px 40px rgba(247, 154, 36, 0.6),
                0 0 30px 5px rgba(247, 154, 36, 0.8);
    background: linear-gradient(
        to right,
        #FF8C00,
        #F79A24
    );
}

@keyframes fadeInPop {
    0% { opacity: 0; transform: translateY(20px) scale(0.9); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    #hero-section {
        padding-top: 4rem; /* Adjust for smaller screens */
        padding-bottom: 4rem;
        min-height: 70vh;
    }

    .hero-heading {
        font-size: clamp(2.5rem, 9vw, 4rem);
        text-shadow: 0 3px 10px rgba(255, 255, 255, 0.4);
    }

    .hero-heading .word {
        filter: none;
    }

    .hero-subheading {
        font-size: clamp(1rem, 3vw, 1.2rem);
    }

    .hero-button {
        padding: 1rem 2.2rem;
        font-size: 1.05rem;
    }
}/* End custom CSS */
/* Start custom CSS *//* === Pricing-Page-Only Styles (Updated) === */

/* 1) Body background & text – remove forced black so you can choose in Elementor */
body {
  background: transparent !important; /* let Elementor or parent theme set this */
  color: #111 !important;             /* dark default text on white BG */
}

/* 2) Flush the first section under header – transparent, so you can give it its own BG */
.elementor-section:first-of-type {
  background: transparent !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  height: 100vh !important;
}

/* 3) Toggle buttons active state – now using your orange gradient */
.toggle-btn.active {
  /* fallback solid if gradient isn't allowed on buttons: */
  background: #F79A24 !important;
  /* or use the gradient shorthand if supported in your setup: */
  /* background: linear-gradient(180deg, #F79A24 0%, #CB7200 100%) !important; */
  color: #fff !important;
}

/* 4) Sticky CTA bar – transparent so background shows through, dark text */
.sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255,255,255,0.95); /* semi-opaque white so your page BG peeks through */
  color: #111;
  padding: .75rem 1rem;
  display: none; /* toggled via JS */
  align-items: center;
  justify-content: space-between;
  z-index: 999;
}
.sticky-cta .btn {
  margin-left: 1rem;
}
@media (max-width:768px) {
  .sticky-cta { display: flex; }
}/* End custom CSS */