.elementor-kit-33{--e-global-color-primary:#07569D;--e-global-color-secondary:#0E757E;--e-global-color-text:#000000;--e-global-color-accent:#0E757E;--e-global-color-94d7d63:#000000;--e-global-color-95c5ec8:#000000;--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:#FFFFFF;color:#000000;font-family:"Poppins", Sans-serif;}.elementor-kit-33 e-page-transition{background-color:#FFBC7D;}.elementor-kit-33 a{color:var( --e-global-color-primary );}.elementor-kit-33 a:hover{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}.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);}@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 *//* Container must be relative */
.video-container{ position:relative; }

/* Button: bottom-center, hidden by default */
.video-container .my-button{
  position:absolute; bottom:15px; left:50%; transform:translateX(-50%);
  opacity:0; pointer-events:none; transition:opacity .3s ease; z-index:3;
}

/* Desktop: show on hover */
@media (hover:hover) and (pointer:fine){
  .video-container:hover .my-button{ opacity:1; pointer-events:auto; }
}

/* Mobile: create a tap-catcher above the video so the first tap hits the container, not the iframe */
@media (hover:none) and (pointer:coarse){
  .video-container::before{
    content:""; position:absolute; inset:0; z-index:2; background:transparent; /* catches the tap */
  }
  /* After activated by JS, let taps go through to the video/button */
  .video-container.active::before{ pointer-events:none; }
  /* When active, show the button */
  .video-container.active .my-button{ opacity:1; pointer-events:auto; }
}/* End custom CSS */