.elementor-kit-1399{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--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;background-color:#F2F0FE;}.elementor-kit-1399 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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-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 */.scroll-pane {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 50vh;
  scroll-behavior: smooth;
  scroll-snap-type: y proximity;
  -webkit-overflow-scrolling: touch;

  /* force the bar to the right */
  direction: ltr;
}

/* each child block snaps when scrolling */
.scroll-pane > .elementor-element {
  scroll-snap-align: start;
}

/* Custom scrollbar (WebKit browsers: Chrome, Edge, Safari) */
.scroll-pane::-webkit-scrollbar {
  width: 10px;              /* thickness of the bar */
}

.scroll-pane::-webkit-scrollbar-track {
  background: #f1f1f1;      /* background of the track */
}

.scroll-pane::-webkit-scrollbar-thumb {
  background-color: #ff6600; /* <-- your scrollbar color */
  border-radius: 10px;
  border: 0px solid #f1f1f1; /* adds spacing effect */
}

.scroll-pane::-webkit-scrollbar-thumb:hover {
  background-color: #00000; /* darker shade on hover */
}

/* Firefox support */
.scroll-pane {
  scrollbar-width: ;
  scrollbar-color: #7A53F3 #F2F0FE;  /* thumb | track */
}
.scrolls-pane{
  overflow-y: auto;
  max-height: 50vh;
  background: #000;

  /* soft 32px fade top/bottom */
  -webkit-mask-image: linear-gradient(to bottom,
     transparent 0,
     black 32px,
     black calc(50% - 30px),
     transparent 50%);
          mask-image: linear-gradient(to bottom,
     transparent 0,
     black 50px,
     black calc(100% - 50px),
     transparent 100%);
}/* End custom CSS */