:root {
    --primary-color: black;
    --p-and-small-color: #555555;
    --site-color: #002A63;
    --second-site-color: #002f71;
    --hover-color: #022352;
    --global-border-color: #dee2e6;
    --font-xs: 1rem;
    --font-sm-1: 17px;
    --font-sm-2: 19px;
    --font-md: 21px;
    --font-lg: 27px;
    --font-xl: 31px;
    --font-xxl: 35px;
    --f-w-xs: 300;
    --f-w-sm: 400;
    --f-w-md: 600;
    --f-w-lg: 700;
    --f-w-xl: 800;
    --f-w-xxl: 900;
    --margin-top-1: 1rem;
    --margin-bottom-1: 1rem;
    --margin-left-1: 1rem;
    --margin-right-1: 1rem;
    --padding-top-1: 1rem;
    --padding-bottom-1: 1rem;
    --padding-left-1: 1rem;
    --padding-right-1: 1rem;
    --quarter: .25rem;
    --half: .5rem;
    --full: 1rem;
    --fullx2: 2rem;

    /*--mnl-border : 1px solid */
}

@font-face {
    font-family: noto;
    src: url('../fonts/Kagoj-Regular-v1.woff2');
}

@font-face {
    font-family: Kagoj;
    src: url('../fonts/Kagoj-Regular-v1.woff2');
}

@font-face {
    font-family: newsreader_60_regular;
    src: url('../fonts/Newsreader_60pt-Regular.ttf');
}

* {
    font-family: noto, Arial, sans-serif;
    scrollbar-width: thin; /* Set the width to 'thin' to make it smaller */
    scrollbar-color: #888 #f0f0f0; /* Thumb and track colors */
}

::-webkit-scrollbar {
    width: 6px; /* Adjust the width to make it smaller */
    height: 4px;
}


::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the scrollbar thumb */
    border-radius: 3px; /* Adjust the radius to make it smaller */
}

.newsreader_60 {
    font-family: newsreader_60_regular, Arial, sans-serif !important;
}

.content h5 {
    font-size: 1.2rem !important;
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

p,
small {
    color: var(--p-and-small-color);
}

a:hover {
    color: var(--hover-color);
    text-decoration: none;
}

a:hover p,
a:hover small {
    color: var(--primary-color);
    text-decoration: none;
}


h3, h4, h5 {
    line-height: 1.4;
}

@media screen and (max-width: 1199px) {
    h5 {
        font-size: 1.15rem;
    }
}

/*advertisement*/

.advertisement {
    padding-top: var(--full);
    padding-bottom: var(--full);
    border-bottom: 1px solid var(--global-border-color);
}

/*advertisement-ends*/

/*breadcrumb&sub-category*/

.breadcrumb th {
    padding-right: .25rem;
    padding-left: .25rem;
}

.breadcrumb th:first-child,
.sub-category th:first-child {
    padding-left: 0;
}

.breadcrumb th:not(:last-child) ::after {
    content: "\f054";
    font-family: FontAwesome;
    color: var(--site-color);
    margin-left: .25rem;
    font-size: 12px;
}

.sub-category th {
    /*padding-top: 0 !important;*/
    /*padding-bottom: 0 !important;*/
    padding-right: .25rem;
    padding-left: .25rem;
}

.sub-category th:not(:last-child)::after {
    content: "\f111";
    font-family: FontAwesome;
    color: var(--site-color);
    margin-left: .5rem;
    font-size: 5px;
}

/*breadcrumb&sub-category-end*/

/*sub heading*/

.sub-heading {
    color: #f45800;
}

.sub-heading::after {
    content: "\2022";
    margin-left: .5rem;
    /*margin-right: .25rem;*/
/*    display: inline-block;*/
    -webkit-transform: scale(2, 1);
    -moz-transform: scale(2, 1);
    -o-transform: scale(2, 1);
    transform: scale(2, 1);
    color: var(--p-and-small-color);
}

a:hover .sub-heading,
a:hover .sub-heading::after {
    color: var(--hover-color);
}

/*sub heading ends*/

.text-bold {
    font-weight: bold;
}

.font-xs {
    font-size: var(--font-xs);
}

.font-sm {
    font-size: var(--font-sm-1);
}

.font-sm-1 {
    font-size: var(--font-sm-2) !important;
}

.font-md {
    font-size: var(--font-md);
}

.f-w-xs {
    font-weight: var(--f-w-xs);
}

.f-w-sm {
    font-weight: var(--f-w-sm);
}

.f-w-md {
    font-weight: var(--f-w-md);
}

.f-w-lg {
    font-weight: var(--f-w-lg);
}

.f-w-xl {
    font-weight: var(--f-w-xl);
}

.f-w-xxl {
    font-weight: var(--f-w-xxl);
}

/*.c-d .images-container {*/
/*    overflow: hidden;*/
/*}*/


mnl-border-my {
    width: 100%;
    display: inherit;
    margin-top: var(--margin-top-1);
    margin-bottom: var(--margin-bottom-1);
    border-top: 1px solid var(--global-border-color);
}

mnl-margin-py-1 {
    width: 100%;
    display: inherit;
    padding-top: var(--padding-top-1);
    padding-bottom: var(--padding-bottom-1);
}


.description-beneath-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.image {
    overflow: hidden;
    position: relative;
}

.image .img-fluid {
    /*max-width: calc(100% + 1px);*/
}

.description-beneath-image .img-fluid,
.description-beneath-image-for-all .img-fluid,
.image-then-description .img-fluid,
.description-then-image .img-fluid,
.description-then-image-for-all .img-fluid,
.headline-then-image .img-fluid,
.special-articles .lead-category-content .author-image .circleBase img,
.special-articles .other-contents .content .author-image .circleBase img,
.c-description-beneath-image .image-container img,
.tag-contents .content img,
.archive-contents .content img {
    transition: transform 5ms ease-in-out;
    -webkit-transition: 5ms ease-in-out;
}

.description-beneath-image:hover .img-fluid,
.description-beneath-image-for-all:hover .img-fluid,
.image-then-description:hover .img-fluid,
.description-then-image:hover .img-fluid,
.description-then-image:hover img,
.description-then-image-for-all:hover .img-fluid,
.headline-then-image:hover .img-fluid,
.special-articles .lead-category-content:hover .author-image .circleBase img,
.special-articles .other-contents .content:hover .author-image .circleBase img,
.c-description-beneath-image:hover .image-container img,
.tag-contents .content:hover img,
.archive-contents .content:hover img {
    transform: scale(1.03);
}

.description-beneath-image .description-container {
    margin-top: var(--half) !important;
}

.description-container h5 {
    font-weight: var(--f-w-md) !important;
}

.description-then-image-for-all {
    display: flex;
}

.description-then-image-for-all .description-container {
    padding-right: var(--padding-right-1);
}


/*footer-advertisement*/

.footer-advertisement {
    height: auto;
    visibility: visible;
    opacity: 1;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    z-index: 1;
    background-color: white;
}

.ad-close-btn {
    display: block !important;
    background-color: var(--second-site-color);
    border: none;
    height: 12px;
    width: 55px;
    padding: 0;
    cursor: pointer;
    margin: 0;
    position: absolute;
    left: calc(50% - 28px);
    top: -12px;
    /*box-shadow: 0 -1px 1px 0 rgb(0 0 0 / 20%);*/
    border-radius: 12px 12px 0 0;
}

/*footer-advertisement-ends*/

/*top-button*/

#button {
    display: inline-block;
    background-color: var(--second-site-color);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 10px;
    position: fixed;
    bottom: 1%;
    right: 5%;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

#button.show {
    opacity: 1;
    visibility: visible;
}


#button::after {

    content: "\f0aa";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;
    line-height: 40px;
    color: #fff;

}

#button:hover {
    background-color: var(--site-color);
    cursor: pointer;
}

/*top-button-ends*/

/*media query*/

@media only screen and (max-width: 991px) {
    #button {
        bottom: 10% !important;
        right: 5% !important;
    }
}

/*media query ends*/

/*video icon*/
.video-inside-news-icon {
    position: absolute;
    height: 30px;
    display: flex;
    width: 30px;
    background-color: white;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    left: 5px;
    top: 5px;
}

a:hover .video-inside-news-icon .fa-video {
    color: var(--second-site-color);
}
/*video icon ends*/

/*live icon*/
.live-news-circle{
    margin-top: 2.2%;
    margin-right: 2%;
}

.live-signal, .live-signal::before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #d70c1f;
    transition: all 0.3s;
    /*top: 0;*/
    /*right: 0;*/
    /*position: absolute;*/
}

.live-signal::before {
    animation: myMove 2s infinite;
    position: absolute;
    background-color: var(--second-site-color);
}

@-webkit-keyframes myMove {
    50% {
        transform: scale(2);
        opacity: 0;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}
/*live icon ends*/