.skin_type_section{& .section_inner{width:100%;display:flex;flex-direction:column;position:relative;z-index:1;& .heading{font-size:5rem;font-weight:400;color:var(--text);margin:0 0 2rem;@media (max-width:991px){font-size:2.4rem}}& .text_area{margin:0 0 3rem;& p{font-size:1.8rem;margin:0 0 1rem;line-height:1.6;&:last-child{margin-bottom:0}@media (max-width:991px){font-size:1.6rem}}}& .skin_type_cards{display:grid;grid-template-columns:1fr 1fr;gap:2rem;@media (max-width:767px){grid-template-columns:1fr;gap:1.5rem}& .skin_type_card{display:flex;flex-direction:row;align-items:stretch;background-color:#FFDBBC;border:1px solid var(--primary);border-radius:1rem;overflow:hidden;& .skin_type_swatch{flex-shrink:0;width:15rem;display:flex;align-items:center;justify-content:center;@media (max-width:767px){width:6rem}& .skin_type_number{font-family:"DM Sans",sans-serif;font-size:7rem;font-weight:700;color:rgba(255,255,255,0.35);line-height:1;@media (max-width:767px){font-size:5rem}}}& .skin_type_content{flex:1;padding:2rem 2.5rem;display:flex;flex-direction:column;justify-content:center;@media (max-width:767px){padding:1.5rem}& .skin_type_title{font-size:1.6rem;margin:0 0 0.5rem;line-height:1.3;& strong{font-weight:700;color:var(--text)}}& .skin_type_description{font-size:1.4rem;color:var(--text);margin:0;line-height:1.5}}}}}}