* {
    margin: 0;
    padding: 0
}

.owl-carousel .owl-stage-outer {
    overflow: visible
}

.item-video span {
    font-size: 16px;
    font-weight: 700;
    padding-top: 16px
}

.video-mask {
    position: absolute;
    display: flex;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: #000444;
    display: flex;
    justify-content: center;
    align-items: center
}

.video-mask img {
    width: 30px;
    height: 30px
}

.prev-video,
.next-video {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff777;
    border: 1px solid #1a1a1a;
    z-index: 36
}

.prev-video:hover i,
.next-video:hover i {
    color: #000
}

.prev-video {
    left: 0
}

.next-video {
    right: 0
}

.text-center.comming-soon p {
    font-size: 36px;
    color: #808080
}

.text-center.comming-soon {
    padding: 40px;
    border: 1px solid #808080
}

.text-center.comming-soon img {
    width: 82px;
    height: 82px
}

.tab-nav.tab-nav-active::before {
    content: "";
    width: 100%;
    position: absolute;
    height: 3px;
    background: #EB0A1E;
    bottom: -3px
}

.tab-title {
    text-align: center;
    font-size: 18px
}

.tabs-container {
    display: flex
}

.tabs-container {
    margin-top: 150px
}

.tab-nav {
    width: 100%;
    border-bottom: 2px solid #101010;
    cursor: pointer
}

.tab-nav.tab-nav-active {
    position: relative;
    font-weight: 600
}

.tab-nav.tab-nav-active .tab-title {
    font-weight: 700
}

.acc-month-title {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px
}

.acc-month-details {
    flex: 1;
    padding-left: 118px
}

.acc-month-img {
    width: 500px;
    height: 280px;
    max-width: 100%
}

.acc-month-img img {
    width: 100%;
    height: 100%
}

.acc-month-content {}

.acc-month h2 {
    font-size: 38px;
    font-weight: 700;
    padding-bottom: 48px;
    text-align: center
}

.policy-item img {
    width: 54px;
    height: 54px;
    margin-bottom: 10px
}

.policy-item {
    padding: 74px
}

.read-more,
.read-more2 {
    color: #EB0A1E;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    padding-bottom: 96px;
    cursor: pointer
}

.policy-image.text-center img {
    width: 710px;
    max-width: 100%
}

.policy-image.text-center {
    padding-top: 40px;
    padding-bottom: 80px
}

.acc-header {
    margin-top: 62px;
    margin-bottom: 80px;
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase
}

.carousel-video .owl-dots {
    display: none
}

.acc-video,
.acc-videoAll {
    padding: 0 16px
}

.link-video {
    position: relative
}

.acc-video .owl-dots,
.acc-videoAll .owl-dots {
    position: inherit;
    bottom: 7px
}

.carousel-wrap-video {
    position: relative
}

.acc-video,
.acc-videoAll {
    width: 100%;
    display: block;
    width: 1232px;
    margin: auto;
    max-width: 100%;
    overflow: hidden;
    height: 450px
}

.item-video {
    width: 100%;
    height: 100%
}

.p1 {
    padding: 0 40px 40px 40px
}

div#myModal .modal-dialog {
    top: 20%
}

div#myModal .modal-body {
    padding: 0
}

.acc-month-text {
    padding-bottom: 10px
}

.policy-container {
    padding: 0 160px
}

.prev-video,
.next-video {}

@media(min-width:1360px) {
    .acc-video-tab {
        position: relative
    }

    .carousel-wrap-video {
        position: unset
    }

    #carousel-videoAll {
        position: unset
    }

    #carousel-videoAll .owl-nav {
        width: 1360px;
        max-width: 100%;
        left: 50%;
        top: calc(50%+(205px / 2) - 32px);
        transform: translate(-50%, -50%)
    }
}

@media(max-width:1350px) {
    .acc-video-tab {
        position: relative
    }

    .carousel-wrap-video {
        position: unset
    }

    #carousel-videoAll {
        position: unset
    }

    #carousel-videoAll .owl-nav {
        width: 1360px;
        max-width: 100%;
        top: calc(50%+(240px / 2) - 32px);
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@media(max-width:1232px) {
    .policy-container {
        padding: 0 16px
    }
}

.page-container .page-content-title {
    margin-top: 40px
}

@media(max-width:992px) {
    #carousel-videoAll .owl-nav {
        top: calc(50%+(165px / 2) - 32px)
    }
}

@media(max-width:768px) {

    .prev-video,
    .next-video {
        display: block
    }

    .acc-video .owl-dots {
        bottom: -79px
    }

    .acc-videoAll .owl-dots {
        bottom: -79px
    }

    .item-video {
        width: 273px;
        margin: auto
    }

    .video-mask {
        width: 273px;
        height: 182px
    }

    .policy-item {
        padding: 30px
    }

    .policy-image.text-center {
        padding-top: 20px
    }

    .acc-month-content {
        display: flex;
        flex-direction: column;
        text-align: center
    }

    .acc-month-img {
        width: 100%
    }

    .acc-month-details {
        padding-left: 0
    }

    .text-center.comming-soon img {
        width: 75px;
        height: 75px
    }

    .page-container .page-content-title {
        font-size: 38px
    }

    .page-container .page-content-title {
        margin-top: 35px
    }
}

@media(max-width:576px) {
    #carousel-videoAll .owl-nav {
        top: calc(50%+(56px / 2) - 32px)
    }
}

@media(max-width:415px) {
    .read-more.text-center {
        padding-bottom: 74px
    }

    .policy-item {
        padding: 1px
    }

    .policy-image.text-center {
        padding-top: 5px
    }

    .acc-month-content {
        display: flex;
        flex-direction: column;
        text-align: center
    }

    .acc-month-img {
        width: 100%
    }

    .text-center.comming-soon img {
        width: 49px;
        height: 49px
    }

    .text-center.comming-soon {
        padding: 40px;
        border: none
    }

    .acc-header {
        margin-top: 24px;
        margin-bottom: 44px
    }

    .nav-btn.prev-slide,
    .nav-btn.next-slide {
        top: 40%
    }

    .p1 {
        padding: 1rem
    }

    .page-container .page-content-title {
        margin-top: 30px
    }
}

@media(max-width:376px) {
    .tab-title {
        text-align: center;
        font-size: 16px
    }

    .page-container .page-content-title {
        font-size: 37px
    }
}