:root{--ts-max-width:1180px;--ts-radius:14px;--ts-shadow:0 18px 30px #0c141e1f;--ts-font:"Poppins", sans-serif}.hair-genertor-outer{grid-template-columns:1fr 1fr;align-items:center;margin-block:50px}.hair-genertor-outer .left img{height:auto}.hair-genertor-outer .right{background:linear-gradient(#7dd1b8 17%,#fff 100%);height:100%}.hlsfmen{background:#fff}.hlsinfo-outer img{height:100%!important}.hlsinfo-outer .right{background-color:var(--low-primary-color);height:fit-content}.hearfrom-expert .img-container{min-width:50%}.hls-men-card-outer{text-align:left;width:100%;min-width:340px;height:250px;position:relative}.hls-men-card-outer .img-container{position:absolute;bottom:-12px;right:20px}.hls-men-card-outer p{font-size:12px}.ts-section{text-align:center;margin-block:50px}.ts-title{letter-spacing:-.01em;color:var(--text-dark,#0b0b0b);margin-bottom:48px;font-size:40px;font-weight:800}.ts-cards{max-width:var(--ts-max-width,1180px);grid-template-columns:1.3fr 1fr 1fr 1fr;justify-content:center;align-items:start;gap:36px;margin:0 auto;padding:0 12px;display:grid}.ts-card{border-radius:var(--ts-radius,14px);box-shadow:var(--ts-shadow,0 18px 30px #0c141e1f);background:#fff;flex-direction:column;display:flex;overflow:hidden}.ts-card .ts-image{border-top-left-radius:var(--ts-radius,14px);border-top-right-radius:var(--ts-radius,14px);width:100%;overflow:hidden}.ts-card:first-child .ts-book{display:none}.ts-card:first-child .ts-desc{font-size:15px}.ts-content{text-align:left;border-top:1px solid #e9e9e9;flex:1;padding:8px}.ts-heading{color:var(--text-dark,#0b0b0b);margin:0 0 6px;font-size:18px;font-weight:700}.ts-desc{color:#222;margin:0;font-size:13px;font-weight:550}.ts-book{background:var(--primary-color);color:#071312;border-radius:0 0 var(--ts-radius,14px) var(--ts-radius,14px);cursor:pointer;border:none;padding:12px 16px;font-size:16px;transition:transform .12s,box-shadow .12s}.ts-book:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000014}@media (max-width:1100px){.ts-card--large .ts-image{height:360px}.ts-card--small .ts-image{height:240px}.ts-title{margin-bottom:36px;font-size:34px}}@media (max-width:820px){.ts-cards{grid-template-columns:1fr;gap:20px;padding:0 18px}.ts-card--large .ts-image{height:320px}.ts-card--small .ts-image{height:220px}.ts-title{margin-bottom:24px;font-size:28px}.ts-book{border-radius:0 0 12px 12px}.hair-genertor-outer{grid-template-columns:1fr}.card-info-outer{flex-wrap:wrap}}
