* {
    font-family: 'Noto Sans Devanagari', sans-serif;
}

body {
    background-color: rgb(221 221 221 / 0.50);
}


/* Common Styles*/
.color-dark {
    color: #333030;
}

a:hover {
    text-decoration: none;
}

/* Common Styles Ends Here*/
.navbar {
    padding: 0;
}

.navbar-nav li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    visibility: visible;
    font-weight: 700;
    color: #fff !important;
}


.navbar .dropdown-menu {
    background-color: #343a40;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:active {
    background-color: #495158;
}

.logo {
    max-width: 120px;
    padding-top: 10px;
}

main {
    margin: 15px 0;
}


.home-top-left {
    display: flex;
    margin-left: -15px;
}

.news-slider {
    background-color: #fff;
    width: 56%;
    max-width: 100%;
    background-color: #000;
}

.news-slider img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 350px;
}

.slick-slide {
    position: relative;
}

.slide-heading {
    position: absolute;
    bottom: 0;
    background-color: #000;
    color: #fff;
    padding: 15px;
    right: 0;
    left: 0;
}

.slide-heading h2 {
    font-size: 1.23em;
    font-weight: 600;
    margin: 0;
}

.slick-next {
    margin-right: 30px !important;
}

.slick-prev {
    margin-left: 30px;
    z-index: 999;
    height: 40px;
    width: 40px;
}

.home-top-rt {
    display: flex;
    flex-direction: column;
}

.ad-bx {
    background-color: #E91E63;
    margin-top: 20px;
    padding: 25px;
    text-align: center;
    margin-bottom: 0;
}

.ad-bx h5 {
    font-weight: 600;
    color: #ffffff;
}

.home-top-left-news {
    background-color: #fff;
    margin-left: 25px;
    width: 44%;
}

.home-top-left-news ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.home-top-left-news li {
    padding: 15px 15px 5px;
    border-bottom: solid 1px #efe7e7;
}

.home-top-left-news h3 {
    font-size: 1.1em;
    font-weight: 600;
}


.home-news-4 {
    display: flex;
    margin-top: 20px;
    margin-left: -15px;
    background-color: #fff;
}

.home-news-4 article {
    border-right: solid 1px #efe7e7;
    padding: 15px 15px 5px;
}

.home-news-4 article img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: top;
}

.home-news-4 article h5 {
    color: #333030;
    font-weight: 600;
    margin: 10px 0;
    font-size: 1.2em;
}

.section {
    margin: 45px 0;
}

.section h2.h {
    font-weight: 600;
    margin-left: -15px;
}

.section .home-news-4 {
    margin-top: 5px;
}

h2.h a {
    color: #383131;
}

.home-news-box {
    display: flex;
    background-color: #fff;
    margin-left: -15px;
}

.left {
    width: 40%;
    border-right: solid 1px #efe7e7;
    padding: 15px 15px 5px;
}

.mid {
    width: 35%;
    border-right: solid 1px #efe7e7;
}

.rt {
    width: 25%;
}

.news-item img {
    height: 185px;
    width: 100%;
}

.news-item h3 {
    font-weight: 600;
    margin: 10px 0;
    font-size: 1.5em;
}


ul.news-list {
    margin: 15px 0 0 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
}

.news-list li {
    margin: 10px;
    border-bottom: solid 1px #efe7e7;
    display: flex;
    padding-bottom: 10px;
}

.news-list .img {
    width: 25%;
}

.news-list .desc {
    width: 75%;
}

.news-list .desc h3 {
    margin: 0 15px;
    font-size: 1.2em;
    font-weight: 600;
}

.news-list li:last-child {
    border: none;
}

.rt-news-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.rt-news-list li {
    padding: 15px 15px 0 15px;
    flex: 1 1 0px;
    border-bottom: solid 1px #efe7e7;
}

.rt-news-list h3 {
    font-weight: 600;
    font-size: 1.25em;
    margin: 15px 0;
}

.rt-news-list img {
    height: 100px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

/* Article */

.header {
    margin: 10px 0;
}

.header h1 {
    font-size: 2em;
    font-weight: 800;
}

.header strong,
.header span {
    font-size: 0.8em;
}

.article h2 {
    font-weight: 600;
    font-size: 1.5em;
}

.article h3 {
    font-weight: 600;
    font-size: 1.3em;
}

.article p {
    font-size: 1.15em;
}

.rel-h {
    margin: 10px 0;
    font-size: 1.5em;
    font-weight: 700;
}

.related-list {
    display: flex;
    flex-flow: wrap;
    margin-top: -10px;
}

.related-list article {

    width: 45%;
    margin: 15px 8px;
}

.related-list article img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: top;
}

.related-list article h5 {
    font-size: 1.2em;
    font-weight: 600;
    margin: 10px 0;
}

.related-list a {
    color: rgb(27, 26, 26);
}

.btn-more {
    width: 90%;
    background-color: #495158;
    color: rgb(207, 203, 203);
    font-weight: 600;
    border: solid 1px #ddd;
    padding: 12px 0 8px !important;
}

.latest-rt-list article {
    margin: 10px 0;
    background-color: #fff;
}

.latest-rt-list article a {
    display: flex;
    color: rgb(24, 22, 22);
}

.latest-rt-list article img {
    width: 35%;
    margin-right: 8px;
    height: 90px;
    object-fit: cover;
}

.latest-rt-list article h5 {
    font-size: 1.15em;
    font-weight: 700;
    margin: 12px 10px;
}

.social-box {
    margin: 15px 0;
}

/* Categoires */


.articles-list article {
    margin: 10px 0;
    background-color: #fff;
    display: flex;
}

.articles-list article img {
    width: 30%;
    margin-right: 12px;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.articles-list a {
    color: rgb(24, 22, 22);
}

.articles-list h2 {
    font-size: 1.35em;
    font-weight: 600;
    margin: 15px 0;
}

.articles-list p {
    color: rgb(80, 78, 78);
    font-size: 1em;
}

@media only screen and (max-width: 991px) {

    .home-top-rt {
        margin: 10px 0 10px -12px;
    }
}

@media only screen and (max-width: 769px) {

    .home-top-rt {
        margin: 15px 0 0 -15px;
    }

    .home-news-4 {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .home-news-4 article {
        width: 50%;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 575px) {

    .navbar-brand {
        margin-left: 15px;
    }

    button.navbar-toggler {
        padding: 5px;
        margin-right: 15px;
        font-size: 0.8em;
        color: #fff;
        outline: solid 1px rgb(154 157 160 / 34%);

    }

    .navbar-collapse {
        margin-left: 15px;
        margin-right: 15px;
    }

    .nav-item a {
        padding: 3px;
    }

    .home-top-left {
        flex-direction: column;
    }

    .container {
        padding-left: 25px;
    }

    .news-slider,
    .home-top-left-news {
        width: 100%;
    }

    .home-top-left-news {
        margin: 10px 0;
    }

    .home-news-4 article {
        width: 100%;
        padding-bottom: 15px;
        border-bottom: solid 1px #efe7e7;
    }


    .home-news-box {
        flex-direction: column;
    }

    .home-news-box .left {
        width: 100%;
        border-bottom: solid 1px #efe7e7
    }

    .home-news-box .mid {
        width: 100%;
    }

    .home-news-box .rt {
        display: none;
    }

    /* Categories */
    .articles-list article {    
     
        flex-direction: column;
        margin-bottom: 20px;;
    }

    .articles-list article img{
        width:100%;
        height:180px;
    }
    .articles-list h2, .articles-list p{
        margin: 12px;
    }

}