.elementor-2953 .elementor-element.elementor-element-727a3195{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2953 .elementor-element.elementor-element-3508ca49{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-2953 .elementor-element.elementor-element-727a3195{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2953 .elementor-element.elementor-element-3508ca49{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-727a3195 */.table-scroll-shell{
  position: relative;
  overflow: hidden;
}

/* scroller */
.table-scroll{
  position: relative;
  z-index: 1;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}

/* keep the table wider so scroll is meaningful */
.tablepress.happety-ration-table{
  min-width: 980px;
  width: max-content;
}

/* LEFT fade */
.table-scroll-shell::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:44px;
  pointer-events:none;
  opacity:0;
  transition: opacity .25s ease;
  z-index: 5; /* <-- IMPORTANT */
  background: linear-gradient(to right, rgba(0,0,0,0.12), rgba(0,0,0,0));
}

/* RIGHT fade */
.table-scroll-shell::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  height:100%;
  width:44px;
  pointer-events:none;
  opacity:0;
  transition: opacity .25s ease;
  z-index: 5; /* <-- IMPORTANT */
  background: linear-gradient(to left, rgba(0,0,0,0.12), rgba(0,0,0,0));
}

/* show/hide states controlled by JS */
.table-scroll-shell.can-scroll-left::before{ opacity:1; }
.table-scroll-shell.can-scroll-right::after{ opacity:1; }/* End custom CSS */