h1.heading {
    font-family: 'Roboto Flex';
    font-size: 30px;
    font-weight: 600;
}
h2.title-heading{
    font-size: 28px;
    font-weight: 600;
    font-family: 'Roboto';
}
h3.title-subheading{
    font-size: 22px;
    font-weight: 600;
    font-family: 'Roboto';
}
input.product_border {
    border: 0px;
    border-radius: 25px;
}
input.product_border:focus{
   outline:none;
   box-shadow:none;
}
button.searchbtn {
    border: 0px;
    background-color: transparent;
    position: absolute;
    right: 7px;
    top: 4px;
}
.investing_search_bar {
    position: relative;
    border: 2px solid #2D6CD2;
    border-radius: 25px;
    padding: 3px 35px 6px 15px;
}
button.mob_searchbtn{
   display: none;
}

.newscontainer{
   float:left;
   width:100%;
}
.researchimg {
    display: block;
    width: 250px;
    height: 150px;
    background-size: cover;
    background-position: center;
}
.researchreports{
    column-gap: 20px;
    text-decoration: none;
}
.stock-contentblock {
    width: 100%;
}
.stock-contentblock h2 {
    color: #000;
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.stock-contentblock p {
    color: #191919;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.stock-contentblock span {
    color: #191919;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
}
.newselement {
    float: left;
    width: 100%;
    margin-bottom:20px;
    position:relative;
}
.neg-margin-for-stock-res{
   float:left;
   width:100%;
}
.investing_search_bar input::placeholder{
   color:#000 !important;
}
.educational-tabs {
    overflow-x: auto;
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-y:hidden;
}
.educational-tabs .nav-link{
    border:0px;
    color:#000;
}
.educational-tabs a.nav-link.active {
    border-bottom: 2px solid #0d6efd !important;
    font-weight: 600;
    color:#000;
}

@media only screen and (min-width: 768px) {
.newscontainer .newselement:nth-child(1) {
    float: left;
    width: 65%;
    margin-right:2%;
}
.newscontainer .newselement:nth-child(2), .newscontainer .newselement:nth-child(3) {
    float: left;
    width: 33%;
}
.floating .researchimg{
    float: left;
    width: 100%;
}
.newscontainer .newselement:nth-child(1) .researchimg{
    height: 400px;
}
.newscontainer .newselement:nth-child(2) .researchimg, .newscontainer .newselement:nth-child(3) .researchimg{
   height:190px;
}
.floating .stock-contentblock {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 4rem 1rem 14px 1rem;
    background: linear-gradient(0, #142133, transparent);
}
.floating .stock-contentblock p {
    display: none;
}
.floating .stock-contentblock h2{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom:0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.newscontainer .newselement:nth-child(1) .stock-contentblock h2 {
    font-size: 24px;
}
.floating span.readtime, .floating span.readtime{
    display: none;
}
.floating .stock-contentblock span{
   color:#fff;
}
}

/*-- News Sidebar CSS Starts --*/
.news-sidebar {
    margin-bottom: 16px;
    padding: 10px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgb(183 185 189);
    border-radius: 12px;
}
.news-sidebar .researchimg{
    width: 110px;
    height: 70px;
}
.news-sidebar .stock-contentblock h2 {
    font-size: 16px;
    margin-bottom:0px;
}
.news-sidebar .stock-contentblock p {
   display: none;
}
.news-sidebar .researchreports {
    column-gap: 10px;
}
.news-sidebar .newselement{
   border-bottom: 1px dashed;
   padding-bottom:10px;
   margin-bottom:15px;
}
.news-sidebar .readtime{
   display: none;
}
.news-sidebar .newselement:last-child{
   border-bottom: 0px;
   padding-bottom:0px;
   margin-bottom:0px;
}
/*-- News Sidebar CSS Ends --*/

ul.pagination{
    float: left;
    width: 100%;
    margin-bottom:20px;
}


.stock-contentblock h2:hover {
    color: #0c6ffd;
}
.researchreports span a {
    color: #000;
    text-decoration: none;
}
.researchreports span a:hover{
     color: #0c6ffd;
}



@media only screen and (min-width: 768px) {
.newscontainer .newselement:nth-child(1) .stock-contentblock a{
    color:#fff !important;
}
.floating .stock-contentblock a{
    color:#fff !important;
}
.floating  a.imglink{
    float: left;
    width: 100%;
}
.newselement.floating a:hover h2 {
    color: #fff !important;
}

}

@media only screen and (min-width: 320px) and (max-width: 767px) {
   button.mob_searchbtn{
   display: block;
}
.newselement {
   margin-bottom: 10px;
   border-bottom: 1px dashed;
   padding-bottom: 10px;
}
.researchimg {
    width: 110px;
    height: 70px;
}
.stock-contentblock h2 {
    font-size: 16px;
    margin-bottom:0px;
}
.researchreports {
    column-gap: 10px;
}
.stock-contentblock p, span.readtime{
   display: none;
}
.investing_search_bar{
   margin-bottom:30px;
}

}

.breadcrumb-bar {
  font-size: 0.9rem;
  color: #6B7280;
  border-bottom: 1px solid var(--rule);
  font-family: 'Roboto';
  font-weight: 400;
}
.breadcrumb-bar a {
  color: #6B7280;
  text-decoration: none;
  padding-right: 10px;
  margin-right: 10px;
  position:relative;
}
.breadcrumb-bar a:hover { color: #6B7280; }
.breadcrumb-bar a:after {
  content: "\f105";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 500);
  right: -7px;
  position: absolute;
  color: #9b9ea3;
}