.banner_demo{
    background-color: #fff;
}

.card-body {
    background-color: #fff;
    display: flex;
    justify-content: center;
    border-radius: 15px;
    -webkit-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.4);
}

.card-body > img{

    border-radius: 15px;
}

.card-body .titulo > img{

    width: 35px;
}

.card-body svg {
    position: absolute;
    width: 35%;
    right: 2%;
    top: 0%;
}

.card-body .titulo {
    position: absolute;
    top: 5%;
    left: 15px;
    padding: 8px 0px 8px 15px;
    color: #fff;
    font-family: 'Dosis';
    font-weight: 500;
    display: flex;
}

.card-body .titulo::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #1a99f8;
    right: -25px;
    top: 0;
}

.card-body .btn-libro {
    position: absolute;
    bottom: 10%;
    right: 10%;
    padding: 10px 25px;
    color: #fff;
    font-weight: bold;
    border-radius: 100px;
}

.card-body.historia .titulo{
    background-color: #76B727;
}

.card-body.historia .btn-libro{
    background-color: #76B727;
}

.card-body.historia .titulo::before {
    border-left-color: #76B727;
}

.card-body.historia svg .st6 {
    fill: #76B727;
}

.card-body.biologia .titulo{
    background-color: #01AA9D;
}

.card-body.biologia .btn-libro{
    background-color: #01AA9D;
}

.card-body.biologia .titulo::before {
    border-left-color: #01AA9D;
}

.card-body.biologia svg .st6 {
    fill: #01AA9D;
}

.card-body.fisica .titulo{
    background-color: #E94186;
}

.card-body.fisica .btn-libro{
    background-color: #E94186;
}

.card-body.fisica .titulo::before {
    border-left-color: #E94186;
}

.card-body.fisica svg .st6 {
    fill: #E94186;
}

.card-body.quimica .titulo{
    background-color: #82348C;
}

.card-body.quimica .btn-libro{
    background-color: #82348C;
}

.card-body.quimica .titulo::before {
    border-left-color: #82348C;
}

.card-body.quimica svg .st6 {
    fill: #82348C;
}

.card-body.lectora .titulo{
    background-color: #01A1E7;
}

.card-body.lectora .btn-libro{
    background-color: #01A1E7;
}

.card-body.lectora .titulo::before {
    border-left-color: #01A1E7;
}

.card-body.lectora svg .st6 {
    fill: #01A1E7;
}

.card-body.matematica .titulo{
    background-color: #ff4a3b;
}

.card-body.matematica .btn-libro{
    background-color: #ff4a3b;
}

.card-body.matematica .titulo::before {
    border-left-color: #ff4a3b;
}

.card-body.matematica svg .st6 {
    fill: #ff4a3b;
}