.channel-page .ac-video-cover {
    position: relative;
    padding-bottom: 56.25%;
    margin: 2rem auto;
}

.channel-page .ac-main-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
}

.channel-page .ac-playmain-vid {
    width: 14rem;
    height: 14rem;
    position: absolute;
    background: transparent;
    border: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../img/channel/play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.channel-page .ac-playmain-vid:hover {
    width: 7.5rem;
    height: 7.5rem;
    background: transparent;
    border: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("../img/channel/playHover.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.channel-page .ac-bg-white {
    background-color: #fff;
}

.channel-page .ac-video-cover iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.channel-page .ac-video-cover {
    position: relative;
    /* padding-bottom: 25.25%; */
    padding-bottom: 33.25%;
    margin: 0 auto;
    width: 100vw;
    height: auto;
}

.channel-page .ac-video-cover iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.channel-page .ac-pos-rel {
    position: relative;
    width: 100%;
    height: 0;
}

.channel-page .ac-channel-open-form {
    position: absolute;
    left: 35px;
    top: 29px;
    background-color: #022c60;
    color: #fff;
    border: 0;
    padding: 0.3vw 1.5vw 0.5vw;
    font-size: 2vw;
    font-family: "AlmoniDLAAA";
    border: 0.1vw solid #022c60;
    transition: color 0.5s, background-color 0.5s;
}

.channel-page .ac-channel-open-form:hover {
    color: #022c60;
    background-color: #fff;
}

.channel-page .ac-main .ac-col-2 {
    width: 100vw;
}

.channel-page .ac-main {
    background-color: #e4dbd2;
}

.channel-page .ac-video-cover-wrapper {
    position: relative;
}

.channel-page .ac-video-cover-wrapper .ac-title {
    position: absolute;
    width: 100%;
    padding: 2vw 2vw 5vw 1vw;
    z-index: 9;
    /* background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.99) 1%,
    rgba(0, 0, 0, 0.58) 71%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.99) 1%,
    rgba(0, 0, 0, 0.58) 71%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.99) 1%,
    rgba(0, 0, 0, 0.58) 71%,
    rgba(0, 0, 0, 0) 100%
  );
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=0); */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
    background: -moz-linear-gradient( top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient( top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient( to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
    color: #fff;
    text-align: right;
    font-size: 2vw;
    z-index: 1;
}

.channel-page .ac-title-1 {
    font-weight: 900;
}

.channel-page .video-container {
    display: block;
    margin: 0 auto;
    width: 100%;
    /* max-width: 960px; */
}

.channel-page .video-container p,
.channel-page .video-container h2,
.channel-page .video-container button,
.channel-page .video-container a {
    padding: 0 5%;
    margin: 1vw 0 1vw 0;
}

.channel-page .slick-slide {
    /* height: 200px; */
    height: 30vw;
    width: 30vw !important;
    object-fit: cover;
    margin: 0 0vw;
    padding: 0.8vw 0.8vw 3.5vw 0.8vw;
    border-radius: 2vw;
    border: 0.2vw solid transparent;
    position: relative;
}

.channel-page .slick-prev:before,
.slick-next:before {
    color: black;
}

.channel-page .ac-section {
    width: 100%;
    overflow-x: hidden;
    padding-bottom: 5vw;
}

.channel-page .ac-section.ac-video-cover-wrapper {
    overflow-x: unset;
    padding-bottom: 0;
}

.channel-page .ac-section h2 {
    font-size: 2vw;
    margin-top: 2vw;
}

.channel-page .ac-section p {
    font-size: 1.5vw;
}

.channel-page .ac-section p.ac-text {
    text-align: right;
    padding: 0 5% 0 33%;
}

.channel-page .ac-section .ac-goto-videos {
    color: #002c5f;
    text-align: right;
    font-size: 1.6vw;
    display: block;
    margin-bottom: 1.5vw;
    margin-top: 2vw;
}


/* .slick-slide:hover {
  border: 0.2vw solid #002c5f;
} */

.channel-page .ac-title-slider {
    font-size: 1.3vw;
    direction: rtl;
    text-align: center;
    display: block;
    /* direction: ltr; */
    margin-top: 1.2vw;
}


/* .slick-slide:hover::after {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
} */

.channel-page .ac-slick-video .ac-player-bg {
    overflow: hidden;
    width: 100%;
    background-color: transparent;
    padding: 0;
    height: 25vw;
    border-radius: 2vw;
    border: 0;
    margin: auto;
    border: 0.2vw solid transparent;
    position: relative;
}

.channel-page .ac-slick-video .ac-player-bg:hover {
    border: 0.2vw solid #002c5f;
}

.channel-page .ac-slick-video .ac-player-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.channel-page .ac-slick-video .ac-wrapper-play-icon {
    position: absolute;
    width: 100%;
    height: 25vw;
    display: flex;
    margin: AUTO;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    transition: background-color 0.5s;
}

.channel-page .ac-slick-video .ac-wrapper-play-icon .ac-play-icon {
    background-image: url("../img/channel/play.svg");
    width: 10vw;
    height: 10vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* transition: background-image 0.5s; */
}

.channel-page .ac-slick-video .ac-player-bg:hover .ac-wrapper-play-icon {
    background-color: #00000059;
}

.channel-page .ac-slick-video .ac-player-bg:hover .ac-play-icon {
    width: 5vw;
    height: 5vw;
    background-image: url("../img/channel/playHover.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.channel-page .ac-slick-video .slick-next {
    background-image: url("../img/channel/Rectangle891.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    width: 12vw;
    height: 25vw;
    padding: 0;
    margin: 0;
    top: 16px !important;
}

.channel-page .ac-slick-video .slick-prev {
    background-image: url("../img/channel/Rectangle890.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    width: 12vw;
    height: 25vw;
    padding: 0;
    margin: 0;
    top: 16px !important;
}

.channel-page .ac-slick-video .slick-next img {}

.channel-page .ac-slick-video .slick-prev img {}

.channel-page .ac-slick-video .slick-prev::before {
    content: "";
}

.channel-page .ac-slick-video .slick-next::before {
    content: "";
}


/* Popup container */

.channel-page .popup {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 9;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    /* height: 100%; */
    height: 100vh;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0 0 0 / 72%);
    /* Black w/ opacity */
}


/* Popup content */

.channel-page .popup-content {
    background-color: #fefefe;
    /* margin: 15% auto; */
    margin: 13vh auto;
    /* 15% from the top and centered */
    padding: 0px;
    border: 0px solid #888;
    width: 100%;
    /* Could be more or less, depending on screen size */
    animation: fadeIn 0.5s;
    /* Animation */
    position: relative;
    overflow: hidden;
    width: 100%;
    /* padding-top: 56.25%; */
    padding-top: 36.25%;
    height: 50vh;
}

.channel-page .popup-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.channel-page .popup #close {
    position: absolute;
    top: 20px;
    right: 20px;
    transform: rotate(45deg);
    font-size: 56px;
    background: transparent;
    border: 0;
    color: #fff;
    transition: color 0.5s;
}

.channel-page .popup #close:hover {
    color: #002c5f;
}


/* Fade-in animation */

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 1000px) {
    .channel-page .ac-video-cover-wrapper .ac-title {
        position: relative;
        margin-bottom: -15vw;
        /* margin-bottom: -1vw; */
        padding: 4vw 5% 4vw 5%;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+92,000000+100&1+33,0+100 */
        background: -moz-linear-gradient( top, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0.12) 92%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient( top, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0.12) 92%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient( to bottom, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0.12) 92%, rgba(0, 0, 0, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=0);
        /* background-color: #000; */
        /* background-color: #1d1d1d; */
    }
    .channel-page h1,
    .channel-page .ac-section h2,
    .channel-page .ac-section p,
    .channel-page .ac-section .ac-goto-videos {
        font-size: 4vw;
        line-height: 1.1;
    }
    .channel-page .ac-section p.ac-text {
        padding: 0 5% 0 5%;
    }
    .channel-page .ac-video-cover {
        /* padding-bottom: 56.25%; */
        padding-bottom: 92.25%;
    }
    .channel-page .ac-section h2 {
        margin-top: 5vw;
    }
    .channel-page .ac-section .ac-goto-videos {
        margin-bottom: 2.5vw;
        margin-top: 8vw;
    }
    .channel-page .slick-slide {
        width: 58vw !important;
    }
    .channel-page .ac-slick-video .ac-player-bg {
        height: 50vw;
        border-radius: 6vw;
    }
    .channel-page .ac-slick-video .ac-wrapper-play-icon {
        height: 50vw;
    }
    .channel-page .ac-slick-video .ac-wrapper-play-icon .ac-play-icon {
        width: 20vw;
        height: 20vw;
    }
    .channel-page .ac-slick-video .ac-player-bg:hover .ac-play-icon {
        width: 15vw;
        height: 15vw;
    }
    .channel-page .ac-title-slider {
        font-size: 4vw;
    }
    .channel-page .ac-slick-video .slick-prev {
        background-image: url(../img/channel/Rectangle890.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: 0 0;
        width: 12vw !important;
        height: 49vw;
        padding: 0;
        margin: 0;
        top: 1.5vw !important;
        left: 0vw !important;
    }
    .channel-page .ac-slick-video .slick-next {
        background-image: url(../img/channel/Rectangle891.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: 0 0;
        width: 12vw !important;
        height: 49vw;
        padding: 0;
        margin: 0;
        top: 1.5vw !important;
        right: 0vw !important;
    }
    .channel-page .popup {
        z-index: 9999;
    }
    .channel-page .popup-content {
        height: 31.5vh;
        margin: 34vh auto;
    }
    .channel-page .ac-form-wrapper {
        position: relative;
        display: flex;
        background: #e4dbd2;
    }
    .channel-page .close-form-wrapper {
        display: none;
    }
    .channel-page .ac-section h2 {
        font-size: 6vw;
    }
}

@media (max-width: 650px) {
    .channel-page h1,
    .channel-page .ac-section h2,
    .channel-page .ac-section p,
    .channel-page .ac-section .ac-goto-videos {
        font-size: 5vw;
    }
    .channel-page .ac-section h2 {
        font-size: 6vw;
    }
    .channel-page .ac-title-slider {
        font-size: 4.3vw;
    }
    .channel-page .ac-playmain-vid {
        width: 8rem;
        height: 8rem;
    }
    .channel-page .ac-playmain-vid:hover {
        width: 4.5rem;
        height: 4.5rem;
    }
}