.elementor-819 .elementor-element.elementor-element-81f07e4{--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;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-widget-image .widget-image-caption{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-819 .elementor-element.elementor-element-2d17d64{background-color:#000000;border-radius:24px 24px 24px 24px;}.elementor-819 .elementor-element.elementor-element-2d17d64 img{opacity:0.7;border-radius:24px 24px 24px 24px;}.elementor-819 .elementor-element.elementor-element-6095596{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;top:50%;}.elementor-819 .elementor-element.elementor-element-6095596.e-con{--e-con-transform-translateY:-50%;}body:not(.rtl) .elementor-819 .elementor-element.elementor-element-6095596{left:0px;}body.rtl .elementor-819 .elementor-element.elementor-element-6095596{right:0px;}.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-819 .elementor-element.elementor-element-259b862{width:var( --container-widget-width, 45vw );max-width:45vw;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;--container-widget-width:45vw;--container-widget-flex-grow:0;}.elementor-819 .elementor-element.elementor-element-259b862 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:clamp(24px,3.75vw,72px);font-weight:600;line-height:1.4em;color:#FFFFFF;}.elementor-819 .elementor-element.elementor-element-093e228{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-819 .elementor-element.elementor-element-093e228 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:clamp(14px,1.25vw,24px);font-weight:400;line-height:1.4em;color:#FFFFFF;}.elementor-819 .elementor-element.elementor-element-c8c20af{--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;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-819 .elementor-element.elementor-element-f79fa50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-819 .elementor-element.elementor-element-ddf79bb{--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:20px;--padding-right:20px;}.elementor-819 .elementor-element.elementor-element-ab18b82{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 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-819 .elementor-element.elementor-element-da257bc{--grid-columns:3;--grid-row-gap:60px;--grid-column-gap:24px;}.elementor-819 .elementor-element.elementor-element-da257bc .elementor-pagination{text-align:center;margin-top:0px;}body:not(.rtl) .elementor-819 .elementor-element.elementor-element-da257bc .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 7px/2 );}body:not(.rtl) .elementor-819 .elementor-element.elementor-element-da257bc .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 7px/2 );}body.rtl .elementor-819 .elementor-element.elementor-element-da257bc .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 7px/2 );}body.rtl .elementor-819 .elementor-element.elementor-element-da257bc .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 7px/2 );}body.elementor-page-819:not(.elementor-motion-effects-element-type-background), body.elementor-page-819 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFCFF;}@media(max-width:1024px){.elementor-819 .elementor-element.elementor-element-da257bc{--grid-columns:2;}}@media(max-width:767px){.elementor-819 .elementor-element.elementor-element-81f07e4{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-819 .elementor-element.elementor-element-2d17d64 img{height:300px;object-fit:cover;}.elementor-819 .elementor-element.elementor-element-259b862{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-819 .elementor-element.elementor-element-093e228{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-819 .elementor-element.elementor-element-c8c20af{--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-819 .elementor-element.elementor-element-ab18b82{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-819 .elementor-element.elementor-element-da257bc{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:10px;}.elementor-819 .elementor-element.elementor-element-da257bc .elementor-pagination{margin-top:10px;}}@media(min-width:768px){.elementor-819 .elementor-element.elementor-element-6095596{--content-width:1520px;}}/* Start custom CSS for shortcode, class: .elementor-element-ab18b82 */.video-filter {
    display: flex;
    justify-content: center;
    gap: 30px;
    
    @media(max-width: 798px){
        justify-content: flex-start;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 10px;
    }
}

.video-filter .filter-btn{
    padding: 1vw 2vw;
    background: #F0F3F9;
    border-radius: 100px;
    
    color: #0B133D;
    font-family: "Instrument Sans";
    font-size: clamp(16px,1.6vw,32px);
    font-style: normal;
    font-weight: 600;
    
    transition: color 0.3s, background 0.3s;
    will-change: color, background;
    @media(max-width: 798px){
        flex-shrink: 0;
        padding: 10px;
        scroll-snap-align: start;
    }
}

.video-filter .filter-btn:hover{
    background: #364AC1;
    color: #fff;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-da257bc */.elementor-819 .elementor-element.elementor-element-da257bc .link-btn .text{
    color: #364AC1;
}
.elementor-819 .elementor-element.elementor-element-da257bc .link-btn svg{
    fill:#364AC1;
}

.elementor-pagination {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

span.page-numbers.prev,
span.page-numbers.next{
	display: none;
}

.page-numbers {
    transition: background 0.3s, color 0.3s;
	--size: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--size);
	height: var(--size);
	background: #FFFFFF;
	border-radius: 50px;
	color: #666666;
	
    &.current,
	&:hover{
		background: #364AC1;
		color: #FFFFFF;
		
		path{
		    stroke: #fff;
		}
	}
	
	
	@media(max-width:798px){
	    --size: 30px;
	}
}


.video-box:hover .video-title .elementor-heading-title{
    color: #fff !important;
}

.video-thumb::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    transition: height 0.3s;
    border-radius: 16px;
}
.video-thumb img{
    width:100%;
    border-radius: 16px;
    aspect-ratio: 1.2;
    object-fit: cover;
    display: block;
}	

.video-thumb .play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.video-thumb .play-btn path,
.video-thumb .play-btn circle{
    transition: stroke 0.3s ease;
}
.video-thumb:hover .play-btn path,
.video-thumb:hover .play-btn circle{
    stroke:#0B133D;
}

.video-thumb:hover::before {
    height: 0%;
}

@media(max-width:798px){
    .video-thumb .play-btn svg{
        width: 40px;
        height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efd5062 */.pagination-flex-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
    margin-top: 60px;
    
    @media(max-width: 798px){
        margin-top: 20px;
       flex-direction: column;
       gap: 20px;
    }
}

/* 分页器本身 */
.elementor-pagination {
  display: flex;
  gap: 10px;
}

/* 右侧控制 */
#customPaginationControls {
    display: flex;
    align-items: center;
    gap: 30px;
    position: absolute;
    right: 0;
    
    @media(max-width: 798px){
        position: relative;
    }
}

/* Go to */
.goto-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.goto-wrap input {
  width: 50px;
  text-align: center;
  padding: 6px;
}

/* per page */
.per-page-wrap select {
  padding: 6px 10px;
  border-radius: 6px;
}



.video-modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 999;
}

.video-modal.active {
    display: block;
}

/* overlay */
.video-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(4px);
    opacity: 0;
}

/* 内容 */
.video-modal-inner {
    position: relative;
    width: 80%;
    max-width: 900px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
}

.video-container iframe,
.video-container video {
    width: 100%;
    height: 500px;
    border-radius: 12px;
}

/* 关闭按钮 */
.close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}/* End custom CSS */