/* Google Web Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
--color-first:#a10c0c;
--color-second:#2d2d2d;
--color-content: #474747;
--color-black: #000000;
--color-white: #ffffff;
--color-light: #dddddd;
--light: #f5f5f5;
--dark: #14183E;
--bs-sec-rgb:0,2,27;
--font-family-heading:"Roboto", sans-serif;
--font-family-sub-heading:"Roboto", sans-serif;
--font-family-content:"Roboto", sans-serif;
--shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .13);
}
*, ::after, ::before {
box-sizing: border-box
}
*, body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family-heading);
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5;
    color: var(--color-content);
    text-transform: none;
}
body {padding-bottom:57px;}
a,a:hover,.decorationNone{text-decoration: none;}
header {
  background: #fff;
}
header .logo {
  width:160px;
}
header .form-control {
    border: none !important;
    height: 40px;
    box-shadow: none !important;
    outline: none !important;
}
header .form-control:focus {
  box-shadow: none;
  outline: none;
  border-color: var(--color-first)
}
.header-right-side ul.navbar-nav {
  flex-direction: row;
}
header .navbar-nav .nav-item {
  padding: 0 16px;
  text-align: center;
}
header .navbar-nav .nav-item .nav-link {
  font-size:1rem;
  font-weight: 500;
  color: var(--color-second);
}
header .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--color-first) !important;
}
.mySidenav {
  box-shadow: 0 2px 4px 0 rgba(26, 26, 26, .18), 0 0 12px 0 rgba(26, 26, 26, .06);
  position: absolute;
  top: 100%;
  min-width: 184px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  z-index: 2;
}
.mySidenav {
  margin-top: 12px;
  right: -12px;
  color: var(--color-text-primary);
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: var(--color-first);
  overflow-x: hidden;
  transition: .5s
}
.sidenav .dropdown-menu {
  background: transparent;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
  display: block;
  transition: .3s
}
.sidenav .search-home-page a {
  border: 1px solid var(--color-second);
  padding: 0.25rem 0.50rem;
  border-radius: 9999px;
  margin: 0 15px;
  text-align: center;
}
.sidenav .dropdown-menu a {
  padding: 2px;
  color: var(--color-first);
  padding-left: 10px;
}
.sidenav a:hover, .sidenav a:focus {
  color: #fff
}
.sidenav .closebtn {
  position: absolute;
  top: 15px;
  right: 5px;
}
.sidenav-padding {
  padding-top: 40px;
}
.menu-icon {
  font-size: 24px !important;
  color: var(--color-first);
  cursor: pointer;
}
.search-box-wrapper {
  width: 100%;
  height: 40px;
  background: #fff;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16);
  border-radius: 50px;
  padding: 5px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer{background:var(--color-first);}
footer ul{
display:flex;
flex-direction:row;
gap:10px;
margin-bottom:0px;
}    
footer ul li{
list-style:none;
}
footer li a{
color:var(--color-content);
text-decoration:none;
}
.internalBanner {
background:var(--color-first);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.bg-light{
background-color:var(--light) !important;
}
.color-first{color:var(--color-first) !important;}
.color-second{color:var(--color-second) !important;}
.color-black{color:var(--color-black) !important;}
.color-content{color:var(--color-content) !important;}
.bg-first, .bg-first:hover{background:var(--color-first);}
.bg-second, .bg-second:hover{background: var(--color-second);}
.min-vh-50{min-height: 50vh !important;}
.bg-white-opacity{background: rgba(256, 256, 256, 0.1);}
.webContent .mainHeading {
font-size: 1.8rem;
font-weight:900;
line-height: 1.2;
color: var(--color-first);
letter-spacing: 0;
margin-bottom: 5px;
font-family: var(--font-family-heading);
}
.webContent .subHeading {
font-size: 1.4rem;
font-weight:700;
line-height: 1.2;
color: var(--color-first);
letter-spacing: 0;
margin-bottom: 5px;
font-family: var(--font-family-heading);
}
.webContent .smallHeading {
font-size: 1.2rem;
font-weight:700;
line-height: 1.2;
color: var(--color-second);
letter-spacing: 0;
margin-bottom: 5px;
font-family: var(--font-family-heading);
}
.webContent p { font-size: 1rem; }
.webContent p .webContent span, .webContent strong, .webContent b{
font-weight: 400;
color: #333;
line-height: 1.6;
font-family: var(--font-family-content);
}

.article-card a, .article-card-1 a{text-decoration:none;}
.article-card .card, .article-card-1 .card{
width: 100%;
border:0px;
margin-bottom: 20px;
transition: 0.3s ease-out;
}
.article-card .text-limit-2, .article-card-1 .text-limit-2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
}
.article-card .card img{
max-width: 100%;
object-position: center;
object-fit: cover;
height:164px;
}
.article-card-1 .card img {
max-width: 100%;
object-position: center;
object-fit: cover;
height: 100%; 
}
.article-card-1 .card{
height:489px;
}
.article-card-1 .card.card-overlay .card-body {
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: flex-end;
}
.article-card-1 .card .card-body {
position: absolute;
background: rgba(0, 0, 0, 0.4);
bottom: 0;
padding: 0.7rem;
border-radius:0px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.article-card-1 .card.card-overlay .card-body .mainHeading, .article-card-1 .card.card-overlay .card-body p{color:#fff;}
.pagination .page-item .page-link,
.allTopicsSection .pagination .page-item .page-link,
.paginationBlock .pagination .page-item .page-link {
    background: var(--color-light);
    border-color: var(--color-light);
    color: var(--color-content);
    margin-right:5px;
    outline: none !important;
    box-shadow: none !important;
}
.pagination .page-item.active .page-link,
.allTopicsSection .pagination .page-item.active .page-link,
.paginationBlock .pagination .page-item.active .page-link {
background: var(--color-first);
border-color: var(--color-first);
color: var(--color-white);
}
.article-details h1,.article-details h2,.article-details h3,.article-details h4,.article-details h5,.article-details h6{
color: var(--color-first);
font-weight: 700;
font-family: var(--font-family-heading);
letter-spacing: 0;
line-height: 1.2;
margin-bottom: 0.5rem;    
}
.article-details p, .article-details p span, .article-details span p, .article-details p strong, .article-details span, .article-details a, .article-details p a, .article-details ul li, .article-details ul li strong, .article-details ul li a, .article-details ul li a strong, .article-details ol li, .article-details ol li strong, .article-details ol li a, .article-details ol li a strong, .sitemapList ul li {
color: var(--color-content);
font-family: var(--font-family-content);
font-size: 1rem;
line-height: 1.4;
/*white-space: pre-line;*/
margin-bottom: 0.5rem;
padding-bottom: 0rem;
}
.article-details ol{padding-left: 0}
.article-details ul{padding-left: 15px}
.article-details a, .article-details p a, .article-details ul li a, .article-details ol li a, .article-details span a{color:#3557ff;}
/*** widget ***/
.widget-categories ul li{
list-style:none;
background: #fff;
border: 1px solid rgba(57, 68, 133, .3);
box-shadow: 0 0 4px rgba(0, 0, 0, .25);
margin: 5px 0;
}
.widget-categories ul li a{
color: var(--color-second);
text-decoration:none;
font-style: normal;
font-weight:500;
font-size:1rem;
line-height: 24px;
padding: 10px 15px;
width: 100%;
display: flex;    
}
.widget-categories ul li:hover{
background:var(--color-first);  
}
.widget-categories ul li a:hover{
color:#fff;    
}
/*==================== TEXT LIMIT STYLES ======================*/
.text-limit-1,.text-limit-2,.text-limit-3,.text-limit-4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-limit-1{-webkit-line-clamp: 1;}
.text-limit-2{-webkit-line-clamp: 2;}
.text-limit-3{-webkit-line-clamp: 3;}
.text-limit-4{-webkit-line-clamp: 4;}
/*.............*/
.cursor-pointer {cursor: pointer;}
.min-w-fit-content {min-width: fit-content !important;}
.w-fit-content {width: fit-content !important;}
.w-max-content {width: max-content !important;}
.w-min-content {width: min-content !important;}
img.img-cover {object-fit: cover;object-position: center;}
.h-260 {height: 230px;}
.h-340 {height: 210px;}
.no-bg-btn {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    outline: none !important;
    box-shadow: none !important;
}
.row-cards-scroll-x {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch;
}
.blogs-categories li {list-style-type: none;}
.blogs-categories li.active {background-color: var(--color-first) !important;cursor: pointer;}
.blogs-categories li a {text-decoration: none;color: var(--color-content);}
.blogs-categories li.active a {color: var(--light) !important;cursor: pointer;}
.text-sm {font-size: 0.875rem !important;line-height:normal;}
.blogs-article-details h1,.blogs-article-details h2,.blogs-article-details h3,.blogs-article-details h4,.blogs-article-details h5,.blogs-article-details h6{
    color: var(--color-second);
    font-weight: 600;
    font-family: var(--font-family-heading);
    letter-spacing: 0;
    line-height: 1.2;
    margin: 8px 0 20px 0;
}
.blogs-article-details p, .blogs-article-details p span, .blogs-article-details span p, .blogs-article-details p strong, .blogs-article-details span, .blogs-article-details a, .blogs-article-details p a, .blogs-article-details ul li, .blogs-article-details ul li strong, .blogs-article-details ul li a, .blogs-article-details ul li a strong, .blogs-article-details ol li, .blogs-article-details ol li strong, .blogs-article-details ol li a, .blogs-article-details ol li a strong, .sitemapList ul li {
    color: var(--color-content);
    font-family: var(--font-family-heading);
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 16px;
    padding-bottom: 0;
}
.blogs-article-details strong, .blogs-article-details b {font-weight: 600;}
.blogs-article-details ol{padding-left: 16px}
.blogs-article-details ul{padding-left: 16px}
.blogs-article-details ul li{list-style:disc;}
.blogs-article-details li{margin-bottom: 10px !important;}
.blogs-article-details a, .blogs-article-details p a, .blogs-article-details ul li a, .blogs-article-details ol li a, .blogs-article-details span a{color: #0d6efd;}
.blogs-article-details img {
    max-width: 100%;
    height: auto;
    /*max-height: 500px;*/
    object-fit: contain;
    object-position: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 16px;
}
/*** AUTHOR ***/
.author-details{
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.author-details .author-img{
    display: inline-block;
    width: 35px;
    height: 35px;
}
.author-details .author-txt{margin-left: 10px;width: 80%;}
.author-details .author-img,.author-details .author-txt{clear: both;}
.author-details .author-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 0 0 0;
}
.author-details .author-txt span{color: #333}
.author-details .author-txt a{color: #3557ff;}
.seperatorLine{border-right: 1px solid #333; padding-right: 5px;margin-right: 5px}
.author-details-desc img {
    width: 150px;
    height: 150px;
    float: left;
    margin:0 20px 20px 0px;
    margin-left:0;
    border-radius:50%;
    object-fit: cover;
    object-position: center;
}
.author-details-desc{width:100%}

.ads-div {margin: 24px 0;}
.ads-div2 {margin: 160px 0 0 0;}
.ads-div, .ads-div, .ads-div img, .ads-div2 img {border-radius: 0;}
.ads-div img, .ads-div2 img {margin: 0 0 0 0;}
/*** RESPONSIVE ***/
@media screen and (max-width:1024px) {
    .ads-div2 {margin: 24px 0 0 0;}
}
@media screen and (max-width:767px) {
    .ads-div2 {margin: 0 0 24px 0;}
    .h-340 {height: auto;}
    body { padding-bottom: 81px; }
}
@media only screen and (max-width:992px) {
  .article-card .card img, .article-card .card.centercard img {height: auto}
  .header-right-side-web-menu {display: none;}
}
@media screen and (min-width:1024px) and (max-width:1365px) {
  .header-right-side-web-menu {display: none;}
  .article-card .card img, .article-card .card.centercard img {height: auto}
 .webContent .mainHeading {font-size: 2.4rem;}
.article-card .card.centercard .mainHeading {font-size: 2.4rem;}   
}
@media only screen and (max-width:768px) {
  .author-details-desc {width: 100%}
}
@media screen and (min-width:320px) and (max-width:767px) {
    .webContent .mainHeading {font-size: 1.2rem;}
    .article-card .card.centercard .mainHeading {font-size: 1.2rem;}
    .webContent .subHeading, .webContent p .webContent span, .webContent strong, .webContent b {font-size: 1rem;}
}