h1{
    font-size: 1.5rem;
}

@media(max-width:576px){.page-title{height: 200px;}}
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(/image/style/ajax-loader.gif) center center no-repeat}
@font-face{font-display:swap;font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}
.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}
.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}
 /*------------ Listing Elements: Coupon Design --------------*/
 .w-100 {
    width: 100%!important;
}
.mb-3 {
    margin-bottom: 1rem!important;
}
.p-3 {
    padding: 1rem!important;
}
.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.rounded {
    border-radius: .25rem!important;
}
.coupon{
position:relative;
width:100%;
background:#ffffff;
border-radius:5px;
box-shadow:0 0 8px 0 rgba(0,0,0,0.08);
-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.08);
}
.coupon .kanan {
border-left: 1px dashed #ddd;
width: 40% !important;
position:relative;
}
.icon-container_box img {
max-width: 60px;
}
.tengah span.badge {
padding: 4px 12px;
border-radius: 2px;
line-height: 1.2;
}
.coupon-lead {
margin: 7px 0 0;
font-size: 17px;
line-height: 1;
}
.coupon .kanan .info::after, .coupon .kanan .info::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background:#f7f9fc;
border-radius: 100%;
}
.coupon .kanan .info::before {
top: -10px;
left: -10px;
}
.kiri {
display: flex;
align-items: center;
}
.coupon .kanan .info::after {
bottom: -10px;
left: -10px;
}
.time.font-weight-light {
margin-bottom: 5px;
display: inline-block;
margin-top: 5px;
}
.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:400;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}

.coupon .time {
font-size:16px;
}
.featured-slick a img {
    border-radius: 25px;
    border: 2px solid #5d3ebc63;
}

.slick-slide>a>img {
    display: block;
    border: 2px solid #5d3ebc63;
    border-radius: 50px;
}
.imp-boxes-single {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.imp-boxes-single-icon {
    padding: 1.2rem;
    border-right: 1px solid #dee1ea;
}


.imp-boxes-single-icon>.fa-envelope {
    color: #d70f3d;
   font-size: 20px;
}

.imp-boxes-single-icon>.ti-sharethis {
    color: #138ce7;
   font-size: 20px;
}

.imp-boxes-single-content {
    padding-left: 15px;
    font-weight: 500;
    color: #333c56;
}
.imp-boxes-single-content ul {
    padding: 0;
    margin: 0;
}
.imp-boxes-single-content ul li {
    list-style: none;
    display: inline-block;
    margin-right: 13px;
}


.imp-boxes-single-content ul li button {
    color: #ca1862;
    background: #f0f3f7;
    font-size: 15px;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: none;
}
.imp-boxes-single-content ul li button:hover,.imp-boxes-single-content ul li button:focus{
    background:#ca1862;
    color: white;
}



#facebookS {color: #ffffff;background: #1877f2;}
#facebookS:hover,#facebookS:focus{background:#ffffff;color: #1877f2;}
#twitterS {color: #ffffff;background: #1d9bf0;}
#twitterS:hover,#twitterS:focus{background:#ffffff;color: #1d9bf0;}
#whatsAppS {color: #ffffff;background: #25d366;}
#whatsAppS:hover,#whatsAppS:focus{background:#ffffff;color: #25d366;}
#pinterestS {color: #ffffff;background: #cc1e27;}
#pinterestS:hover,#pinterestS:focus{background:#ffffff;color: #cc1e27;}

.imp-boxes {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}




.pltfrm-boxes-single {
    background: #ffffff;
    border-radius: 0px 50px 50px 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.pltfrm-boxes-single-icon {
    padding: 1.2rem;
    border-right: 1px solid #dee1ea;
}


.pltfrm-boxes-single-icon>.fa-envelope {
    color: #d70f3d;
   font-size: 20px;
}

.pltfrm-boxes-single-icon>.ti-sharethis {
    color: #138ce7;
   font-size: 20px;
}

.pltfrm-boxes-single-content {
    padding-left: 15px;
    font-weight: 500;
    color: #333c56;
}
.pltfrm-boxes-single-content ul {
    padding: 0;
    margin: 0;
}
.pltfrm-boxes-single-content ul li {
    list-style: none;
    display: inline-block;
    margin-right: 13px;
}


.pltfrm-boxes-single-content ul li button {
    color: #ca1862;
    background: #f0f3f7;
    font-size: 15px;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: none;
}
.pltfrm-boxes-single-content ul li button:hover,.pltfrm-boxes-single-content ul li button:focus{
    background:#ca1862;
    color: white;
}

.pltfrm-boxes {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}



/* sepet  */
.btn-basket {
    background: #5D3EBC;
    padding: 1.2rem 2.5rem;
    border-radius: 50px;
    color: #ffffff;
    font-weight: 500;
    transition: all ease 0.4s;
    box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
}

.btn-basket:hover,.btn-basket:focus {
    background: #ffffff;
    color: #5D3EBC;
    border: 1px solid #5D3EBC;
}


.btn-trdy {background: #ffffff;padding: 1rem 1.5rem;border-radius: 50px;color: #f27a1a;border: 1px solid #f27a1a;font-weight: 600;transition: all ease 0.4s;box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);-webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);}
.btn-trdy:hover,.btn-trdy:focus {background: #f27a1a;color: #ffffff;border: 1px solid #ffffff;}
.btn-n11 {background: #ffffff;padding: 1rem 1.5rem;border-radius: 50px;color: #5d3ebc;border: 1px solid #5d3ebc;font-weight: 600;transition: all ease 0.4s;box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);-webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);}
.btn-n11:hover,.btn-n11:focus {background: #5d3ebc;color: #ffffff;border: 1px solid #ffffff;}
.btn-hb {background: #ffffff;padding: 1rem 1.5rem;border-radius: 50px;color: #ff6000;border: 1px solid #ff6000;font-weight: 600;transition: all ease 0.4s;box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);-webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);}
.btn-hb:hover,.btn-hb:focus {background: #ff6000;color: #ffffff;border: 1px solid #ffffff;}
.btn-pzrm {background: #ffffff;padding: 1rem 1.5rem;border-radius: 50px;color: #0137f3;border: 1px solid #0137f3;font-weight: 600;transition: all ease 0.4s;box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);-webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);}
.btn-pzrm:hover,.btn-pzrm:focus {background: #0137f3;color: #ffffff;border: 1px solid #ffffff;}



.colorSelect{display: flex; margin: 0 0 1rem 0;}
.colorSelect > div{position: relative;margin-right: 20px;}
.colorSelect > div>img{border: 1px solid #5D3EBC;border-radius: 10px; width: 69px;}
.colorSelect > div>img:hover{border: 2px solid #5D3EBC;cursor: pointer;}
.colorSelect > div>img.active{border: 2px solid #5D3EBC;}