body>main{overflow-x:clip}#hero-sec{position:relative;width:100%;height:480px;display:flex;justify-content:center;padding-inline:16px}@media screen and (max-width: 468px){#hero-sec{padding:40px 0;flex-direction:column;height:fit-content;gap:40px}}#hero-sec .wrapper{display:flex;width:min(1120px,100%);justify-content:space-between;align-items:center;padding-inline:16px}@media screen and (max-width: 900px){#hero-sec .wrapper{flex-direction:column;gap:40px}}#hero-sec .text-sec{width:520px;display:flex;flex-direction:column}@media screen and (max-width: 468px){#hero-sec .text-sec{width:100%}}#hero-sec .text-sec h1{color:var(--Neutral-950, #201d1e);font-size:clamp(36px,4vw,44px);font-weight:600;line-height:1.1;letter-spacing:-0.8px}#hero-sec .text-sec h1 span{background:var(--Studio-New-1, linear-gradient(135deg, #8b70cf 0%, #cf9ff9 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:700}@media screen and (max-width: 900px){#hero-sec .text-sec h1{text-align:center}}#hero-sec .text-sec p{color:#403b3c;margin-top:12px;font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.1;letter-spacing:-0.48px}@media screen and (max-width: 900px){#hero-sec .text-sec p{text-align:center;margin-top:8px}}#hero-sec .hero-img-sec{display:flex;justify-content:flex-end;width:100%;min-height:300px}@media screen and (max-width: 900px){#hero-sec .hero-img-sec{justify-content:center}}.themes-sec{width:min(1120px,100%);position:relative;margin-top:80px;margin-bottom:80px;display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width: 468px){.themes-sec{padding-inline:16px}}.themes-sec h2{scroll-margin-top:120px;margin-top:40px;text-align:left;color:#fafafa;font-size:48px;font-style:normal;font-weight:500;line-height:60px;letter-spacing:-0.96px;display:flex;align-items:center;gap:8px}.themes-sec h2 .arrow-svg{margin-left:20px}@media screen and (max-width: 468px){.themes-sec h2{font-size:36px;line-height:40px}}.themes-sec .themes-cont{width:min(1120px,100%);display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;padding-inline:16px}@media screen and (max-width: 900px){.themes-sec .themes-cont{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 468px){.themes-sec .themes-cont{grid-template-columns:repeat(1, 1fr)}}.themes-sec .themes-cont .card{display:flex;flex-direction:column;background:#fafafa;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:16px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease-in}.themes-sec .themes-cont .card:hover{transform:translateY(-4px)}.themes-sec .themes-cont .card:hover .card-button{scale:1.1}.themes-sec .themes-cont .card-image{width:100%;height:240px;border-radius:8px;object-fit:cover;object-position:top}.themes-sec .themes-cont .card-title{background:var(--Studio-New-1, linear-gradient(135deg, #8B70CF 0%, #CF9FF9 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:24px;line-height:28px;font-weight:bold;margin:0}.themes-sec .themes-cont .card-text{margin-top:12px;color:#554e50;font-size:14px;font-weight:400;line-height:18px}.themes-sec .themes-cont .card-action{margin-top:auto;display:flex;justify-content:flex-end}.themes-sec .themes-cont .card-button{width:40px;height:40px;border-radius:50%}