.elementor-kit-8588{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#1B1B1B;--e-global-color-text:#F5F5F4;--e-global-color-accent:#0D51B1;--e-global-color-accentsecondary:#00000000;--e-global-color-white:#FFFFFF;--e-global-color-black:#000000;--e-global-color-divider:#FFFFFF1A;--e-global-color-darkdivider:#F7FBFA1A;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.4em;--e-global-typography-99ab7b6-font-family:"Plus Jakarta Sans";--e-global-typography-99ab7b6-font-size:22px;background-color:var( --e-global-color-black );background-image:url("https://www.myprojectz.com/wp-content/uploads/2024/11/blurred-2.png");color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );background-position:100% 900px;background-repeat:repeat-y;background-size:100% auto;}.elementor-kit-8588 button,.elementor-kit-8588 input[type="button"],.elementor-kit-8588 input[type="submit"],.elementor-kit-8588 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-primary );border-radius:100px 100px 100px 100px;padding:14px 25px 14px 25px;}.elementor-kit-8588 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8588 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8588 h2{color:var( --e-global-color-primary );}.elementor-kit-8588 h3{color:var( --e-global-color-primary );font-family:"Plus Jakarta Sans", Sans-serif;font-size:22px;font-weight:700;line-height:1.8em;}.elementor-kit-8588 h4{color:var( --e-global-color-primary );}.elementor-kit-8588 h5{color:var( --e-global-color-primary );}.elementor-kit-8588 h6{color:var( --e-global-color-accent );font-family:"Plus Jakarta Sans", Sans-serif;font-size:3em;font-weight:700;line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end: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-kit-8588{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:20px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );background-position:0px 0px;}.elementor-kit-8588 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8588 h3{font-size:20px;}.elementor-kit-8588 button,.elementor-kit-8588 input[type="button"],.elementor-kit-8588 input[type="submit"],.elementor-kit-8588 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8588{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:18px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );background-position:0px 0px;background-size:200% auto;}.elementor-kit-8588 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-8588 h3{font-size:18px;}.elementor-kit-8588 h6{font-size:32px;line-height:1.1em;}.elementor-kit-8588 button,.elementor-kit-8588 input[type="button"],.elementor-kit-8588 input[type="submit"],.elementor-kit-8588 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Initial transparent header */
.custom-sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Solid background after scroll */
.custom-sticky-header.scrolled {
  background-color: #ffffff; /* Change to any colour */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}





.scroll-box-wrapper {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #111;
}

.scroll-box {
  width: 40vw;
  height: 22.5vw;
  border-radius: 20px;
  overflow: hidden;
  will-change: width, height;
  transform: translateZ(0);
}



.animated-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #0d51b1 !important;
  color: #ffffff !important;
  padding: 18px 36px;
  font-size: 20px;
  font-family: 'Inter Tight', sans-serif;
  font-weight: 600;
  text-decoration: none;
  border-radius: 50px;
  box-shadow: 
    0 0 12px rgba(13, 79, 207, 0.6), 
    0 0 25px rgba(13, 79, 207, 0.4);
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
}

.animated-button:hover {
  box-shadow: 
    0 0 18px rgba(13, 79, 207, 0.8), 
    0 0 36px rgba(13, 79, 207, 0.5);
}

.animated-button .arrow {
  display: inline-block;
  margin-right: 18px;
  font-size: 35px;
  animation: arrowBounce 1.2s infinite ease-in-out;
}

@keyframes arrowBounce {
  0% { transform: translateX(0); }
  50% { transform: translateX(-8px); }
  100% { transform: translateX(0); }
}

.circle-cta {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 180px;
  background-color: #0d51b1;
  color: #000;
  border-radius: 50%;
  font-size: 25px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: 'Inter Tight', sans-serif;
  overflow: hidden;
  position: relative;

  /* Blue glow */
  box-shadow: 
    0 0 12px rgba(64, 128, 189, 0.4), 
    0 0 20px rgba(64, 128, 189, 0.3);
}

.cta-arrow::before {
  content: attr(data-default);
  transition: all 0.3s ease;
  font-size: 50px;
  display: inline-block;
  margin-bottom: 20px;
  color: inherit;
}

.circle-cta:hover {
  background-color: #111;
  color: #fff;

  /* Brighter blue glow on hover */
  box-shadow: 
    0 0 15px rgba(64, 128, 189, 0.6),
    0 0 30px rgba(64, 128, 189, 0.5),
    0 0 45px rgba(64, 128, 189, 0.4);
}

.circle-cta:hover .cta-arrow::before {
  content: attr(data-hover);
}/* End custom CSS */