#microneedling-component {   font-family: Montserrat, sans-serif;   box-sizing: border-box;   max-width: 1460px;   margin: 20px auto; } #microneedling-component *, #microneedling-component *::before, #microneedling-component *::after {   box-sizing: border-box; } #microneedling-component .microneedling-panel {   background: #ffffff;   border-radius: 12px;   padding: 40px;   margin-bottom: 25px; } #microneedling-component h3 {   font-family: futura-pt, Futura, sans-serif;   font-size: 1.75rem;   font-weight: 500;   color: rgb(34, 34, 34);   margin-bottom: 8px;   text-align: center; } #microneedling-component h4 {   font-family: 'Marcellus';   font-size: 1.15rem;   font-weight: 600;   color: rgb(34, 34, 34);   margin-bottom: 8px; } #microneedling-component .section-sub {   font-size: 1.1rem;   color: rgb(204, 51, 102);   text-align: center;   margin-bottom: 10px; } #microneedling-component .section-desc {   font-size: 1rem;   color: rgb(85, 85, 85);   margin-bottom: 20px; } #microneedling-component p, #microneedling-component li {   font-size: 0.95rem;   color: rgb(85, 85, 85);   line-height: 1.6; } #microneedling-component ul {   list-style-type: none;   padding-left: 0;   margin-top: 10px; } #microneedling-component li {   padding: 4px 0;   border-bottom: 1px dashed rgb(229, 224, 220); } #microneedling-component li:last-child {   border-bottom: none; } #microneedling-component .microneedling-grid {   display: grid;   grid-template-columns: repeat(8, 1fr);   gap: 20px;   margin-top: 20px;   margin-bottom: 20px; } #microneedling-component .treatment-card {   grid-column: span 2;   background: #faf8f5;   padding: 20px;   border: 1px solid #eeeeee; } /* Center the final 3 cards in the 4-column desktop layout */ #microneedling-component .treatment-card:nth-child(5) {   grid-column: 2 / span 2; } #microneedling-component .treatment-card:nth-child(6) {   grid-column: 4 / span 2; } #microneedling-component .treatment-card:nth-child(7) {   grid-column: 6 / span 2; } /* 2-column layout */ @media (min-width: 769px) and (max-width: 1199px) {   #microneedling-component .microneedling-grid {     grid-template-columns: repeat(2, minmax(0, 1fr));   }   #microneedling-component .treatment-card,   #microneedling-component .treatment-card:nth-child(5),   #microneedling-component .treatment-card:nth-child(6) {     grid-column: auto;   }   #microneedling-component .treatment-card:nth-child(7) {     grid-column: 1 / -1;     width: calc(50% - 10px);     justify-self: center;   } } @media (max-width: 768px) {   #microneedling-component .microneedling-panel {     padding: 20px;   }   #microneedling-component .microneedling-grid {     grid-template-columns: 1fr;   }   #microneedling-component .treatment-card,   #microneedling-component .treatment-card:nth-child(5),   #microneedling-component .treatment-card:nth-child(6),   #microneedling-component .treatment-card:nth-child(7) {     grid-column: auto;     width: auto;   } }