img{vertical-align:middle;max-width:100%}@media (max-width: 767px){.desktop_img{display:none}}@media (min-width: 768px){.mobile_view{display:none}}.loyaltyBannerSec{position:relative}.loyaltyBannerSec .loyalty_content{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%}.loyalty_content .content_box h2{color:#fff;font-family:Oswald,sans-serif;font-size:46px;font-style:normal;font-weight:700;line-height:110%;margin:0 0 20px;letter-spacing:1.38px;text-transform:uppercase}.loyalty_content .content_box p{color:#fff;font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.4px;margin:0}.pageTitle h2{margin:0 0 15px;color:#212121;font-size:36px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.08px;text-transform:uppercase;font-family:Oswald,sans-serif}.collectPointSec{padding:62px 0;background:#e9e9e9;text-align:center;overflow-x:hidden}.collectPointSec .pointTopCntn{margin:0 0 45px}.collectPointSec .pointTopCntn p{color:#000;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:26px}.collectPointSec .pointBlock{display:grid;grid-template-columns:repeat(3,1fr);gap:90px;text-align:center;margin:0 0 48px}.collectPointSec .pointBlock .col{position:relative}.collectPointSec .pointBlock .col:after{position:absolute;content:"";top:30px;right:-100px;width:101px;height:25px}.collectPointSec .pointBlock .col:first-child:after{background:url(arrow_01.png) no-repeat center center}.collectPointSec .pointBlock .col:nth-child(2):after{top:48px;background:url(arrow_02.png) no-repeat center center}.collectPointSec .pointBlock .point_ic{display:inline-block;vertical-align:middle;width:100px;height:100px;text-align:center;border:solid 2px #212121;border-radius:50%;line-height:96px;background:#fff;margin:0 0 28px;-webkit-box-shadow:3px 3px 0px 0px rgba(33,33,33,1);-moz-box-shadow:3px 3px 0px 0px rgba(33,33,33,1);box-shadow:3px 3px #212121}.collectPointSec .pointBlock h3{color:#212121;font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.72px;text-transform:uppercase;margin:0 0 12px;font-family:Oswald,sans-serif}.collectPointSec .pointBlock p{color:#212121;font-family:Inter,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:28px;max-width:300px;margin:0 auto}.collectPointSec .pointBottomCntn .btn{border-radius:6px;background:#6460f6;box-shadow:2px 2px #000;padding:18px 40px;color:#fff;display:inline-block;font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.96px;text-transform:uppercase;min-width:475px;text-align:center;transition:all .5s ease}.collectPointSec .pointBottomCntn .btn:hover{background:#000}.collectPointSec .pointBottomCntn p{color:#000;text-align:center;font-size:18px;font-style:normal;font-weight:400;line-height:26px;margin:32px 0 0;font-family:Inter,sans-serif}.earnPointSec{padding:62px 0;border-top:1px solid #212121;border-bottom:1px solid #212121;background:#f9f9f9;text-align:center}.earnPointSec .earnBlock{margin:80px 0;grid-template-columns:repeat(5,1fr);column-gap:30px;row-gap:60px;text-align:center}.earnPointSec .earnBlock .col{border-radius:8px;border:1px solid #212121;background:#fff;padding:61px 15px 31px;position:relative}.earnPointSec .earnBlock .col .point_ic{position:absolute;top:-34px;left:50%;transform:translate(-50%);width:68px;height:68px;border:solid 2px #212121;border-radius:50%;line-height:64px;background:#fff;-webkit-box-shadow:3px 3px 0px 0px rgba(33,33,33,1);-moz-box-shadow:3px 3px 0px 0px rgba(33,33,33,1);box-shadow:3px 3px #212121}.earnPointSec .earnBlock h3{color:#212121;font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:24px;margin:0 0 5px}.earnPointSec .earnBlock p{color:#212121;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0;font-family:Inter,sans-serif}.earnPointSec .join_btn .btn{border-radius:6px;background:#6460f6;box-shadow:2px 2px #000;padding:18px 40px;color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.96px;text-transform:uppercase;display:inline-block;vertical-align:middle;transition:all .5s ease;font-family:Inter,sans-serif}.earnPointSec .join_btn .btn:hover{background:#000}.pointListSec{padding:62px 0;text-align:center;border-top:1px solid #212121;background:#fffffff5}.pointListSec .pageTitle h2{max-width:650px;margin:0 auto 40px}.pointListSec .point_table{display:grid;grid-template-columns:320px 1fr 1fr 1fr;border-bottom:solid 1px #212121;border-right:solid 1px #212121}.pointListSec .point_table .blank_col{display:block;border:none}.pointListSec .point_table>.info_heading{font-size:18px;background:#f9f9f9;text-align:left;font-weight:400}.pointListSec .point_table>div{padding:20px 30px;color:#212121;font-size:16px;font-style:normal;font-weight:600;line-height:28px;border-left:solid 1px #212121;border-top:solid 1px #212121;font-family:Inter,sans-serif}.pointListSec .point_table .green{background:linear-gradient(0deg,#ffffffe6 0% 100%),#4dad57}.pointListSec .point_table .purple{background:linear-gradient(0deg,#ffffffe6 0% 100%),#6f91ea}.pointListSec .point_table .red{background:linear-gradient(0deg,#ffffffe6 0% 100%),#ee7280}.pointListSec .point_table>.head_green{background:linear-gradient(0deg,#ffffffb3 0% 100%),#4dad57}.pointListSec .point_table>.head_purple{background:linear-gradient(0deg,#ffffffb3 0% 100%),#6f91ea}.pointListSec .point_table>.head_red{background:linear-gradient(0deg,#ffffffb3 0% 100%),#ee7280}.col_head .list_ic{margin:0 0 15px}.col_head h3{color:#212121;text-align:center;font-size:24px;font-style:normal;font-weight:600;line-height:28px;margin:0 0 10px;font-family:Oswald,sans-serif;text-transform:uppercase}.col_head p{color:#212121;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:normal;font-family:Inter,sans-serif}@media (max-width:1024px){.earnPointSec .earnBlock{grid-template-columns:repeat(3,1fr)}.pointListSec .point_table{grid-template-columns:repeat(4,1fr)}}@media (max-width:991px){.collectPointSec .pointBlock p{font-size:14px;line-height:normal}.pointListSec .point_table>.info_heading{font-size:14px;font-weight:400;line-height:normal}.pointListSec .point_table>div{font-size:14px;font-weight:400;line-height:normal}}@media (max-width:767px){.page-width{padding:0 20px}.collectPointSec .pointBlock{grid-template-columns:repeat(1,1fr);gap:25px;text-align:left;margin:0 0 30px}.loyaltyBannerSec .loyalty_content{top:auto;transform:none;bottom:0;padding:0 0 60px}.loyalty_content .content_box h2{font-size:30px;margin:0 0 10px}.loyalty_content .content_box p{font-size:18px}.collectPointSec{padding:50px 0}.pageTitle h2{font-size:30px}.collectPointSec .pointTopCntn p{font-size:14px;line-height:26px}.collectPointSec .pointBlock .point_ic{width:60px;height:60px;flex:0 0 60px;line-height:56px;margin:0}.collectPointSec .pointBlock .point_ic img{max-width:40px}.collectPointSec .pointBlock p{font-size:18px;line-height:28px;display:block;max-width:100%}.collectPointSec .pointBlock .col{display:flex;gap:28px}.collectPointSec .pointBlock .col:after{top:60px;right:auto;width:27px;height:65px;left:15px}.collectPointSec .pointBlock .col:first-child:after{background:url(mobile_arrow_01.png) no-repeat center center;left:25px}.collectPointSec .pointBlock .col:nth-child(2):after{background:url(mobile_arrow_02.png) no-repeat center center;top:75px}.collectPointSec .pointBottomCntn .btn{min-width:100%}.pointListSec{padding:50px 0 0}.pointListSec .pageTitle h2 br{display:none}.pointListSec .page-width{padding:0}.pointListSec .page-width .pageTitle{padding:0 20px}.pointListSec .point_table .blank_col{display:none}.pointListSec .point_table{grid-template-columns:repeat(3,1fr)}.col_head .list_ic img{max-width:32px}.col_head h3{font-size:14px}.col_head p{font-weight:600;font-size:12px}.pointListSec .point_table>div{padding:20px 15px}.pointListSec .point_table>.info_heading{grid-column:1/4;text-align:center;padding:7px;color:#0f0f0f}.earnPointSec .earnBlock{grid-template-columns:repeat(2,1fr);column-gap:5px;row-gap:40px;margin:50px 0}.earnPointSec{padding:50px 0;border-top:none}.earnPointSec .earnBlock .col .point_ic{width:60px;height:60px;top:-30px;line-height:56px}.col_head .list_ic{margin:0 0 10px}.earnPointSec .join_btn .btn{width:100%}}@media (max-width:380px){.pageTitle h2{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/loyalty-page.css.map */