.featured_videos_sec {
padding: 161px 0 196px 0;
position: relative;
}
body .featured_videos_sec_title {
margin: 0 0 64px 0;
}
.featured_video_play_btn {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.featured_videos_thumb {
border-radius: 32px;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.featured_videos_reels_wrap {
position: relative;
padding-top: 154%;
}
.featured_videos_col.has_video .featured_videos_reels_wrap {
padding-top: 59%;
height: 100%;
}
.featured_videos_reels_wrap::before {
content: "";
position: absolute;
inset: 0;
background-color: var(--color-black);
border-radius: 35px;
opacity: 0.2;
z-index: 1;
}
/* .featured_videos_col {
padding: 0 16px;
} */
.featured_videos_col.has_reel {
width: 312px;
}
.featured_videos_col.has_video {
width: 812px;
}
.featured_videos_row_slider .slick-list {
margin: 0 -16px;
}
.featured_videos_row .featured_video_slider_box {
width: 100%;
display: flex !important;
gap: 32px;
padding: 0 16px;
}
body .custom_slider_arrow {
position: absolute;
top: 52.2%;
transform: translateY(-50%);
margin: 0;
width: 64px;
height: 64px;
background-repeat: no-repeat;
background-size: contain;
}
body .featured_videos_sec .slick-dots li {
width: 8px;
height: 8px;
padding: 0;
border: 0;
margin: 0;
}
.featured_videos_sloder_prev {
background-image: url('data:image/svg+xml,');
left: 88px;
}
.featured_videos_sloder_next {
background-image: url('data:image/svg+xml,');
right: 88px;
}
.featured_videos_sloder_prev.slick-disabled {
background-image: url('data:image/svg+xml,');
}
.featured_videos_sloder_next.slick-disabled {
background-image: url('data:image/svg+xml,');
}
.featured_videos_sec .slick-dots li button {
width: inherit;
height: inherit;
border-color: transparent;
background-color: var(--color-dark-green);
opacity: 0.3;
padding: 0;
}
.featured_videos_sec .slick-dots li.slick-active button {
background-color: var(--color-dark-green) !important;
outline: 2px solid var(--color-dark-green) !important;
outline-offset: 2px;
opacity: 1;
}
body .featured_videos_sec .slick-dots {
padding-top: 44px;
gap: 11px;
display: flex;
justify-content: center;
}
@media screen and (max-width:1800px) {
.featured_videos_sec {
padding: 150px 0 170px 0;
}
.featured_videos_sloder_prev {
left: 40px;
}
.featured_videos_sloder_next {
right: 40px;
}
}
@media screen and (max-width:1670px) {
.featured_videos_sec .wrapper {
max-width: 83%;
padding: 0;
}
.featured_videos_sec .featured_videos_sloder_aerr .custom_slider_arrow {
width: 54px;
height: 54px;
}
.featured_videos_sec .featured_videos_sloder_aerr .featured_videos_sloder_prev {
left: 20px;
}
.featured_videos_sec .featured_videos_sloder_aerr .featured_videos_sloder_next {
right: 20px;
}
}
@media screen and (max-width:1600px) {
.featured_videos_sec {
padding: 130px 0 150px 0;
}
}
@media screen and (max-width:1440px) {
.featured_videos_sec {
padding: 110px 0 130px 0;
}
}
@media screen and (max-width:1400px) {
.featured_videos_sec .featured_videos_sloder_aerr .custom_slider_arrow {
width: 44px;
height: 44px;
}
}
@media screen and (max-width:1366px) {
.featured_videos_sec .featured_video_play_btn a {
width: 70px;
height: 70px;
}
.featured_videos_sec .featured_video_play_btn a svg {
width: 100%;
height: 100%;
}
body .featured_videos_sec_title {
margin: 0 0 44px 0;
}
}
@media screen and (max-width:1400px) {
.featured_videos_sec {
padding: 80px 0 100px 0;
}
}
@media screen and (max-width:991px) {
.featured_videos_row .featured_video_slider_box {
display: grid !important;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 20px;
width: 100%;
}
.featured_videos_row .featured_video_slider_box .featured_videos_col.has_video {
grid-column: 1 / -1;
grid-row: 1;
order: -1;
width: 100%;
}
/* Both reels — side by side below */
.featured_videos_row .featured_video_slider_box .featured_videos_col.has_reel {
grid-column: span 1;
grid-row: 2;
width: 100%;
}
.featured_videos_sec .wrapper {
max-width: 78%;
}
.featured_videos_sec {
padding: 60px 0 80px 0;
}
body .featured_videos_sec_title {
margin: 0 0 24px 0;
}
}
@media screen and (max-width:767px) {
.featured_videos_sec .featured_videos_sloder_aerr .custom_slider_arrow {
width: 34px;
height: 34px;
}
.featured_videos_sec .featured_videos_sloder_aerr .featured_videos_sloder_prev {
left: 10px;
}
.featured_videos_sec .featured_videos_sloder_aerr .featured_videos_sloder_next {
right: 10px;
}
.featured_videos_sec .featured_video_play_btn a {
width: 55px;
height: 55px;
}
}
@media screen and (max-width:575px) {
.featured_videos_sec .featured_video_play_btn a {
width: 45px;
height: 45px;
}
.featured_videos_row .featured_video_slider_box {
gap: 12px;
}
}