#clear-brilliant-component {   font-family: Montserrat, sans-serif;   box-sizing: border-box;   max-width: 1460px;   margin: 20px auto; } #clear-brilliant-component *, #clear-brilliant-component *::before, #clear-brilliant-component *::after {   box-sizing: border-box; } #clear-brilliant-component .clear-brilliant-panel {   background: #ffffff;   border-radius: 12px;   padding: 40px;   margin-bottom: 25px; } #clear-brilliant-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; } #clear-brilliant-component h4 {   font-family: 'Marcellus';   font-size: 1.15rem;   font-weight: 600;   color: rgb(34, 34, 34);   margin-bottom: 8px; } #clear-brilliant-component .section-sub {   font-size: 1.1rem;   color: rgb(204, 51, 102);   text-align: center;   margin-bottom: 10px; } #clear-brilliant-component .section-desc {   font-size: 1rem;   color: rgb(85, 85, 85);   margin-bottom: 20px; } #clear-brilliant-component p, #clear-brilliant-component li {   font-size: 0.95rem;   color: rgb(85, 85, 85);   line-height: 1.6; } #clear-brilliant-component ul {   list-style-type: none;   padding-left: 0;   margin-top: 10px; } #clear-brilliant-component li {   padding: 4px 0;   border-bottom: 1px dashed rgb(229, 224, 220); } #clear-brilliant-component li:last-child {   border-bottom: none; } #clear-brilliant-component .clear-brilliant-grid {   display: grid;   grid-template-columns: repeat(6, 1fr);   gap: 20px;   margin-top: 20px;   margin-bottom: 20px; } #clear-brilliant-component .treatment-card {   grid-column: span 2;   background: #faf8f5;   padding: 20px;   border: 1px solid #eeeeee; } #clear-brilliant-component .treatment-card:nth-child(5) {   grid-column: 3 / span 2; } #clear-brilliant-component .treatment-card:nth-child(6) {   grid-column: 5 / span 2; } #clear-brilliant-component .btn-container {   margin: 20px auto;   text-align: center; } @media (min-width: 769px) and (max-width: 1199px) {   #clear-brilliant-component .clear-brilliant-grid {     grid-template-columns: repeat(2, minmax(0, 1fr));   }   #clear-brilliant-component .treatment-card,   #clear-brilliant-component .treatment-card:nth-child(5),   #clear-brilliant-component .treatment-card:nth-child(6) {     grid-column: auto;   } } @media (max-width: 768px) {   #clear-brilliant-component .clear-brilliant-panel {     padding: 20px;   }   #clear-brilliant-component .clear-brilliant-grid {     grid-template-columns: 1fr;   }   #clear-brilliant-component .treatment-card,   #clear-brilliant-component .treatment-card:nth-child(5),   #clear-brilliant-component .treatment-card:nth-child(6) {     grid-column: auto;   } }