.featured-video {
background-color: #343741;
padding-left: 7%;
padding-right: 7%;
padding-top: 60px;
padding-bottom: 35px;
overflow-x: hidden;
}
@media (min-width: 800px) {
.featured-video {
padding-top: 118px;
padding-bottom: 65px;
}
}
.featured-video .single-video-container .video-wrapper {
position: relative;
margin-bottom: 20px;
max-width: 1640px;
margin-left: auto;
margin-right: auto;
padding: 0;
border: 1px solid rgba(250, 70, 22, 0);
transition: all 0.2s ease-in-out;
}
.featured-video .single-video-container .video-wrapper:hover, .featured-video .single-video-container .video-wrapper:focus {
border: 1px solid #fa4616;
}
.featured-video .single-video-container .video-wrapper:hover svg g, .featured-video .single-video-container .video-wrapper:focus svg g {
fill: #0021A5;
}
@media (min-width: 800px) {
.featured-video .single-video-container .video-wrapper {
margin-bottom: 50px;
}
}
.featured-video .single-video-container .video-wrapper .video-thumb {
aspect-ratio: 16/9;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.featured-video .single-video-container .video-wrapper .video-play {
position: absolute;
bottom: 30px;
left: 30px;
}
@media (min-width: 768px) {
.featured-video .single-video-container .video-wrapper .video-play {
bottom: 80px;
left: 80px;
}
}
.featured-video .single-video-container .video-wrapper .video-play svg {
width: 100%;
height: 100%;
max-width: 70px;
}
@media (min-width: 768px) {
.featured-video .single-video-container .video-wrapper .video-play svg {
max-width: 110px;
}
}
.featured-video .single-video-container .video-wrapper .video-play svg g {
transition: all 0.3s ease-in-out;
}
.featured-video .single-video-container .featured-video-content-wrapper {
max-width: 1270px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
}
.featured-video .multiple-video-container {
max-width: 1640px;
margin-left: auto;
margin-right: auto;
}
.featured-video .multiple-video-container .row {
--bs-gutter-x: 3.2%;
}
.featured-video .multiple-video-container .video-col {
position: relative;
margin-bottom: 30px;
}
.featured-video .multiple-video-container .video-col:nth-last-child(1) {
margin-right: 0;
}
.featured-video .multiple-video-container .video-col .card-title {
font-size: 26px;
line-height: 34px;
margin-bottom: 20px;
color: #f4f6f6;
font-family: "gentonasemibold";
}
.featured-video .multiple-video-container .video-col .card-description {
font-weight: normal;
font-size: 17px;
line-height: 20px;
text-align: left;
color: #fff;
}
.featured-video .multiple-video-container .video-col .video-wrapper {
display: block;
position: relative;
max-width: 1640px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.featured-video .multiple-video-container .video-col .video-wrapper:hover .video-thumb, .featured-video .multiple-video-container .video-col .video-wrapper:focus .video-thumb {
border: 1px solid #fa4616;
}
.featured-video .multiple-video-container .video-col .video-wrapper:hover svg g, .featured-video .multiple-video-container .video-col .video-wrapper:focus svg g {
fill: #0021A5;
}
.featured-video .multiple-video-container .video-col .video-wrapper .video-thumb {
border: 1px solid transparent;
aspect-ratio: 16/9;
transition: all 0.2s ease-in-out;
width: 100vw;
-o-object-fit: cover;
object-fit: cover;
}
.featured-video .multiple-video-container .video-col .video-wrapper .video-play {
position: absolute;
bottom: 23px;
left: 32px;
}
.featured-video .multiple-video-container .video-col .video-wrapper .video-play svg {
width: 100%;
height: 100%;
max-width: 55px;
}
.featured-video .multiple-video-container .video-col .video-wrapper .video-play svg g {
transition: all 0.2s ease-in-out;
}