.material-card.mc-active .mc-footer a {
    top: 0;
}

.material-card.mc-active .mc-footer h4 {
    top: -32px;
}

.material-card.Red p {
    color: #f44336;
}

.material-card.Red .mc-btn-action {
    color: #f44336;
}

.material-card.Red .mc-btn-action:hover {
    color: #b71c1c;
}

.material-card.Red .mc-footer h4 {
    color: #b71c1c;
}

.material-card.Red .mc-footer a {
    color: #b71c1c;
}

.material-card.Red.mc-active .mc-content {
    color: #ffebee;
}

.material-card.Red.mc-active .mc-footer {
    color: #ffcdd2;
}

.material-card.Red.mc-active .mc-btn-action {
    border-color: #ffebee;
}

.material-card.Blue-Grey .mc-btn-action {
    color: #607d8b;
}

.material-card.Blue-Grey .mc-btn-action:hover {
    color: #263238;
}

.material-card.Blue-Grey .mc-footer h4 {
    color: #263238;
}

.material-card.Blue-Grey .mc-footer a {
    color: #263238;
}

.material-card.Blue-Grey.mc-active .mc-content {
    color: #eceff1;
}

.material-card.Blue-Grey.mc-active .mc-footer {
    color: #cfd8dc;
}

.material-card.Blue-Grey.mc-active .mc-btn-action {
    border-color: #eceff1;
}

.material-card.Pink p {
    color: #e91e63;
}

.material-card.Pink .mc-btn-action {
    color: #e91e63;
}

.material-card.Pink .mc-btn-action:hover {
    color: #880e4f;
}

.material-card.Pink .mc-footer h4 {
    color: #880e4f;
}

.material-card.Pink .mc-footer a {
    color: #880e4f;
}

.material-card.Pink.mc-active .mc-content {
    color: #fce4ec;
}

.material-card.Pink.mc-active .mc-footer {
    color: #f8bbd0;
}

.material-card.Pink.mc-active .mc-btn-action {
    border-color: #fce4ec;
}

.material-card.Purple p {
    color: #9c27b0;
}

.material-card.Purple .mc-btn-action {
    color: #9c27b0;
}

.material-card.Purple .mc-btn-action:hover {
    color: #4a148c;
}

.material-card.Purple .mc-footer h4 {
    color: #4a148c;
}

.material-card.Purple .mc-footer a {
    color: #4a148c;
}

.material-card.Purple.mc-active .mc-content {
    color: #f3e5f5;
}

.material-card.Purple.mc-active .mc-footer {
    color: #e1bee7;
}

.material-card.Purple.mc-active .mc-btn-action {
    border-color: #f3e5f5;
}

.material-card.Deep-Purple p {
    color: #673ab7;
}

.material-card.Deep-Purple .mc-btn-action {
    color: #673ab7;
}

.material-card.Deep-Purple .mc-btn-action:hover {
    color: #311b92;
}

.material-card.Deep-Purple .mc-footer h4 {
    color: #311b92;
}

.material-card.Deep-Purple .mc-footer a {
    color: #311b92;
}

.material-card.Deep-Purple.mc-active .mc-content {
    color: #ede7f6;
}

.material-card.Deep-Purple.mc-active .mc-footer {
    color: #d1c4e9;
}

.material-card.Deep-Purple.mc-active .mc-btn-action {
    border-color: #ede7f6;
}

.material-card.Indigo p {
    color: #3f51b5;
}

.material-card.Indigo .mc-btn-action {
    color: #3f51b5;
}

.material-card.Indigo .mc-btn-action:hover {
    color: #1a237e;
}

.material-card.Indigo .mc-footer h4 {
    color: #1a237e;
}

.material-card.Indigo .mc-footer a {
    color: #1a237e;
}

.material-card.Indigo.mc-active .mc-content {
    color: #e8eaf6;
}

.material-card.Indigo.mc-active .mc-footer {
    color: #c5cae9;
}

.material-card.Indigo.mc-active .mc-btn-action {
    border-color: #e8eaf6;
}

.material-card.Blue p {
    color: #2196f3;
}

.material-card.Blue .mc-btn-action {
    color: #2196f3;
}

.material-card.Blue .mc-btn-action:hover {
    color: #0d47a1;
}

.material-card.Blue .mc-footer h4 {
    color: #0d47a1;
}

.material-card.Blue .mc-footer a {
    color: #0d47a1;
}

.material-card.Blue.mc-active .mc-content {
    color: #e3f2fd;
}

.material-card.Blue.mc-active .mc-footer {
    color: #bbdefb;
}

.material-card.Blue.mc-active .mc-btn-action {
    border-color: #e3f2fd;
}

.material-card.Light-Blue p {
    color: #03a9f4;
}

.material-card.Light-Blue .mc-btn-action {
    color: #03a9f4;
}

.material-card.Light-Blue .mc-btn-action:hover {
    color: #01579b;
}

.material-card.Light-Blue .mc-footer h4 {
    color: #01579b;
}

.material-card.Light-Blue .mc-footer a {
    color: #01579b;
}

.material-card.Light-Blue.mc-active .mc-content {
    color: #e1f5fe;
}

.material-card.Light-Blue.mc-active .mc-footer {
    color: #b3e5fc;
}

.material-card.Light-Blue.mc-active .mc-btn-action {
    border-color: #e1f5fe;
}

.material-card.Cyan p {
    color: #00bcd4;
}

.material-card.Cyan .mc-btn-action {
    color: #00bcd4;
}

.material-card.Cyan .mc-btn-action:hover {
    color: #006064;
}

.material-card.Cyan .mc-footer h4 {
    color: #006064;
}

.material-card.Cyan .mc-footer a {
    color: #006064;
}

.material-card.Cyan.mc-active .mc-content {
    color: #e0f7fa;
}

.material-card.Cyan.mc-active .mc-footer {
    color: #b2ebf2;
}

.material-card.Cyan.mc-active .mc-btn-action {
    border-color: #e0f7fa;
}

.material-card.Teal p {
    color: #009688;
}

.material-card.Teal .mc-btn-action {
    color: #009688;
}

.material-card.Teal .mc-btn-action:hover {
    color: #004d40;
}

.material-card.Teal .mc-footer h4 {
    color: #004d40;
}

.material-card.Teal .mc-footer a {
    color: #004d40;
}

.material-card.Teal.mc-active .mc-content {
    color: #e0f2f1;
}

.material-card.Teal.mc-active .mc-footer {
    color: #b2dfdb;
}

.material-card.Teal.mc-active .mc-btn-action {
    border-color: #e0f2f1;
}

.material-card.Green p {
    color: #4caf50;
}

.material-card.Green .mc-btn-action {
    color: #4caf50;
}

.material-card.Green .mc-btn-action:hover {
    color: #1b5e20;
}

.material-card.Green .mc-footer h4 {
    color: #1b5e20;
}

.material-card.Green .mc-footer a {
    color: #1b5e20;
}

.material-card.Green.mc-active .mc-content {
    color: #e8f5e9;
}

.material-card.Green.mc-active .mc-footer {
    color: #c8e6c9;
}

.material-card.Green.mc-active .mc-btn-action {
    border-color: #e8f5e9;
}

.material-card.Light-Green p {
    color: #8bc34a;
}

.material-card.Light-Green .mc-btn-action {
    color: #8bc34a;
}

.material-card.Light-Green .mc-btn-action:hover {
    color: #33691e;
}

.material-card.Light-Green .mc-footer h4 {
    color: #33691e;
}

.material-card.Light-Green .mc-footer a {
    color: #33691e;
}

.material-card.Light-Green.mc-active .mc-content {
    color: #f1f8e9;
}

.material-card.Light-Green.mc-active .mc-footer {
    color: #dcedc8;
}

.material-card.Light-Green.mc-active .mc-btn-action {
    border-color: #f1f8e9;
}

.material-card.Lime p {
    color: #cddc39;
}

.material-card.Lime .mc-btn-action {
    color: #cddc39;
}

.material-card.Lime .mc-btn-action:hover {
    color: #827717;
}

.material-card.Lime .mc-footer h4 {
    color: #827717;
}

.material-card.Lime .mc-footer a {
    color: #827717;
}

.material-card.Lime.mc-active .mc-content {
    color: #f9fbe7;
}

.material-card.Lime.mc-active .mc-footer {
    color: #f0f4c3;
}

.material-card.Lime.mc-active .mc-btn-action {
    border-color: #f9fbe7;
}

.material-card.Yellow p {
    color: #ffeb3b;
}

.material-card.Yellow .mc-btn-action {
    color: #ffeb3b;
}

.material-card.Yellow .mc-btn-action:hover {
    color: #f57f17;
}

.material-card.Yellow .mc-footer h4 {
    color: #f57f17;
}

.material-card.Yellow .mc-footer a {
    color: #f57f17;
}

.material-card.Yellow.mc-active .mc-content {
    color: #fffde7;
}

.material-card.Yellow.mc-active .mc-footer {
    color: #fff9c4;
}

.material-card.Yellow.mc-active .mc-btn-action {
    border-color: #fffde7;
}

.material-card.Amber p {
    color: #ffc107;
}

.material-card.Amber .mc-btn-action {
    color: #ffc107;
}

.material-card.Amber .mc-btn-action:hover {
    color: #ff6f00;
}

.material-card.Amber .mc-footer h4 {
    color: #ff6f00;
}

.material-card.Amber .mc-footer a {
    color: #ff6f00;
}

.material-card.Amber.mc-active .mc-content {
    color: #fff8e1;
}

.material-card.Amber.mc-active .mc-footer {
    color: #ffecb3;
}

.material-card.Amber.mc-active .mc-btn-action {
    border-color: #fff8e1;
}

.material-card.Orange p {
    color: #ff9800;
}

.material-card.Orange .mc-btn-action {
    color: #ff9800;
}

.material-card.Orange .mc-btn-action:hover {
    color: #e65100;
}

.material-card.Orange .mc-footer h4 {
    color: #e65100;
}

.material-card.Orange .mc-footer a {
    color: #e65100;
}

.material-card.Orange.mc-active .mc-content {
    color: #fff3e0;
}

.material-card.Orange.mc-active .mc-footer {
    color: #ffe0b2;
}

.material-card.Orange.mc-active .mc-btn-action {
    border-color: #fff3e0;
}

.material-card.Deep-Orange p {
    color: #ff5722;
}

.material-card.Deep-Orange .mc-btn-action {
    color: #ff5722;
}

.material-card.Deep-Orange .mc-btn-action:hover {
    color: #bf360c;
}

.material-card.Deep-Orange .mc-footer h4 {
    color: #bf360c;
}

.material-card.Deep-Orange .mc-footer a {
    color: #bf360c;
}

.material-card.Deep-Orange.mc-active .mc-content {
    color: #fbe9e7;
}

.material-card.Deep-Orange.mc-active .mc-footer {
    color: #ffccbc;
}

.material-card.Deep-Orange.mc-active .mc-btn-action {
    border-color: #fbe9e7;
}

.material-card.Brown p {
    color: #795548;
}

.material-card.Brown .mc-btn-action {
    color: #795548;
}

.material-card.Brown .mc-btn-action:hover {
    color: #3e2723;
}

.material-card.Brown .mc-footer h4 {
    color: #3e2723;
}

.material-card.Brown .mc-footer a {
    color: #3e2723;
}

.material-card.Brown.mc-active .mc-content {
    color: #efebe9;
}

.material-card.Brown.mc-active .mc-footer {
    color: #d7ccc8;
}

.material-card.Brown.mc-active .mc-btn-action {
    border-color: #efebe9;
}

.material-card.Grey p {
    color: #9e9e9e;
}

.material-card.Grey .mc-btn-action {
    color: #9e9e9e;
}

.material-card.Grey .mc-btn-action:hover {
    color: #212121;
}

.material-card.Grey .mc-footer h4 {
    color: #212121;
}

.material-card.Grey .mc-footer a {
    color: #212121;
}

.material-card.Grey.mc-active .mc-content {
    color: #fafafa;
}

.material-card.Grey.mc-active .mc-footer {
    color: #f5f5f5;
}

.material-card.Grey.mc-active .mc-btn-action {
    border-color: #fafafa;
}

.material-card.Blue-Grey p {
    color: #607d8b;
}

.material-card.Blue-Grey .mc-btn-action {
    color: #607d8b;
}

.material-card.Blue-Grey .mc-btn-action:hover {
    color: #263238;
}

.material-card.Blue-Grey .mc-footer h4 {
    color: #263238;
}

.material-card.Blue-Grey .mc-footer a {
    color: #263238;
}

.material-card.Blue-Grey.mc-active .mc-content {
    color: #eceff1;
}

.material-card.Blue-Grey.mc-active .mc-footer {
    color: #cfd8dc;
}

.material-card.Blue-Grey.mc-active .mc-btn-action {
    border-color: #eceff1;
}

/*
 * Material Cards - Custom
 */

 p .main-title,
 p .main-subtitle {
    text-align: center;
}
p .main-title{
   font-weight: 700 !important;
   font-size: 1.55em !important;
}
p .main-subtitle{
    font-weight: 500 !important;
    font-size: 1.3em !important;
 }
.img-container {
    overflow: hidden !important;
    position: relative;
    height: 400px;
    width: fit-content;
    margin-bottom: 30px;
    background-color: white;
    -webkit-box-shadow: rgb(0 0 0 / 35%) 0 5px 15px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 35%);
}

.img-responsive {
    height: 85% !important;
    width: 400px;
    object-fit: cover;
}

.svgVague {
    position: absolute;
    bottom: -5%;
    left: 50%;
    transform: translate(-50%, -20%);
    -ms-transform: translate(-50%, -50%);
    z-index: 20;
    width: 105%;
}

.img-container p {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 30;
    left: 50%;
    top: 80%;
    display: flex;
    width: 90%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.main-title {
    font-weight: bold;
}

.wrappercard {
    width: 300px !important;
    margin: 10px;
}
.wrapperFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.wrappercard:nth-child(odd) {
    margin-top: 1.5vw;
}