.videos-tpl .row-intro{text-align:center}.videos-tpl .row-intro h1{font-size:40px;font-size:2.5rem;font-weight:600;text-transform:uppercase;margin:4px 0 16px}.videos-tpl .row-intro p{max-width:530px;font-size:20px;font-size:1.25rem;line-height:28px;margin:0 auto 24px}.videos-tpl .row-intro .btn{text-transform:none;line-height:38px}.videos-tpl .row-intro .btn svg{margin-right:8px}.videos-tpl .row-grid{-ms-grid-columns:(100%)[auto-fill];grid-template-columns:repeat(auto-fill,100%)}.videos-tpl .item-cn{font-size:26px;font-size:1.625rem;font-weight:600;color:#191919;text-align:center;text-transform:uppercase;margin-bottom:40px}.videos-tpl .item-cn:focus .img-cn:after,.videos-tpl .item-cn:focus .play-img,.videos-tpl .item-cn:hover .img-cn:after,.videos-tpl .item-cn:hover .play-img{opacity:1}.videos-tpl .img-cn{position:relative;margin-bottom:12px;display:block}.videos-tpl .img-cn .play-img,.videos-tpl .img-cn:after{position:absolute;top:0;bottom:0;left:0;right:0;transition:all .3s ease;opacity:0}.videos-tpl .img-cn:after{content:'';background-color:rgba(228,0,43,.5);z-index:2}.videos-tpl .img-cn .play-img{width:64px;height:64px;margin:auto;z-index:4}@media (min-width:760px){.videos-tpl .row-intro h1{margin:34px 0 16px}.videos-tpl .row-grid{-ms-grid-columns:(46%)[auto-fill];grid-template-columns:repeat(auto-fill,46%)}.videos-tpl .item-cn{font-size:20px;font-size:1.25rem}}@media (min-width:770px){.videos-tpl .row-grid{-ms-grid-columns:(400px)[auto-fill];grid-template-columns:repeat(auto-fill,400px)}.videos-tpl .item-cn{font-size:26px;font-size:1.625rem}}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
} .wpcf7cf_repeater_sub_controls {
display: inline-flex;
gap: 4px;
margin: 4px 0;
align-items: center;
}