.video-block iframe {   width:100%;   height:auto; } .video-block .vcontent a {   position:relative;   overflow:hidden;   border-radius:15px; } .video-block .vcontent img {   position:relative;   top:0;   border:0;  transform:scale(0.9);   overflow:hidden;   transition:all ease-in-out .5s; } .video-section {   position:relative; } .video-section::before {   position:absolute;   content:"";   width:100%;   background:#fff;   bottom:-1px;   left:0;   height:140px; } .video-detail iframe {   width:100%;   height:500px;   border:0;   border-radius:20px;   margin-bottom:-10px; } .video-block:hover .content img {   transform:scale(1); } .video-block i {   color:#000;   font-size:17px;   position:absolute;   top:0;   bottom:0;   left:25px;   right:auto;   margin:auto;   display:flex;   align-items:center;   justify-content:end;   text-shadow:0 0 10px white;   transition:all ease-in-out .2s; } .video-block:hover i {   color:#fff; } .video-block i::before {   background:#fff;   border-radius:50px;   padding:18px 20px;   box-shadow:0 0 10px hsl(0deg 0% 0% / 20%);   transition:all ease-in-out .5s; } .video-block:hover i::before {   background:#0056a3; } .video-block-title .section-heading {   min-height:200px; } .video-block-title h2 {   font-size:65px; } .video-listing .form-group {   margin:25px 0; } .video-detail > p {   font-size:24px;   line-height:34px; } .section-heading > h3.vid-heading {   font-size:50px;   line-height:50px;   font-family:"Century Gothic Bold" } .video-block-list.video-main-list.video-listing {   display:block;   padding-left:15px;   padding-right:15px; }  .video-detail h2 {   font-size:50px;   line-height:50px;   font-family:"Century Gothic Bold";   margin-bottom:3rem; } .video-detail p {   font-size:24px;   line-height:34px; }  .reset-btn {   font-size:16px;   letter-spacing:1px;   line-height:34px;   color:#ffffff;   border-radius:5px;   background-color:#0056a3;   margin-left:10px; } .video-block-list { padding-top:0; }