body{
    background-color: #FAF8F4;
}
.normal-font-size{
    font-weight: 400;
    font-size: 20px;
}
span {
    color: #4F7382;
}
 
p {
   
    color: #4F7382;
    white-space: pre-line;
}
.suffix-icon{
 padding-left: 16px;
}
.card-title{
    padding: 4px 24px;
    border-radius: 8px;
    margin-bottom: 32px;
    width: fit-content;
}
.title-one{
    background-color: #C6D6C7;
    font-weight: 700;
    font-size: 25px;
}
.title-two{
    font-weight: 700;
    font-size: 25px;
    background-color:  #F0E7D6;
}
.bordered-title-one{
    background-color:  #F5D8D0;
    color: var(--color-ink);
    font-weight: 700;
    font-size: 25px;
}
.card-one{
    box-shadow: 6px 6px #91B094;
    background-image: url(../img/orientation-seminars/Vector.svg);
    background-position: -150px -50px;
    background-repeat: no-repeat;
    background-color: #F9FBF9;
    padding: 32px 48px;
    border-radius: 32px;
}
.card-two{
    /* box-shadow: 6px 6px #E3D1B0; */
    background-image: url(../img/orientation-seminars/Vector5.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: #FCFBF8;
    padding: 32px 48px 8px 48px ;
    margin:80px 0px ;
    border-radius: 32px;
}
.list-item{
    margin-bottom: 24px;
}
.bordered-card-one{
    padding: 24px 48px;
    border-radius: 16px;
    border: 4px solid #EB6C4F;
    margin-bottom: 80px;
}
.bordered-card-two{
    background-color: #FFFFFF;
    padding: 72px 56px 80px 56px;
    border-radius: 16px;
    border: 4px solid #8CABBA;
    margin-bottom: 80px;
}
table{
    width: 100%;
    margin: 16px 0px 80px 0px;
}
td{
    padding: 4px 4px 100px 100px;
}
table, th, td {
    border: 1px solid #DADCE0;
    border-collapse: collapse;
  }
.date-table{
    color: #4F7382;
}
.seminar-cell {
    padding: 4px;
}
.seminar-cell:hover {
    background-color: #E3D1B0;
}
.month-title {
    font-size: 24px;
    font-weight: 500;
    color: #496473;
    margin: 20px 0;
    text-align: center;
}
.table-notify-cell{
    background-color: #F9FAFB;
    border-radius: 8px;
    border: 2px solid #4F7382;
    padding:  12px 8px;
}
.rigister-button{
    background-color: #ECE0C9;
    border-radius: 16px;
    padding: 4px 8px;
    margin-top: 4px;
    width: fit-content;
}
.calendar-header {
    display: flex;
    padding: 10px;
    font-size: 20px;
    font-weight: 500;
    color: #496473;
  }
  .calendar-arrow {
    background: none;
    border: none;
    font-size: 20px;
    color: #496473;
  }