.mc {
    width: 100%;
    padding: 80px 20px;
}

.mc__container {
    max-width: 1200px;
    margin: 0 auto;
}

/* HEADER */
.mc__header {
    margin-bottom: 40px;
}

.mc__title {
    font-size: 32px;
    margin-bottom: 10px;
}

.mc__desc {
    opacity: 0.7;
}

/* ALIGNMENT */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* GRID BASE */
.mc__grid {
    display: grid;
    gap: 24px;
}

/* 1 COLUMN */
.mc--1 {
    grid-template-columns: 1fr;
}

/* 2 COLUMNS */
.mc--2 {
    grid-template-columns: repeat(2, 1fr);
}

/* 3 COLUMNS */
.mc--3 {
    grid-template-columns: repeat(3, 1fr);
}

/* 4 COLUMNS */
.mc--4 {
    grid-template-columns: repeat(4, 1fr);
}

/* 5+ COLUMNS (AUTO WRAP) */
.mc--auto {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

/* ITEM CARD STYLE */
.mc__item {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
}

/* ICON */
.mc__icon img {
    width: 75px;
    height: 75px;
    margin-bottom: 16px;
}

/* CONTENT */
.mc__item-title {
    margin-bottom: 10px;
}

.mc__content p {
    margin-bottom: 12px;
}

.mc__content ul{
    margin:0;
}
.mc__content ul li{
    margin-bottom:15px;
}
.mc__content ul li:nth-child(4n + 1)::marker {
  color: #7DB9E8;
}

.mc__content ul li:nth-child(4n + 2)::marker {
  color: #6EC1C2;
}

.mc__content ul li:nth-child(4n + 3)::marker {
  color: #C3AED6;
}

.mc__content ul li:nth-child(4n + 4)::marker {
  color: #FF7F50;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .mc--4,
    .mc--3,
    .mc--2 {
        grid-template-columns: 1fr;
    }
}