.elementor-106710 .elementor-element.elementor-element-22226dd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-106710 .elementor-element.elementor-element-46e63ca7{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0em;--padding-bottom:2em;--padding-left:0.5em;--padding-right:0.5em;}.elementor-106710 .elementor-element.elementor-element-21b56299{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-106710 .elementor-element.elementor-element-21b56299:not(.elementor-motion-effects-element-type-background), .elementor-106710 .elementor-element.elementor-element-21b56299 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-106710 .elementor-element.elementor-element-3b47901e{text-align:center;}.elementor-106710 .elementor-element.elementor-element-3b47901e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1.6em;font-weight:500;line-height:1.2em;color:var( --e-global-color-text );}.elementor-106710 .elementor-element.elementor-element-43ade526{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-106710 .elementor-element.elementor-element-90de5d3{--grid-columns:4;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-106710 .elementor-element.elementor-element-90de5d3 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-106710 .elementor-element.elementor-element-90de5d3 .e-loop-item > .elementor-section, .elementor-106710 .elementor-element.elementor-element-90de5d3 .e-loop-item > .elementor-section > .elementor-container, .elementor-106710 .elementor-element.elementor-element-90de5d3 .e-loop-item > .e-con, .elementor-106710 .elementor-element.elementor-element-90de5d3 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-106710 .elementor-element.elementor-element-90de5d3 .elementor-pagination{text-align:center;font-family:"Kanit", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.1em;margin-top:30px;}.elementor-106710 .elementor-element.elementor-element-90de5d3 .elementor-pagination .page-numbers:not(.dots){color:#000000;}.elementor-106710 .elementor-element.elementor-element-90de5d3 .elementor-pagination a.page-numbers:hover{color:#000000;}.elementor-106710 .elementor-element.elementor-element-90de5d3 .elementor-pagination .page-numbers.current{color:var( --e-global-color-text );}body:not(.rtl) .elementor-106710 .elementor-element.elementor-element-90de5d3 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-106710 .elementor-element.elementor-element-90de5d3 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-106710 .elementor-element.elementor-element-90de5d3 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-106710 .elementor-element.elementor-element-90de5d3 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-106710 .elementor-element.elementor-element-47dd39e{font-family:"Kanit", Sans-serif;font-size:1em;font-weight:400;line-height:1.5em;}.elementor-106710 .elementor-element.elementor-element-7839f71c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-106710 .elementor-element.elementor-element-645b8db1{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-106710 .elementor-element.elementor-element-4b831357{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-106710 .elementor-element.elementor-element-4b831357:not(.elementor-motion-effects-element-type-background), .elementor-106710 .elementor-element.elementor-element-4b831357 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-106710 .elementor-element.elementor-element-549e3147{text-align:center;}.elementor-106710 .elementor-element.elementor-element-549e3147 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1.2em;font-weight:500;line-height:1.2em;color:var( --e-global-color-text );}.elementor-106710 .elementor-element.elementor-element-1ab31c34{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-106710 .elementor-element.elementor-element-4c4840d2{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-106710 .elementor-element.elementor-element-4c4840d2:not(.elementor-motion-effects-element-type-background), .elementor-106710 .elementor-element.elementor-element-4c4840d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-106710 .elementor-element.elementor-element-527b0be0{text-align:center;}.elementor-106710 .elementor-element.elementor-element-527b0be0 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1.2em;font-weight:500;line-height:1.2em;color:var( --e-global-color-text );}.elementor-106710 .elementor-element.elementor-element-0a9924d{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-106710 .elementor-element.elementor-element-0a9924d:not(.elementor-motion-effects-element-type-background), .elementor-106710 .elementor-element.elementor-element-0a9924d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-106710 .elementor-element.elementor-element-e1f0abc > .elementor-widget-container{margin:5px 5px 5px 5px;padding:1px 1px 1px 1px;}@media(max-width:1024px){.elementor-106710 .elementor-element.elementor-element-22226dd{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-106710 .elementor-element.elementor-element-46e63ca7.e-con{--order:-99999 /* order start hack */;}.elementor-106710 .elementor-element.elementor-element-3b47901e .elementor-heading-title{font-size:1em;}.elementor-106710 .elementor-element.elementor-element-90de5d3{--grid-columns:3;}.elementor-106710 .elementor-element.elementor-element-7839f71c{--padding-top:0em;--padding-bottom:0em;--padding-left:0.5em;--padding-right:0.5em;}.elementor-106710 .elementor-element.elementor-element-549e3147 .elementor-heading-title{font-size:1em;}.elementor-106710 .elementor-element.elementor-element-527b0be0 .elementor-heading-title{font-size:1em;}}@media(max-width:767px){.elementor-106710 .elementor-element.elementor-element-22226dd{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-106710 .elementor-element.elementor-element-3b47901e .elementor-heading-title{font-size:1em;}.elementor-106710 .elementor-element.elementor-element-90de5d3{--grid-columns:3;}.elementor-106710 .elementor-element.elementor-element-47dd39e{font-size:0.9em;}}@media(min-width:768px){.elementor-106710 .elementor-element.elementor-element-46e63ca7{--width:85%;}.elementor-106710 .elementor-element.elementor-element-7839f71c{--width:17%;}}@media(max-width:1024px) and (min-width:768px){.elementor-106710 .elementor-element.elementor-element-46e63ca7{--width:100%;}.elementor-106710 .elementor-element.elementor-element-7839f71c{--width:48%;}}/* Start custom CSS for loop-grid, class: .elementor-element-90de5d3 */.elementor-pagination .page-numbers {
 
  padding: 3.5px 10px;

  border-radius: 4px;
  background-color: black; /* Default (normal) background */
  color: black;
  text-decoration: none;
  font-size: 14px;
  transition: background-color 0.3s, color 0.3s;
}

.elementor-pagination .page-numbers:hover {
  background-color: #f0f0f0; /* Light gray background on hover */
}

.elementor-pagination .current {
  background-color: red; /* Active (current page) background */
  color: white; /* White text for active page */
  border-color: red; /* Match the border to the background */
  pointer-events: none; /* Disable click for the current page */
}/* End custom CSS */
/* Start custom CSS */button.swicth-ep.mov_source {
    text-align: left;
    word-wrap: break-word; 
    overflow: hidden; 
    white-space: normal;
}

@media (max-width: 767px) {
    button.swicth-ep.mov_source {
    text-align: center;
    word-wrap: break-word; 
    overflow: hidden; 
    white-space: normal;
}
}

button.swicth-ep.mov_source.active {
    background: #FF0000;
}


.page_margin_top span {
    
    color: white;
    font-family: kanit;
    font-size: 1em;
    font-weight: 600;
   
}


button.player-1-btn.mov_source.active {
    margin-bottom: 15px;
    background: #FF0000;
}

button.player-1-btn.mov_source.active:hover {
    margin-bottom: 15px;
    background: #FF000000;
}/* End custom CSS */