#button
{
    position: absolute;
    width: 27px;
    height: 9px;
    left: 1px;
    top: 10px;
    background: linear-gradient(96.34deg, #E537B9 0%, #C040DF 100%);
    border-radius: 4.5px;
}

#title
{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 23px;
line-height: 24px;

letter-spacing: 2px;

color: #292B2E;
}

#bodytext{
color: #858585;
}

#today{
color: #252B42;
}

#title
{

    width: 108px;
    height: 32px;

/* H3 */
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
text-decoration: none;
/* identical to box height, or 133% */

letter-spacing: 0.1px;

/* Text/text-gray-dark */

color: #292B2E;

}

#uppertitle{
    /* upper-title */
width: 92px;
height: 28px;

/* H6 */

font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 28px;
/* identical to box height, or 215% */
letter-spacing: 0.2px;
/* Text/text-gray */
color: #586069;
}

#uppertitleDate{
    /* upper-title */
width: 59px;
height: 24px;
/* H6 */
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 24px;
/* identical to box height, or 171% */
letter-spacing: 0.2px;
/* Text/text-gray */
color: #586069;

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;
}

#paragraph{

/* Paragraph */

font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 26px;
/* or 162% */

letter-spacing: 0.2px;

/* Text/text-gray-dark */

color: #292B2E;


display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
overflow: hidden; 



}

#dot{
    width:5px;
    height:5px;
    background: #586069;
    border-radius:3px; 
    margin-left: 1rem;
    align-self: center;
}

.carousel-control-next-icon{
    background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%46fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-control-next{
    position: absolute;
    width: 20px;
    border-radius: 10px;
    height: 100%;
    right: -25px;
    background: #F6F8FA;
}


.carousel-control-prev-icon{
    background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%46fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    
}
.carousel-control-prev{
    position: absolute;
    width: 20px;
    border-radius: 10px;
    height: 100%;
    left: -25px;
    background: #F6F8FA;
    
}