.video-lisitng .container{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.video-lisitng .container{grid-template-columns:1fr}}.video-lisitng .container .video-wrapper{background-color:#323131;cursor:pointer}.video-lisitng .video-wrapper .image{display:flex;min-height:205px;width:100%}.video-lisitng .video-wrapper .image img{margin:0 auto}.video-lisitng .video-wrapper .content{padding:25px}.video-lisitng .video-wrapper .content .title{color:#fff;font-family:Manrope;font-size:25px;font-weight:600;letter-spacing:0;line-height:30px;margin:10px 0 30px}.modal{align-items:center;background-color:rgba(0,0,0,.7);display:none;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal .modal-content{background-color:#00bce4;border-radius:2px;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:700px;padding:20px;position:relative;text-align:center;width:80%}.modal .close{color:#f7941d;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:25px;top:10px;transition:color .3s ease}.modal .close:hover{color:#fff}.modal iframe{border:none;height:315px;width:100%}@media screen and (min-width:768px){.modal iframe{height:400px}}