.hwt-section{padding:var(--padding-96) 0;background-repeat:no-repeat;background-size:cover}.htw-blocks-wrap{display:flex;flex-wrap:wrap;--gap: 2.4rem;--count: 4;column-gap:var(--gap);row-gap:3rem;margin-top:clamp(3.5rem,3.75vw,4.8rem)}.htw-blocks-wrap .htw-block{width:calc((100% - (var(--gap) * (var(--count) - 1))) / var(--count));display:flex;flex-direction:column;align-items:center;text-align:center;background:#fcfcfc26;border:.2rem solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);border-radius:2rem;padding:4rem 3.2rem}.htw-blocks-wrap .htw-block .htw-bimage img{vertical-align:bottom;width:4rem;height:4rem;object-fit:contain}.htw-blocks-wrap .htw-block .htw-bcontent .block-text-wrap{color:var(--whiteColor)}.htw-blocks-wrap .htw-block .htw-bcontent .title-wrap{padding:2.8rem 0;position:relative;margin:0}.htw-blocks-wrap .htw-block .htw-bcontent .title{font-size:var(--p32);font-weight:600;letter-spacing:-.01em;color:var(--whiteColor);position:relative}.htw-blocks-wrap .htw-block .htw-bcontent .title-wrap .block-title-index{position:absolute;font-size:clamp(6rem,5vw,9.6rem);z-index:0;top:42px;left:50%;transform:translate(-50%,-50%);line-height:1;width:100%;color:#ffffff26;font-weight:500;letter-spacing:-.08em;pointer-events:none}.htw-blocks-wrap .htw-block .htw-bimage .pink{width:10.04rem;height:10.04rem;border-radius:100%;background:var(--primaryColor);display:flex;align-items:center;justify-content:center;padding:2rem}.htw-blocks-wrap .htw-block:hover .htw-bimage .light-gray{background:transparent}.htw-blocks-wrap .htw-block .htw-bimage .light-gray{padding:1rem;border-radius:100%;background:#fff3;transition:all .3s ease}.hwt-section .custom-head-wrap .top-heading,.hwt-section .custom-head-wrap .custom-heading,.hwt-section .custom-head-wrap .text-wrap{color:var(--whiteColor)}.page-template-page-kstyleon .shopify-section:has(.hwt-section){padding-bottom:0}.page-template-page-kstyleon .hwt-section .btnWrp{display:flex;flex-direction:column;align-items:center;row-gap:3.2rem;margin-top:3.2rem;text-align:center}.page-template-page-kstyleon .hwt-section .btnWrp .btn{min-width:19rem;background:var(--whiteColor)!important;color:#222!important;border:1px solid var(--whiteColor)!important}.page-template-page-kstyleon .hwt-section .btnWrp .btn:hover{min-width:19rem;background:var(--blackColor)!important;color:var(--whiteColor)!important;border:1px solid var(--blackColor)!important}.page-template-page-kstyleon .hwt-section .btnWrp,.page-template-page-kstyleon .hwt-section .btnWrp a{color:var(--whiteColor);font-size:clamp(1.6rem,.9375vw,1.8rem)}.page-template-page-kstyleon .hwt-section .btnWrp a{font-weight:700;text-decoration:underline}.page-template-page-kstyleon .hwt-section .btnWrp a:hover{color:var(--primaryColor)}@media (max-width: 1440px){.htw-blocks-wrap .htw-block{padding:3.5rem 2rem}.textSec .flxRow .crdbx{padding:3rem}}@media (max-width: 1280px){.htw-blocks-wrap{--count: 2}.textSec .flxRow .crdbx{padding:2rem}}@media (max-width: 989px){.htw-blocks-wrap .htw-block .htw-bimage .pink{width:9.04rem;height:9.04rem}}@media (max-width: 767px){.htw-blocks-wrap{--count: 1;--gap: 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/how-it-work.css.map */