.elementor-3830 .elementor-element.elementor-element-6e180c5 > .elementor-background-overlay{background-color:#1B1B1B;opacity:0.76;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3830 .elementor-element.elementor-element-6e180c5 > .elementor-container{min-height:665px;}.elementor-3830 .elementor-element.elementor-element-6e180c5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-60px;margin-bottom:0px;}.elementor-3830 .elementor-element.elementor-element-05a3a71{margin-top:0px;margin-bottom:10px;}.elementor-3830 .elementor-element.elementor-element-98df285{--spacer-size:150px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3830 .elementor-element.elementor-element-fe18d93{width:100%;max-width:100%;align-self:center;text-align:center;}.elementor-3830 .elementor-element.elementor-element-fe18d93 > .elementor-widget-container{background-color:#F4F4F4A6;padding:10px 10px 10px 10px;border-radius:50px 50px 50px 50px;}.elementor-3830 .elementor-element.elementor-element-fe18d93 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;letter-spacing:1px;color:#000000;}.elementor-3830 .elementor-element.elementor-element-d4aa1da > .elementor-widget-container{margin:0px 80px 10px 80px;}.elementor-3830 .elementor-element.elementor-element-d4aa1da{text-align:center;}.elementor-3830 .elementor-element.elementor-element-d4aa1da .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3830 .elementor-element.elementor-element-9516f29 > .elementor-widget-container{margin:20px 300px 0px 300px;}.elementor-3830 .elementor-element.elementor-element-9516f29{text-align:center;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-3830 .elementor-element.elementor-element-86a154a{--spacer-size:50px;}.elementor-3830 .elementor-element.elementor-element-6e86e57 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3830 .elementor-element.elementor-element-6e86e57{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3830 .elementor-element.elementor-element-d767d0d{text-align:center;}.elementor-3830 .elementor-element.elementor-element-d767d0d img{width:42%;opacity:0.15;}.elementor-3830 .elementor-element.elementor-element-3f38fbb{margin-top:-450px;margin-bottom:0px;}.elementor-3830 .elementor-element.elementor-element-1acb5d9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-3830 .elementor-element.elementor-element-b56be38{color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}@media(min-width:768px){.elementor-3830 .elementor-element.elementor-element-8524f83{width:36%;}.elementor-3830 .elementor-element.elementor-element-ec26977{width:27.332%;}.elementor-3830 .elementor-element.elementor-element-73383ad{width:36%;}.elementor-3830 .elementor-element.elementor-element-5db5f25{width:10%;}.elementor-3830 .elementor-element.elementor-element-1d4c449{width:79.332%;}.elementor-3830 .elementor-element.elementor-element-733c994{width:10%;}}/* Start custom CSS for html, class: .elementor-element-8678220 *//* 1. Outer Mouse Button Container */
.ttb-scroll-btn {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 30px;
  height: 52px;
  border: 2px solid #ffffff; /* Outer white border */
  border-radius: 25px; /* Mouse elongated curve */
  position: relative;
  text-decoration: none;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.2); /* Subtle dark overlay background */
  cursor: pointer;
  transition: transform 0.3s ease, border-color 0.3s ease;
  
  /* Outer Pulse Animation */
  animation: mousePulse 2s infinite ease-in-out;
}

/* 2. Inner Scroll Dash (#ef7300) */
.ttb-scroll-dash {
  width: 4px;
  height: 10px;
  background-color: #ef7300; /* Your requested hex code */
  border-radius: 3px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  
  /* Up & Down Scroll Animation */
  animation: scrollDashAnimation 1.8s infinite ease-in-out;
}

/* 3. Hover Effect */
.ttb-scroll-btn:hover {
  transform: scale(1.1);
  border-color: #ffffff;
}

.ttb-scroll-btn:hover .ttb-scroll-dash {
  background-color: #ef7300;
  box-shadow: 0 0 8px #ef7300;
}

/* =========================================================
   KEYFRAME ANIMATIONS
   ========================================================= */

/* Inside Dash Moving Top to Bottom */
@keyframes scrollDashAnimation {
  0% {
    top: 8px;
    opacity: 1;
    height: 10px;
  }
  50% {
    top: 24px;
    opacity: 1;
    height: 14px; /* Stretches slightly down */
  }
  80% {
    top: 32px;
    opacity: 0;
    height: 6px;
  }
  100% {
    top: 8px;
    opacity: 0;
    height: 10px;
  }
}

/* Outer Button Pulse Effect */
@keyframes mousePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 115, 0, 0.6);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(239, 115, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(239, 115, 0, 0);
  }
}
/* Container to center the button horizontally */
.ttb-scroll-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 20px 0 !important; /* Adjust top/bottom spacing as needed */
  text-align: center !important;
}

/* Ensure the button stays centered and retains margin auto */
.ttb-scroll-btn {
  margin: 0 auto !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b60a17c */.btn-secondary:hover {
  background-color: #ffffff;
  color: #0f1115;
  border-color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6e86e57 *//* =========================================================
   VRBSOFT - PREMIUM DARK PURPLE + TEAL GRADIENT
   AVADA WORDPRESS
   CSS ONLY - NO JAVASCRIPT
   ========================================================= */

.vrb-video-gradient {
    position: relative;
    overflow: hidden;

    background:

        /* =================================================
           STRONG PURPLE / VIOLET GLOW
           ================================================= */

        radial-gradient(
            ellipse 70% 80% at 12% 85%,
            rgba(130, 45, 190, 0.70) 0%,
            rgba(100, 30, 155, 0.48) 25%,
            rgba(65, 20, 110, 0.25) 45%,
            transparent 60%
        ),

        /* =================================================
           TEAL / BLUE GLOW
           ================================================= */

        radial-gradient(
            ellipse 65% 75% at 88% 20%,
            rgba(10, 120, 115, 0.50) 0%,
            rgba(8, 90, 90, 0.32) 25%,
            rgba(5, 55, 65, 0.15) 45%,
            transparent 60%
        ),

        /* =================================================
           CENTRAL VIOLET / BLUE BLEND
           ================================================= */

        radial-gradient(
            ellipse 60% 65% at 52% 48%,
            rgba(75, 35, 125, 0.35) 0%,
            rgba(45, 25, 90, 0.20) 35%,
            transparent 60%
        ),

        /* =================================================
           DARK NAVY BASE
           ================================================= */

        linear-gradient(
            115deg,
            #040812 0%,
            #080b19 25%,
            #0d0a1d 50%,
            #090d19 75%,
            #040a12 100%
        );


    /* Individual layers */
    background-size:
        180% 180%,
        180% 180%,
        180% 180%,
        100% 100%;


    /* Smooth slow movement */
    animation:
        vrbPremiumGradient
        3s
        ease-in-out
        infinite
        alternate;
}


/* =========================================================
   GRADIENT MOVEMENT
   ========================================================= */

@keyframes vrbPremiumGradient {

    0% {

        background-position:
            0% 100%,
            100% 0%,
            50% 50%,
            0% 0%;
    }


    20% {

        background-position:
            20% 80%,
            80% 20%,
            40% 55%,
            0% 0%;
    }


    40% {

        background-position:
            45% 60%,
            60% 35%,
            55% 45%,
            0% 0%;
    }


    60% {

        background-position:
            70% 45%,
            35% 55%,
            60% 50%,
            0% 0%;
    }


    80% {

        background-position:
            90% 25%,
            15% 75%,
            45% 55%,
            0% 0%;
    }


    100% {

        background-position:
            100% 0%,
            0% 100%,
            55% 40%,
            0% 0%;
    }
}


/* =========================================================
   OPTIONAL SOFT COLOUR BLENDING
   ========================================================= */

.vrb-video-gradient::before {

    content: "";

    position: absolute;

    inset: -20%;

    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 25% 70%,
            rgba(150, 45, 210, 0.18),
            transparent 75%
        ),
        radial-gradient(
            ellipse at 75% 30%,
            rgba(0, 150, 160, 0.14),
            transparent 45%
        );

    filter: blur(75px);

    opacity: 0.7;

    animation:
        vrbGlowMove
        26s
        ease-in-out
        infinite
        alternate;
}


/* =========================================================
   SOFT GLOW MOVEMENT
   ========================================================= */

@keyframes vrbGlowMove {

    0% {
        transform: translate3d(-4%, 3%, 0) scale(1);
    }

    50% {
        transform: translate3d(3%, -2%, 0) scale(1.05);
    }

    100% {
        transform: translate3d(6%, 4%, 0) scale(1);
    }
}


/* =========================================================
   KEEP AVADA CONTENT ABOVE THE EFFECT
   ========================================================= */

.vrb-video-gradient > * {
    position: relative;
    z-index: 2;
}


/* =========================================================
   TABLET / IPAD
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .vrb-video-gradient {
        animation-duration: 10s;
    }

    .vrb-video-gradient::before {
        animation-duration: 18s;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .vrb-video-gradient {
        animation-duration: 26s;
    }

    .vrb-video-gradient::before {
        animation-duration: 30s;
        filter: blur(28px);
    }
}


/* =========================================================
   REDUCE MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .vrb-video-gradient,
    .vrb-video-gradient::before {
        animation: none;
    }
}/* End custom CSS */