#icon
{
position: relative;
width: 27px;
height: 9px;
left:1px;
top: 6px;
background: linear-gradient(96.34deg, #E537B9 0%, #C040DF 100%);
border-radius: 4.5px;
margin-bottom: 8px;
}
.navbar{
    height:91px;
    border: 2px solid #E1E4E8;
}
.navbar-brand
{
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 23px;
line-height: 24px;
letter-spacing: 2px;
}
#today{
margin-top: 50px;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #252B42;
}
#subheading{
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 28px; 
color: #858585;
margin-bottom: 30px;
}
.bi-record-fill
{
margin:0px 10px;
}
.accordionBtn{
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
color: #737373;
background: none;
border:none;
}
 

.accordion-item
{
border:none;
margin-bottom: 15px;
}
/* #right{
    position: absolute;
}
#mid{
    position: relative;
    width:70%;
} */

/* #prev{
height:100%;
width:2rem;
background: #F6F8FA;
border-radius: 10px;
border:none;
}
#next{
height:100%;
background: #F6F8FA;
border-radius: 10px;
border:none;
} */
.fa-chevron-down{
font-family: Font Awesome 5 Pro;
font-style: normal;
font-weight: 900;
font-size: 16px;
line-height: 106.25%;
letter-spacing: 0.1px;
color: #737373;
margin: 0px 12px;
}

.fa-chevron-down{
    transform: rotate(-180deg);
}
.card{
    border:none;
    margin-bottom: 20px;
}
.card-title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.1px;
    color: #292B2E;
    margin: 4px 10px;
}
#content{
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.2px;
color: #292B2E;
margin:4px 12px;
}
#author{
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 28px;
letter-spacing: 0.2px;
color: #586069;
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 12px;
}

@media (min-width: 768px) {
    .carousel-img {
    width: 100%;
    height: 150px;
}
}
    
@media (min-width: 992px) {
    .carousel-img {
    width: 100%;
    height: 400px;
}
}
    
@media (min-width: 1200px) {
    .carousel-img {
    width: 100%;
    height: 450px;
}
}