/** Shopify CDN: Minification failed

Line 53:10 Expected ":"

**/
@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'FC Iconic';
    src: url(//ergolab.com.my/cdn/shop/t/14/assets/listicle-FCIconic-Bold.woff2?v=39944006631156927321791595552) format('woff2'),
        url(//ergolab.com.my/cdn/shop/t/14/assets/listicle-FCIconic-Bold.woff?v=181710371208992859301791595552) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FC Iconic';
    src: url(//ergolab.com.my/cdn/shop/t/14/assets/listicle-FCIconic-Medium.woff2?v=50752086151327659431791595553) format('woff2'),
        url(//ergolab.com.my/cdn/shop/t/14/assets/listicle-FCIconic-Medium.woff?v=95471329329437243311791595553) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FC Iconic';
    src: url(//ergolab.com.my/cdn/shop/t/14/assets/listicle-FCIconic-Regular.woff2?v=147139778771045194871791595554) format('woff2'),
        url(//ergolab.com.my/cdn/shop/t/14/assets/listicle-FCIconic-Regular.woff?v=133824335023458723601791595553) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FC Iconic';
    src: url(//ergolab.com.my/cdn/shop/t/14/assets/listicle-FCIconic-SemiBold.woff2?v=137279785324970786671791595555) format('woff2'),
        url(//ergolab.com.my/cdn/shop/t/14/assets/listicle-FCIconic-SemiBold.woff?v=129477848729599783401791595554) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.strikeout, .strikeout2{ 
  position: relative;
}
.strikeout::after, .strikeout2::after{
  border-bottom: 0.09em solid #ff0202;
  content: "";
  left: 0;
  margin-top: calc(0.120em / 2 * -1);
  position: absolute;
  right: 0;
  top: 54%;
  transform:rotate(-10deg);
  -webkit-  transform:rotate(-10deg);
}
.strikeout2::after{border-bottom: 0.09em solid #fff;}
/*-------------Buttons---------------*/
.bnrbtnbx, .s5btnbx{width:492px;margin:34px 0 0 0;display:block;}
.s5btnbx{margin:0 auto;}
a.bnrbtn{
	height:70px;
	width:100%;
	margin:9px auto 0 auto;
	display:block;
	border:none;
	outline:none;
	background:#00c646;
	border-radius:5px;
	font-weight:bold;
	font-size:26px;
	line-height:68px;
	color:#fff;
	text-align:center;
	padding:2px 0 0 0;
	box-shadow:0 4px 6px #9fe9b9;
	text-transform:uppercase;
}

.btntxt1{font-weight:600;font-size:17px;line-height:22px;text-align:center;}
.btntxt1 span{color:#f40000;}
.btntxt1 .unit {color:#f40000;}
.btntxt1::before{
	display: inline-block;
    vertical-align: middle;
    margin: 0 7px 1px 0;
    width: 8px;
    height: 8px;
    background: #ee0101;
    border-radius: 50%;
    content: "";
    animation: fade 1s ease-in-out infinite;
}
@keyframes fade{
	0%{opacity:100%;}
	50%{opacity:30%;}
	70%{opacity:100%;}
	100%{opacity:100%;}
}	
ul.btnlist{padding:8px 0 0 0;display:flex;justify-content:center;align-items:center;}
ul.btnlist li{
	display:flex;
	gap:6px;
	align-items:center;
	padding:0 10px;
	position:relative;
	font-size:15px;
	line-height:24px;
}
ul.btnlist li::after{content:"";position:absolute;right:0;top:5px;width:1px;background:#afafaf;height:16px;}
ul.btnlist li:last-child::after{display:none;}
@media only screen and (max-width: 1200px){
.bnrbtnbx, .s5btnbx{width:450px;}
ul.btnlist li {font-size: 14px;line-height: 23px;}
}
@media only screen and (max-width: 1030px){
.bnrbtnbx{width:350px;margin:20px 0 0 0;}
.s5btnbx{margin:35px auto 0 auto;width:350px;}
.s3bx div.bnrbtnbx{margin:24px auto 0 auto;}
.s5btnbx{margin:0 auto;}
a.bnrbtn{
	height:54px;
	margin:6px auto 0 auto;
	font-size:20px;
	line-height:52px;
}
.btntxt1 {font-size: 15px;line-height: 20px;}
ul.btnlist{padding:5px 0 0 0;}
ul.btnlist li {font-size: 10px;line-height: 19px;}
ul.btnlist li::after {top: 3px;}
}
@media only screen and (max-width: 767px){
.bnrbtnbx, .s5btnbx{width:400px;margin:24px auto 0 auto;}
.s5btnbx{margin:0 auto;}

.btntxt1 {font-size: 15px;line-height: 20px;}
.btntxt1::before{margin:0 7px 3px 0;}
}
@media only screen and (max-width: 479px){
.bnrbtnbx, .s5btnbx{width:100%;margin:26px auto 0 auto;}
.s5btnbx{margin:0 auto;}
a.bnrbtn{
	height:50px;
	font-size:20px;
	line-height:48px;
}
.btntxt1 {font-size: 13px;line-height: 18px;}
ul.btnlist li {font-size: 11px;line-height: 19px;}
ul.btnlist li:nth-child(1) img{width:14px;height:auto;}
ul.btnlist li:nth-child(2) img{width:19px;height:auto;}
}
@media only screen and (max-width: 389px){
ul.btnlist li{padding:0 8px;}	
ul.btnlist li {font-size: 10px;line-height: 18px;}	
ul.btnlist li::after {top: 2px;}
}
/*=========================
CSS FOR ELEMEMT SHOW HIDE
===========================*/
.show-479, .show-tab, .show-767, .show-400, .show-389, .show-359{display:none;}
@media only screen and (max-width: 1030px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
.hide-767{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 389px){
.show-389{display:block;}
.hide-389{display:none;}
}
@media only screen and (max-width: 359px){
.show-359{display:block;}
.hide-359{display:none;}
}