@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');


/* ------- CSS for BRQ webpage ------------- */
body
{
	font-family: "Roboto", sans-serif;
	margin: 0px !important;
}
#main
{
	overflow: hidden;
}
.modal
{
	z-index: 10000;
}
.hero h1
{
	text-transform: capitalize;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    margin-top: 16px !important;
}
.breadcrumb-item.active a span {
    color: #fc6761!important;
}
.signup .form-check-input
{
	position: absolute;
	margin-left: 0;
	margin-top: 6px;
}
.signup .form-check-input + label
{
	padding-left: 22px;
}
.form-check-input
{
	position: initial;
    margin: 0;
}
.form-control:focus
{
	border: 1px solid #497cb0;
}


/*------------for header----------*/

/* Media width 1024 and above */

@media(min-width:1024px)
{
	.sidebar-toggle
	{
		padding-right:20px;
		display: none;
	}

	
	
}

/* Media width below 991px */
@media (max-width:991px)
{
	.sub-header
	{
		display: none;
	}
	body .container-fluid
	{
		margin-top: 80px !important;
	}
	body .hero .container-fluid
	{
		margin-top: 120px !important;
	}
	/* .my-account-card
	{
		margin-top: 100px !important;
	} */
	
}
/* Media width between 768px and 991px */
@media (max-width:991px) and (min-width:768px)
{
	.section-header .navbar-nav
	{
		display: none !important;
	}
	.section-header .navbar
	{
		padding: 0px 15px !important;
	}
	.navbar-expand-lg .navbar-collapse
	{
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		flex-grow: inherit;
	}
	.navbar-expand-lg .navbar-nav 
	{
		-ms-flex-direction: row;
		flex-direction: row;
		margin-left: auto!important;
	}
	.navbar-nav .dropdown-menu
	{
		position: absolute;
	}
	#pills-tabContent .profile-left-section
	{
		flex: 0 0 100%;
		max-width: 100%;
	}
	#pills-tabContent .section-profile-right
	{
		flex: 0 0 100%;
		max-width: 100%;
	}

	.search-results .tg-widget-tab ul.nav > li > a {
		width:200px;
	}

	.site-footer .address {
		flex: 0 0 41.666667% !important;
		max-width: 40.666667% !important;
	}


}

/* media width 767px and below*/
@media (max-width:767px) 
{
	.main-header
	{
		flex-wrap: inherit;
	}

	
	
}

/* Media width 767 between 540 px */
@media(max-width:767px) and (min-width:540px)
{
	.navbar-menu{margin-left:-54px;}
	.section-header .navbar-nav
	{
		display: none !important;
	}
	.navbar-expand-lg .navbar-collapse
	{
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		flex-grow: inherit;
	}
	.navbar-expand-lg .navbar-nav 
	{
		-ms-flex-direction: row;
		flex-direction: row;
		margin-left: auto!important;
	}
	.navbar-nav .dropdown-menu
	{
		position: absolute;
	}
	.navbar
	{
		padding: 0.7rem 1rem;
	}
	.navbar-brand
	{
		font-size: 24px;
	}
	.setting-dropdown img
	{
		width: 35px !important;
		margin-right: 0;
	}
	.setting-dropdown .navbar-expand-lg .navbar-nav .nav-link
	{
		font-size: 12px;
		padding: 0 0.25rem;
    	width: 90px;
	}
	#displayResults .my-post-header h1 {
		font-size: 25px !important;
	}
	#displayResults .my-post-name-header {
		font-size: 15px!important;
	}

	.my-post-header .my-post-sub-header {
		font-size: 15px!important;
	}

	.search-results .tab-head li {
		padding-bottom: 10px;
	}

	
	.search-results .tg-widget-tab ul.nav > li > a {
		width:200px;
	}


	
}

/* Media width 539 px and below */

@media (max-width:539px)
{
	
	.navbar-menu
	{
		margin-top:10px!important;
		width:100%!important;
		border:1px solid red;
	}
	.navbar
	{
		padding: 1rem!important;
	}
	.navbar-brand{width:78%;}
	.navbar-collapse
	{
		display: none;
	}
	.navbar-brand
	{
		width: fit-content;
		margin: auto;
		font-size: 24px;
		text-align: center;
	}

	#displayResults .my-post-name-header{
		display: block!important;
	}
	#displayResults .my-post-name-header .user-details{
		padding-bottom: 10px;
	}

	#displayResults .my-post-name-header .spanone {
		display: none !important;
	}

	.my-post-header .my-post-sub-header{
		display: block !important;
	}

	#displayResults .my-post-name-header {
		font-size: 15px!important;
	}

	.my-post-header .my-post-sub-header {
		font-size: 15px!important;
	}
	.author-bio .thumbnail {
		font-size: 15px!important;
	}

	#displayResults .my-post-header h1 {
		font-size: 25px !important;
	}

	.mypost ul .add-article a {
		display: block !important;
		margin-top: 10px;
	}
	.profile-right-inner .mypost .nav
	{
		display:block !important;
	}
	.mypost .tab-content .news-box h5 {
		font-size: 16px !important;
	}

	.search-results .tab-head li {
		padding-bottom: 10px;
	}

	.search-results .tg-widget-tab ul.nav > li > a {
		width:160px;
	}
	
}

/* max width 424px and below */
@media (max-width:424px)
{
	.navbar-brand 
	{
		font-size: 22px;
	}
	.navbar-toggler .navbar-toggler-icon
	{
		width: 23px;
	}
	.navbar-toggler .navbar-toggler-icon::before, .navbar-toggler .navbar-toggler-icon::after
	{
		width: 23px;
	}
	.author-bio h4,h5
	{
		font-size: 22px !important;
	}
	#displayResults .description_details .user_details 
    {
       font-size: 16px !important;
    }
}

/* Media width 374 px below */
@media (max-width:374px)
{
	.navbar
	{
		padding: 10px !important;
		height: 70px;
	}
	.navbar-brand 
	{
		font-size: 20px;
	}
	.navbar-toggler .navbar-toggler-icon {
		width: 21px;
	}
	.navbar-toggler .navbar-toggler-icon::before, .navbar-toggler .navbar-toggler-icon::after {
		width: 21px;
	}
	.modal.search-bar .modal-content .modal-body
	{
		height: 70px !important;
	}
	.modal.search-bar .close span
	{
		margin-right: 10px;
    	margin-left: 4px;
	}
	#displayResults .my-post-header h1 {
		font-size: 20px !important;
	}

	#displayResults .description_details .user_details 
	{
		text-align: none !important;
	}

	#displayResults .description_details .user_details span
    {
      display: block !important;
    }

	/* #displayResults h6
	{
		text-align: center;
	} */

}

/* Media width 319 px an below */
@media (max-width:319px)
{
	body .container-fluid
	{
		margin-top: 70px !important;
	}
	body .hero .container-fluid 
	{
		margin-top: 110px !important;
	}
	.navbar
	{
		padding: 10px!important;
	}
	.navbar-brand {
		font-size: 18px;
		font-weight: 600;
	}
	.navbar-toggler .navbar-toggler-icon {
		width: 20px;
	}
	.navbar-toggler .navbar-toggler-icon::before {
		width: 20px;
		top: -7px;
	}
	.navbar-toggler .navbar-toggler-icon::after
	{
		width: 20px;
		top: 7px;
	}
	.main-header .search-button i
	{
		font-size: 15px;
		padding: 0 9px !important;
	}
	.btn-glob-tech
	{
		padding:2px 10px 2px 8px;
	} 
	.author-bio .thumbnail
	{
		font-size: 13px !important;
	}
	.author-bio h4,h5
	{
		font-size: 20px !important;
	}
	.author-bio .view-button a
	{
		font-size: 14px;
	}
	.comment-and-reply .media img {
		width: 50px !important;
		height: 50px !important;
	}
	#displayResults .my-post-header h1 {
		font-size: 18px !important;
	}
	.editPost .btn-success
	{
		display: block;
		margin-bottom: 5px;
	}
	

}
.divError
{
	text-align:left;
	margin-top:4px;
}
.divError span p
{
	color:#fff !important;
}
.logo
{
	width:20% !important;
}

.dis-show
{
	display: inherit!important;
}
.sidebar-toggle .dis-show
{
	display: bLock!important;
}
.sidebar-toggle .menu
{
	margin: 6px 0px !important;
	font-size: 18px !important;
	color: #fff;
}
.navbar-menu
{
	color: #2a3038;
	width:75px;
	margin-top: -10px;
	font-size:18px;
}
.p-left-5
{
	padding-left:5px;
}
.setting-dropdown 
{
	width: 160px;
}
.setting-dropdown img
{
	width: 40px !important;
	height: 40px;
	border-radius: 50%;
	margin-right: 6px;
}
.setting-dropdown span
{
	padding: 0 .25rem !important;
}
.setting-dropdown a
{
	display: flex;
	align-items: center;
	/* padding-right: 0.75rem;
	padding-left: 0.75rem; */
	color: #497cb0;
	font-weight: 600;
	font-size: 14px;
	margin-top: 12px;
	margin-left:12px;
}
.setting-dropdown .dropdown-menu
{
	top: 94%;
    /* right: 130px; */
	background: #f5f5f5;
    font-size: 14px;
}
.setting-dropdown .dropdown-toggle::after
{
	color: #497c96;
}
.setting-dropdown .dropdown-menu a
{
	font-weight: 500;
	padding: 6px;
	width: 90%;
	color:#fff;
}
.setting-dropdown .dropdown-menu a:hover
{
	background-color: #134a9c;
	color: #fff;
}
.setting-dropdown .dropdown-menu a:hover i
{
	color: #fff;
}
.setting-dropdown .dropdown-menu i
{
	color:#fff;
}
.setting-dropdown .dropdown-menu a:last-child i
{
	color: red;
}

.setting-dropdown .dropdown-menu.dropdown-menu-right.show {
    background-color: #389cf1;
}

.setting-dropdown .dropdown-menu.dropdown-menu-right.show a:hover {
    background-color: #134a9c;
}
.setting-dropdown .dropdown-menu a span
{
	margin-left: auto;
	background: #fc6761;
	padding: 2px 6px;
	font-size: 11px;
	font-weight: 500;
	color: #fff;
}
.main-header .search-button i
{
	color: #497c96;
	padding: 9px;
	border-radius: 50%;
	transition: ease-in-out 0.3s;
}
.main-header .search-button i:hover
{
	background: #dfdfdf;
}
/*----------end----------------*/

/*----------for sidebar----------*/

.pusha-panel
{
	z-index:9999;
	background-color:#fff ;
	
}
.pusha-panel__inner 
{
	
    padding: 0px 0px !important;
}
.pusha-panel__inner .btn
{
	width: 100%;
	color: #000;	
	border-radius: 0px !important;
	text-align: left;
	padding: 10px;
}
.pusha-panel__inner .fa-chevron-down:before 
{
	font-size: 12px;
}
.pusha-panel__inner button:hover
{
	background-color: #389cf1;
	border: 1px solid #389cf1;
	color:#fff;
	
}

.pusha-panel__inner a
{
	color:#fff !important;
}

.pusha-panel__inner li.mb-1
{
	border-bottom: 1px solid #263c78;
}
.pusha-panel__inner .collapse
{
	background-color: #389cf1 !important;
    padding-top: 2px;
    padding-bottom: 2px;
}
.pusha-panel__inner .collapse a
{
	color:#fff;
	font-size: 13px;
	margin-left: 25px;
}
.pusha-panel__inner .collapse li:hover
{
	background-color:#263c78 ;
}

.pusha-panel__inner .collapsing {
	transform: translateX(0%) !important;
	transition:.0s ease !important;
  }

.pusha-panel__inner a
{
	color:var(--link-color);

}

.sidebar-head
{
	padding: 10px;
	background: linear-gradient(-90deg, black, #263c78);	
	color: #fff;
	font-weight: 500;
	font-size: 1.5rem;
}
.pusha-panel__close
{
	background: transparent;
	border: none;
	color: #fff;
	float: right;
	margin-bottom: 0!important;
	margin-top: 5px;
	font-size:14px!important;
	outline: none !important;
}
.sidebar-head .head-title
{
	padding: 0px 0px 4px 10px;
}
.sidebar-head img
{
	width: 70px !important;
    height: 70px;
    margin: 10px 10px 10px 12px;
    border-radius: 50%;
    padding: 3px;
    border: 2px solid #fff;
}
.sidebar-head h6
{
	margin: 0px 0px 10px 12px;
    color: #fff;
    font-size: 13px;
}
.sidebar-head h6 a i
{
	float: right;
    margin-right: 10px;
    color: #fff;
}
.sidebar-sub-head
{
	background: #389cf1;
	padding: 0 15px;
	border: 1px soild #389cf1;
}
.sidebar-sub-head a
{
	color: #fff;
	font-size: 13px;
    padding: 0.8em 1em;
}
.sidebar-sub-head .not-login
{
	display: flex;
}
.sidebar-sub-head .not-login li
{
	width: 50%;
    text-align: center;
}
.p-bottom-15
{
	padding-bottom:15px;
}
.m-bottom-20
{
	margin-bottom:20px;
}

.dropdown-profile
{
	right: 20px!important;
    top: 65px!important;
}

@media (min-width:992px)
{
	.d-none-lg
	{
		display: none!important;
	}
}

@media (max-width:991px)
{
	.d-none-sm
	{
		display: none!important;
	}
}

.fa
{
	padding-right: 10px;
	/* padding-left: 5px; */
}

.fas
{
	padding-right: 10px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.pusha-active .pusha-panel__content::-webkit-scrollbar 
{
  display: none!important;
}

/* -----------for serach panel ---------- */

 .serach-panel input[type=text] {
  padding: 6px;
  font-size: 17px;
  border: 1px solid #497c96;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  float: left;
  width: 70%;
  background: #f1f1f1;
}
.search-input:focus
{
	background:#fff!important;
	outline:none;
}	
.serach-button:focus
{
	outline:none;
}
.serach-panel button {
  float: left;
  width: 30%;
  padding: 6px;
  background: #497c96;
  color: white;
  font-size: 17px;
  border: 1px solid #497c96;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: none;
  cursor: pointer;
}

.serach-panel::after {
  content: "";
  clear: both;
  display: table;
}
@media (min-width:1200px)
{
	.serach-panel 
	{
		width: 35%;
		margin: 0 30px 0 0;
	}
	
}
@media (min-width: 1024px) and (max-width:1119px)
{
	.serach-panel 
	{
		width: 50%;
		margin-right: 10px;
	}
	
}
@media(max-width:768px)
{
	.serach-panel
	{
		display:none;
	}
}

/*------------Sub Header CSS Start------------*/

.sub-header
{
	background: #497c96;
	margin-top:80px;
	justify-content: center
}
.sub-header-content
{
	color:#f5f5f5!important;
	font-weight:600!important;
	font-size:12px!important;
	padding-right: .5rem!important;
    padding-left: .5rem!important;
}
.w-100
{
	width:100%;
}
.sub-header-menu
{
	color: #f5f5f5;
    width: 100%;
    font-size: 18px;
}
.p-right-icon
{
	padding-left:5px;
}
/*-------dropdown css-----------*/
.dropdown 
{
  position: inherit;
}

.dropdown-content 
{
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	box-shadow: 0 8px 20px 8px rgb(10 0 0 / 20%);
	z-index: 3;
	top: 38px;
	border-radius: 5px;
	border: 1px solid #f5f5f5;
	padding: 8px;
}

.width-70
{
	width:70%;
}

.dropdown-content a 
{
	color: #2a3038;
    font-size: 13px;
    text-transform: capitalize !important;
	display: block;
	padding:5px 15px;
}
/*----------------------------------------*/
.viewmore 
{
	color: #497c96!important;
	margin-bottom:25px;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.dropdown-title
{
	font-size: 1rem;
    font-weight: bold;
    margin-bottom: .5rem;
    line-height: 1.2;
    padding: 0 15px;
	color:#2a3038;
}

.sm-dropdwn a
{
	font-size:16px!important;
}

/* @media(max-width:1369px) and (min-width:1300px)
{
	.section-header .sidebar-toggle
	{
		display: none !important;
	}
	.section-header .navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
		font-size: 13px !important;
	  }

	.section-header .navbar {
		padding: 0.7rem 3rem !important;
	}
	.setting-dropdown .dropdown-menu {
		right: 70px !important;
	}
	.setting-dropdown 
	{
		width: 150px !important;
	}
} */
/* @media(max-width:1299px) and (min-width:1200px)
{
	.section-header .sidebar-toggle
	{
		display: none !important;
	}
	.section-header .navbar-expand-lg .navbar-nav .nav-link {
		 padding-right: 0.3rem !important;
		padding-left: 0.3rem !important; 
		font-size: 13px !important;
	  }

	.section-header .navbar {
		padding: 0.7rem 2rem !important;
	}

	.section-header .navbar-nav
	{
		padding-left: 15px !important;
		padding-right: 0px !important;
	}
	.setting-dropdown 
	{
		width: 150px !important;
	}
	.setting-dropdown .dropdown-menu {
		right: 55px !important;
	}
} */

/* @media(max-width:1299px) and (min-width:1250px)
{
	.section-header .sidebar-toggle
	{
		display: none !important;
	}
	.section-header .navbar-nav
	{
		padding-left: 20px !important;
		padding-right: 0px !important;
	}
	.section-header .navbar {
		padding: 0.7rem 2rem !important;
	}

	.section-header .navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.4rem !important;
		padding-left: 0.4rem !important;
		font-size: 13px !important;
	  }
} */

@media(min-width:992px)
{
	.navbar-dis-none
	{
		display:none!important;
	}
	.section-header .sidebar-toggle
	{
		display: none !important;
	}

	
}

/* @media(min-width:1100px) and (max-width:1199px)
{
	.section-header .navbar {
		padding: 0.7rem 2rem !important;
	}
	.section-header .navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.2rem !important;
		padding-left: 0.1rem !important;
		font-size: 13px !important;
	  }
	  .setting-dropdown .dropdown-menu {
		right: 38px !important;
	}

	.search-results .tab-head li a {
		padding: 10px 40px !important;
		font-size: 14px !important;
	}
} */

/* @media(min-width:1025px) and (max-width:1099px)
{
	.sidebar-toggle
	{
		padding-right:20px;
		display: none;
	}
	.section-header .navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.3rem !important;
		padding-left: 0.2rem !important;
		font-size: 12px !important;
	  }

	.section-header .navbar {
		padding: 0.7rem 0rem !important;
	}

	.section-header .navbar-nav
	{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.setting-dropdown .dropdown-menu 
	{
		right:3px !important;
	}

	.search-results .tab-head li a {
		padding: 10px 35px !important;
		font-size: 14px !important;
	}
} */

/* @media(min-width:992px) and (max-width:1024px)
{
	.section-header .navbar-toggler
	{
		display: none !important;
	}
	.section-header .navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.2rem !important;
		padding-left: 0.2rem !important;
		font-size: 12px !important;
	  }

	  .section-header .navbar {
		padding:  0rem !important;
	}

	.setting-dropdown .dropdown-menu 
	{
		right:25px !important;
	}

	.setting-dropdown 
	{
		width: 135px !important;
	}

	.search-results .tab-head li a {
		padding: 10px 32px !important;
		font-size: 15px !important;
	}
} */

@media(max-width:991px)
{
	#navbarNav1
	{
		margin-top: 10px;
		border-top:1px solid #f5f5f5;
		padding-top:25px;
	}
	.dropdown-title
	{
		color:#f5f5f5!important;
	}
	.dropdown-content a 
	{
		color:2a3038!important;
	}

	.modal-dialog 
	{
		max-width: 725px;
	}
}

@media(max-width:767px) and (min-width:540px)
{
	.col-xs-6
	{
		flex: 0 0 50%;
		max-width: 50%;
	}
	
}

@media(max-width:539px) and (min-width:425px)
{
	.col-xs-6
	{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.sub-header
	{
		padding: 5px!important;
	}	
}

@media(max-width:424px)
{
	.sub-header
	{
		text-align:center;
		margin-top: 7.8rem;
		padding: 3px!important;
	}	
}
.nav-link:hover
{
	color:#f13a11!important;
}

/*--------------End CSS-------------------*/

/*-------------Modal Login CSS -------------*/

.login
{
	color:#497c96;
}
.company-details
{
	padding:10px 30px;
	text-align:center;
}
@media(max-width:767px)
{
	.company-details
	{
		display:none;
	}
}
@media (max-width:991px)
{
	.login-img
	{
		width:100%;
	}
	.sub-header 
	{
		margin-top: 85px;
	}
	.serach-panel
	{
		display: none;
	}
}
.custom-control-label::before 
{
    top: 2px!important;
}
.close:focus
{
	outline:none;
}
/*------------- End Modal Login CSS -------------*/

/*------------ Start Signup CSS -----------------*/

.offer-window
{
	min-height: 50px;
    z-index: 0;
    background: #d0e6f1;
	text-align:center;
}
.offer-window a
{
	color: var(--link-color);
}
.btn-glob-tech
{
	color: #fff;
    background-color: #134a9c;
    border:2px solid #134a9c;
	transition: ease-in-out 0.6s;
}
.btn-glob-tech:hover
{
	color: #134a9c;
    background-color: #fff;
    border:2px solid #134a9c;
}
.input-label-blue
{
	color: #497c96;
    font-weight: bold;
    font-size: 15px;
}

.focus-blue:hover,.focus-blue:focus
{
	border-color:#497c96 ;
}

/*------------ End Signup CSS -----------------*/

/*----------- Start Index Page CSS -------------*/

.h-underline-blue {
    border-bottom: solid 3px #497c96;
    padding-bottom: 12px;
}
.article-img-frame
{
	display:inline-block;
	height:250px;
	overflow:hidden;
}
.article-img
{
	width: 100% !important;
    height: 100%;
}
.article-sub-img-frame
{
	display:inline-block;
	height:53px;
	width:100px;
	overflow:hidden;
	border-radius: .25rem!important;
	align-self: center;
}
.article-sub-img
{
	width:100%;
	height: 100%;
}
.article-card
{
	padding-bottom: 1.25rem!important;
	padding-top: 0.25rem!important;
	margin-bottom: 1rem!important;
	border-bottom: 1px solid #dee2e6!important;
}
.article-card h6 a
{
	margin-bottom: 10px;
	color: #497c96;
}
.article-card h6 a:before
{
	margin-right: 8px;
}
.article-card p
{
	text-align: justify;
	font-size: 15px;
}
.media-body h4
{
	font-size:15px; 
	line-height:22px;
	font-weight: 600;
}

.view-more
{
	font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
	margin-top: 10px;
	color:#497c96!important;
}

.green_list ul 
{
    padding-left: 10px;
}

.green_list ul li 
{
    list-style-type: none;
    margin-bottom: 15px;
    list-style-position: outside;
    line-height: 22px;
}

.green_list ul li:before {
    content: "\f0da";
	font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
    color: #0092dd;
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    left: 15px;
    font-size: 18px;
    position: absolute;
}

@media (min-width: 1200px)
{
	.container-fluid 
	{
		padding-left: 7% !important;
		padding-right: 7% !important;
		width: 100%;
	}
}

.frame-h-100
{
	width:100%;
	height: 100px;
	overflow:hidden;
	align-self: center;
	display:inline-block;
}

.frame-h-300
{
	width:100%;
	height: 300px;
	overflow:hidden;
	align-self: center;
	display:inline-block;
}

.w-h-100
{
	width: 100%;
	height: 100%;
}

/*-- Popular Discussions , Popular Queries in Experts , Events CSS Start --*/


.drop
{
	position:relative;
}

.dd-button
{
	display: inline-block;
    padding: 10px 18px;
    cursor: pointer;
    white-space: nowrap;
}

.dd-button .fas
{
	padding: 0!important;
}

.dd-button-dropdown
{
	right: 0px;
    top: 45px;
    background: #fff;
}

.dd-button-dropdown a:hover
{
	background:#ecf9ff;
}
	    
.h-underline-red 
{
    border-bottom: solid 3px red;
    padding-bottom: 12px;
}

/*-- Popular Discussions , Popular Queries in Experts , Events CSS End --*/

/*-- CSS for Notifications & Circulars , Files --*/

.brq-blue
{
	color:#497c96;
}

.brq-blue:hover
{
	color:#ff0000;
}

.cardbox-base ul 
{
    padding-left: 15px;
}

.cardbox-base ul li 
{
    list-style: none;
    margin: 0 0 0 -8px !important;
    padding: 0 0 0 0 !important;
    display: inline-block;
}

.cardbox-base ul li a img {
    width: 45px !important;
    height: 45px;
    margin: 0 !important;
    border: 2px solid #fff;
}

/*-- End CSS for Notifications & Circulars , Files --*/

/*-- CCI Jobs CSS start --*/

.h-underline-green 
{
    border-bottom: solid 3px #00c693;
    margin-bottom: 23px;
    padding-bottom: 12px;
}
.bg-lightblue
{
	background-color: #f5fcff;
}
.btn-green
{
    background-color: #00c693;
	border: 1px solid #00c693;
    border-radius: 30px;
    padding: 5px 14px;
    color: #fff;
    font-size: 12px;
	text-transform: capitalize;
	text-align: center;
	width: fit-content;
	transition: ease-in-out 0.6s;
}
.btn-green:hover
{
	background: #fff;
	color: #00c693;
	border: 1px solid #00c693;
}

/*-- CCI Jobs CSS End --*/

/*-- Start Online Learning CSS --*/
.btn-search
{
	padding: 0px 10px 0 20px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #007bff;
}
.border-left-radius
{
	border-top-left-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
}
.align-self
{
	align-self: center;
}

.bold
{
	font-weight: bold;
}
/*-- End Online Learning CSS --*/

/*----------- End Index Page CSS -------------*/

/*----------- Start cci online learning Page CSS -------------*/

.sub-online-learning
{
	letter-spacing: 3px;
	padding-left: 25px;
}

.bg-blue
{
	background-color: #497c96;;
}

.border-red 
{
    border-left: 6px #ffc0c0 solid!important;
}

.border-color 
{
    border-left: 6px #bfbfbf solid;
}

.border-yellow 
{
    border-left: 6px #fff0a7 solid!important;
}

.border-peach 
{
    border-left: 6px #83eeff solid!important;
}

.border-green 
{
    border-left: 6px #a8ffbb solid!important;
}


/*-- CSS for Responisive Slick Carousel Popular Courses --*/

#mixedSlider 
{
	position: relative;
}

#mixedSlider .MS-content 
{
	white-space: nowrap;
	overflow: hidden;
	margin: 0 1%;
}
#mixedSlider .MS-content .item 
{
	display: inline-block;
	width: 20%;
	position: relative;
	vertical-align: top;
	overflow: hidden;
	height: 100%;
	white-space: normal;
	padding: 0 5px;
}
@media (max-width: 991px) 
{
	#mixedSlider .MS-content .item 
	{
		width: 25%;
	}
}
@media (max-width: 767px) 
{
	#mixedSlider .MS-content .item 
	{
		width: 50%;
	}
}
@media (max-width: 424px) 
{
	#mixedSlider .MS-content .item 
	{
		width: 100%;
	}
	.item .img-fluid
	{
		width: 100%;
	}
}

#mixedSlider .MS-controls button 
{
	position: absolute;
	border: none;
	background-color:#497c96;
	outline: 0;
	font-size: 30px;
	top: 150px;
	color: lightgrey;
	transition: 0.15s linear;
    border: 1px solid lightgrey;
}


#mixedSlider .MS-controls button:hover
{
	color: #fff;
	font-size: 35px;
	border: 0px solid;
}
@media (max-width: 992px)
{
	#mixedSlider .MS-controls button 
	{
		font-size: 30px;
	}
}

@media (max-width: 767px) 
{
	#mixedSlider .MS-controls button 
	{
		font-size: 20px;
	}
}

#mixedSlider .MS-controls .MS-left 
{
	left: -20px;
}

#mixedSlider .MS-controls .MS-right 
{
	right: -20px;
}

@media (max-width: 1119px) and (min-width:992px)
{
	#mixedSlider .MS-controls .MS-left 
	{
		left: -12px;
	}

	#mixedSlider .MS-controls .MS-right 
	{
		right: -12px;
	}
}

@media (max-width: 991px) 
{
	#mixedSlider .MS-controls .MS-left 
	{
		left: -14px;
	}

	#mixedSlider .MS-controls .MS-right 
	{
		right: -14px;
	}
}


/*-- End Responsive Slick Carousel --*/

/*-- CSS for Responisive Slick Carousel CA Inter , CA Foundation  & Certification Course--*/

#caInter,#caFoundation,#certificationCourse
{
	position: relative;
}

#caInter .MS-content , #caFoundation .MS-content ,#certificationCourse .MS-content
{
	white-space: nowrap;
	overflow: hidden;
	margin: 0 1%;
}
#caInter .MS-content .item , #caFoundation .MS-content .item ,#certificationCourse .MS-content .item 
{
	display: inline-block;
	width: 20%;
	position: relative;
	vertical-align: top;
	overflow: hidden;
	height: 100%;
	white-space: normal;
	padding: 0 5px;
}
@media (max-width: 991px) 
{
	#caInter .MS-content .item , #caFoundation .MS-content .item , #certificationCourse .MS-content .item
	{
		width: 25%;
	}
}
@media (max-width: 767px) 
{
	#caInter .MS-content .item , #caFoundation .MS-content .item , #certificationCourse .MS-content .item
	{
		width: 50%;
	}
}
@media (max-width: 424px) 
{
	#caInter .MS-content .item , #caFoundation .MS-content .item , #certificationCourse .MS-content .item
	{
		width: 100%;
	}
	.item .img-fluid
	{
		width: 100%;
	}
}

#caInter .MS-controls button , #caFoundation .MS-controls button , #certificationCourse .MS-controls button
{
	position: absolute;
	border: none;
	background-color:#497c96;
	outline: 0;
	font-size: 30px;
	top: 150px;
	color: lightgrey;
	transition: 0.15s linear;
    border: 1px solid lightgrey;
}


#caInter .MS-controls button:hover ,#caFoundation .MS-controls button:hover , #certificationCourse .MS-controls button:hover
{
	color: #fff;
	font-size: 35px;
	border: 0px solid;
}
@media (max-width: 992px)
{
	#caInter .MS-controls button , #caFoundation .MS-controls button , #certificationCourse .MS-controls button
	{
		font-size: 30px;
	}
}

@media (max-width: 767px) 
{
	#caInter .MS-controls button , #caFoundation .MS-controls button , #certificationCourse .MS-controls button
	{
		font-size: 20px;
	}
}

#caInter .MS-controls .MS-left , #caFoundation .MS-controls .MS-left , #certificationCourse .MS-controls .MS-left
{
	left: -20px;
}

#caInter .MS-controls .MS-right , #caFoundation .MS-controls .MS-right , #certificationCourse .MS-controls .MS-right 
{
	right: -20px;
}

@media (max-width: 1119px) and (min-width:992px)
{
	#caInter .MS-controls .MS-left , #caFoundation .MS-controls .MS-left , #certificationCourse .MS-controls .MS-left 
	{
		left: -12px;
	}

	#caInter .MS-controls .MS-right , #caFoundation .MS-controls .MS-right , #certificationCourse .MS-controls .MS-right 
	{
		right: -12px;
	}
}

@media (max-width: 991px) 
{
	#caInter .MS-controls .MS-left , #caFoundation .MS-controls .MS-left , #certificationCourse .MS-controls .MS-left 
	{
		left: -14px;
	}

	#caInter .MS-controls .MS-right , #caFoundation .MS-controls .MS-right , #certificationCourse .MS-controls .MS-right
	{
		right: -14px;
	}
}


/*-- End Responsive Slick Carousel --*/

/*-- CSS for Responisive Slick Carousel CA Final New --*/

#caFinalNew , #fastTrack 
{
	position: relative;
}

#caFinalNew .MS-content , #fastTrack .MS-content
{
	white-space: nowrap;
	overflow: hidden;
	margin: 0 1%;
}
#caFinalNew .MS-content .item , #fastTrack .MS-content .item 
{
	display: inline-block;
	width: 20%;
	position: relative;
	vertical-align: top;
	overflow: hidden;
	height: 100%;
	white-space: normal;
	padding: 0 5px;
}
@media (max-width: 991px) 
{
	#caFinalNew .MS-content .item , #fastTrack .MS-content .item 
	{
		width: 25%;
	}
}
@media (max-width: 767px) 
{
	#caFinalNew .MS-content .item , #fastTrack .MS-content .item 
	{
		width: 50%;
	}
}
@media (max-width: 424px) 
{
	#caFinalNew .MS-content .item , #fastTrack .MS-content .item 
	{
		width: 100%;
	}
	.item .img-fluid
	{
		width: 100%;
	}
}

#caFinalNew .MS-controls button , #fastTrack .MS-controls button 
{
	position: absolute;
	border: none;
	background-color:#497c96;
	outline: 0;
	font-size: 30px;
	top: 150px;
	color: lightgrey;
	transition: 0.15s linear;
    border: 1px solid lightgrey;
}


#caFinalNew .MS-controls button:hover , #fastTrack .MS-controls button:hover
{
	color: #fff;
	font-size: 35px;
	border: 0px solid;
}
@media (max-width: 992px)
{
	#caFinalNew .MS-controls button , #fastTrack .MS-controls button
	{
		font-size: 30px;
	}
}

@media (max-width: 767px) 
{
	#caFinalNew .MS-controls button , #fastTrack .MS-controls button 
	{
		font-size: 20px;
	}
}

#caFinalNew .MS-controls .MS-left , #fastTrack .MS-controls .MS-left 
{
	left: -20px;
}

#caFinalNew .MS-controls .MS-right , #fastTrack .MS-controls .MS-right 
{
	right: -20px;
}

@media (max-width: 1119px) and (min-width:992px)
{
	#caFinalNew .MS-controls .MS-left , #fastTrack .MS-controls .MS-left 
	{
		left: -12px;
	}

	#caFinalNew .MS-controls .MS-right , #fastTrack .MS-controls .MS-right 
	{
		right: -12px;
	}


}

@media (max-width: 991px) 
{
	#caFinalNew .MS-controls .MS-left , #fastTrack .MS-controls .MS-left 
	{
		left: -14px;
	}

	#caFinalNew .MS-controls .MS-right , #fastTrack .MS-controls .MS-right
	{
		right: -14px;
	}
}

/*-- End Responsive Slick Carousel --*/


  

.thumb-border
{
	border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.MS-controls .fa
{
	padding-right: 0px!important;
}

.bg-lightviolet
{
	background-color: #f4f2ff;
    border-color: #f4f2ff;
}

.card-text
{
	font-size: 15px;
	font-weight: 500;
}

.card-price
{
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	color:#777;
	position: absolute;
	bottom: 20px
}

.xs-small
{
	font-size:12px;
	text-align:justify;
}

/*----------- End cci online learning Page CSS -------------*/

/* ----------- Income Tax CSS Start Here ----------------- */

.dropdoen-cat .dropdown-content
{
	top: 5.6rem !important;
	padding: 10px;
}

.dropdoen-cat .dropdown-content a
{
	padding: 2px 0px!important;
}

.dropdoen-cat .fa
{
	padding: 0 0 0 10px !important;
}

.btn-theme1
{
	background-color:#fff ;
	color:  #497c96 ;
	border: 2px solid #497c96 ;
	transition: ease-in-out 0.6s;
}

.btn-theme1:hover , .btn-theme1:focus
{
	background-color:#497c96 !important;
	color:  #fff !important;
	border: 2px solid #497c96 ;
}

.btn-theme2
{
	background-color:#134a9c ;
	color:  #fff !important;
	border: 2px solid #134a9c ;
	transition: ease-in-out 0.6s;
}

.btn-theme2:hover
{
	background-color:transparent !important;
	color:  #497c96 !important;
	border: 2px solid #497c96 !important;
}

.overlay 
{
    position: relative;
    margin: 0 auto;
}

.overlay .text 
{
    position: absolute;
    bottom: 0;
    background: #000;
    background: rgba(0,0,0,0.7);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    font-size: 20px;
}

.popular a 
{
    color: #617884 !important;
}

.green_list ul 
{
    padding-left: 20px;
}

.green_list ul li 
{
    list-style-type: none;
    margin-bottom: 15px;
    list-style-position: outside;
    line-height: 22px;
}

.popular-discussion ul li
{
	line-height: 22px;
	margin-bottom: 15px;
}

/* ----------- Income Tax CSS Start Here ----------------- */


/* ----------------CSS For Gst Start Here ------------------- */

.dropdown-cat .dropdown-content

{
	top:5.6rem !important;
	padding:10px;
}

.dropdown-cat .dropdown-content a

{
	padding: 2px 0px !important;
}

.dropdown-cat .fa 
{
	padding: 0px 0px 0px 10px !important;
}

.overlay

{
	
	position: relative;
    margin: 0 auto;
}

.overlay .text

{
	position: absolute;
    bottom: 0;
    background: #000;
    background: rgba(0,0,0,0.7);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    font-size: 20px
}

.green_list ul 
{
    padding-left: 20px;
}

.green_list ul li
{
    list-style-type: none;
    margin-bottom: 15px;
    list-style-position: outside;
    line-height: 22px;
}

.popular a 
{
    color: #617884 !important;
}

.popular-discussion ul li
{
	margin-bottom: 15px;
	line-height: 22px;
}
/* ----------------CSS For Gst End Here ------------------- */


/* ----------------CSS For Webinar start Here ------------------- */

.upcoming
{
	border-radius: 50rem 0 0 50rem;
    background: #007bff!important;
    color: #fff!important;
    border: 1px solid #007bff!important;
    padding: .5rem 1rem;
}

.past-webinar
{
	border-radius: 0 50rem 50rem 0!important;
	border: 1px solid #007bff!important;
	color:  #007bff !important;
	padding: .5rem 1rem;
}

.host-webinar 
{
	border-radius:50rem;
	background:#ff5e00!important; 
	color: #fff!important;
    border: 1px solid #ff5e00!important;
    padding: .5rem 1rem;
}

.fancy-heading 
{
    border-bottom: 1px solid #ccc;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: normal;
    font-family: inherit;
    margin-top: 2em;
    margin-bottom: 40px;
}

h3.fancy-heading span 
{
    font-size: 14px;
    color: #888;
}

.fancy-heading span
{
    position: relative;
    top: 0.85em;
    background-color: #fdfdfd;
    padding: 0 3em;
}

/* ----------------CSS For Webinar End Here ------------------- */


/*----------- CSS For Jobs Start Here --------------------*/

.cities 
{
    width: 100%;
    border: 1px #f0f0f0 solid;
    height: 80px;
    float: left;
    margin-right: 2%;
    text-align: center;
	margin-top: 4%;
}
.bg
{
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}
.cities h5 
{
    color: #fff;
    padding-top: 20px;
}

.text-gray
{
	color: #555!important;
}

.text-blue
{
	color: #497c96 !important;
	transition: ease-in-out 0.3s;
}

.text-blue:hover
{
	color: #ff0000 !important;
}

.box
{
    background: #f5f5f5;
    border-radius: 5px;
    padding: 15px;
}

.table-job td:last-child
{
	padding: 10px!important;
}

.table-job td:last-child p
{
	margin: 0px!important;
}

.table-job
{
	margin: 0px!important;
}

.justify-center
{
	justify-content: center;
}

/*----------- CSS For Jobs End Here --------------------*/

/* ------------ CSS for half star review For Featured Jobs start here ------------- */

/* Ratings widget */
.rate 
{
    display: inline-block;
    border: 0;
	margin-left: 10px;
	margin-bottom: -4px;
}
/* Hide radio */
.rate > input
{
    display: none;
}
/* Order correctly by floating highest to the right */
.rate > label 
{
    float: right;
	margin-bottom: 0px;
}
/* The star of the show */
.rate > label:before 
{
    display: inline-block;
    font-size: 15px;
    padding: 0px 3px;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; /* full star */
}

/* Half star trick */
.rate .half:before 
{
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
	margin-top:7px;
}

/* ------------ CSS for half star review End ------------- */

/* ------------ CSS for half star review For premium jobs start here ------------- */

/* Ratings widget */
.premium-rate 
{
    display: inline-block;
    border: 0;
	margin-left: 10px;
	margin-bottom: -4px;
}
/* Hide radio */
.premium-rate > input
{
    display: none;
}
/* Order correctly by floating highest to the right */
.premium-rate > label 
{
    float: right;
	margin-bottom: 0px;
}
/* The star of the show */
.premium-rate > label:before 
{
    display: inline-block;
    font-size: 22px;
    padding: 0px 3px;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; /* full star */
}

/* Half star trick */
.premium-rate .half:before 
{
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
	margin-top:1px;
}
  

/* ------------ CSS for half star For Premium Jobs End ------------- */


/* --- CSS For My Account satrt here --- */
.myaccount .fa-home
{
	padding: 0px 5px!important;
}
.profile-left-section
{
	text-align: center;
	padding-top: 16px;
}
.profile-left-section img
{
	border: #efefef 4px solid;
    padding: 5px;
    border-radius: 50%;
    height: 150px;
    width: 150px!important;
}

.profile-right-section h4 
{
    background: #134a9c;
    color: #fff;
    margin-top: 0px;
    padding: 10px 5px;
    font-size: 14px;
    padding-left: 10px;
}

.profile-right-inner-box 
{
    float: left;
    padding-bottom: 10px;
    margin:10px;
}

.profile-right-inner 
{
    padding: 5px 10px;
}

.profile-column
{
	border-bottom: 1px solid #497c96;
    padding-bottom: 5px;
	padding-top: 15px;
	font-size: 15px;
}
.profile-columns
{
    padding-bottom: 5px;
	padding-top: 15px;
	font-size: 15px;
}

.panel-group .panel 
{
    border-radius: 4px;
}

.panel-default 
{
    border-color: #ddd!important;
}

.panel 
{
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-default>.panel-heading 
{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-group .panel-heading 
{
    border-bottom: 0;
}

.panel-heading 
{
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-body 
{
    padding: 15px;
}

.table-category
{
	border: #ccd0d4 solid 1px;
    border-radius: 3px;
    max-height: 200px;
    overflow: auto;
}

.table-category:hover , .table-category:focus
{
	border: #497c96 solid 1px;
}

.table-category ul li
{
	font-size: 13px;
    line-height: 22px;
    margin: 0;
    position: relative;
    word-wrap: break-word;
	list-style: none;
	margin-left: -1.5rem;
	font-weight: bold;
}

.table-category input[type=checkbox]
{
	margin-right: 10px;
}

.custom-file-label::after
{
	background-color: #497c96 !important;
	color: #fff !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow 
{
    top: 5px!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered 
{
    line-height: 36px!important;
}

.select2-container .select2-selection--single 
{
    height: calc(2.25rem + 2px)!important;
}

.select2-container--default .select2-selection--single 
{
    border: 1px solid #ced4da !important;
    border-radius: 2px !important;
}

.select2-container--default .select2-selection--single:hover ,.select2-container--default .select2-search--dropdown .select2-search__field:hover
{
    border: 1px solid #497c96 !important;
}

.select2-container--default .select2-selection--single:focus , .select2-container--default .select2-search--dropdown .select2-search__field:focus
{
	outline: none;
}
 
.btn-red
{
	background-color:#d9534f;
	color:  #fff!important;
	border: 2px solid #d9534f ;
	transition: ease-in-out 0.6s;
}

.btn-red:hover , .btn-red:focus
{
	background-color:#fff ;
	color:  #d9534f !important;
	border: 2px solid #d9534f ;
}


/* alert-danger style*/
.alert-danger {
    color: #f3ebeb;
    background-color: #af1826;
}

/* for register page calendar icon inside the inputfield */
.date-icon-inside
{
	position: absolute;
    right: 0;
    top: 8px;
}


/* ------- End CSS for BRQ webpage ------------- */

/* ------- CSS for Share Modal Start Here --------------- */

.share-modal .modal-body a {
	color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    margin: 4px;
    border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.share-modal .modal-body a > *
{
	transition: all 0.3s ease-in-out;
}
  
.share-modal .modal-body a:hover 
{
	-webkit-transform: scale(1.06);
          transform: scale(1.06);   
}

.share-modal .modal-body a i
{
	padding-right: 12px;
    font-size: 18px;
}

.gmail
{
	background-color: #D44638 !important;
}
.print
{
	background-color: #4c6c91 !important;
}
.twitter
{
	background-color: #55acee !important;
}
.whatsapp
{
	background-color: #25d366 !important;
}
.instagram
{
	background-color: #cd486b !important;
}
.facebook
{
	background-color: #4267B2 !important;
}
.skype
{
	background-color: #00aff0 !important;
}
.yahoomail
{
	background-color: #720e9e !important;
}
.wechat
{
	background-color: #4EC034 !important;
}
.messenger
{
	background-color: #4267B2 !important;
}
.telegram
{
	background-color: #0088cc !important;
}
.blogger
{
	background-color: #ff8000 !important;
}

/* --------End Share Modal CSS ------------- */

/* --------- regular css ---------------- */

.fw-600
{
	font-weight: 600 !important;
}
.fw-700
{
	font-weight: 700 !important;
}

/* =============================================== */

/* --- For Modal Zoom In & Zoom Out --- */
.modal.fade .modal-dialog.modal-dialog-zoom 
{
	-webkit-transform: translate(0,0)scale(.5);
	transform: translate(0,0)scale(.5);
}
.modal.show .modal-dialog.modal-dialog-zoom 
{
	-webkit-transform: translate(0,0)scale(1);
	transform: translate(0,0)scale(1);
}

/* ========== For My Post View page css =============*/


.my-post-header
{
	text-align: center;
}
#pills-tabContent .profile-left-section .subscribe-div
{
	display: flex;
    position: absolute;
    top: 60px;
    right: 0;
	align-items: center;
}
.my-post-header .my-post-sub-header
{
	display: flex;
	justify-content: center;
    align-items: center;
}
.my-post-header .fa-thumbs-up, .my-post-header .fa-thumbs-down
{
	color: #353535;
	transition: ease-in-out 0.3s;
}
.my-post-header .fa-thumbs-up:hover
{
	color:#497c96;
	font-size:18px;
}
.my-post-header .fa-thumbs-down:hover
{
	color: #fc6761;
	font-size:18px;
}

#pills-tabContent .profile-left-section .subscribe
{
	background: #cc0000;
    padding: 10px;
    color: #fff;
    border: none !important;
    outline: none !important;
    cursor: pointer;
	font-size: 13px;
	font-weight: 600;
}
#pills-tabContent .profile-left-section .unsubscribe
{
	background: #e5e5e5;
    padding: 10px;
    color: #606060;
    border: none !important;
    outline: none !important;
    cursor: pointer;
	font-size: 13px;
	font-weight: 600;
}
#pills-tabContent .profile-left-section .subscribe:focus, .my-post-header .unsubscribe:focus
{
	outline: none !important;
	border: none !important;
}
#pills-tabContent .profile-left-section .subscribe-bell
{
	font-size: 22px;
    margin: 0 0 0 20px;
    cursor: pointer;
}
#pills-tabContent .profile-left-section .subscribe-bell:hover
{
	animation: anim 1s linear;
}
@keyframes anim 
{
	0% {
	  transform: rotate(0deg);
	}
	25% {
	  transform: rotate(90deg);
	}
	50% {
	  transform: rotate(0deg);
	}
	75% {
	   transform: rotate(-90deg);      
	}
	100% {
	  transform: rotate(0deg);
	}
}

.comment-and-reply
{
	margin-top:40px;
	text-align: start;
}
.comment-and-reply .media
{
	margin-bottom: 16px;
}
.comment-and-reply .media img
{
	width: 65px !important;
    height: 65px;
    border-radius: 50%;
    margin-right: 14px;
}

.comment-and-reply .media h6
{
	font-size: 15px;
    font-weight: 600;
    color: #353535;
	margin-bottom:10px;
}
.comment-and-reply .media h6 span
{
	margin-left: 2px;
    font-size: 15px !important;
    color: var(--p-color);
}
.comment-and-reply .media p
{
	font-size: 15px;
	margin-left: 8px;
}

.comment-and-reply .media p .like, .comment-and-reply .media p .dislike
{
	margin-right: 12px;
}
.comment-and-reply .media p .like:hover
{
	color: #497c96;
}
.comment-and-reply .media p .dislike:hover
{
	color: #fc6761;
}
.comment-and-reply .media p .report:hover
{
	color: #fc6761;
}
.comment-and-reply .pagination
{
	width: 100%;
	text-align: center !important;
	margin-bottom: 20px;
}
.comment-and-reply .pagination a
{
	float: none !important;
}

/* --- Modal For Comment Report --- */

.modal-report-comment .modal-body
{
	background: #fff;
	border-bottom:1px solid lightgray;
}
.modal-report-comment .modal-body input
{
	margin-right: 8px;
}
.modal-report-comment .modal-body div
{
	margin-bottom: 10px;
}
.modal-report-comment .modal-footer
{
	padding: 10px;
}
.modal-report-comment .modal-footer a
{
	color: #353535;
    margin-right: 24px;
    font-weight: 600;
    font-size: 14px;
	padding: 10px;
	border: 1px solid #fff;
	transition: ease-in-out 0.5s;
}
.modal-report-comment .modal-footer a:hover
{
	color: #fc6761;
	border:1px solid #fc6761;
	border-radius: 4px;
}

/* --- need help template start here --- */
.need-help
{
	display: flex;
	flex-direction: row;
	background: #f3f3f3;
    padding: 2.1rem 1.04rem;
    width: 100%;
	min-height: 100vh;
    -webkit-flex-grow: 1;
	align-items: center;
}
.need-help .container
{
	width: 100%;
	max-width: 100%;
	padding: 0;
}
.need-help .container .head img
{
	margin-bottom: 12px;
}
.need-help .container .head h3
{
	font-size: 24px;
}
.need-help .container .body
{
	margin-top: 40px;
}
.need-help .container .body input
{
	height: auto !important;
	line-height: 2;
}
.need-help .container .body button
{
	background: #316884;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border-radius: 2px;
	width: 100%;
}
.need-help .container .body button:hover
{
	background: #3d7896;
}
.need-help .container .foot div
{
	font-size: 14px;
}

/* --- need help template End here --- */

/* ------------ For Captcha Verification Tick -------------------*/
.verification
{
	display: none;
}
	
.verification.draw:after
{
	animation-duration: 2000ms;
	animation-timing-function: ease;
	animation-name: checkmark;
	transform: scaleX(-1) rotate(135deg);
	opacity: 1;
	height: 26px;
	width: 12px;
	transform-origin: left top;
	border-right: 3px solid #5cb85c;
	border-top: 4px solid #5cb85c;
	content: '';
	right: 40px;
	position: absolute;
	top: 51px;
}

.verification.draw:after
{
	right: 46px;
	top: 24px;
}
  
  
@keyframes checkmark 
{
	0% {
	  height: 0;
	  width: 0;
	  opacity: 1;
	}
	20% {
	  height: 0;
	  width: 12px;
	  opacity: 1;
	}
	40% {
	  height: 26px;
	  width: 12px;
	  opacity: 1;
	}
	100% {
	  height: 26px;
	  width: 12px;
	  opacity: 1;
	}
}

/* ------------- For Drop Box Page Start -------------- */

/* --- Modal for Unsubscribe start here --- */

.unsubscribe .modal-content
{
	border-radius: 0 !important;
}
.unsubscribe .modal-body
{
	text-align: center;
	padding: 2rem 1rem;
}
.unsubscribe .modal-body span
{
	/* color: #af1826; */
	font-weight: 600;
	padding: 0 4px;
}
.unsubscribe .modal-footer
{
	text-align: center !important;
	justify-content: center;
    font-size: 14px;
	font-weight: 600;
    text-transform: uppercase;
	border-radius: 0 !important;
}
.unsubscribe .modal-footer a
{
	color: #555;
	float: none;
	padding: 6px;
	border-radius: 4px;
	transition: all 1s
}

.unsubscribe .modal-footer a:hover
{
	background: rgb(228, 228, 228);
}
.unsubscribe .modal-footer a:last-child
{
	color: #af1826;
	margin-left: 12px !important;
}

/* --- Modal for Unsubscribe end here --- */



/* For Modal Search result start here */
.modal.search-bar 
{
	z-index: 9999;
	width: 100%;
	height: 80px;
	overflow: hidden;
	padding: 0 !important;
	width: 100%;
    height: 80px;
    background: none;
}
.modal.search-bar .modal-dialog
{
	margin: 0;
    min-width: 100%;
}

/* Modal Content */
.modal.search-bar .modal-content 
{
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	border: none;
	border-radius: 0;
}
.modal.search-bar .modal-content .modal-body
{
	height: 80px;
	display: flex;
	align-items: center;
}
.modal.search-bar .close span
{
	margin-right: 16px;
	margin-left: 10px;
    font-size: 26px;
}
.modal.search-bar input
{
	width: 100%;
    border-radius: 40px;
    line-height: 2;
    border: 1px solid #497c96;
    padding: 4px 50px 4px 16px;
    font-size: 15px;
}
.modal.search-bar input:focus
{
	outline: 1px solid #497c96;
}
.modal.search-bar input + i
{
	position: absolute;
	right: 26px;
    font-size: 14px;
    color: #497c96;
	transition: ease-in-out 0.3s;
}
.modal.search-bar input + i:hover
{
	background: #dfdfdf;
    padding: 9px;
    border-radius: 50%;
}

/* Add Animation */

@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}  
/* The Close Button */

  
/* For Search results page Start here */
.search-results .search-results-for
{
	font-size: 14px;
	margin-top: 20px;
}
.search-results .search-results-for span
{
	font-weight: 600;
	padding-right: 6px;
}
.search-results .search-results-for span a
{
	color: #497cb0;
}
.search-results .tab-head
{
	margin-top: 20px;
	justify-content: center;
}
.search-results .tab-head li
{
	margin-right: 6px;
	font-size: 14px;
}
.search-results .tab-head li a
{
	padding: 10px 40px;
	font-size: 14px;
	color: #fff !important;

}
.search-results .tab-head li a.active
{
	background: #fc6761 !important;
	color: #fff !important;
	border: 2px solid #fc6761 !important;
}
.search-results .result-count
{
	font-size: 14px;

	padding-bottom: 16px;
	margin-bottom: 20px;
	padding-left: 6px;
	border-bottom: 1px solid lightgray;
}
.search-results .tab-body
{
	margin-bottom: 30px;
}
.search-results .tab-body .media
{
	margin-bottom: 26px;
}
.search-results .tab-body .media img
{
	border-radius: 6px;
	margin-right: 12px;
}
.search-results .tab-body .media .media-body h6 a
{
	font-size: 16px;
	font-weight: 600;
	color: #497c96;
}
.search-results .tab-body .media .media-body p
{
	font-size: 15px;
}
/* For Search results page End here */

/* for queries page css start here */

.section-view-resolved-open-queries
{
	margin: 20px 0;
}
.section-view-resolved-open-queries .single-resolved-open-queries
{	
	margin-top: 26px;
	padding-bottom: 20px;
	border-bottom: 1px solid lightgray;
}
.section-view-resolved-open-queries .single-resolved-open-queries img
{
	border-radius: 50%;
	width: 100px !important;
	height: 100px;
	margin: auto;
}
.section-view-resolved-open-queries .single-resolved-open-queries .col-md-2
{
	padding-right: 0 !important;
}
.section-view-resolved-open-queries .single-resolved-open-queries h6
{
	text-align: center;
	font-size: 16px;
	color: #497c96;
	margin-top: 12px;
}
.section-view-resolved-open-queries .single-resolved-open-queries .query-title a
{
	color: #212529;
	transition: ease-in-out 0.3s;
}
.section-view-resolved-open-queries .single-resolved-open-queries .query-title a:hover
{
	color: #497c96;
}
.section-view-resolved-open-queries .single-resolved-open-queries .query-count
{
	margin-bottom: 13px;
	font-size: 12px;
	color: #fc6761;
}
.section-view-resolved-open-queries .single-resolved-open-queries .query-time
{
	font-size: 12px;
	color: grey;
	margin-top: 12px;
}
.section-view-resolved-open-queries.query-answers .single-resolved-open-queries .query-time
{
	margin-bottom: 13px;
	margin-top: 0;
}
.section-view-resolved-open-queries .single-resolved-open-queries .query-time i
{
	margin-right: 6px;
}
.section-view-resolved-open-queries  .viewed-query-title
{
    border-bottom: 1px solid lightgrey;
    margin-bottom: 50px;
    margin-top: 26px;
}
.section-view-resolved-open-queries  .viewed-query-title h2
{
	font-size: 38px;
    margin-left: 16px;
}
.section-view-resolved-open-queries  .viewed-query-title p
{
	margin-left: 16px;
	color: #212529;
}
.section-view-resolved-open-queries  .viewed-query-title p span
{
	color: #497c96;
	margin-left: 6px;
}

/* for queries page css end here */

/* For Btn-Blog-1 Button hover effect start here */
.btn-blog-1 {
	text-align: center;
	text-decoration: none;
	line-height: 1.6;
	color: #134a9c;
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 1rem;
	text-transform: capitalize;
	border: 1px solid #134a9c;
	padding: 6px 16px;
	width: fit-content;
	border-radius: 4px;
	font-size: 14px;
  }
  .btn-blog-1 span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #134a9c;
	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	z-index: -1;
  }
  .btn-blog-1:hover {
	color: #eee;
  }
  .btn-blog-1:hover span {
	width: 225%;
	height: 562.5px;
  }
  .btn-blog-1:active {
	background-color: #497c96;
  }

  /* For Btn-Blog-1 Button hover effect End here */
  

  /* For Post View User Details Starts here */
  
  /* For Post View User Details Starts here */
  
  #displayResults .my-post-name-header
  {
	
	  display: block;
	  padding-bottom: 0px;
	  font-size: 18px;
  }
  #displayResults .my-post-name-header span
  {
	  padding-right: 10px;
  }
  #displayResults .my-post-name-header a
  {
	  padding-right: 10px;
  }
  #displayResults .my-post-name-header .user-details{
	padding-bottom: 10px;
}
  #displayResults .my-post-name-header .post-details{
	padding-bottom: 10px;
}
/* For Post View User Details Ends here */

/* For Author Bio Details Starts here */
  
	.author-bio .thumbnail 
	{
		display: block;
		padding: 25px;
		margin-bottom: 20px;
		line-height: 1.42857143;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
		-webkit-transition: border .2s ease-in-out;
		-o-transition: border .2s ease-in-out;
		transition: border .2s ease-in-out;
	}

	.author-bio .border-bottom
	{
		padding: 5px;
	}
	.author-bio img
	{
		border: #ccc 1px solid; 
		padding: 5px;
		border-radius: 8px; 
		width:100% !important;
	}

	.author-bio .view
	{
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.author-bio .view-button
	{
		text-align: center;
		padding-top: 10px;
	
	}

	/* For Author Bio Details Ends here */
	/* For View All Post Type Starts here */
	#displayResults .description_details
    {
        text-align: justify; 
        font-size:18px; 
        padding-top:10px;
    }
   
    #displayResults .description_details .user_details a
    {
       margin-right: 8px;
    }
    #displayResults .description_details .post_under
    {
        padding-top: 15px;
    }
    #displayResults .description_details .post_under p
    {
       font-size: 16px;
    }
    #displayResults .description_details .post_under a
    {
       margin: 5px;
    }
	/* For View All Post Type Ends here */

	/* For View Index Page Ends here */
	.article-card .category{
		padding: 0;
		display: inline;
	    }
        .main_content
        {
            padding-bottom: 30px;
        }
	/* For View Index Page Ends here */

	/* For View My Post View Comment Section starts here */
	.comments input#name
	{
		margin-bottom: 10px !important;
	}

	.comments input#email
	{
		margin-bottom: 10px !important;
	}
	/* For View My Post View Comment Section Ends here */
	/* For View View All Featured Members Starts here */
	#displayResults .member-profile
	{
		width:100px; 
		height:100px;
	}

	#displayResults .profile-content
	{
		padding-top: 15px;
	}
	/* For View View All Featured Members Ends here */

	/* For Index Latest Tax News starts here */
	.search-results .view-more-btn
	{
		padding-top: 12px;
		transition: 0.3s;
		text-align: center;
		color: #fff;
		border-radius: 2px;
	}
	.search-results .view-more-btn a
	{
		display: block;
		padding: 8px;
	}
	/* For Index Latest Tax NewsEnds here */

	/* For Featured Post Starts here */
	.search-results .panel {
		margin-bottom: 20px;
		background-color: #fff;
		border: 1px solid transparent;
		border-radius: 4px;
		box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
		border-color: #337ab7;
	}
	.search-results .panel-primary>.panel-heading {
		color: #fff;
		background-color: #134a9c;
		border-color: #134a9c;
	}
	.search-results .panel-heading {
		padding: 10px 15px;
		border-bottom: 1px solid transparent;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
	}
	.search-results .panel-title {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 16px;
		color: inherit;
	}
	.search-results .panel-body
	{
		font-size: 15px;
	}
	.search-results .panel-body a.linkblack {
		color: #000;
	}
	/* For View Featured Post Ends here */

	/* For View NewsLetter starts here */

	.search-results .tg-widget-tab
	{
		margin-bottom: 20px;
	}
	.search-results .tg-widget-tab ul.nav {
		padding: 0;
		text-align: center;
		width: 100%;
		height: 45px;
	}
	
	.search-results .tg-widget-tab ul.nav li {
		float: left;
		height: 45px;
		padding: 0px;
		width: 50%;
		clear: none;
	}
	.search-results .tg-widget-tab ul.nav > li.active > a, .tg-widget-tab ul.nav > li.active > a:focus, .tg-widget-tab ul.nav > li.active > a:hover {
		background: #134a9c;
		color: #fff;
	}
	.search-results .tg-widget-tab ul.nav > li > a {
		display: block;
		height: 45px;
		line-height: 45px;
		text-align: center;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 700;
	}
	
	.search-results .tg-widget-tab .newsletter-box {
		background: url(/images/subscribe-bg.jpg) no-repeat top left;
		background-size: cover;
		position: relative;
	}
	.search-results .newsletter-box .overlay {
		padding: 15px;
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);
	}
	.search-results .tg-widget-tab .newsletter-box .newsletter-con p {
		color: #fff;
		font-size: 15px;
		line-height: 1.5;
	}
	.search-results .tg-widget-tab .newsletter-box .newsletter-con input.newsletter-input {
		height: 40px;
		margin-bottom: 20px;
	   
	}
	.search-results .btn-default.btn-subscribe {
		background: #134a9c;
		border-color: #134a9c;
		color: #fff;
	}
	.search-results .btn-default.btn-subscribe:hover {
		background: #389cf1;
		border-color: #389cf1;
	}
	/* For View NewsLetter Post Ends here */

	/* For FAQ Ends here */
	.search-results .homeTitle {
		padding: 12px 30px;
		overflow: hidden;
	}
	.search-results .homeTitle h6
	{
		color: black;
		margin: 0 0 12px;
		float: none;
	}
	.search-results .panel-group {
		margin-bottom: 10px;
	}
	.search-results .panel-group .panel {
		margin-bottom: 15px;
		border-radius: 4px;
	}
	.search-results .panel-default {
		border-color: #ddd;
	}
	.search-results .faq_button
	{
		margin-top: 12px;
		color:#fff !important;
		background:#134a9c;
	}
	.search-results .faq_button:hover
	{
		background:#389cf1;
	}
	
	/* For FAQ Ends here */
	
	/* For Top Members Ends here */
	.search-results .media
	{
		margin-bottom: 20px;
	}
	.search-results .media h6
	{
		font-size: 18px;
	}
	.search-results .media a
	{
		color:#066cd3;
	}
	.search-results .media a:hover
	{
		color:red;
	}
	.search-results ol.featured-member p
	{
		font-size: 16px;
		color: #000;
	}

	.search-results ol.featured-member
	{
		list-style-type: none;
	}

	.search-results .media img
	{
		background-color: #fff;
	}

	/* For Top Members Ends here */

	/* For Query Starts here */
	.search-results ol.popular-query
	{
		list-style-type: none;
	}
	.search-results ol.popular-query .media
	{
		margin-bottom: 28px;
	}

	.search-results ol.popular-query .media-body p
	{
		color:#000;
		font-size: 16px !important;
	}

	.search-results .query
	{
		min-height:625px;
	}
	.search-results .query .view-more
	{
	text-align: center;
	}
	.search-results .query .view-more a
	{
		color:#066cd3;
	}
	/* For Top Members Ends here */

	/* For Contact Starts here */
	.contact
	{
		padding-top :70px !important;
	}
	
	/* For Contact Ends here */
/*====================================
	Footer CSS
======================================*/
	.site-footer {
		background-color:  #2A2D2F;
		background-image: url('/images/world-map.png');
		padding-top: 0px!important;
	
	}

	.site-footer .single-widget {
		margin-top: 30px;
	}

	.site-footer .single-widget h3 {
		font-size: 18px;
		text-transform: capitalize;
		color: #fff !important;
		position: relative;
		margin-bottom: 25px;
		padding-bottom: 25px;
		font-weight: 600;
	}

	.site-footer .single-widget h3:before {
		content: "";
		position: absolute;
		left: 0;
		width: 50px;
		height: 4px;
		bottom: -2px;
		background: #FC6761;
	}

	.site-footer .single-widget p {
		color: #fff !important;
	}
	/* footer about */
   .site-footer .logo {
		padding: 0;
		text-align: left;
	}

	.site-footer .text-logo a {
		color: #fff;
	}
	
	.site-footer .single-widget.about img {
		display: inline-block;
	}
	
	.site-footer .single-widget.about p {
		color: #ccc;
	}
	
	.site-footer .single-widget.about p:hover {
		color: #fff;
	}
	
	.site-footer .single-widget.about h4 {
		margin-bottom: 15px;
		font-size: 16px;
		color: #fff;
	}
	.site-footer .single-widget.about ul {
		list-style-type: none;
	}
	
	.site-footer .single-widget.about .social {
		margin-top: 30px;
	}
	
	.site-footer .single-widget.about .social li {
		display: inline-block;
		margin-right: 5px;
	}
	
	.site-footer .single-widget.about .social li:last-child {
		margin-right: 0px;
	}
	
	.site-footer .single-widget.about .social li a {
		width: 28px;
		height: 28px;
		line-height: 28px;
		background: #fff;
		font-size: 14px;
		display: block;
		text-align: center;
		color: #fff;
	}
	
	.site-footer .single-widget.about .social li a:hover {
		background: #fff;
		color: #fff;
	}
	
	.site-footer .single-widget.about .social li:hover a {
		border-radius: 100%;
		color: #fff;
	}

	/* Footer Lists */
	.site-footer .single-widget.lists ul{
		list-style-type: none;
		margin-bottom: 0;
		padding-left: 0;	
	}
	.site-footer .single-widget.lists li {
		line-height: 38px;
	}

	.site-footer .single-widget.lists li:last-child {
		margin-bottom: 0px;
	}

	.site-footer .single-widget.lists li a {
		color: #fff;
		font-weight: 600;
		font-size: 14px;
	}

	.site-footer .single-widget.lists li a:hover {
		color: #FC6761;
		margin-left: 16px;
	}

	.site-footer .single-widget.lists li a i {
		margin-right: 1px;
		color:#fff;
		font-weight: 600;
	}
/* Photo Gallery*/

	.site-footer .photo-gallery ul {
		margin-left: -15px;
		overflow: hidden;
		margin-top: 15px;
		display: flex;
		flex-wrap: wrap;
		list-style-type: none;
		padding: 0;
	}

	.site-footer .photo-gallery ul li {
		float: left;
		margin-bottom: 15px;
		padding: 0;
		width: 33.33%;
	}

	.site-footer .photo-gallery ul li:last-child {
		margin-right: 0px;
	}

	.site-footer .photo-gallery ul li a {
		display: block;
	}

	.site-footer .photo-gallery ul li img {
		width: 60px !important;
		height: 60px;
		border-radius: 100%;
		border: 3px solid #fff;
	}

	/* Contact CSS */
	.site-footer .single-widget.contact{
		padding: 0 !important;
	}
.site-footer .single-widget.contact p {
	margin-bottom: 10px;
}

.site-footer .single-widget.contact ul{
	list-style-type: none;
	padding: 0;
}

.site-footer .single-widget.contact ul li {
	padding-left: 30px;
	margin-bottom: 8px;
	position: relative;
	color: #fff;
	font-weight: 400;
	font-size: 14px!important;
}

.site-footer .single-widget.contact ul li:last-child {
	margin-bottom: 0px;
}

.site-footer .single-widget.contact ul i {
	position: absolute;
	left: 0;
	font-size: 15px;
	top: 6px;
	color: #fff;;
	
}

.site-footer .single-widget.contact ul a {
	color: #fff;
	font-weight: 400;
}

.site-footer .single-widget.contact ul li:hover,
.site-footer .single-widget.contact ul a:hover {
	color: #fff;
}

.site-footer .address
{
	flex: 0 0 24.666667%;
    max-width: 29.666667%;
}	

/* For Case LaW Details Starts here */

.case-law .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
	text-align: left;
	}
	.case-law .thumbnail a.linkred {
    color: red;
	}

	.case-law .case
	{
		font-size: 24px;
		color:blue;
	}
/* For Case Law Details Ends here */
/* ----------------------------------------------------------
      For  Polcy Page Start Here
-------------------------------------------------------------*/

.section_policy .title_container p {
	margin-bottom: 0px !important;
}

.section_policy .policy_body {
	font-size: 13px;
}

.section_policy .policy_body h3 {
	font-family: 'Alegreya', serif;
	font-size: 18px !important;
	font-weight: 600;
	border-left: 6px solid #354a6b;
	padding: 3px 0px 3px 8px;
	text-transform: capitalize;
	margin-bottom: 20px;
	margin-top: 30px;
	
}
.section_policy .policy_body h6 {
	font-family: 'Alegreya', serif;
	font-size: 18px !important;
	font-weight: 600;
	border-left: 6px solid #354a6b;
	color:#000 !important;
	padding: 3px 0px 3px 8px;
	text-transform: capitalize;
	margin-bottom: 20px;
	margin-top: 30px;
}

.section_policy .policy_body p
{
	text-align: justify !important;
	font-size: 15px !important;

}

.inner_banner {
    background: #e2e2e2;
    height: 100px;
    text-align: center;
    display: flex;
    padding: 0;
}

.inner_banner .container {
    margin: auto;
}

.inner_banner h1 {
    font-family: 'Alegreya', serif;
    font-size: 30px;
    font-weight: 700;
    color: #262626;
    line-height: 35px;
    margin-top: 0;
}

/* For Top Header Starts here */

.section-header li.home-icon.active 
{
    padding-top: 0px !important;
    background: #389cf1;

}

.section-header  li.home-icon a
{
    color:#fff;
}
.section-header  li.home-icon .fa
{
   padding: 22px 14.5px !important;
}
.section-header  .nav-item
{
    padding: 0.5px;
}
.section-header  .navbar-nav > li:hover
{
    background: #389cf1;
}
.section-header  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.section-header .dropdown-content
{
     display: none;
    position: absolute;
    background-color: #389cf1 !important;
    box-shadow: none !important;
    z-index: 3;
    min-width: 160px;
    border-radius: 0px !important;
    border: 1px solid #389cf1;
    min-width: 170px;
    padding: 5px 0;
    margin: 2px 0 0;
    background-clip: padding-box;
    float: left;
}
.section-header .dropdown-content  a
{
 color: #fff;
 font-size: 13px !important;
}
.section-header .dropdown-content  a:hover
{
    background-color: #134a9c;
}

.section-header .sidebar-toggle
{
        padding-left: 10px;
} 
/* For Top Header Ends here */

/* For Logo Ends here */

.section-logo a
{
	font-size: 50px;
    font-weight: 500;
	color: #134a9c !important;;
}
.section-logo a:hover
{
	color: #134a9c !important;;
}
.section-logo a.sub-title
{
	font-size: 25px;
    font-weight: 500;
	color: #134a9c !important;;
}
.section-logo a img
{
		width: 200px !important;
}
/* For Logo Ends here */
/* For sub-nav  Starts here */
.section-nav .navbar
{
	background: #389cf1;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.4)!important;
	padding: 10px;
}  
.section-nav  ul.nav.navbar-nav {
    font-size: 17px !important;
    margin-left: 18px;
	display: flex;
	flex-direction: row;
}
.section-nav  ul.nav.navbar-nav a {
	color:#fff;
	margin-left: 20px;
}
 /* For sub-nav  Ends here */
 /* For Search Bar Starts here */
 .search-results .newsBoxPost {
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #cbcbcb
}
.search-results .newsBoxPost .fa
{
    margin-left: 6px;
}
.search-results .newsBoxPost .btn
{
    border-radius: 0px !important;
}
 /* For Search Bar Ends here */

 /* For Index Breadcrumbs Starts here */
 .search-results .breadcrumb-nav
{
    display: block;
}
.search-results .breadcrumb-nav ol 
{
    list-style-type: none !important;
    padding:0;
    width: 90%;
    max-width: 100%;
    border-radius: 0.25em;
    margin: 10px 0;
}
.search-results .breadcrumb-nav li
{
    display: inline-block;
    margin: 0.5em 0;
    font-size: 14px;
}
.search-results .breadcrumb-nav .triangle li > * {
    position: relative;
    padding: 0.5em 0.8em 0.5em 2.5em;
    color: #171617;
    background-color: #f2f2f2;
}
.search-results .breadcrumb-nav .triangle li > a ::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    border: 15px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
    z-index: 2;
    border-left-color: inherit;
    color: #f2f2f2;
}

.search-results .breadcrumb-nav .triangle li.current > * {
    color: #ffffff !important;
    background-color: #134a9c;
    border-color: #134a9c;
}


 /* For Index Breadcrumbs Ends here */

 /* For Breadcrumbs Starts here */
 .search-results #breadcrumb {
	list-style: none;
	display: inline-block;
	padding-left: 0px !important;
  }
  .search-results #breadcrumb .fa {
	font-size: 14px;
  }
  .search-results #breadcrumb li {
	float: left;
  }
  .search-results #breadcrumb li a {
	color: #FFF;
	display: block;
	background: #389cf1;
	text-decoration: none;
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 5px 0 5px;
	text-align: center;
	margin-right: 23px;
	margin-top: 10px
  }
  .search-results #breadcrumb li:nth-child(even) a {
	background-color: #134a9c;
  }
  .search-results #breadcrumb li:nth-child(even) a:before {
	border-color: #134a9c;
	border-left-color: transparent;
  }
  .search-results #breadcrumb li:nth-child(even) a:after {
	border-left-color: #134a9c;
  }
  .search-results #breadcrumb li:first-child a {
	padding-left: 10px;
	border-radius: 4px 0 0 4px;
  }
  .search-results #breadcrumb li:first-child a:before {
	border: none;
  }
  .search-results #breadcrumb li:last-child a {
	padding-right: 10px;
	border-radius: 0 4px 4px 0;
  }
  .search-results #breadcrumb li:last-child a:after {
	border: none;
  }
  .search-results #breadcrumb li a:before, #breadcrumb li a:after {
	content: "";
	position: absolute;
	top: 0;
	border: 0 solid #3498db;
	border-width: 20px 10px;
	width: 0;
	height: 0;
  }
  .search-results #breadcrumb li a:before {
	left: -20px;
	border-left-color: transparent;
  }
  .search-results #breadcrumb li a:after {
	left: 100%;
	border-color: transparent;
	border-left-color: #3498db;
  }
 /* For Breadcrumbs Ends here */

 /* For My Post Starts here */
 .section-mypost
{
	font-size: 15px !important;
}
	
.section-mypost .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
	padding: 10px;
}

.section-mypost .thumbnail ol{
	margin-block-start: 0em !important;
    margin-block-end: 0em !important;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 15px !important;
}
.section-mypost .thumbnail ol .edit{
	background-color: #389cf1;
    color: #fff;
    border: 2px solid #389cf1;
    margin-top: 5px;
    margin-right: 3px;
    padding: 2px 8px;
    font-size: 14px;
}
.section-mypost .thumbnail ol .edit:hover{
	color:#fff;
}

.section-mypost .thumbnail ol .delete{
	background-color: #DC3545;
    color: #fff;
    border: 2px solid #DC3545;
    margin-top: 5px;
    margin-right: 3px;
    padding: 2px 8px;
    font-size: 14px;
}

.section-mypost .thumbnail ol .delete:hover{
	color:#fff;
}

.section-mypost .thumbnail ol .comment{
	background-color: #25d366;
    color: #fff;
    border: 2px solid #25d366;
    margin-top: 5px;
    margin-right: 3px;
    padding: 2px 8px;
    font-size: 14px;
}

.section-mypost .thumbnail ol .comment:hover{
	color:#fff;
}

 /* For My Post Ends here */

 /* For Comments Approve and Reject Starts here */
 .comment-and-reply .approve{
	background-color: #25d366;
    color: #fff !important;
    border: 2px solid #25d366;
    margin-top: 5px;
    margin-right: 3px;
    padding: 2px 8px;
    font-size: 14px;
}
.comment-and-reply .approve:hover{
	color:#fff;
}
 

.comment-and-reply .reject {
	background-color: #DC3545;
    color: #fff;
    border: 2px solid #DC3545;
    margin-top: 5px;
    margin-right: 3px;
    padding: 2px 8px;
    font-size: 14px;
}

.comment-and-reply .reject:hover{
	color:#fff;
}

.comment-thumbnail .media-body
{
	border: 1px solid #ddd; 
	border-radius: 4px; 
	padding:10px;
}

 /* For Comments Approve and Reject Ends here */

 /* For calendar Box Starts here */
.section-calendar .wrapper 
{
     width: auto;
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.section-calendar .wrapper header 
{
     display: flex;
     align-items: center;
     padding: 5px 30px;
     justify-content: space-between;
     background: #134a9c;
     border-radius: 10px 10px 0 0;
}

.section-calendar header .icons 
{
     display: flex;
}
.section-calendar header .icons span 
{
     height: 38px;
     width: 38px;
     margin: 0 1px;
     cursor: pointer;
     color: #fff;
     text-align: center;
     font-size: 1.9rem;
     user-select: none;
     border-radius: 50%;
}
.section-calendar .icons span:last-child
{
     margin-right: -10px;
}
.section-calendar header .current-date 
{
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 0px;
}
.section-calendar .calendar 
{
     padding: 20px;
}
.section-calendar .calendar ul 
{
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     text-align: center;
     padding: 0px !important;
}
.section-calendar .calendar .days 
{
     margin-bottom: 20px;
}
.section-calendar .calendar li 
{
     color: #333;
     width: calc(100% / 7);
     font-size: 16px;
}
.section-calendar .calendar .weeks li 
{
     font-weight: 500;
     cursor: default;
}
.section-calendar .calendar .days li 
{
     z-index: 1;
     cursor: pointer;
     position: relative;
     margin-top: 30px;
}
.section-calendar .days li.inactive 
{
     color: #aaa;
}
.section-calendar .days li.active 
{
     color: #fff;
}
.section-calendar .days li::before 
{
     position: absolute;
     content: "";
     left: 50%;
     top: 50%;
     height: 40px;
     width: 40px;
     z-index: -1;
     border-radius: 50%;
     transform: translate(-50%, -50%);
}
.section-calendar .days li.active::before 
{
     background: #1e90ff;
}
.section-calendar .days li:not(.active):hover::before 
{
     background: #f2f2f2;
}
.ui-datepicker-header 
{  
	background-color: #2196f3;  
	color: white;  
	text-align: center;  
	font-family: 'Roboto';  
	border-radius: 8px 8px 0px 0px;  
}  
  
.ui-datepicker-inline
{
	box-shadow: 0 15px 40px rgb(0 0 0 / 12%);
}
   
.ui-datepicker-prev span 
{  
	display: none;  
}  
.ui-datepicker-prev:after 
{  
	content: "<";  
	font-size: 2rem;  
	float: left;  
	margin-left: 10px;  
	cursor: pointer;  
}  
.ui-datepicker-next span 
{  
	display: none;  
}  
.ui-datepicker-next:after 
{  
	content: ">";  
	float: right;  
	font-size: 2rem;  
	margin-right: 10px;  
	cursor: pointer;  
}  
  .ui-datepicker-calendar th
{  
	padding: 10px;  
	color: #2196f3;  
	border:none;
}  
.ui-datepicker-calendar
{  
	  text-align: center;  
}  
.ui-datepicker-title 
{  
	padding: 10px;  
}  
.ui-datepicker-calendar td 
{  
	padding: 10px 0px;  
}  
.ui-datepicker-calendar tr:last-child
{
	margin-bottom: 10px;
}
.ui-datepicker-calendar .ui-state-default 
{  
	text-decoration: none;  
	color: black;  
}  
.ui-datepicker-calendar .ui-state-active
{  
	  color: #2196f3;  
} 
 /* For calendar Box Ends here */

 /* For Browse All Category Starts here */
 .section-browse .homeTitle
{
    background-color:#389cf1 !important;
    border-color: #389cf1 !important;
}
.section-browse .homeTitle h6
{
    display: block;
    float: left;
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    margin: 0px;
    margin: 0;
    font-weight: 700;
    color:#fff !important;
}
.section-browse .contentBox 
{
    overflow: hidden;
    position: relative;
    padding: 20px 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
    font-size: 16px !important;
}
 /* For Browse All Category Ends here */

 /* For View All Post Starts here */

 #displayResults .homeTitle 
{
    box-shadow: 0 2px 8px rgba(0, 0, 0, 10%);
    padding: 12px 30px;
    overflow: hidden;
}
#displayResults .homeTitle h6
{
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000 !important;
}
#displayResults .homeTitle h6 span 
{
	font-size: 12px !important;
	color: #263C78 !important;
}

#displayResults .post_under span
{
    margin-right: 2px !important;
    margin-left: 6px !important;
}

#displayResults .div-view-post
{
    box-shadow: 0 15px 40px rgb(0 0 0 / 10%);
    padding: 12px 30px;
    overflow: hidden;
}    

#displayResults .pouplar-post 
{
    background-color: #fdb59b;
    padding: 15px 20px;
    margin-bottom: 20px;
}
#displayResults .pouplar-post .widget-title 
{
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    letter-spacing: 1px;
    margin-left: -40px;
    border-top: none;
    margin-bottom: 20px;
}
#displayResults .pouplar-post .widget-title span 
{
    background-color: #389cf1;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
}
#displayResults .pouplar-post .posts-grid .posts-grid .post
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0px;
    padding-bottom: 5px;
}
#displayResults .pouplar-post .posts-grid .posts-grid .post .entry-content .entry-meta-2 {
    margin-bottom: 5px;
}
#displayResults .pouplar-post .posts-grid .posts-grid .post .entry-content .entry-meta-2 span a {
    font-size: 20px;  
    color:#134a9c !important;
    font-weight: normal;
    font-family: "Times New Roman", Times, serif;
}

#displayResults .pouplar-post .posts-grid .posts-grid .post .entry-content .entry-title a
{
    font-size: 16px;  
    color:#000 !important;
    font-weight: normal;
    font-family: Arial, Helvetica,sans-serif;
}
 
 /* For View All Post Ends here */

 /* For Edit Profile here */
 
 .edit-profile ul{
	display: block;
    list-style-type: disc;
    margin-left: 30px;
 }
 
.profession-type button{
	font-size: 15px !important;
}

#pills-professionalqualification .tab-head li a.add {
    padding: 10px 40px;
    font-size: 14px;
    color: #fff !important;
	background-color: #389cf1;
	margin-right: 10px !important;
}
#pills-professionalqualification .tab-head li a.update {
    padding: 10px 40px;
    font-size: 14px;
    color: #fff !important;
	background-color: #f0ad4e;

}

#pills-professionalqualification .tab-head li a.active {
    background: #fc6761 !important;
    color: #fff !important;
    border: 2px solid #fc6761 !important;
}

#pills-professionalqualification .tab-content ul
{
	list-style-type: none;
	padding-left: 0px !important;
}
#pills-professionalqualification .tab-content .practicingtype
{
	max-width: 45% !important;
    display: inline-flex;
}
#pills-professionalqualification .tab-content input[type="checkbox"]
{
	margin-right: 5px;
}
#pills-professionalqualification .tab-content .practicingarea
{
	max-width: 30% !important;
    display: inline-flex;
}
/* For Edit Profile Ends here */

/* For My Post View Starts here */
#displayResults .content-Title 
{
	box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
	padding: 12px 30px;
	overflow: hidden;
}
#displayResults .content-Title h6
{
	font-size: 18px !important;
	font-weight: 600 !important;
	color: #337ab7 !important;
}
#displayResults .case
{
	color: #337ab7 !important;
	font-weight: 600 !important;
	text-align: left;
	margin-top: 20px;
}
.section-blackboard .shade 
{
	/* overflow: auto; */
	/* position: absolute; */
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    		
}

.section-blackboard .blackboard 
{
	position: relative;
	min-width: 300px;
	max-width: 350px;
	min-height: 230px;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	border: tan solid 12px;
	border-top: #bda27e solid 12px;
	border-left: #b19876 solid 12px;
	border-bottom: #c9ad86 solid 12px;
	box-shadow: 0px 0px 6px 5px rgba(58, 18, 13, 0), 0px 0px 0px 2px #c2a782, 0px 0px 0px 4px #a58e6f, 3px 4px 8px 5px rgba(0, 0, 0, 0.5);
	background-image: radial-gradient( circle at left 30%, rgba(34, 34, 34, 0.3), rgba(34, 34, 34, 0.3) 80px, rgba(34, 34, 34, 0.5) 100px, rgba(51, 51, 51, 0.5) 160px, rgba(51, 51, 51, 0.5)), linear-gradient( 215deg, transparent, transparent 100px, #222 260px, #222 320px, transparent), radial-gradient( circle at right, #111, rgba(51, 51, 51, 1));
	background-color: #333;
}

.section-blackboard .blackboard:before 
{
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: linear-gradient( 175deg, transparent, transparent 40px, rgba(120, 120, 120, 0.1) 100px, rgba(120, 120, 120, 0.1) 110px, transparent 220px, transparent), linear-gradient( 200deg, transparent 80%, rgba(50, 50, 50, 0.3)), radial-gradient( ellipse at right bottom, transparent, transparent 200px, rgba(80, 80, 80, 0.1) 260px, rgba(80, 80, 80, 0.1) 320px, transparent 400px, transparent);
	border: #2c2c2c solid 2px;
	font-family: 'Permanent Marker', cursive;
	font-size: 2.2em;
	color: rgba(238, 238, 238, 0.7);
	text-align: center;
	padding-top: 20px;
}

.section-blackboard .form 
{
	padding: 20px;
}

.section-blackboard h3
{
	color: rgba(238, 238, 238, 0.8);
	text-align: center;
	font-family: 'Permanent Marker', cursive;
	padding-bottom: 5px;
	font-size: 18px;
}

.section-blackboard p 
{
	position: relative;
	margin-bottom: 1em;
}

.section-blackboard p 
{
	vertical-align: middle;
	font-family: 'Permanent Marker', cursive;
	font-size: 15px;
	color: rgba(238, 238, 238, 0.7);
	text-align: justify;
}

.section-blackboard p:nth-of-type(5) > label 
{
	vertical-align: top;
}

.section-blackboard input
{
	vertical-align: middle;
	padding-left: 10px;
	background: none;
	border: none;
	font-family: 'Permanent Marker', cursive;
	font-size: 1.6em;
	color: rgba(238, 238, 238, 0.8);
	line-height: .6em;
	outline: none;
}

.section-blackboard textarea 
{
	height: 120px;
	font-size: 1.4em;
	line-height: 1em;
	resize: none;
}

.section-blackboard input[type="submit"] 
{
	cursor: pointer;
	color: rgba(238, 238, 238, 0.7);
	line-height: 1em;
	padding: 0;
}

.section-blackboard input[type="submit"]:focus 
{
	background: rgba(238, 238, 238, 0.2);
	color: rgba(238, 238, 238, 0.2);
}

.section-blackboard ::-moz-selection 
{
	background: rgba(238, 238, 238, 0.2);
	color: rgba(238, 238, 238, 0.2);
	text-shadow: none;
}

.section-blackboard ::selection 
{
	background: rgba(238, 238, 238, 0.4);
	color: rgba(238, 238, 238, 0.3);
	text-shadow: none;
}
.section-blackboard .teacher 
{
    background-repeat: no-repeat;
    background-size: contain;
}

.section-blackboard .teacher-1
{
	position: absolute;
	right: 0;
	left: 62%;
	top: 200px;
	width: 300px !important;
}

.section-blackboard .teacher-3
{
	position: absolute;
    right: 0;
    left: 69%;
    top: 230px;
    width: 235px !important;
}

.section-blackboard .teacher-2
{
	position: absolute;
    right: 0;
    left: 68%;
    top: 250px;
    width: 250px!important;
}
.section-blackboard .teacher-4
{
    position: absolute;
    right: 0;
    left: 75%;
    top: 270px;
    width: 150px!important;
}
.section-blackboard .teacher-6
{
	position: absolute;
    right: 0;
    left: 69%;
    top: 220px;
    width: 260px!important;
}
.section-blackboard .teacher-5
{
	position: absolute;
    width: 150px !important;
    left: 76%;
    right: 0;
    top: 250px;
}
.section-blackboard .teacher-8
{
	position: absolute;
    width: 150px !important;
    left: 76%;
    right: 0;
    top: 260px;
}
.section-blackboard .teacher-7
{
	position: absolute;
    left: 70%;
    right: 0;
    top: 250px;
    width: 220px !important;
}
.section-blackboard .teacher-9
{
	position: absolute;
    left: 72%;
    right: 0;
    top: 250px;
    width: 200px !important;
}
.section-blackboard .teacher-10
{
	position: absolute;
    left: 76%;
    right: 0;
    top: 250px;
    width: 150px !important;
}

.section-audio-video
{
	text-align: center;
}

.section-audio-video #all 
{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

.section-audio-video #play-video 
{
	border: 2px solid;
	border-radius: 50%;
	padding: 9px 10px;
	background: transparent;
	font-size: 24px;
	color: red;
	border-color: red;
	height: 56px;
	width: 56px;
	display: inline-block;
	vertical-align: middle;
	transition: all 0.3s ease !important;
	line-height: 1.5;
	cursor: pointer;
}
.section-audio-video #play-video:hover 
{
	transform:scale(1.05);
   
}
.section-audio-video #play-video i 
{
	transition: all 0s ease !important;
	line-height: 0;
}
.section-audio-video #play-video:hover 
{
	background-color: red;
	color: #ffffff;
}
.section-audio-video #close-video 
{
	border-radius: 50%;
	background: transparent;
	font-size: 26px;
	color: #fff;
	height: 56px;
	width: 56px;
	text-align: center;
	margin-top: 10px;
	background-color: red;
}

.section-audio-video #close-video .fa-times
{
	padding: 0px !important;
}

.section-audio-video .youtube-video .modal-dialog
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	padding: 0 15px;
	height: 100%;
	max-width: 1000px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.section-audio-video #video-container 
{
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.section-audio-video iframe#youtubevideo 
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.section-audio-video .youtube-video .modal-footer
{
	border: none;
	text-align: center;
	display: block;
	padding: 0;
}
.youtube-video .modal-content 
{
	background: none !important;
	border: none;
}

.section-audio-video .modal-body
{
	background-color: #000 !important;
}
/* For  My Post View Ends here */

/* For  My Post View Starts here */
.file-upload-row .removeRowBtn
{
	color: #fff;
	background-color: #d9534f;
	border: 1px solid #d9534f;
	margin: 5px;
	padding: 0px 20px;
	text-align: center;
}

.file-upload-row .removeRowBtn:hover
{
	border: 1px solid #d9534f !important;
}

#filesupload .addRowBtn
{
	color: #fff;
	background-color: #0275d8;
	border: 1px solid #0275d8;
	margin: 10px 0px;
	padding: 0px 20px;
	text-align: center;
}

#filesupload .addRowBtn:hover 
{
	border: 1px solid #0275d8 !important;
}
/* For  My Post View Ends here */

/* For Ckeditor Starts here */
.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners 
{
    height: 300px;
}
/* For Ckeditor Ends here */

/* For OTP login Starts here */
.need-help .img-fluid
{
 width: 35% !important;
}
/* For OTP login Ends here */

/* For Ckeditor Ends here */
table
{
	margin: auto !important;
}
/* For Ckeditor Ends here */

/* For  My Account-Notification Modal CSS Starts here */

.notificationModal
{
	padding-right: 0;
}
.notificationModal .modal-body{
	background-color: #fff;
}
.notificationModal .modal-header .modal-title
{
	font-size: 16px;
}
.notificationModal .modal-footer
{
	background: #f5f5f5;
}
.notificationModal .btn
{
	padding: 2px 10px;
}
.notificationModal .modal-body ul
{
	list-style-type: none;
	padding: 0px !important;
}
.notificationModal .modal-body ul  li 
{
	padding: 0.9375rem 0;
}
.notificationModal .avatar-img
{
	width: 48px !important;
	height: 48px;
	border-radius: 50%;
}
.notificationModal .avatar-image
{
	width: 80px !important;
	height: 80px;
	border-radius: 50%;
}
.notificationModal .notification-content
{
	text-align: left;
}
.notificationModal .notification-heading {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
	color: #464a53;

}
.notificationModal .notification-timestamp {
    font-size: 0.825rem;
    margin-top: 0.5625rem;
    font-weight: 300;

}
.notificationModal .notification-text {
    font-size: 0.825rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 1.1875rem;
    line-height: 1.25;
    font-weight: 300;
	text-align: justify;
}

.notificationModal a
{
	color: #76838f;
}
.notificationModal a:hover
{
	color: #337ab7;
}

.profile-left-section a
{
	margin-right: auto !important;
	margin-left: auto !important;
}
.profile-left-section a:hover
{
	color: #497cb0 !important;
}

 
/* For  My Account-Notification Modal Ends here */

/* For  My Post View - Comment Section Starts here */

	 .comment-and-reply h6
	 {
		color: black;
		padding-bottom: 10px;
	}
	

	.ReplyModal .modal-body
	{
		background-color: white !important;
	}

	.ReplyModal .modal-footer
	{
		background-color: #f5f5f5 !important;
	}
	.reply_message h6
	{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.comment-and-reply .media-body .main-comment
	{
		font-size:16px;
		color:black;
		text-align:justify;
	}
	.comment-and-reply .reply-message ul
	{
		list-style-type: none;
		display: none;
	}
	.comment-and-reply .reply-message .main-comment
	{
		font-size:16px;
		color:black;
		text-align:justify;
	}
	.comment-and-reply .reply-message .main-comment span
	{
		color: #065fd4 !important;
		background-color:#def1ff ;
		border-radius: 20px;
		padding: 5px 8px;
	}
	.comment-and-reply .reply-message .replybtn
	{
	background-color: #fff ;
    color: #065fd4 !important;
    border: 2px solid #fff;
    margin-top: 5px;
    margin-right: 3px;
    padding: 5px 20px;
	margin-bottom: 5px;
    font-size: 16px;
	border-radius: 20px;
	border: none !important;
	outline: none !important;
	}
	.comment-and-reply  .reply-message .replybtn:hover
	{
	color:#065fd4;
	background-color:#def1ff ;
	border: none !important;
	outline: none !important;
	} 

/* For  My Post View - Comment Section Ends here */

/* For  My Post View - Audio Player Section Starts here */
.audio-player {
	height: 50px;
	width: 300px;
	background: #444;
	box-shadow: 0 0 20px 0 #000a;
	font-family: arial;
	color: white;
	font-size: 0.75em;
	overflow: hidden;
	display: grid;
	grid-template-rows: 6px auto;
	/* margin-right: 20px; */
	margin-left: auto;
	margin-right: auto;
	}

	.audio-player .timeline {
	background: white;
	width: 100%;
	position: relative;
	cursor: pointer;
	box-shadow: 0 2px 10px 0 #0008;
	}

	.audio-player .timeline .progress {
	background: coral;
	width: 0%;
	height: 100%;
	transition: 0.25s;
	}

	.audio-player .controls {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 0 20px;
	}

	.audio-player .controls > * {
	display: flex;
	justify-content: center;
	align-items: center;
	}

	.audio-player .controls .toggle-play.play {
	cursor: pointer;
	position: relative;
	left: 0;
	height: 0;
	width: 0;
	border: 7px solid #0000;
	border-left: 13px solid white;
	}

	.audio-player .controls .toggle-play.play:hover {
	transform: scale(1.1);
	}

	.audio-player .controls .toggle-play.pause {
	height: 15px;
	width: 20px;
	cursor: pointer;
	position: relative;
	}

	.audio-player .controls .toggle-play.pause:before {
	position: absolute;
	top: 0;
	left: 0px;
	background: white;
	content: "";
	height: 15px;
	width: 3px;
	}

	.audio-player .controls .toggle-play.pause:after {
	position: absolute;
	top: 0;
	right: 8px;
	background: white;
	content: "";
	height: 15px;
	width: 3px;
	}

	.audio-player .controls .toggle-play.pause:hover {
	transform: scale(1.1);
	}

	.audio-player .controls .time {
	display: flex;
	}

	.audio-player .controls .time > * {
	padding: 2px;
	}

	.audio-player .controls .volume-container {
	cursor: pointer;
	}

	.audio-player .controls .volume-container .volume-button {
	height: 26px;
	display: flex;
	align-items: center;
	}

	.audio-player .controls .volume-container .volume-button .volume {
	transform: scale(0.7);
	}

	.audio-player .controls .volume-container .volume-slider {
	position: absolute;
	left: -3px;
	/* top: 15px; */
	z-index: -1;
	width: 0;
	height: 15px;
	background: white;
	box-shadow: 0 0 20px #000a;
	transition: .25s;
	}

	.audio-player .controls .volume-container:hover .volume-slider {
	left: 0px;
	width: 120px;
	}

	.audio-player .controls .volume-container .volume-slider .volume-percentage {
	background: coral;
	height: 100%;
	width: 75%;
	}
	.section-social-media-share .a2a_kit
	{
		display: flex;
		justify-content: center;
		background: #efefef;
		padding: 10px 0;
		margin-top: 5px !important;
	}
	/* .image_resized
	{
		margin: auto;
	}
	.image_resized img
	{
		max-width: 100%;
	}
	figure img
	{
		max-width: 80% !important;
	}*/

	.html-content img
	{
		display:block;
		margin: 0 auto;
	}

	img
	{
		width: 100% !important;
	} 

	figure.image
	{
		margin: auto !important;
		display:flex;
		justify-content: center;
	}

	.image-style-side {
		max-width: 50% !important;
		float: right;
		margin-left: var(--ck-image-style-spacing);
	}

	.image.image_resized {
		max-width: 100% !important;
	}

	 image.image_resized {
		display: block;
		box-sizing: border-box;
	}
	
	.image.image_resized img {
		width: 100% !important;
	}
	
	.image.image_resized > figcaption {
		display: block;
	}

.highlighted-word 
{
	background-color: yellow;
	color: red; /* You can adjust the text color as needed */
}

.speechRatelabel
{
	margin: 0 !important;
}

#speechRate
{
	margin: 5px;
}

.social-join .panel-title
{
	text-align:center; 
	background:#134a9c; 
	color:#ffffff; 
	padding:15px;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Times New Roman', Times, serif;
}

.social-join img
{
	width:25% !important;
}

.social-join .subpanel-title
{
	font-family: 'Times New Roman', Times, serif;
}

.social-join h3.subpanel-title
{
	margin-bottom: 10px;
	font-size: 18px;
	margin-top: 5px;
}
.social-join a.subpanel-title
{
	font-size: 12px;
}
.social-join .join-social-media-link
{
	display: flex;
    justify-content: space-around;
    margin-top: 5px;
	background-color:#efefef;
	padding: 5px 0;
}

.section-social-media-share p
{
	text-align: center;
    background: #25D366;
    color: #ffffff;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Times New Roman', Times, serif;
	margin-bottom: 0px;
}

.author-bio h4
{
	text-align: center;
    background: #134a9c;
    color: #ffffff;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Times New Roman', Times, serif;
}
.download-file h5
{
	text-align: center;
    background: #E01E5A;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Times New Roman', Times, serif;
}

/* For  My Post View - Audio Player Section Ends here */

/* For Login Modal Starts  here */
.login-modal-content
{
	width:100% !important;
	margin:auto;
}
.login-modal-content.webform input, button#submit-button
{
	margin: auto;
}
.login-modal-content .form-control
{
	width:90% !important;
	margin: auto;
}
.login-modal-content .custom-control
{
	padding-left: 2.5rem!important;
}
.login-modal-content button#submit-signin-button
{
	margin: auto;
	border-radius: 25px;
}
.login-modal-content .taxt-link a
{
	margin-right: 1rem !important;
}
.register-account
{
	margin: auto;
}
.footer img
{
	width: 30% !important;
}
.login-modal-content .company-details h4
{
	color:#070a0c;
	font-weight: 800;
}
.login-modal-content .company-details .login-img
{
	width:80% !important;
}

.login-modal-content .modal-header button span
{
	color:#000 !important;
}
.login-modal-content .modal-header button span:hover
{
	color:#000 !important;
}
.login-modal-content input
{
	border:none;
	border-bottom:1px solid black;
}
.login-modal-content input:focus
{
	border:none;
	border-bottom:1px solid black;
}
.login-modal-content .company-details .login-logo-text .title
{
	font-family: 'Yellowtail', cursive;
    color: #124a9a;
    font-size: 40px;
}
.login-modal-content .company-details .login-logo-text .sub-title
{
	font-family: 'Yellowtail', cursive;
    color: #124a9a;
    font-size: 20px;
}
.modal#loginform
{
	padding-right: 0px !important;
}
img#Imageid
{
	width: 280px !important;
	height:50px;
}
img#existingFile {
    width: auto !important;
}
.fancybox-image, .fancybox-spaceball
{
	width: 100% !important;
}
/* For Login Modal Ends  here */

/* For My Account Starts  here */
.update_profile
{
		display:flex;
		justify-content: end;
}
.update_profile a:hover
{
	color: #124a9a;
	
}
/* For My Account Ends  here */

/* For My Account - Professional Details Starts  here */

.profile-column p
{
		margin-bottom: 5px !important;
}
.profession_type table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.profession_type td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.profession_type tr:nth-child(even) {
  background-color: #dddddd;
}

figure.table
{
	width:100% !important;
}
figure.table img
{
	width:80% !important;
}
/* For  My Account - Professional Details  Ends  here */

/* For  My Post View  - Auto Link Player Starts  here */
button.playAudio 
{
    border: 2px solid;
    color: #389cf1;
    background-color: white;
    border-radius: 50%;
    font-size: 20px;
    padding: 0px 10px;
    margin-left: 10px;
	height: 56px;
    width: 56px;
}

audio#ModalAudioPlayer 
{
	margin: 10px auto;
}
#myModalAudio .modal-content 
{
	position: absolute;
	background-color: transparent;
	top: 300px;
	border: none;
}
#myModalAudio i.fas.fa-times {
    color: red;
	background-color: white;
    padding: 5px 8px;
    border-radius: 50%;
}
/* For  My Account - Professional Details  Ends  here */
.subscribe_page .section-logo
{
	margin-top: 0rem !important;
}
.subscribe_page .search-results
{
	margin-top: 2rem !important;
}
.subscribe_page .navbar-nav
{
	display: none !important;
}
.subscribe_page .search-results .tg-widget-tab .reg-box 
{
    background: url(/images/reg-bg.jpg) no-repeat top left;
    background-size: cover;
    position: relative;
}
.subscribe_page .reg-box.newsletter-box 
{
    padding: 42px 0px;
}

  /* Add your custom styles for the modal here */
.audio-modal 
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	justify-content: center;
	align-items: center;
}

.audio-modal .modal-content 
{
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	width:80%;
}

.button-container 
{
	display: flex;
	gap: 10px;
	justify-content: end;
}

.clear-button 
{
	background-color: #ff0000; /* Add your desired color */
	color: #fff;
	border: none;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}

.close-button
 {
	background-color: #00ff00; /* Add your desired color */
	color: #fff;
	border: none;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}
.cancel-button
 {
	background-color: #389cf1; /* Add your desired color */
	color: #fff;
	border: none;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}
.audio-content
{
	display:flex;
	justify-content: end;
}
.audiobtn 
{
	/* background-color: white;
	color: #134a9c;
	border: 1px solid #134a9c;
	padding: 5px;
	border-radius: 5px; */
	cursor: pointer;
	/* align-items: center;
	width: max-content;
	font-size:14px; */
	border: 2px solid;
    color: #134a9c;
    background-color: white;
    border-radius: 50%;
    font-size: 20px;
    padding: 0px 10px;
    margin-right: 10px;
    height: 56px;
    width: 56px;
}
.audiobtn2 
{
	background-color: white;
	color: #134a9c;
	border: 1px solid #134a9c;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
	align-items: center;
	width: max-content;
	font-size:14px;
	margin-top: 18px;
}

.audiobtn i 
{
	margin: 0px !important;
}

.highlight 
{
	background-color: yellow;
}

.properties 
{
	display: grid;
	grid-template-columns: max-content minmax(0, auto) 40px;
	gap: 20px;
	padding: 20px;
	margin-bottom: 12px;
	background-color: white;
}

#voice 
{
	font-size: 0.875rem;
	font-family: inherit;
}
button#speak 
{
	color: #fff;
	background-color: #134a9c;
	border: 2px solid #134a9c;
	transition: ease-in-out 0.6s;
	border-radius: 5px;
}
button#pause
{
	color: #fff;
	background-color: #134a9c;
	border: 2px solid #134a9c;
	transition: ease-in-out 0.6s;
	border-radius: 5px;
}

.set-button
{
	background-color: #389cf1;
	color: #fff;
	border: none;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
	margin-bottom: 10px;
}
.modal-content 
{
	max-height: 100vh; /* Adjust as needed */
	overflow-y: auto;
}
div#tts 
{
    text-align: justify;
	/* overflow-y: auto; */
	margin: 20px;
}

.visually-hidden 
{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#ttsContent 
{
    cursor: pointer;
    user-select: none;
}

.pause-button
 {
    display: none;
}
#audioRead 
{
	font-size: 14px;
	color: #134a9c;
	font-weight: 600;
}
#audio
{
	font-size: 14px;
	color: #389cf1;
	font-weight: 600;
	margin-left: 10px;
}
#video
{
	font-size: 14px;
	color: #ff0000;
	font-weight: 600;
}

#audioRead 
{
	display: none;
}

#audioReadContainer:hover #audioRead 
{
	display: block;
}

#video 
{
	display: none;
}

.play-video-container:hover #video 
{
	display: block;
}

#audio 
{
	display: none;
}

.audio-container:hover #audio 
{
	display: block;
}

.help-modal {
    display: none;
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border: 3px solid #225EB8;
    border-radius: 6px;
	height: auto;

}

#closeModalBtnHelp
{
	color: transparent !important;
}

.help-modal-header
{
	background-color: #225EB8;
}
.help-modal-header p{
    color: #eeeeee;
    font-size: 18px;
	padding: 5px 10px;
	margin-bottom: 15px
	
}
.help-modal-footer{
	background-color: #8ab0e9;
	margin-top: 15px;
	padding: 5px 10px;
}

.help-modal-content {
    /* overflow: auto; */
    display: block;
    font-size: 14px;
    padding: 15px;
    background-color: white;
	border: 1px solid #999afd;
    border-radius: 10px;
	margin: 10px;
	overflow-y: auto;
    height: 400px;
	
}

.help-modal-close {
    color: #000;
    background-color: #e2e2e2;
    border-color: #dadada;
	display: inline-block;
    padding: 8px 14px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    line-height: initial;
}

button#openModalBtnHelp
{
	border: none;
    background-color: white;
    margin-left: 6px;
    margin-top: 15px;
}
button#openModalBtnHelp  i{

	font-size: 25px;
	color: #389cf1;

}
button#openModalBtnHelp:focus
{
	outline:none !important;
}

.modal-help-title{
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid #7571f9;
	color: #7571f9;
	font-family: 'Times New Roman', Times, serif;
}

.model-help-content
{
	padding-top: 15px;
	padding-bottom: 15px;
}