.video_list .has-left-image{display:flex;gap:20px;align-items:center;margin-bottom:72px;flex-wrap:wrap}@media screen and (max-width:1100px){.video_list .has-left-image{flex-direction:column;align-items:flex-start}}.video_list .has-left-image img{max-width:400px;position:relative;width:100%}@media screen and (min-width:1400px){.video_list .has-left-image img{max-width:630px;left:-60px}}.video_list .has-left-image .title-wrapper{text-align:left;max-width:498px;margin:0}.video_list .has-left-image>*{flex:1}.video_list .each-card{border:2px solid transparent;overflow:hidden;background:#ffffffa6;transition:border .3s ease-in-out,background .3s ease-in-out,box-shadow .3s ease-in-out;border-radius:18.045px;box-sizing:border-box}.video_list .each-card *{transition:all .3s ease-in-out;text-decoration:none!important;color:rgb(var(--color-base-text))}.video_list .each-card .content-wrapper{padding:24px}.video_list .each-card:hover{border:2px solid rgba(94,94,150,.25);background:#fafafa;box-shadow:0 0 16px 2px #0003}.video_list .each-card:hover img{scale:1.05}.video_list .readmore-btn svg.iview-icon{width:70px}.video_list .readmore-btn:hover svg.iview-icon,.video_list .readmore-btn svg.iview-icon:hover{left:10px!important}.video_list .each-card:hover .readmore-btn svg:last-child{left:14px}.video_list .title-wrapper .button{margin-bottom:0}.video_list .title-wrapper h6{font-family:var(--font-body-family);font-size:var(--body-font-large);font-weight:500}.video_list_select{margin-bottom:30px}@media screen and (min-width:750px){.video_list_select{margin-bottom:40px}}.video_list_select .select{color:rgb(var(--color-secondary-text));width:fit-content}.video_list_select .select svg{color:inherit}.video_list_select select{color:inherit;border-color:inherit;background-color:transparent;padding:1rem 40px 1rem 20px;height:auto;min-height:unset;cursor:pointer}@media screen and (min-width:750px){.video_list_select select{font-size:1.8rem}}.video_list_select select:focus{box-shadow:0 0 0 .1rem rgba(var(--color-secondary-text))}.video_list_wrapper:not(.active){display:none}.video_list_wrapper .swiper{padding-inline:2rem}@media screen and (min-width:750px){.video_list_wrapper .swiper{padding-inline:calc(max((100% - var(--page-width)) / 2,0px) + 5rem)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-videos.css.map */