.elementor-kit-8{--e-global-color-primary:#09BDFF;--e-global-color-secondary:#222222;--e-global-color-text:#252525;--e-global-color-accent:#EEEEEE;--e-global-color-1227644:#EEEEEE;--e-global-color-81146e2:#F4F4F4;--e-global-color-51feac3:#707070;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1361px;}.e-con{--container-max-width:1361px;}.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 */@media (max-width: 1024px) {
    .hide-md {
        display:none !important;
    }
}
.has-dot-line::after {
 content: '';
    position: absolute;
    top: 89%;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 188px; 
    background-image: radial-gradient(circle, #dcd8d1 4px, transparent 4px);
    background-size: 8px 16px;
    background-repeat: repeat-y;
    z-index: 0;
}

.has-dot-top::before {
 content: '';
    position: absolute;
    top: -17%;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 45px; 
    background-image: radial-gradient(circle, #dcd8d1 4px, transparent 4px);
    background-size: 8px 16px;
    background-repeat: repeat-y;
    z-index: 0;
}
.custom-shadow {
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.06),
        0 6px 24px rgba(0, 0, 0, 0.07);
}

.cpel-switcher__lang {
    opacity: 0.5;
}
.cpel-switcher__lang.cpel-switcher__lang--active {
    opacity: 1;
}
.cpel-switcher__lang:hover {
    opacity: 1;
}

.typewriter-cursor {
  display: inline-block;
  margin-left: 2px;
  font-weight: 300;
  animation: cursorBlink 0.6s step-end infinite;
}

@keyframes cursorBlink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}

.slide-in-right {
    opacity: 0;
    transform: translateX(-500px);
    filter: blur(4px);
    will-change: transform, opacity, filter;
  }
 .slide-in-left {
      opacity: 0;
      transform: translateX(500px);
      filter:blur(4px);
      will-change: transform,opacity,filter;
  }
  .slide-in-down {
      opacity: 0;
      transform: translateY(-500px);
      filter:blur(4px);
      will-change: transform,opacity,filter;
  }
  
    @media (max-width: 920px) {
    .slide-in-right {
      transform: translateX(-60px);
    }
    .slide-in-left {
      transform: translateX(60px);
    }
    .slide-in-down {
      transform: translateY(-60px);
    }
  }

  
  .elementor-editor-active .slide-in-right,
  .elementor-editor-active .slide-in-left,
  .elementor-editor-active .slide-in-down
  {
    opacity: 1;
    transform: translateX(0);
    filter: none;
  }

 .slide-in-left.is-visible {
      animation: slideInLeft 2.7s cubic-bezier(0.22, 1, 0.36, 1) var(--delay, 
  0ms) forwards;
  }
  .slide-in-right.is-visible {
    animation: slideInRight 2.7s cubic-bezier(0.22, 1, 0.36, 1) var(--delay, 
  0ms) forwards;
  }
  .slide-in-down.is-visible {
       animation: slideInDown 2.7s cubic-bezier(0.22, 1, 0.36, 1) var(--delay, 
  0ms) forwards;
  }
  @keyframes slideInLeft {
      to {
          opacity: 1;
          transform: translateX(0);
          filter: blur(0px);
      }
  }
  @keyframes slideInRight {
    to {
      opacity: 1;
      transform: translateX(0);
      filter: blur(0px);
    }
  }
  @keyframes slideInDown {
      to {
          opacity: 1;
          transform: translateY(0);
          filter:blur(0px);
      }
  }
.bounce.is-visible {
  transition: translate 0.3s ease;
}
.bounce:hover {
  translate: 20px 0;
}/* End custom CSS */