.cat_nav{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .cat_nav_ul{
        display: flex;
        flex-wrap: nowrap !important;
        text-decoration: none;
        overflow-x: auto;
        white-space: nowrap;
    }
    .cat_nav_ul::-webkit-scrollbar {
  display: none;
}
    .cat_nav_li{
        padding: 8px 12px;
        /* border: 1px solid rgb(107, 107, 107); */
    }
    .cat_nav_a{
        white-space: nowrap !important;
        color: black !important;
        padding: 0px !important;
        font-weight: 500;
    font-size: medium;
    border-bottom: 2px solid transparent;
    word-break: keep-all;
    }
    .cat_nav_a.active, .dropdown-content a:hover{
        border-bottom: 2px solid #2E3192;
    }
    .cat_nav_a:hover{
        border-bottom: 2px solid #2E3192;
    }
    .active_it{
        border-bottom: 2px solid #2E3192 !important;
    }
    .cat_dropdown{
  float: left !important;
  overflow: hidden;
    }
    .dropdown-content {
  display: none;
  position: absolute;
  max-width: 100%;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
    white-space: nowrap;
  color: black;
  padding: 6px 4px;
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: 500;
    font-size: medium;
    border-bottom: 2px solid transparent;
}
.cat_dropdown:hover .dropdown-content {
  display: block;
}
.custom_li{
    display: none;
}
    @media (max-width: 650px) {
    .dropdown-content {
right: 0;
}
.custom_li{
    display: flex;
    visibility: hidden;
}
.hide_mobile{
    display: none;
}
    }
    .reading {
        /* margin-left: 10px; */
            /*width: 100% !important;*/
        }
            @media (max-width:400px) {
        .custom_img{
            height:230px !important;
max-width: 100%;
object-fit: cover;
        }
        .article_con img{
        max-height:330px;
        max-width: 100% !important;
        object-fit:cover;
    }
    }
    
    .article_con img{
        max-height:400px;
        max-width: 300px !important;
        object-fit:cover;
    }
    .main_img{
        height:500px;
        width:100%;
        object-fit:cover;
        border-radius: 10px;
        box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    }
           @media (max-width:500px) {
        .main_img{
            height:230px !important;
max-width: 100%;
object-fit: cover;
        }
    }
    .left_news_cat{
    color: black;
}
.left_news_cat::before{
    display: inline-flex;
    width: 1em;
    height: 1em;
    margin-right: 7px;
    content: '';
    border-radius: 100%;
    background-color: #2E3192;
}
.auth_image img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
}
.sharelinks_a div ul{
    flex-direction: column;
}

.btn.btn-social-icon{
    width: 50px;
    height: 50px;
    padding: 0;
}
.template-demo .btn{
    margin-top: 7px;
    margin-right: 0.5rem !important;
}

.template-demo{
    margin-top: 0.5rem !important;
}

.btn.btn-rounded {
    border-radius: 50px;
}


.btn-outline-facebook {
    border: 1px solid #3b579d;
    color: #3b579d;
}

.btn-outline-facebook:hover {
    background: #3b579d;
    color: #ffffff;
}

.btn-outline-youtube {
    border: 1px solid #e52d27;
    color: #e52d27;
}

.btn-outline-twitter {
    border: 1px solid #2caae1;
    color: #2caae1;
}

.btn-outline-dribbble {
    border: 1px solid #ea4c89;
    color: #ea4c89;
}

.btn-outline-linkedin {
    border: 1px solid #0177b5;
    color: #0177b5;
}

.btn-outline-instagram {
    border: 1px solid #dc4a38;
    color: #dc4a38;
}

.btn-outline-twitter:hover {
    background: #2caae1;
    color: #ffffff;
}

.btn-outline-linkedin:hover {
    background: #0177b5;
    color: #ffffff;
}

.btn-outline-youtube:hover {
    background: #e52d27;
    color: #ffffff;
}

.btn-outline-instagram:hover{
    background: #e52d27;
    color: #ffffff;
}


/*Button cover*/

.btn-facebook {
    background: #3b579d;
    color: #ffffff;
}
.btn-twitter {
    background: #2caae1;
    color: #ffffff;
}
.btn-linkedin {
    background: #0177b5;
    color: #ffffff;
}
.btn-facebook:hover, .btn-facebook:focus {
    background: #2d4278;
    color: #ffffff;
}
.btn-twitter:hover, .btn-twitter:focus {
    background: #1b8dbf;
    color: #ffffff;
}

.btn-linkedin:hover, .btn-linkedin:focus {
    background: #015682;
    color: #ffffff;
}