/* Google Web Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*** GENERAL ***/	
	:root {
		--color-first: #102868;
		--color-second: #00b8da;
		--color-content: #373737;
		--color-black: #000;
		--light: #f5f5f5;
		--dark: #14183E;
		--bs-sec-rgb:0,2,27;
		--font-family-heading:"Inter", sans-serif;
		--font-family-sub-heading: "Inter", sans-serif;
		--font-family-content: "Inter", 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{padding-bottom:60px;}
header{background:#fff;}
header .logo {width:250px;}
header .form-control{border: 1px solid var(--color-first);height:32px;}
header .form-control:focus, .btn{box-shadow:none;outline:none;border: none;}
.header-right-side ul.navbar-nav {flex-direction: row;}
header .navbar-nav .nav-item {padding: 0 12px;text-align: center;}
header .navbar-nav .nav-item .nav-link {font-size: 1rem;font-weight:500;color:var(--color-first);}
header .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: var(--color-second) !important;}
.mySidenav {
box-shadow: 0 2px 4px 0 rgba(26, 26, 26, .18), 0 0 12px 0 rgba(26, 26, 26, .06);
--slide-animation: e-slide-top;
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: 25px;
color: var(--color-first);
cursor: pointer;
}

	.internalBanner {
		background: linear-gradient(0deg, var(--color-first), #00788f);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
.color-first{color:var(--color-first) !important;}
	.bg-light{background-color:var(--light) !important;}
	.bg-first, .bg-first:hover{background:var(--color-first);}
	.btn.bg-first:hover{background:var(--color-second);}
	.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.4rem;}
	.webContent .subHeading {font-size: 1.2rem;}
	.webContent .smallHeading {font-size: 1rem;}
	.webContent .mainHeading,.webContent .subHeading,.webContent .smallHeading{
		font-weight:700;
		line-height: 1.2;
		color: var(--color-first);
		letter-spacing: 0;
		margin-bottom: 5px;
		font-family: var(--font-family-heading);	
	}
	.webContent p, .webContent span{
		font-size: 1rem;
		font-weight: 400;
		color: #333;
		margin-bottom: 0;
		line-height: 1.6;
		font-family: var(--font-family-content);
	}
.webContent strong, .webContent b{
font-weight:600;
margin-bottom: 0;
font-family: var(--font-family-content);    
}
	.webContent.textWhite .mainHeading,.webContent.textWhite .subHeading,.webContent.textWhite .smallHeading,
	.webContent.textWhite p, .webContent.textWhite span, .webContent.textWhite strong, .webContent.textWhite b{
		color: #fff;
	}
/*** ARTICLE CARD ***/		
	.article-card a{text-decoration:none;}
	.article-card .card{
		width: 100%;
		border:0px;
		transition: 0.3s ease-out;
	}
	.text-limit-1, .text-limit-2{
		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;}
	.article-card .card{height: 100%;}
	.article-card .card img {
		max-width: 100%;
		object-position: center;
		object-fit: cover;
		height: 240px;
	}
	.article-card .card .card-body{
		background: var(--light);
		bottom: 0;
		padding: 16px;
	}
	.article-card .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 .card.card-overlay .card-body h2 {color: var(--color-first);}
.article-card .card.card-overlay .card-body p {color: var(--color-content);}
.pagination .page-item .page-link {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight:600;
	color: var(--color-content);
	border-radius: 100px;
	background-color:  var(--light);
	min-width: 40px;
	width: 40px;
	height: 40px;
}
.svg-20 {
	display: block;
	min-width: 20px;
	width: 20px;
	height: 20px;
}
.disabled {opacity:0.5;}
.page-item .page-link:focus{
box-shadow:none;
outline:none;
}

	.pagination .page-item.active .page-link,
	.allTopicsSection .pagination .page-item.active .page-link,
	.paginationBlock .pagination .page-item.active .page-link {
		background: var(--color-second);
		border-color: var(--color-second);
		color: #fff;
	}
	.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: 16px;
	}
	.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;
		margin-bottom: 16px;
		padding-bottom: 0;
	}
	.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: var(--color-second);}
/*** widget ***/
	.widget-categories ul li{
		list-style:none;
		background: var(--light);
		border-radius: 8px;
		border: 1px solid rgba(0, 0, 0, .12);
		margin: 0 0 8px 0;
	}
.widget-categories ul li:last-child {margin: 0;}
	.widget-categories ul.list li a {
		display: block;
		color: var(--color-content);
		text-decoration: none;
		padding: 8px;
		margin: 0;
	}
.widget-categories ul.list li a img{
	width: 100%;
	height: 60px;
	object-fit: cover;
	object-position: center;
}
.widget-categories ul.list li a p{
		color: var(--color-content);
		font-weight: 400;
		font-size: 14px;
		line-height: 22px;
		width: 100%;
	margin: 0 0 10px 0;
}
.widget-categories ul.list li a p:last-child {margin: 0;}
.widget-categories ul.list.list2 li a {
	width: fit-content;
    font-size: 13px;
	font-weight: 400;
    line-height: 15px;
	padding:  8px 12px;
}
	.widget-categories ul li:hover{background:var(--color-second);  }
	.widget-categories ul li:hover a{color:#fff;    }
/*** 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%;
	}
	.author-details .author-txt span{color: #333}
	.author-details .author-txt a{color: var(--color-second);}
	.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%}


.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-links-ul {list-style-type: none;}
.footer-links {
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
}
.search-box-form {width: 260px;}
.search-box-form button.bg-first {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	padding: 4px;
}
.search-box-form button.bg-first i {font-size: 14px;}
.site-links-ul li {margin-bottom: 6px;}
.site-links-ul li:last-child {margin-bottom: 0;}
.site-links-ul li a {
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	color:  var(--color-content);
	margin: 0;
}
.site-links-ul li a:hover {
	text-decoration: underline;
}

/*** RESPONSIVE ***/	
	@media screen and (max-width:1200px){
		header .logo {width:200px;}
		.search-box-form {width: 220px;}
	}
	@media screen and (max-width:992px){
		.article-card .card.card-overlay .card-body{height: auto;top: initial;}
		.article-card .card.card-overlay .card-body button{display: none;}
        .header-right-side-web-menu {display: none;}
		body {padding-bottom: 90px;}
	}
	@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;}
		.webContent .subHeading {font-size: 1rem;}
		.webContent .smallHeading {font-size: 0.9rem;}
		.webContent p .webContent span, .webContent strong, .webContent b{font-size: 1rem}
         .header-area {flex-wrap: wrap;}
         .search-box-form, .customNav{width: 100%;}
		.footer-links {font-size: 13px;}
	}