.contact-item p{font-size: 16px !important;}  

:root{
--green:#55B23D;
--green-dark:#45a030;
--green-light:#6fc550;
--green-bg:#f0f7eb;
--text:#231916;
--gray:#6E6866;
--gray-light:#CECCCC;
--white:#FFFFFF;
--bg-light:#F8F9FA;
--max-w:1450px;
--ease:cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

*{margin:0;padding:0;box-sizing:border-box}

body{
font-family:'Inter', sans-serif;
color:var(--text);
background:var(--white);
line-height:1.6;
overflow-x:hidden;
}

.container{
max-width:var(--max-w);
margin:0 auto;
padding:60px 0；
}

section{
padding: 30px 0 50px 0;
position:relative;
}
#about{
padding-top:20px;
padding-bottom:40px;
}
#products{
padding-top:0px;
padding-bottom:0px;
}
#products .container{padding-bottom:0px;}
#why{
padding-top:60px;
padding-bottom:60px;
}
#factory{
padding-top:70px;
padding-bottom:70px;
}
#video{
padding-top:60px;
padding-bottom:60px;
}
#contact{
padding-top:60px;
padding-bottom:80px;
}

.reveal{
opacity:0;
transform:translateY(80px);
transition: opacity 1s var(--ease), transform 1s var(--ease);
}
.reveal.active{
opacity:1;
transform:translateY(0);
}

.reveal-delay-1{transition-delay:0.15s}
.reveal-delay-2{transition-delay:0.3s}
.reveal-delay-3{transition-delay:0.45s}
.reveal-delay-4{transition-delay:0.6s}
.reveal-delay-5{transition-delay:0.75s}
.reveal-delay-6{transition-delay:0.9s}

.section-label{
display:inline-flex;
align-items:center;
gap:12px;
font-size:12px;
font-weight:700;
letter-spacing:0.2em;
text-transform:uppercase;
color:var(--green);
margin-bottom:20px;
}
.section-label::before{
content:'';
width:40px;
height:2px;
background:var(--green);
}

.section-title{
font-size:clamp(36px, 5vw, 56px);
font-weight:700;
line-height:1.15;
color:var(--text);
margin-bottom:10px;
letter-spacing:-0.02em;
}

.section-desc{
font-size:17px;
color:var(--gray);
max-width:100%;
line-height:1.8;
}

.btn-primary{
display:inline-flex;
align-items:center;
gap:12px;
background:var(--green);
color:var(--white);
padding:16px 36px;
font-family:inherit;
font-size:14px;
font-weight:600;
letter-spacing:0.05em;
text-transform:uppercase;
border:none;
border-radius:50px;
cursor:pointer;
transition:all 0.4s var(--ease);
text-decoration:none;
}
.btn-primary:hover{
background:var(--green-dark);
transform:translateY(-3px);
box-shadow:0 16px 40px rgba(85, 178, 61, 0.35);
}
.btn-primary svg{
width:18px;
height:18px;
transition:transform 0.3s var(--ease);
}
.btn-primary:hover svg{
transform:translateX(4px);
}

#banner{
padding:0;
height:100vh;
min-height:700px;
position:relative;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.banner-bg{
position:absolute;
inset:0;
background:url('https://bsg-i.nbxc.com/upload/1865/487/baede926e785b6406e7f7e365a471928.jpg') center/cover no-repeat;
transition:transform 8s var(--ease);
}
#banner:hover .banner-bg{
transform:scale(1.05);
}
.banner-overlay{
position:absolute;
inset:0;
background:linear-gradient(135deg, rgba(35,25,22,0.7) 0%, rgba(35,25,22,0.3) 100%);
}
.banner-content{
position:relative;
z-index:2;
text-align:center;
max-width:900px;
padding:0 40px;
}
.banner-logo{
width:100px;
height:auto;
margin:0 auto 40px;
opacity:0;
transform:scale(0.8);
animation:bannerFadeIn 1s var(--ease) 0.3s forwards;
}
.banner-title{
font-size:clamp(40px, 6vw, 72px);
font-weight:800;
color:var(--white);
line-height:1.1;
letter-spacing:-0.03em;
margin-bottom:28px;
opacity:0;
transform:translateY(40px);
animation:bannerFadeIn 1s var(--ease) 0.5s forwards;
}
.banner-title span{
color:var(--green);
}
.banner-text{
font-size:18px;
color:rgba(255,255,255,0.85);
max-width:600px;
margin:0 auto 40px;
line-height:1.8;
opacity:0;
transform:translateY(40px);
animation:bannerFadeIn 1s var(--ease) 0.7s forwards;
}
.banner-btn{
opacity:0;
transform:translateY(30px);
animation:bannerFadeIn 1s var(--ease) 0.9s forwards;
}

@keyframes bannerFadeIn{
to{opacity:1;transform:translateY(0) scale(1);}
}

.scroll-indicator{
position:absolute;
bottom:40px;
left:50%;
transform:translateX(-50%);
z-index:2;
display:flex;
flex-direction:column;
align-items:center;
gap:8px;
color:rgba(255,255,255,0.7);
font-size:11px;
letter-spacing:0.15em;
text-transform:uppercase;
opacity:0;
animation:bannerFadeIn 1s var(--ease) 1.2s forwards;
}
.scroll-indicator::after{
content:'';
width:1px;
height:40px;
background:linear-gradient(to bottom, rgba(255,255,255,0.5), transparent);
animation:scrollLine 2s ease-in-out infinite;
}
@keyframes scrollLine{
0%,100%{transform:scaleY(0.5);opacity:0.3}
50%{transform:scaleY(1);opacity:1}
}

#about{
background:var(--white);
position:relative;
overflow:hidden;
}
#about .container{padding: 60px 0px 0 0;}

#about::before{
content:'About Us';
position:absolute;
top:80px;
left:50%;
transform:translateX(-50%);
font-size:180px;
font-weight:800;
color:rgba(85,178,61,0.04);
letter-spacing:-0.03em;
z-index:0;
line-height:1;
pointer-events:none;
white-space:nowrap;
}
.about-wrapper{
position:relative;
z-index:1;
margin-top:10px;
}
.about-grid{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:100px;
align-items:start;
}
.about-text-col{
padding-right:20px;
}
.about-text-col .section-label{
margin-bottom:20px;
}
.about-text-col .section-title{
font-size:clamp(32px, 4vw, 52px);
font-weight:800;
margin-bottom:32px;
line-height:1.2;
color:var(--text);
}
.about-text-block{
margin-bottom:28px;
padding-bottom:28px;
border-bottom:1px solid rgba(206,204,204,0.4);
}
.about-text-block:last-of-type{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
.about-text-block p{
font-size:15px;
color:var(--gray);
line-height:1.9;
margin-bottom:16px;
}
.about-text-block p:last-child{
margin-bottom:0;
}
.about-quote{
display:flex;
align-items:flex-start;
gap:20px;
padding:28px;
background:linear-gradient(135deg, var(--green-bg) 0%, rgba(240,247,235,0.5) 100%);
border-radius:16px;
border-left:4px solid var(--green);
margin-top:32px;
}
.about-quote-icon{
width:44px;
height:44px;
background:var(--green);
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.about-quote-icon svg{
width:22px;
height:22px;
stroke:var(--white);
}
.about-quote-text{
font-size:16px;
font-weight:600;
color:var(--text);
line-height:1.7;
font-style:italic;
}

.about-images-col{
position:relative;
display:flex;
flex-direction:column;
gap:24px;
margin-top:120px;
}
.about-images-main{
position:relative;
border-radius:24px;
overflow:hidden;
box-shadow:0 24px 60px rgba(35,25,22,0.12);
}
.about-images-main::before{
content:'';
position:absolute;
inset:0;
background:linear-gradient(135deg, rgba(85,178,61,0.08) 0%, transparent 50%);
z-index:1;
pointer-events:none;
}
.about-images-main img{
width:100%;
aspect-ratio:16/10;
object-fit:cover;
display:block;
transition:transform 0.8s var(--ease);
filter:brightness(1.05);
}
.about-images-main:hover img{
transform:scale(1.02);
}
.about-images-secondary{
position:relative;
width:100%;
border-radius:24px;
overflow:hidden;
box-shadow:0 24px 60px rgba(35,25,22,0.12);
}
.about-images-secondary img{
width:100%;
aspect-ratio:16/10;
object-fit:cover;
display:block;
transition:transform 0.6s var(--ease);
filter:brightness(1.05);
}
.about-images-secondary:hover img{
transform:scale(1.02);
}
.about-images-label{
display:none;
}

.about-slider-col{
position:relative;
z-index:1;
display:none;
}
.about-slider{
position:relative;
border-radius:24px;
overflow:hidden;
box-shadow:0 32px 80px rgba(35,25,22,0.15);
aspect-ratio:4/5;
max-height:560px;
}
.about-slider-track{
position:relative;
width:100%;
height:100%;
}
.about-slide{
position:absolute;
inset:0;
opacity:0;
transition:opacity 1s var(--ease);
pointer-events:none;
}
.about-slide.active{
opacity:1;
pointer-events:auto;
}
.about-slide img{
width:100%;
height:100%;
object-fit:cover;
}
.about-slide-overlay{
position:absolute;
inset:0;
background:linear-gradient(to bottom, transparent 50%, rgba(35,25,22,0.4) 100%);
opacity:0;
transition:opacity 0.6s var(--ease);
}
.about-slide.active .about-slide-overlay{
opacity:1;
}
.about-slider-dots{
position:absolute;
bottom:28px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:12px;
z-index:10;
}
.about-dot{
width:12px;
height:12px;
border-radius:50%;
background:rgba(255,255,255,0.4);
border:none;
cursor:pointer;
transition:all 0.4s var(--ease);
padding:0;
}
.about-dot.active{
background:var(--green);
transform:scale(1.2);
}
.about-dot:hover{
background:rgba(255,255,255,0.8);
}
.about-slider-arrows{
position:absolute;
top:50%;
left:0;
right:0;
transform:translateY(-50%);
display:flex;
justify-content:space-between;
padding:0 20px;
z-index:10;
pointer-events:none;
}
.about-arrow{
width:48px;
height:48px;
border-radius:50%;
background:rgba(255,255,255,0.2);
backdrop-filter:blur(8px);
border:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transition:all 0.4s var(--ease);
pointer-events:auto;
}
.about-arrow:hover{
background:var(--green);
transform:scale(1.1);
}
.about-arrow svg{
width:20px;
height:20px;
stroke:var(--white);
}
.about-slider-counter{
position:absolute;
top:24px;
right:24px;
background:rgba(0,0,0,0.4);
backdrop-filter:blur(8px);
padding:8px 16px;
border-radius:30px;
z-index:10;
}
.about-slider-counter span{
font-size:14px;
font-weight:600;
color:var(--white);
}
pointer-events:none;
}
.about-arrow{
width:48px;
height:48px;
border-radius:50%;
background:rgba(255,255,255,0.2);
backdrop-filter:blur(8px);
border:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transition:all 0.4s var(--ease);
pointer-events:auto;
}
.about-arrow:hover{
background:var(--green);
transform:scale(1.1);
}
.about-arrow svg{
width:20px;
height:20px;
stroke:var(--white);
}
.about-slider-counter{
position:absolute;
top:24px;
right:24px;
background:rgba(0,0,0,0.4);
backdrop-filter:blur(8px);
padding:8px 16px;
border-radius:30px;
z-index:10;
}
.about-slider-counter span{
font-size:14px;
font-weight:600;
color:var(--white);
}

#why{
background:#F3F2F2;
}
.why-grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:30px;
margin-top:60px;
}
.why-card{
background:var(--white);
padding:48px 36px;
border-radius:20px;
text-align:center;
transition:all 0.5s var(--ease);
position:relative;
overflow:hidden;
}
.why-card::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:4px;
background:var(--green);
transform:scaleX(0);
transition:transform 0.5s var(--ease);
}
.why-card:hover{
transform:translateY(-12px);
box-shadow:0 30px 60px rgba(35,25,22,0.1);
}
.why-card:hover::before{
transform:scaleX(1);
}
.why-icon{
width:72px;
height:72px;
background:var(--green-bg);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 28px;
transition:all 0.5s var(--ease);
}
.why-card:hover .why-icon{
background:var(--green);
transform:rotate(-10deg) scale(1.1);
}
.why-icon svg{
width:32px;
height:32px;
stroke:var(--green);
transition:stroke 0.5s var(--ease);
}
.why-card:hover .why-icon svg{
stroke:var(--white);
}
.why-card h3{
font-size:20px;
font-weight:700;
color:var(--text);
margin-bottom:12px;
}
.why-card p{
font-size:14px;
color:var(--gray);
}

#products{
background:var(--white);
}
.category-filters{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
gap:12px;
margin-top:40px;
margin-bottom:60px;
}
.cat-btn{
padding:10px 24px;
border:2px solid var(--gray-light);
border-radius:50px;
background:transparent;
color:var(--gray);
font-family:inherit;
font-size:14px;
font-weight:600;
cursor:pointer;
transition:all 0.3s var(--ease);
}
.cat-btn:hover{
border-color:var(--green);
color:var(--green);
}
.cat-btn.active{
background:var(--green);
border-color:var(--green);
color:var(--white);
}
.products-grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:30px;
transition:opacity 0.3s ease;
}
.products-grid.fade-out{
opacity:0;
}
.product-card{
opacity:0;
transform:translateY(20px);
transition:opacity 0.5s ease, transform 0.5s ease;
}
.product-card.visible{
opacity:1;
transform:translateY(0);
}
.product-card{
background:var(--bg-light);
border-radius:20px;
overflow:hidden;
transition:all 0.5s var(--ease);
cursor:pointer;
}
.product-card:hover{
transform:translateY(-12px);
box-shadow:0 30px 60px rgba(35,25,22,0.12);
}
.product-img-wrap{
aspect-ratio:1;
overflow:hidden;
position:relative;
}
.product-img-wrap::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(to bottom, transparent 50%, rgba(35,25,22,0.6));
opacity:0;
transition:opacity 0.5s var(--ease);
}
.product-card:hover .product-img-wrap::after{
opacity:1;
}
.product-img{
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.7s var(--ease);
}
.product-card:hover .product-img{
transform:scale(1.1);
}
.product-info{
padding:28px;
}
.product-name{
font-size:15px;
font-weight:600;
color:var(--text);
line-height:1.5;
transition:color 0.3s var(--ease);
}
.product-card:hover .product-name{
color:var(--green);
}
.product-link{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:16px;
font-size:13px;
font-weight:600;
color:var(--green);
text-decoration:none;
transition:gap 0.3s var(--ease);
}
.product-link:hover{
gap:14px;
}

#factory{
background:#F2F3F1;
}
.factory-grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:30px;
margin-top:60px;
}
.factory-card{
background:var(--white);
border-radius:20px;
overflow:hidden;
transition:all 0.5s var(--ease);
}
.factory-card:hover{
transform:translateY(-12px) scale(1.02);
box-shadow:0 30px 60px rgba(35,25,22,0.12);
}
.factory-img{
width:100%;
aspect-ratio:4/3;
object-fit:cover;
transition:transform 0.7s var(--ease);
}
.factory-card:hover .factory-img{
transform:scale(1.08);
}
.factory-content{
padding:28px;
}
.factory-content h3{
font-size:18px;
font-weight:700;
color:var(--text);
margin-bottom:8px;
}
.factory-content p{
font-size:14px;
color:var(--gray);
}

#process{
background:var(--white);
overflow:hidden;
padding: 70px 0 70px 0;
}
.process-grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:30px;
margin-top:60px;
}
.process-card{
background:var(--bg-light);
border-radius:20px;
overflow:hidden;
transition:all 0.5s var(--ease);
position:relative;
}
.process-card:hover{
transform:translateY(-12px);
box-shadow:0 30px 60px rgba(35,25,22,0.12);
}
.process-img-wrap{
position:relative;
aspect-ratio:4/3;
overflow:hidden;
}
.process-img-wrap::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(to bottom, transparent 45%, rgba(35,25,22,0.62) 100%);
opacity:0.85;
transition:opacity 0.5s var(--ease);
}
.process-card:hover .process-img-wrap::after{
opacity:1;
}
.process-img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform 0.7s var(--ease);
}
.process-card:hover .process-img{
transform:scale(1.08);
}
.process-title{
position:absolute;
left:24px;
right:24px;
bottom:22px;
z-index:1;
font-size:15px;
font-weight:800;
line-height:1.45;
color:var(--white);
}
.process-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
margin-right:8px;
margin-bottom:0;
border-radius:50%;
background:var(--green);
color:var(--white);
font-size:13px;
font-weight:800;
box-shadow:0 10px 24px rgba(85,178,61,0.35);
}
.process-summary{
margin-top:70px;
text-align:center;
}
.process-summary h3{
font-size:clamp(26px, 3vw, 40px);
font-weight:800;
color:var(--text);
margin-bottom:30px;
}
.process-summary-img{
width:100%;
border-radius:24px;
display:block;
box-shadow:0 24px 60px rgba(35,25,22,0.12);
}

#video{
background:#f0f0f0;
}
.video-showcase{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:30px;
margin-top:60px;
}
.video-card{
background:var(--white);
border-radius:20px;
overflow:hidden;
transition:all 0.5s var(--ease);
cursor:pointer;
position:relative;
}
.video-card:hover{
transform:translateY(-12px);
box-shadow:0 30px 60px rgba(35,25,22,0.12);
}
.video-card-img{
aspect-ratio:16/10;
overflow:hidden;
position:relative;
}
.video-card-img img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform 0.7s var(--ease);
}
.video-card:hover .video-card-img img{
transform:scale(1.08);
}
.video-card-play{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(to bottom, transparent 40%, rgba(35,25,22,0.5) 100%);
opacity:0;
transition:opacity 0.4s var(--ease);
}
.video-card:hover .video-card-play{
opacity:1;
}
.video-card-play-btn{
width:64px;
height:64px;
background:var(--green);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
transition:all 0.4s var(--ease);
box-shadow:0 8px 24px rgba(85,178,61,0.4);
}
.video-card:hover .video-card-play-btn{
transform:scale(1.1);
}
.video-card-play-btn svg{
width:28px;
height:28px;
fill:var(--white);
margin-left:3px;
}
.video-card-info{
padding:24px;
}
.video-card-title{
font-size:15px;
font-weight:600;
color:var(--text);
line-height:1.5;
}
.video-popup-wrap{
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
background-color:rgba(0,0,0,0.95);
display:none;
transition:all 0.3s;
z-index:100000;
overflow:hidden;
padding:20px;
box-sizing:border-box;
align-items:center;
justify-content:center;
}
.video-popup-wrap.show{
display:flex;
}
.video-popup-wrap .close-btn{
position:fixed;
right:30px;
top:30px;
cursor:pointer;
width:50px;
height:50px;
background-color:rgba(255,255,255,0.2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:white;
transition:all 0.3s;
z-index:100001;
border:none;
}
.video-popup-wrap .close-btn:hover{
background-color:rgba(220,53,69,1);
transform:rotate(90deg);
}
.video-popup-wrap .video-popup{
max-width:100%;
max-height:85vh;
width:auto;
position:relative;
}
.video-popup-wrap .video-popup video{
width:auto;
height:auto;
max-width:100%;
max-height:85vh;
border-radius:8px;
box-shadow:0 10px 40px rgba(0,0,0,0.5);
object-fit:contain;
}
@media(max-width:1200px){
.video-showcase{
grid-template-columns:repeat(2, 1fr);
}
}
@media(max-width:600px){
.video-showcase{
grid-template-columns:1fr;
}
.video-card-play-btn{
width:48px;
height:48px;
}
.video-card-play-btn svg{
width:20px;
height:20px;
}
}

#contact{
background:var(--white);
}
.contact-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-top:60px;
align-items:start;
}
.contact-info{
padding:60px;
background:var(--green-bg);
border-radius:24px;
}
.contact-info h3{
font-size:32px;
font-weight:700;
color:var(--text);
margin-bottom:40px;
}
.contact-list{
display:flex;
flex-direction:column;
gap:32px;
}
.contact-item{
display:flex;
align-items:flex-start;
gap:20px;
}
.contact-icon{
width:52px;
height:52px;
background:var(--white);
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.contact-icon svg{
width:24px;
height:24px;
stroke:var(--green);
}
.contact-item h4{
font-size:14px;
font-weight:700;
color:var(--text);
margin-bottom:4px;
}
.contact-item p{
font-size:15px;
color:var(--gray);
line-height:1.6;
}
.contact-item a{
color:var(--gray);
text-decoration:none;
transition:color 0.3s;
}
.contact-item a:hover{
color:var(--green);
}
.contact-map{
border-radius:24px;
overflow:hidden;
height:100%;
min-height:400px;
background:var(--bg-light);
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.contact-map a,
.contact-map img{
width:100%;
height:100%;
display:block;
}
.contact-map img{
object-fit:cover;
}
.map-placeholder{
text-align:center;
padding:40px;
}
.map-placeholder svg{
width:64px;
height:64px;
stroke:var(--gray-light);
margin-bottom:20px;
}
.map-placeholder p{
font-size:16px;
color:var(--gray);
}

@media(max-width:1200px){
.why-grid,.products-grid,.factory-grid,.process-grid{
grid-template-columns:repeat(2, 1fr);
}
.about-grid{
gap:60px;
}
}

@media(max-width:900px){
section{
padding:80px 0;
}
.container{
padding:0 24px;
}
.about-grid{
grid-template-columns:1fr;
gap:40px;
}
.about-images-col{
gap:20px;
}
.about-text-block{
margin-bottom:24px;
padding-bottom:24px;
}
.about-quote{
margin-top:28px;
padding:24px;
}
.section-title{
font-size:clamp(26px, 5vw, 36px);
}
.contact-wrapper{
grid-template-columns:1fr;
gap:40px;
}
}

@media(max-width:600px){
.why-grid,.products-grid,.factory-grid,.process-grid{
grid-template-columns:1fr;
}
.about-text-block p{
font-size:14px;
line-height:1.8;
}
.about-quote{
flex-direction:column;
gap:16px;
padding:20px;
}
.about-quote-text{
font-size:14px;
}
.about-images-col{
gap:16px;
}
.about-images-label{
display:none;
}
.banner-title{
font-size:32px;
}
.banner-text{
font-size:16px;
}
.video-origins{
grid-template-columns:1fr;
}
.video-origins-text{
padding:40px 24px 30px;
}
.video-origins-text h2{
font-size:28px;
}
.video-origins-text p{
font-size:14px;
}
.video-origins-player{
min-height:300px;
}
.video-origins-main .video-overlay svg{
width:60px;
height:60px;
}
.video-origins-thumbs{
bottom:15px;
right:15px;
gap:8px;
}
.video-thumb{
width:60px;
height:40px;
}
}