@import "global.css";

/* start section zero */
.section-zero {
    margin: 1.7rem 0 -.1rem;
}

.section-zero .item {
    position: relative;
    max-height: 6.3rem;
    overflow: hidden;
    border-radius: 0.5rem;
}

.section-zero .item a {
    text-decoration: none;
    color: #fff;
}

.section-zero .item a .cover-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-zero .item a h6 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #2a3347b3;
    margin: 0;
    font-size: 1.3rem;
    padding: 0.3rem;
}

/* end section zero */

/* start section one */
.section-one {
    padding: 30px 0 0;
}

.section-one .main-slider {
    background-color: #2b3347;
    margin-bottom: 35px;
}

.section-one .main-slider .item .cover-container {
    max-height: 32rem;
}

.section-one .main-slider .item .details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(43, 51, 71, 0.71);
    border-right: .8rem solid #cacacab5;
    color: #fff;
}

.section-one .main-slider .item .details .category {
    position: relative;
    top: -32px;
    right: -13px;
    background-color: #e91818;
    padding: 2px 10px;
    font-size: 20px;
    border-right: .85rem solid #ff9f9f;
}

.section-one .main-slider .item .details .category a {
    color: #fff;
    text-decoration: none;
}

.section-one .main-slider .item .details .title {
    padding: 20px;
    border-left: .35rem solid #e91818;
    width: 75%;
    margin: 15px 0;
}

.section-one .main-slider .owl-dots {
    position: absolute;
    left: 1rem;
    bottom: 1.5rem;
    counter-reset: dots;
}

.section-one .main-slider .owl-dot:before {
    counter-increment: dots;
    content: counter(dots);
    background-color: #4b5162;
    color: #fff;
    margin-right: 9px;
    padding: 0 8px;
    display: inherit;
    font-size: 17px;
    border-radius: .4rem;
}

.section-one .main-slider .owl-dot.active:before {
    background-color: #fff;
    color: #4b5162;
}

.section-one .main-slider .owl-dot span {
    display: none;
}

.section-one .small-boxes .box {
    margin-bottom: 1.8rem;
}

.section-one .small-boxes .box a {
    text-decoration: none;
    display: inline-block;
}

.section-one .small-boxes .box .cover-container {
    border-radius: .4rem;
    overflow: hidden;
}

.section-one .small-boxes .box .details {
    color: #151515;
    font-size: 23px;
    line-height: 1.3;
}

body.bg-dark .section-one .small-boxes .box .details {
    color: #fff;
}

.section-one .small-boxes .box .details a {
    background-color: #e5e5e5;
    color: #151515;
    border-right: .5rem solid #4b5162;
    border-radius: .3rem;
    padding: 2px 10px;
    font-size: 17px;
}

@media (max-width: 768px) {
    .section-one .main-slider .item .details .title {
        border-left: none;
        width: 100%;
    }

    .section-one .main-slider .owl-dot:before {
        display: none;
    }
}

@media (min-width: 540px) {
    .section-one .main-slider .item .cover-container img.loading {
        height: 32rem;
    }
}

@media (max-width: 539px) {
    .section-one .main-slider .item .cover-container img.loading {
        height: 25rem;
    }
}

/* end section one */

/* start section two */
.section-two {
    padding-bottom: 30px;
}

.section-two .section-header {
    margin-bottom: 20px;
}

.section-two .section-header a {
    color: #151515;
    text-decoration: none;
    border-right: 1rem solid #4b5162;
    display: inline-block;
}

body.bg-dark .section-two .section-header a {
    color: #fff;
}

.section-two .section-header a svg {
    font-size: 17px;
}

.section-two .section-body .box {
    margin-bottom: 30px;
}

.section-two .section-body .box a {
    text-decoration: none;
    color: #151515;
    font-size: 25px;
    line-height: 1.2;
}

body.bg-dark .section-two .section-body .box a:not(.category) {
    color: #fff;
}

.section-two .section-body .box .cover-container {
    overflow: hidden;
    max-height: 200px;
    border-radius: .4rem;
    margin-bottom: 8px;
}

.section-two .section-footer {
    border-top: 1px solid #eaeaea;
    position: relative;
}

body.bg-dark .section-two .section-footer {
    border-top: 1px solid #42495b;
}

.section-two .section-footer a {
    text-decoration: none;
    color: #151515;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: -20px;
    background-color: #fff;
}

body.bg-dark .section-two .section-footer a {
    background-color: #2b3347;
    color: #fff;
}

.section-two .section-footer a svg {
    font-size: 15px;
}

/* end section two */

/* start section three */
.section-three {
    padding: 30px 0 0;
}

.section-three .section-content {
    border: 1px solid #eaeaea;
    padding: 1.3rem;
    border-radius: .3rem;
}

body.bg-dark .section-three .section-content {
    border: 1px solid #42495b;
}

@media (max-width: 350px) {
    .section-three .section-content {
        padding: .5rem;
    }
}

.section-three .section-content .section-header {
    margin-bottom: 20px;
}

.section-three .section-content .section-header span {
    font-size: 25px;
    color: #151515;
}

body.bg-dark .section-three .section-content .section-header span {
    color: #fff;
}

.section-three .section-content .section-header .buttons {
    display: flex;
}

.section-three .section-content .section-header .buttons button {
    border: none;
    outline: none;
    font-size: 19px;
    line-height: 100%;
    padding: 10px 10px;
    background-color: #e5e5e5;
    color: #151515;
}

body.bg-dark .section-three .section-content .section-header .buttons button {
    background-color: #42495b;
    color: #fff;
}

.section-three .section-content .section-header .buttons button:first-of-type {
    border-radius: 0 .4rem .4rem 0;
}

.section-three .section-content .section-header .buttons button:last-of-type {
    border-radius: .4rem 0 0 .4rem;
}

.section-three .section-content .section-header .buttons button.active {
    background-color: #2b3347 !important;
    color: #fff !important;
}

body.bg-dark .section-three .section-content .section-header .buttons button.active {
    background-color: #323a50 !important;
}

.section-three .section-content .section-body .boxes-container {
    display: none;
}

.section-three .section-content .section-body .boxes-container.active {
    display: block;
}

.section-three .section-content .section-body .boxes-container .box {
    margin-bottom: 2rem;
}

.section-three .section-content .section-body .boxes-container .box a {
    text-decoration: none;
    line-height: 1;
}

.section-three .section-content .section-body .boxes-container .box > a {
    color: #151515;
    font-size: 19px;
}

.section-three .section-content .section-body .boxes-container .box .counter {
    font-size: 45px;
    color: #373c5952;
    line-height: .5;
}

.section-three .section-content .section-body .boxes-container .box .cover-container {
    border-radius: .4rem;
    overflow: hidden;
}

.section-three .section-content .section-body .boxes-container .box .category a {
    color: #084298;
}

body.bg-dark .section-three .section-content .section-body .boxes-container .box .category a {
    color: #90a1cd;
}

.section-three .section-content .section-body .boxes-container .box .title {
    line-height: 1.2;
    margin-bottom: .7rem;
}

body.bg-dark .section-three .section-content .section-body .boxes-container .box .title {
    color: #fff;
}

.section-three .section-content .section-body .boxes-container .box .views {
    color: #373c59cc;
    background-color: #f7f7f9;
    display: inline-block;
    padding: 1px 15px;
    border-radius: .4rem;
    font-size: 17px;
    letter-spacing: 1px;
}

body.bg-dark .section-three .section-content .section-body .boxes-container .box .views {
    background-color: #4e576e;
    color: #b0b1bbcc;
}

.section-three .section-content .section-body .boxes-container .box .views svg {
    font-size: 13px;
}

/* end section three */

/* start section four */
.section-four {
    padding: 30px 0;
}

.section-four .section-header {
    margin-bottom: 20px;
}

.section-four .section-header a {
    color: #151515;
    text-decoration: none;
    border-right: 1rem solid #4b5162;
    display: inline-block;
}

body.bg-dark .section-four .section-header a {
    color: #fff;
}

.section-four .section-header a svg {
    font-size: 17px;
}

.section-four .section-body .box {
    margin-bottom: 30px;
}

.section-four .section-body .box a {
    text-decoration: none;
    color: #151515;
    font-size: 25px;
    line-height: 1.2;
}

body.bg-dark .section-four .section-body .box a:not(.category) {
    color: #fff;
}

.section-four .section-body .box .cover-container {
    overflow: hidden;
    max-height: 200px;
    border-radius: .4rem;
    margin-bottom: 8px;
}

.section-four .section-footer {
    border-top: 1px solid #eaeaea;
    position: relative;
}

body.bg-dark .section-four .section-footer {
    border-top: 1px solid #42495b;
}

.section-four .section-footer a {
    text-decoration: none;
    color: #151515;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: -20px;
    background-color: #fff;
}

body.bg-dark .section-four .section-footer a {
    background-color: #2b3347;
    color: #fff;
}

.section-four .section-footer a svg {
    font-size: 15px;
}

/* end section four */

/* start section five */
.section-five {
    padding-bottom: 30px;
}

.section-five .section-header {
    margin-bottom: 20px;
}

.section-five .section-header a {
    color: #151515;
    text-decoration: none;
    border-right: 1rem solid #4b5162;
    display: inline-block;
}

body.bg-dark .section-five .section-header a {
    color: #fff;
}

.section-five .section-header a svg {
    font-size: 17px;
}

.section-five .section-body .box {
    margin-bottom: 30px;
}

.section-five .section-body .box a {
    text-decoration: none;
    color: #151515;
    font-size: 25px;
    line-height: 1.2;
}

body.bg-dark .section-five .section-body .box a:not(.category) {
    color: #fff;
}

.section-five .section-body .box .cover-container {
    overflow: hidden;
    max-height: 200px;
    border-radius: .4rem;
    margin-bottom: 8px;
}

.section-five .small-box {
    margin-bottom: 17px;
}

.section-five .small-box a {
    text-decoration: none;
    display: inline-block;
}

.section-five .small-box .cover-container {
    border-radius: .4rem;
    overflow: hidden;
}

.section-five .small-box .details {
    color: #151515;
    line-height: 1.1;
    font-size: 20px;
}

body.bg-dark .section-five .small-box .details {
    color: #fff;
}

.section-five .section-footer {
    border-top: 1px solid #eaeaea;
    position: relative;
    margin: 10px 0;
}

body.bg-dark .section-five .section-footer {
    border-top: 1px solid #42495b;
}

/* end section five */

/* start section six */
.section-six {
    padding-bottom: 30px;
}

.section-six .section-header {
    margin-bottom: 20px;
}

.section-six .section-header a {
    color: #151515;
    text-decoration: none;
    border-right: 1rem solid #4b5162;
    display: inline-block;
}

body.bg-dark .section-six .section-header a {
    color: #fff;
}

.section-six .section-header a svg {
    font-size: 17px;
}

.section-six .section-body .box {
    margin-bottom: 30px;
}

.section-six .section-body .box a {
    text-decoration: none;
    color: #151515;
    font-size: 25px;
    line-height: 1.2;
}

body.bg-dark .section-six .section-body .box a:not(.category) {
    color: #fff;
}

.section-six .section-body .box .cover-container {
    overflow: hidden;
    max-height: 200px;
    border-radius: .4rem;
    margin-bottom: 8px;
}

.section-six .section-footer {
    border-top: 1px solid #eaeaea;
    position: relative;
}

body.bg-dark .section-six .section-footer {
    border-top: 1px solid #42495b;
}

.section-six .section-footer a {
    text-decoration: none;
    color: #151515;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: -20px;
    background-color: #fff;
}

body.bg-dark .section-six .section-footer a {
    background-color: #2b3347;
    color: #fff;
}

.section-six .section-footer a svg {
    font-size: 15px;
}

/* end section six */

/* start section seven */
.section-seven {
    padding-bottom: 30px;
}

.section-seven .section-header {
    margin-bottom: 20px;
}

body.bg-dark .section-seven .section-header a {
    color: #fff;
}

.section-seven .section-header a,
.section-seven .section-header span {
    color: #151515;
    text-decoration: none;
    border-right: 1rem solid #4b5162;
    display: inline-block;
}

body.bg-dark .section-seven .section-header a,
body.bg-dark .section-seven .section-header span {
    color: #fff;
}

.section-seven .section-header svg {
    font-size: 17px;
}

.section-seven .section-body .box {
    border-right: 1px solid #d6d6d6;
    padding: 0 12px 0 2px;
}

body.bg-dark .section-seven .section-body .box {
    border-right: 1px solid #2b3347;
}

.section-seven .section-body .box .details {
    margin-bottom: 1rem;
}

.section-seven .section-body .box a {
    text-decoration: none;
    color: #151515;
    font-size: 25px;
    line-height: 1.2;
}

body.bg-dark .section-seven .section-body .box a:not(.category) {
    color: #fff;
}

.section-seven .section-body .box .cover-container {
    overflow: hidden;
    max-height: 200px;
    border-radius: .4rem;
    margin-bottom: 1rem;
}

.section-seven .section-body .box .details,
.section-seven .section-body .box .footer {
    padding: 0 20px;
}

.section-seven .section-body .box .footer a {
    color: #2b3347;
    font-size: 19px;
}

.section-seven .section-body .box .footer span {
    font-size: 17px;
}

.section-seven .section-body .owl-dots {
    border-top: 1px solid #d6d6d6;
    padding: 10px 0;
    margin-top: 20px !important;
}

body.bg-dark .section-seven .section-body .owl-dots {
    border-top: 1px solid #2b3347;
}

.section-seven .section-body .owl-dots button span {
    width: 7px;
    height: 7px;
    transition: .2s all ease-in-out;
}

.section-seven .section-body .owl-dots button.active span {
    background: #151515;
}

/* end section seven */

/* start section eight */
.section-eight {
    padding-bottom: 30px;
}

.section-eight .section-header {
    margin-bottom: 20px;
}

.section-eight .section-header a {
    color: #151515;
    text-decoration: none;
    border-right: 1rem solid #4b5162;
    display: inline-block;
}

body.bg-dark .section-eight .section-header a {
    color: #fff;
}

.section-eight .section-header a svg {
    font-size: 17px;
}

.section-eight .section-body .box {
    margin-bottom: 30px;
}

.section-eight .section-body .box a {
    text-decoration: none;
    color: #151515;
    font-size: 25px;
    line-height: 1.2;
}

body.bg-dark .section-eight .section-body .box a:not(.category) {
    color: #fff;
}

.section-eight .section-body .box .cover-container {
    overflow: hidden;
    max-height: 200px;
    border-radius: .4rem;
    margin-bottom: 8px;
}

.section-eight .small-box {
    margin-bottom: 17px;
}

.section-eight .small-box a {
    text-decoration: none;
    display: inline-block;
}

.section-eight .small-box .cover-container {
    border-radius: .4rem;
    overflow: hidden;
}

.section-eight .small-box .details {
    color: #151515;
    line-height: 1.1;
    font-size: 20px;
}

body.bg-dark .section-eight .small-box .details {
    color: #fff;
}

.section-eight .section-footer {
    border-top: 1px solid #eaeaea;
    position: relative;
    margin: 10px 0;
}

body.bg-dark .section-eight .section-footer {
    border-top: 1px solid #42495b;
}

body.bg-dark .section-eight .section-footer a {
    background-color: #2b3347;
    color: #fff;
}

/* end section eight */

/* start section 12 */
.section-12 {
    background-color: #111;
    padding: 30px 0 0;
    margin-bottom: 2rem;
}

.section-12 .section-header a {
    color: #fff;
    border-right: 1rem solid #0a58ca;
}

.section-12 .section-body .box {
    border-right: 1px solid #212121;
}

.section-12 .section-body .box a {
    color: #fff;
}

.section-12 .section-body .owl-dots {
    border-top: 1px solid #212121;
}

.section-12 .section-body .owl-dots button:not(.active) span {
    background: #525252;
}

.section-12 .section-body .owl-dots button.active span {
    background: #fff;
}

/* end section 12 */

/* start section 14 */
.section-14 .section-body .big-box .cover-container {
    max-height: none;
}

.section-14 .section-footer {
    border-top: 1px solid #eaeaea;
    position: relative;
}

.section-14 .section-footer a {
    text-decoration: none;
    color: #151515;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: -20px;
    background-color: #fff;
}

.section-14 .section-footer a svg {
    font-size: 15px;
}

@media (max-width: 768px) {
    .section-14 .section-body .big-box {
        text-align: center;
    }
}

/* end section 14 */

/* start some global */
.section-body .details a.category {
    background-color: #e5e5e5;
    color: #151515;
    border-right: .5rem solid #4b5162;
    border-radius: .3rem;
    padding: 5px 10px;
    font-size: 17px;
    display: inline-block;
}

/* end some global */