.FacialTreatmentSection{background-color:var(--primary-color);flex-direction:column;align-items:center;padding-block:100px 40px;display:flex}.FacialTreatmentSection .TitleContainer{text-align:center}.FacialTreatmentSection>.P{text-align:center;inline-size:80%;color:var(--primary-color-dark);margin-block-end:20px;font-size:18px}.FacialTreatmentSection span{font-weight:600}.FacialTreatmentSection .TreatmentList{flex-direction:column;align-items:center;gap:20px;inline-size:100%;list-style:none;display:flex}.FacialTreatmentSection .TreatmentList .TreatmentItemContainer{inline-size:auto}.FacialTreatmentSection .TreatmentList .TreatmentItemContainer .VisibilityObserver{top:20px;bottom:auto}.FacialTreatmentSection .TreatmentList .TreatmentItem{background-color:#dee1e6;border-radius:8px;block-size:auto;inline-size:320px;position:relative;overflow:hidden;box-shadow:0 3px 6px #0000003a}.FacialTreatmentSection .TreatmentList .TreatmentItem .Title{background-color:var(--primary-color-dark);background-image:linear-gradient(-270deg, var(--primary-color) 0%, #d0c380 100%);text-align:center;justify-content:center;align-items:center;block-size:240px;padding:20px;font-size:24px;display:flex;position:relative}.FacialTreatmentSection .TreatmentList .TreatmentItem .Title .Background{z-index:0;opacity:.5;filter:grayscale();mix-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:cover;block-size:100%;inline-size:100%;position:absolute;top:0;left:0}.FacialTreatmentSection .TreatmentList .TreatmentItem .Title h3{z-index:5;text-transform:uppercase;color:#e9ebf1;font-family:DIN;font-size:28px;position:relative}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content{z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;padding-block:32px;display:flex;position:relative}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content .Description p{color:#4f5154;font-size:18px}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content h4{color:var(--secondary-color-dark);margin-block-end:12px;font-size:16px}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content .Benefits .BenefitsList{color:#737679;flex-direction:column;gap:8px;padding-inline-start:20px;list-style:outside;display:flex}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content .Benefits .BenefitsList li{font-size:18px}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content .Benefits .BenefitsList li span{color:#2f3235}.FacialTreatmentSection .TreatmentList .TreatmentItem .DecorationIcon{opacity:.2;background-color:#aca7a7;flex-direction:column;justify-content:center;align-items:center;block-size:400px;inline-size:400px;display:flex;position:absolute;top:290px;left:-200px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.FacialTreatmentSection .TreatmentList .TreatmentItem:nth-of-type(2n) .DecorationIcon{position:absolute;top:290px;left:auto;right:-200px}
@media (min-width:1024px){.FacialTreatmentSection{background-color:var(--primary-color);flex-direction:column;align-items:center;padding-block:100px 40px;display:flex}.FacialTreatmentSection .TitleContainer{text-align:center}.FacialTreatmentSection>.P{text-align:center;inline-size:80%;color:var(--primary-color-dark);margin-block-end:20px;font-size:18px}.FacialTreatmentSection .TreatmentList{flex-direction:column;align-items:center;gap:20px;inline-size:100%;list-style:none;display:flex}.FacialTreatmentSection .TreatmentList .TreatmentItemContainer{inline-size:auto}.FacialTreatmentSection .TreatmentList .TreatmentItemContainer .VisibilityObserver{top:20px;bottom:auto}.FacialTreatmentSection .TreatmentList .TreatmentItem{background-color:#dee1e6;border-radius:8px;block-size:400px;inline-size:900px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 6px #0000003a}.FacialTreatmentSection .TreatmentList .TreatmentItem .Title{background-color:var(--primary-color-dark);background-image:linear-gradient(-270deg, var(--primary-color) 0%, #d0c380 100%);text-align:center;flex-grow:1;flex-shrink:0;justify-content:center;align-items:center;block-size:100%;inline-size:280px;padding:20px;font-size:24px;display:flex;position:relative}.FacialTreatmentSection .TreatmentList .TreatmentItem .Title .Background{z-index:0;opacity:.5;filter:grayscale();mix-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:cover;block-size:100%;inline-size:100%;position:absolute;top:0;left:0}.FacialTreatmentSection .TreatmentList .TreatmentItem .Title h3{z-index:5;text-transform:uppercase;color:#e9ebf1;font-family:DIN;font-size:28px;position:relative}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content{z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:20px;padding-block:32px;display:flex;position:relative}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content .Description p{color:#4f5154;font-size:18px}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content h4{color:var(--secondary-color-dark);margin-block-end:12px;font-size:16px}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content .Benefits .BenefitsList{color:#737679;flex-direction:column;gap:8px;padding-inline-start:20px;list-style:outside;display:flex}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content .Benefits .BenefitsList li{font-size:18px}.FacialTreatmentSection .TreatmentList .TreatmentItem .Content .Benefits .BenefitsList li span{color:#2f3235}.FacialTreatmentSection .TreatmentList .TreatmentItem .DecorationIcon{opacity:.2;background-color:#aca7a7;flex-direction:column;justify-content:center;align-items:center;block-size:400px;inline-size:400px;display:flex;position:absolute;top:80px;left:auto;right:-200px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.FacialTreatmentSection .TreatmentList .TreatmentItem:nth-of-type(2n) .DecorationIcon{position:absolute;top:290px;left:auto;right:-200px}}