.video-sec{
	   width:100%;
	   overflow-x:hidden;
    ul.slider.slider-single {
        margin: 0 auto;
        padding: 0;
        max-width:1920px;
        
        .video-slider-wr {
            position: relative;
        }

        .video-overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(4 0 78 / 40%);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            padding-bottom:80px;
        }

        .v-title {
            font-size: 32px;
            color: var(--white);
            font-weight: var(--font-weight-bold);
            line-height: 1.22;
            font-style: italic;
            max-width: 510px;
            margin-bottom: 20px;
            text-align:center;
        }

        .v-icon {
            margin-bottom: 25px;
            position: relative;
            z-index: 0;
        }

        .v-icon:after {
            content: "";
            position: absolute;
            z-index: 0;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            display: block;
            width: 74px;
            height: 74px;
            background: #ffffff;
            opacity: .5;
            border-radius: 50%;
            -webkit-animation: pulse-border 1500ms ease-out infinite;
            animation: pulse-border 1500ms ease-out infinite;
            z-index: -1;
        }

        .v-cl-nm {
            position: relative;
        }

        .cl-nm {
            font-size: 20px;
            color: var(--white);
            line-height: 1.1;
            font-weight: var(--font-weight-bold);
            margin-bottom: 8px;
            padding-top:30px;
        }
        .cl-nm:before{
            position: absolute;
            content: "";
            background-image: url(../../images/2026-2027/line.svg);
            width: 102px;
            height: 13px;
            top: 0;
            background-repeat: no-repeat;
            background-position: center center;    
        }
        .cl-info {
            font-size: 16px;
            color: var(--white);
            line-height: 1.1;
            font-weight: var(--font-weight-medium);
        }
    }
    ul.slider.slider-single li{
        margin:0;
    }
    ul.slider.slider-nav
    {
        max-width:1400px;
        margin:-90px auto 0;
    }
    ul.slider.slider-nav li
    {
        padding:0 13px;
    }
    .vslider-thumb-wr {
        border-radius: 20px;
        position: relative;
					cursor:pointer;
        & img{
            border-radius:20px;
        }
    }
    .vslider-thumb{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 20px;
        background-color: rgba(4 0 78 / 40%);
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        .v-icon{
         width:46px;
         height:46px;   
         box-shadow: 0 0 0 10px rgba(255 255 255 / 0.15);
         border-radius:100%;
        }
    }
 
    ul.slider.slider-nav{
					   display:flex;
					flex-wrap:wrap;
					
					list-style-type:none;
					& li{
						width:25%;
					}
        .cl-nm{
          font-size:20px;
          color:var(--white);
          font-weight:var(--font-weight-bold);
          line-height:1.24;  
          margin-bottom:5px;
        }
        .cl-info{
            font-size:16px;
            color:var(--white);
            line-height:1.2;
            font-weight:var(--font-weight-medium);
        }
        .v-cl-nm{
            margin-top:auto;
        }
    }
}
@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.video-sec {
        ul.slider.slider-single:not(.slick-initialized) {
									& li:not(:first-child){
										display:none;
									}
        }
    }

.video-sec {
	ul.slider.slider-nav.slick-initialized{
		display:block;
	}
}
.video-sec {
		ul.slider.slider-nav:not(.slick-initialized) {
			& li:not(:nth-child(-n + 4)){
				display:none;
			}
	}
}
/*------- media ------*/


@media(max-width:1599.98px) {
    .video-sec {
        & ul.slider.slider-single {
            .video-slider-wr {
                .video-bgimg{
                    height:650px;
                    object-fit:cover;
                    object-position:50% 50%;
                }
            }
        }
    }
}

@media(max-width:1439.98px) {
    .video-sec {
        ul.slider.slider-nav {
            max-width:1160px;
            padding:0 20px;
           
        }
        ul.slider.slider-single{
          .video-overlay{
            padding-bottom:50px;

            .v-icon
            {
              width:60px;
              height:60px;  
              margin-bottom:15px;
            }
            .v-icon:after{
                width:50px;
                height:50px;
            }
            .cl-nm{
                font-size:18px;
            }
            .cl-info{
                font-size:14px;
            }
          } 
          .v-title{
            font-size:24px;
            max-width:400px;
          } 
        }
       
        .vslider-thumb{
           .v-icon{
                width: 36px;
                height: 36px;
                box-shadow: 0 0 0 6px rgba(255 255 255 / 0.15);
           } 
        }

        ul.slider.slider-nav{
            .cl-nm{
                font-size:16px;
            }
            .cl-info{
                font-size:13px;
            }
        }

        ul.slider.slider-nav li{
            padding:0 8px;
        }
    }
}

@media(max-width:1199.98px) {
    .video-sec {
        ul.slider.slider-single {
            .video-slider-wr {
                .video-bgimg {
                    height: 580px;
                }
            }
        }
    }
}

@media(max-width:991.98px) {
    .video-sec {
        ul.slider.slider-single {
            .video-slider-wr {
                .video-bgimg {
                    height:480px;
                }
            }
        }
					
					 ul.slider.slider-nav {
        & li {
            width: 33.33%;
        }
      }
    }
	
	.video-sec {
    & ul.slider.slider-nav:not(.slick-initialized) {
        & li:not(:nth-child(-n + 2)) {
            display: none;
        }
    }
}
	
	
}

@media(max-width:767.98px) {
    .video-sec {
        ul.slider.slider-nav {
            max-width:680px;
            margin-top:0;
									& li {
            width: 50%;
        }
        }
        ul.slider.slider-single{
            .v-title{
                font-size:20px;
                max-width:350px;
            }
            .video-overlay{
                padding-bottom:0;
                .cl-nm {
                    font-size: 16px;
                    padding-top: 24px;
                }  
            }
        }
        ul.slider.slider-single{
           .video-slider-wr{
                .video-bgimg {
                    height:350px;
                }
           } 
        }
        .vslider-thumb{
            flex-direction:unset;
        }
        ul.slider.slider-nav{
          .v-cl-nm{
            width:100%;
          }  
        }
    }
}

@media(max-width:575.98px) {
    .video-sec {
        ul.slider.slider-nav{
            padding:0 10px;
            .cl-nm {
                font-size: 14px;
            }
                        .cl-info {
                font-size: 10px;
            }
        }
        ul.slider.slider-nav li {
            padding: 0 4px;
        }
        .vslider-thumb{
            padding:10px;
										  border-radius:10px;
            .v-icon{
                width:28px;
                height:28px;
                box-shadow: 0 0 0 3px rgba(255 255 255 / 0.15);
            }
        }
        .vslider-thumb-wr{
            height:120px;
            & img{
                object-fit:cover;
                object-position:center center;
                width:100%;height:100%;
														  border-radius: 10px;
            }
        }
    }
}