:root {
    --primary-color: #EC1E24;
    --sub-color: #25359D;
    --size-text: 18px;
}

#khoa {
    position: relative;
    overflow: hidden;
}

#chuongtrinh {
    position: relative;
}

.div-chuongtrinh {
    background: linear-gradient(270deg, rgba(37, 53, 157, 0.8) 0%, #25359D 42.51%);
    align-content: center;
    padding-top: 130px;
    padding-bottom: 130px;
    position: relative;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.img-eclip {
    /* width: 126px;
    height: 274px;
    background: #FFC107;
    border-radius: 0px 260px 260px 0px;
    position: absolute;
    left: -68px;
    top: 90px;
  
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(-50%, -50%);
    z-index: 1; */
    width: 2000px;
    height: 345px;
    background: #FFC107;
    border-radius: 0px 260px 260px 0px;
    position: absolute;
    left: -68px;
    top: 90px;
    position: absolute;
    top: 50%;
    left: -2000px;
    transform: translate(-5%, -50%);
    z-index: 1;
}

.div-content {
    margin-right: 26px;
    position: absolute;
    top: 26%;
    right: 0px;
}

.div-color {
    width: 2000px;
    height: 100%;
    background: var(--sub-color);
    /* background: linear-gradient(270deg, rgba(86, 93, 138, 0.8) 0%, #25359D 42.51%); */
    position: absolute;
    left: -2000px;
    top: 0px;
}

/* .row-chuongtrinh {
    padding-right: 120px;
    padding-left: 110px;
} */

.div-xemthem {
    position: absolute;
    bottom: 10px;
    right: 18px;
    text-align: end;
}

.div-xemthem a {
    color: var(--sub-color);
    font-size: 14px;
}

.dot {
    width: 10px;
    /* Đường kính chấm tròn */
    height: 10px;
    background-color: red;
    /* Màu đỏ của chấm */
    border-radius: 50%;
    /* Tạo hình tròn */
    margin-right: 8px;
    /* Khoảng cách giữa chấm và chữ */
}

.txt-bantin {
    font-family: 'Montserrat Black', sans-serif;
    color: var(--sub-color);
    font-size: 14px;
    display: inline-flex;
    align-items: baseline;
}


.line-ts {
    border-bottom: 1px solid white;
    width: 60%;
    /* margin: 10px auto 20px auto; */
}

.title-ts {
    font-family: 'SVN-Gilroy XBold', sans-serif;
    color: white;
    font-size: 22px;
}

.title-ma {
    font-family: 'SVN-Gilroy XBold', sans-serif;
    color: white;
    font-size: 24px;
    margin-bottom: 10px;
}

.ts-chuongtrinh {
    font-family: 'Montserrat', sans-serif;
    color: white;
    font-size: 18px;
    margin-top: 15px;
}

.fw-ts {
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

.btn-ts {
    background-color: white;
    color: #ec1e24;
    padding: 6px 14px;
    margin-top: 18px;
    border-radius: 16px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s, color 0.3s;
}

.btn-ts a {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color: #EC1E24;
}

.btn-ts:hover {
    background-color: #ec1e24;
    color: #fff;
}

.btn-ts:hover a {
    color: #fff;
}

.div-ct-video {
    background-color: #F5F2EA;
    align-content: center;
    justify-items: center;
    position: relative;

}

.div-ct-video1 {
    background-image: url(../../videos/icon-khoa/ver_3/mask2666.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    object-fit: cover;
    width: 200px;
    height: 200px;
    /* 
    align-content: center;
    justify-items: center;
    position: relative; */

}

.video-noibat {
    height: 40px;
    width: 200px;
    font-family: 'Montserrat Black', sans-serif;
    color: white;
    font-size: 14px;
    text-align: center;
    align-content: center;
    padding-left: 10px;
    position: absolute;
    z-index: 1 !important;
    left: 0px;
    top: 0px;

    border-radius: 10px;
    background: linear-gradient(90deg, #25359D 25.77%, rgba(37, 53, 157, 0.5) 100%);
    border: 2px solid;

    border-image-source: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);


}

#chuongtrinh {
    background-color: #F5F2EA;
}

.block-iframe {
    padding: 10px 10px 5px 10px;
    width: 50%;
    position: absolute;

    padding-top: 20px !important;
    padding-left: 20px !important;
}


/* .div-r{
    height: 100%; 
    width: 30px; 
    background: #F9BF00; 
    position: absolute; 
    right: 0px; 
    top: 0px;
  } */

.div-sub {
    width: 100px;
    height: 86px;
    border-radius: 56px;
    position: absolute;
    right: -26px;
    top: 40px;
    background-color: #F5F2EA;
    z-index: 1;
    text-align: -webkit-center;
    align-content: center;
}

.div-play {
    width: 65px;
    height: 65px;
    background-color: red;
    border-radius: 50%;
    align-content: center;
    text-align: center;
}

.right-arr {
    width: 30px;
    height: 30px;
}

.div-play .swiper-button-next,
.swiper-button-prev {
    z-index: 10;
    left: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white
}

/* .swiper {
    width: 96%;
    height: 70%;
    margin-right: 0px !important;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
} */

.div-ct-video .swiper-pagination-bullet {
    border: 1px solid #6e6e6e;
    width: 10px !important;
    height: 10px !important;
    display: none;
}

.div-ct-video .swiper-pagination-bullet-active {
    background-color: white !important;
    width: 10px !important;
    height: 10px !important;
    display: none;

}

.div-ct-video .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    font-size: 30px;
    content: 'next';
}


@media (max-width: 768px) {
    .div-r {
        display: none;
    }

    .block-iframe {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 14px !important;
        height: 320px;
        width: 90%;
        padding-top: 0px !important;
        padding-left: 0px !important;

    }

    .img-eclip {
        display: none;
    }

    .div-chuongtrinh {
        padding-top: 30px;
        padding-bottom: 30px;
        border-radius: 0px;
        display: none;
    }

    .div-xemthem {
        position: absolute;
        bottom: 10px;
        right: 18px;
        text-align: end;
    }

    .div-xemthem a {
        color: white;
        font-size: 14px;
    }

    .txt-bantin {
        color: white;
    }

    .video-noibat {
        display: none;
    }

    .div-ct-video {
        padding-bottom: 80px !important;
        padding-right: 0px;
        margin-bottom: 20px;
        justify-items: unset;

        background-color: var(--sub-color);
    }

    .div-ct-video .swiper-slide {
        margin-right: 30px;
        border: 2px solid red;
        border-radius: 10px;
        padding: 20px;
        background-color: unset;
    }

    .div-ct-video .swiper-pagination {
        bottom: 8px !important;

    }

    .div-khoahoc {
        padding-top: 20px !important;
    }

    .div-ct-video .swiper-pagination-horizontal {
        bottom: 74px !important;
        left: 0px !important;
    }

    .div-sub {
        display: none;
    }

    .div-ct-video .swiper-pagination-bullet {
        display: flex;
    }

    .div-ct-video .swiper-pagination-bullet-active {
        display: flex;
    }


    .swiper-pagination {
        display: flex;
        justify-content: center;
    }

    .div-content {
        /* margin-right: 60px; */
        position: unset;
        /* top: 26%;
        right: 0px; */
    }
}

.title-topic {
    font-family: 'Montserrat Black', sans-serif;
    color: var(--primary-color);
    font-size: 30px;
    margin-bottom: 15px;
}

.content-topic {
    color: var(--sub-color);
    font-size: 18px;
    max-width: 450px;
    margin-bottom: 15px;
}

.div-khoahoc {
    padding-top: 80px;
}

/* Tổng thể */
.tab-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    /* Đường kẻ bên dưới */
    padding: 10px 0;
    font-family: Arial, sans-serif;
    margin-bottom: 15px;
}

/* Tab mặc định */
.tab {
    margin-right: 20px;
    padding: 5px 0;
    color: #aaa;
    /* Màu xám nhạt */
    cursor: pointer;
    position: relative;
}

/* Tab đang được chọn */
.tab.active {
    color: var(--sub-color);
    /* Màu xanh đậm */
    font-weight: bold;
}

.tab.active::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--sub-color);
}

.col-branch {
    margin-bottom: 80px;
}

/* Tổng thể khung */
.faculty-container {
    font-family: 'Montserrat', sans-serif;
    padding-left: 15px;
    max-width: 306px;
}

.faculty-list ul li {
    color: var(--sub-color);
}


.faculty-list a {
    color: #000;
    text-decoration: unset;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.faculty-list a:hover {
    color: var(--sub-color);
    text-decoration: underline;
}



.bg-chuongtrinh {
    background-color: #F5F2EA;
    max-width: 1430px;
}


/* Header */
.faculty-header {
    display: flex;
    align-items: center;
    font-weight: bold;
    color: var(--sub-color);
    margin-bottom: 10px;
    margin-left: -15px;
    position: relative;
}

.faculty-header-start {
    align-items: flex-start;
}

.faculty-header .icon {
    font-size: 20px;
    margin-right: 10px;
}

.faculty-header .faculty-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 25px;
    padding-left: 8px;
    padding-right: 0px;
    cursor: pointer;
}

.faculty-title .title {
    font-size: 18px;
    /* font-family: 'SVN-Gilroy XBold', sans-serif; */
    font-family: 'Montserrat SemiBold', sans-serif;
}

/* .mx-w-title {
    max-width: 78%;
}

.mx-w-title-qt {
    max-width: 70%;
}

.mx-w-title-quocte {
    max-width: 90%;
} */

.title-cntt {
    align-items: flex-start;
}

.faculty-content {
    padding-left: 25px;
    border-left: 2px solid #ec1e24;

    max-height: 500px;
    transition: max-height 0.3s ease;
}

@media(max-width: 991px) {
    .faculty-content {
        display: none;
    }

    .col-branch {
        margin-bottom: 0;
    }

    .faculty-title .title {
        padding-right: 22px;
        font-size: 18px;
    }

    .faculty-list a {
        font-size: 16px;
    }
}

/* .faculty-content.show {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
} */


.faculty-list {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
}

.faculty-list li {
    color: #444;
    margin-bottom: 10px;
}

.faculty-list li .sub_name {
    font-size: 12px;
    font-style: italic;
    font-family: 'Montserrat', sans-serif;
}

.faculty-list li .new-badge {
    background-color: #ec1e24;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-radius: 4px;
    padding: 2px 5px;
    margin-left: 5px;
}

.faculty-list li {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 14px;

}

/* Link cuối */
.faculty-link {
    font-family: 'Montserrat', sans-serif;
    color: #ec1e24;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 10px;
    font-style: italic;
}


.faculty-link:hover {
    text-decoration: underline;
}

.img-icon-khoa-y {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/ykhoa.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    transition: transform 0.3s ease;
}

.img-icon-drop.rotate {
    transform: rotate(90deg);
}

.khoa-icon-drop {
    transition: transform 0.3s ease;
}

.khoa-icon-rotated {
    transform: rotate(180deg);
}

/* .img-icon-khoa-rhm {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/rhm.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    transition: transform 0.3s ease;
}

.img-icon-khoa-duoc {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/duoc.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

.img-icon-khoa-dl {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/dulich.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

.img-icon-khoa-dieuduong {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/dieuduong.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

.img-icon-khoa-cntt {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/cntt.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

.img-icon-khoa-ktct {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/kythuat.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

.img-icon-khoa-nn {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/nn.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

.img-icon-khoa-qt {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/quantri.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

.img-icon-khoa-kinhte {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/kinhte.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

.img-icon-khoa-kl {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/kl.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

.img-icon-khoa-ck {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/ck.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}

.img-icon-khoa-kientruc {
    width: 32px;
    height: 32px;
    background-image: url(../../videos/icon-khoa/ver_3/kientruc.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
}


.faculty-header .img-icon-drop {
    width: 18px;
    height: 22px;
    background-image: url(../../videos/icon-khoa/ver_3/Chevron.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
} */

.p-img-kt {
    position: absolute;
    right: 178px;
    bottom: 5px;
}

.p-img-rhm {
    position: absolute;
    right: 170px;
    bottom: 5px;
}

.p-img-cntt {
    position: absolute;
    right: 112px;
    bottom: 5px;
}

.p-img-ck {
    position: absolute;
    right: 180px;
    bottom: 5px;
}

.p-img-quantri {
    position: absolute;
    right: 124px;
    bottom: 5px;
}

.p-img-qt {
    position: absolute;
    right: 100px;
    bottom: 5px;
}

.p-img-dl {
    position: absolute;
    right: 90px;
    bottom: 5px;
}

.p-img-quantri {
    position: absolute;
    right: 104px;
    bottom: 5px;
}

.p-img-kt {
    position: absolute;
    right: 100px;
    bottom: 5px;
}

.p-img-kientruc {
    position: absolute;
    right: 140px;
    bottom: 5px;
}

.p-img-qt {
    position: absolute;
    right: 94px;
    bottom: 5px;
}

.p-img-repon {
    position: unset;
}


.pd-top {
    padding-top: 40px;
}

.pd-bottom {
    padding-bottom: 30px;
}

#row-tab-khoanganh-v2 .nav-tabs {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

#row-tab-khoanganh-v2 .nav-tabs .nav-link {
    font-family: 'SVN-Gilroy', sans-serif;
    color: #888;
    font-weight: normal;
    border: none;
    margin-right: 20px;
    font-size: 16px;
    text-transform: none;
    transition: color 0.3s ease;
    background-color: transparent;
}

#row-tab-khoanganh-v2 .nav-tabs .nav-link.active {
    color: #003399;
    font-weight: bold;
    position: relative;
    background-color: transparent;
}

#row-tab-khoanganh-v2 .nav-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 2px;
    background-color: #003399;
    /* Màu gạch ngang */
}

.img-vector1 {
    width: 140px;
    height: 180px;
    background-image: url(../../videos/icon-khoa/ver_3/arrow-left1.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    position: absolute;
    bottom: 800px;
    /* right: 190px; */
    right: 240px;
}

.img-vector2 {
    width: 363px;
    height: 520px;
    background-image: url(../../videos/icon-khoa/ver_3/arrow-right1.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    object-fit: cover;
    position: absolute;
    bottom: 18%;
    right: -40px;
}

.img-vector-qt {
    width: 100px;
    height: 140px;
    background-image: url(../../videos/icon-khoa/ver_3/arrow-left1.png);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    position: absolute;
    right: 220px;
}


/* .max-w-khoa{
      max-width: 25% !important;
  } */

/* @media (max-width: 768px) {
    .max-w-khoa{
      width: 22% !important;
    }
  } */



@media (max-width: 991px) {
    .bg-chuongtrinh {
        padding-left: 12px;
        padding-right: 12px;
    }

    .faculty-container {
        max-width: 100%;
    }

    .faculty-header-start {
        align-items: center;
    }

    .img-vector-qt {
        display: none;
    }

    .img-vector1 {
        display: none;
    }

    .img-vector2 {
        display: none;
    }

    .mx-w-title {
        max-width: 100%;
    }

    .mx-w-title-qt {
        max-width: 100%;
    }

    .mx-w-title-quocte {
        max-width: 100%;
    }

    .p-img-rhm {
        right: 0px;
    }

    .p-img-cntt {
        right: 0px;
    }

    .p-img-kt {
        right: 0px;
    }

    .p-img-dl {
        right: 0px;
    }

    .p-img-kientruc {
        right: 0px;
    }

    .p-img-quantri {
        right: 0px;
    }

    .p-img-ck {
        right: 0px;
    }

    .p-img-repon {
        position: absolute;
        right: 0;
        bottom: 5px;
    }

    #row-tab-khoanganh-v2 .nav-tabs {
        align-items: flex-end;
    }

    .p-img-qt {
        right: 0px;
    }

    .pd-top {
        padding-top: 0px;
    }

    .tab-content .col-lg-3 {
        padding-top: 20px;
    }

    #row-tab-khoanganh-v2 .nav-tabs {
        justify-content: space-between;
    }

    #row-tab-khoanganh-v2 .nav-tabs .nav-link {
        margin-right: 0px;
    }

    .div-color {
        display: none;
    }

    .row-chuongtrinh {
        padding-left: 0px;
        padding-right: 0px;
    }

    .row-chuongtrinh {
        padding-left: 0px;
        padding-right: 0px;
    }

    .faculty-header .faculty-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
}

@media (max-width: 1346px) {
    .div-color {
        height: 542px;

    }
}

@media (max-width: 1276px) {
    .div-color {
        height: 566px;

    }
}

@media (max-width: 1130px) {
    .div-color {
        height: 590px;

    }
}


@media (max-width: 1024px) {
    .div-color {
        height: 612px;

    }
}

@media (max-width: 1120px) {
    .div-color {
        height: 614px;

    }
}

@media (max-width: 1114px) {
    .div-color {
        height: 614px;

    }
}

@media (max-width: 990px) {
    .div-color {
        display: none;
    }

    .img-eclip {
        display: none;
    }

    .row-chuongtrinh {
        padding-right: 0px;
        padding-left: 0px;
    }

    .div-chuongtrinh {
        border-radius: 0px;
    }
}

/* @media (min-width: 1706px) {
    .img-eclip {
      width: 25%;
    }
  } */

/* @media (max-with:783px) {
    .swiper {
        margin-left: unset;
    }
} */


/* 
  .title-clip{
    padding: 30px 40px;
    margin: 0 auto;
    -webkit-mask-image: url(https://tuyensinh.nctu.edu.vn/assets/image/mask/mask-video.png);
    mask-image: url(https://tuyensinh.nctu.edu.vn/assets/image/mask/mask-video.png);
    -webkit-mask-position: top left;
    mask-position: top left;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  
  
  } */



/* Rectangle 633 */











.videonb-block {
    position: relative;
}


@media all and (min-width: 992px) {

    /* .videonb-Swiper .videonb-block {
        margin-left: 50px;
    } */
    .videonb-container {
        margin-left: 50px;
        margin-right: 50px;
    }

    .div-videonb {
        margin-top: 80px;
    }
}

/* .custom-swiper-next {
    position: absolute;
    top: -30px;
    right: -30px;
    background: var(--primary-color);
    outline: 15px solid #f5f2ea;
    height: 65px;
    width: 65px;
    color: #fff;
    font-size: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
} */

.custom-arrow-block {
    position: absolute;
    top: -30px;
    right: -60px;
    height: 65px;
    width: 120px;
    border-radius: 99px;
    background: var(--primary-color);
    outline: 10px solid #f5f2ea;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px;
    z-index: 2;
}

.swiper-c_btn {
    color: #fff;
    font-size: 28px;
    width: 20px;
    padding: 0px 30px;
    display: flex;
    justify-content: center;
}

/* .videonb-Swiper.swiper {
    overflow: visible;
    background: #f5f2ea;
} */

.videonb-title {
    position: absolute;
    top: -25px;
    left: -30px;
    font-family: 'SVN-Gilroy', sans-serif;
    color: #fff;
    padding: 10px 35px;
    background: linear-gradient(90deg, #25359D 25.77%, rgba(37, 53, 157, 0.5) 100%);
    box-shadow: 0px 0px 5px #FFFFFF;
    border-radius: 10px;
    z-index: 2;
}

.videonb-Swiper .videonb-block img {
    width: 100%;
    border-radius: 10px;
}

.videonb-block .title-block {
    padding-left: 20px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.videonb-block .title-block .title {
    position: relative;
    font-family: 'SVN-Gilroy', sans-serif;
    font-weight: bold;
    color: var(--sub-color);
    font-size: 18px;
    width: fit-content;
}

.videonb-block .title-block .title:before {
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(--primary-color);
    left: -20px;
    top: 7px;
    /* transform: translateY(-50%); */
}

.videonb-block .title-block .link {
    font-family: 'Montserrat', sans-serif;
    color: var(--sub-color);
    font-size: 16px;
    margin-top: 10px;
}

.custom-pagination-block {
    position: absolute;
    right: -5px;
    bottom: 80px;
    z-index: 2;
}

.custom-dot-swiper .swiper-pagination-bullet {
    background: var(--primary-color);
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border-radius: 50%;
    transition: background 0.3s;
}

@media(max-width: 991px) {
    .videonb-title {
        left: -12px;
    }

    .custom-arrow-block {
        top: -20px;
        right: 0px;
        height: 40px;
        width: 80px;
        outline: 12px solid #f5f2ea;
        padding: 0px 15px;
    }

    .swiper-c_btn {
        color: #fff;
        font-size: 20px;
        width: 10px;
        padding: 0;
    }

}