@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Phudu:wght@300..900&display=swap');
@font-face {
    font-family: "HeinzLabel";
    src: url("../fonts/HeinzLabel/HeinzLabel.eot");
    src: url("../fonts/HeinzLabel/HeinzLabel.eot?#iefix")format("embedded-opentype"),
    url("../fonts/HeinzLabel/HeinzLabel.woff2")format("woff2"),
    url("../fonts/HeinzLabel/HeinzLabel.woff")format("woff"),
    url("../fonts/HeinzLabel/HeinzLabel.ttf")format("truetype"),
    url("../fonts/HeinzLabel/HeinzLabel.svg#HeinzLabel")format("svg");
}


@font-face {
    font-family: "Trip Sans";
    src: url("../fonts/TripSans/TripSans-Regular.eot");
    src: url("../fonts/TripSans/TripSans-Regular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/TripSans/TripSans-Regular.woff2")format("woff2"),
    url("../fonts/TripSans/TripSans-Regular.woff")format("woff");
    font-weight:400;font-style:normal
   
}

@font-face {
    font-family: "Trip Sans";
    src: url("../fonts/TripSans/TripSans-Medium.eot");
    src: url("../fonts/TripSans/TripSans-Medium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/TripSans/TripSans-Medium.woff2")format("woff2"),
    url("../fonts/TripSans/TripSans-Medium.woff")format("woff");
    font-weight:500;font-style:normal
   
}

@font-face {
    font-family: "Trip Sans";
    src: url("../fonts/TripSans/TripSans-Bold.eot");
    src: url("../fonts/TripSans/TripSans-Bold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/TripSans/TripSans-Bold.woff2")format("woff2"),
    url("../fonts/TripSans/TripSans-Bold.woff")format("woff");
    font-weight:600;font-style:normal
   
}

@font-face {
    font-family: "Trip Sans";
    src: url("../fonts/TripSans/TripSans-Ultra.eot");
    src: url("../fonts/TripSans/TripSans-Ultra.eot?#iefix")format("embedded-opentype"),
    url("../fonts/TripSans/TripSans-Ultra.woff2")format("woff2"),
    url("../fonts/TripSans/TripSans-Ultra.woff")format("woff");
    font-weight:700;font-style:normal
   
}


body {
margin:0;
font-family: 'Trip Sans', sans-serif, arial;
font-size:13px;
line-height:1.4;
background:#fff;
/*background-color:#e5e5e5;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
margin: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.bg-white{ background:#fff !important;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
aside{ position:relative;}
/* pageskin */

/*== HTML5 Elements
*=================================*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
/*== Typography Elements
*=================================*/

.color-red
{
	color:red;
}

.color-green
{
	color:green;
}

iframe {
display:block
}

a img {
border:0
}
:focus {
outline:0
}
time{ font-family:inherit; font-size:11px; color:#aaa; font-weight: 400;} time a{ color:#aaa;}
a {
color:#6c66e7;
text-decoration:none;
outline:0;
-webkit-transition:background-color .15s linear,color .15s linear;
-moz-transition:background-color .15s linear,color .15s linear;
-o-transition:background-color .15s linear,color .15s linear;
-ms-transition:background-color .15s linear,color .15s linear;
transition:background-color .15s linear,color .15s linear;
}

ul,ol {
list-style:none;
margin:0;
padding:0;
}
ul,ol,p,table,form,pre {
margin:0 0 0px
}
h1,h2,h3,h4,h5,h6 {
color:#263238;
margin:0 0 5px;
}
h1,h2,h3 {
line-height:1.25
}
h1 {
font-size:24px
}
h2 {
font-size:20px
}
h3 {
font-size:16px
}
h4 {
font-size:14px
}
h4,h5,h6 {
font-size:13px
}
blockquote {
margin-left:10px;
padding-left:40px;
color:#777;

}
abbr[title],acronym[title] {
border-bottom:1px dotted #666;
cursor: help;
}
/*== Code Elements
*=================================*/
pre,code,kbd,samp,var {
font-size: 12px;
}
pre {
padding:20px 20px;
nowhitespace:afterproperty;
line-height:20px;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
border:1px solid #DDD;
/* CSS-3 */
white-space:-o-pre-wrap;
/* Mozilla,since 1808080 */
word-wrap:break-word;
/* Opera 4-6 */;
/* IE 5.5+*/
}
/*== Table Elements
*=================================*/
table {
width:100%;
nowhitespace:afterproperty;
border-collapse:collapse;
border-spacing:0;
/* tables still need 'cellspacing="0"' in the markup */
}
th,td,caption {
padding:5px 10px
}
caption {
font-weight:bold
}
/*th,td {
border: 2px solid #282828;
} */
th{background:#E7E7E7;}
td{background:#FFF;}
tr:nth-of-type(odd) td, tr.odd td { background: #FBFBFB }
img, video {
    height: auto;
    max-width: 100%;
}
/*== Form Elements

*=================================*/

.indicate, .asas{ color:#ff2124 !important; font-family:inherit; font-size:17px; }
input {
    /* -webkit-appearance: none; */
    border-radius: 0;
}
label,input,textarea,select,button,.btn {
font-size:14px; font-family: inherit;
line-height:19px;
}
input,textarea,select,button,.btn {
display:inline-block;
padding:4px;
margin:0;
outline:none;
background-color:#FFF;
border:1px solid #191919;
-webkit-border-radius:2px;
border-radius:0px;
outline:none;
}
input[type="text"],input[type="password"],textarea {
-webkit-box-shadow:1px 1px 1px rgba(120,120,120,0.1) inset;
box-shadow:1px 1px 1px rgba(120,120,120,0.1) inset;
-webkit-transition:background .15s;
-moz-transition:background .15s;
-ms-transition:background .15s;
-o-transition:background .15s;
transition:background .15s;
}

input[type="submit"]{
cursor:pointer;
cursor:hand;
}
textarea {
overflow:auto
}

input[type="checkbox"],input[type="radio"] {
vertical-align:text-top;
padding:0;
margin:1px 0 0;
border:0;
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px;
}

.app_i img{ height:50px; margin-bottom:5px; }
.top_15{ top:15px; }

.f-right{float: right !important; } .f-left{float: left !important; }
p {
    font-size: 19px;
    color: #333;   
	margin-bottom:15px;
  
    font-weight: 400;
}
.abt-sub{ font-size: 24px; font-family: "Trip Sans", serif;
    color: rgb(226 0 1);  
    margin-bottom:15px;
  
    font-weight: 600; }

._liststyle {
    padding: 0px;
    margin: 10px 0 15px;
}
._liststyle li {
    padding: 3px 0;
    font-family: inherit;
    font-size: 18px;
    list-style: disc;
    margin-left: 20px;
    color: rgba(14,27,77, 0.75);
}
.pbt130{ padding: 80px 0; } .pb50{ padding-bottom: 50px; } .pbt200{ padding: 200px 0 !important; } .pbt70{ padding:70px 0 !important; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #666 !important;
}
table tr td{ font-size: 15px; padding: 10px; font-weight: 500; color:#333; }
table tr th{ text-align: left;  font-size: 15px; font-weight: 500; color:#000;}
hr{ margin: 20px 0; width: 100%; display: block; overflow: hidden; border: 0.5px solid #d0d0d0; }
table tr td a{ text-decoration: underline; }
table tr td strong{ font-weight:500; color:#000 }

input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
color: #aaa !important;  
} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
color: #aaa !important;  
}

/* main */
.burger-menu i{ font-size:40px; color:#111; }
header{ width:100%; height:120px;  background: rgb(167,217,180); position: relative; 
background: linear-gradient(180deg, rgba(167,217,180,1) 0%, rgba(229,245,234,1) 30%, rgba(255,255,255,1) 64%);}
header .container{ max-width:90%;}
.container{ max-width:1400px; width:100%; padding:0 15px; margin:0 auto; display:block;  }
.cfs-logo{ width:300px; padding-right:20px; display:inline-block; } 
.cfs-logo img{ width:100%; }
.search-div{  width: 100%;    max-width: 850px; position: relative;}
.search-inner{  border-radius:0.8rem; height:52px;  position: relative; padding: 0 20px 0 50px; border: 1px solid rgb(231 231 231);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;  background-color: rgb(255 255 255);}

.search-inner:focus-within {
    background-color: #fff; 
    border-radius: 0.8rem;
}
.text-acc {
    display: block;
    font-family: inherit;
    color: #666;
    font-size: 1.0625rem;
    font-weight: 600;
}
.h-right {
    display: flex; width: 400px; padding-left: 30px; align-items: center;}
.message_imp{ font-family:inherit; font-size:18px; color:#ff4e4e; padding:20px 0; font-weight:500; text-align:center; }
.plr_link{ color: #444; margin-bottom: 0px; font-weight: 500;  font-size: 18px; cursor:pointer; }
.plr_link i{ font-size: 20px; vertical-align: bottom; }
.search-inner input{ border:0px; width:100%; font-family:inherit; font-size:16px; color:#333;  height: 48px; box-shadow:none; font-weight:500; }
.sicon{ position:absolute; left:12px; top:12px; }
.btn-top{  border: 0px;
    padding: 0px;
    border-radius: 4px;
    color: #666 !important;
    font-size: 18px;
    display: flex;
    transition: 0.25s;
    position: relative;
    overflow: hidden;
}
.usr_prl{ padding-right:10px; position:relative; }
.mhead{     padding: 10px 25px 10px;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #ffffff6b;
    margin-top: 15px; }

.mheads{ padding: 10px 20px 0px;
    color: #fff;
    font-size: 19px;    
    margin-top: 15px; }

.btn-top a{  position: relative; color:#fff; }
.mbl-user{ margin: 5px 25px; }    .mbl-user button{ border: 2px solid #ffffffcf !important;}
.favorite_i{ width: 40px; height: 40px; position: absolute; display: flex; top: 10px; right: 10px;
    background: #e9e9e9; border-radius: 100%; justify-content: center; align-items: center; cursor:pointer; }
.favorite_i.active{ background:#ff1e5c; color:#fff }    
.favorite_i i{ color:#a9a9a9 }   
.favorite_i.active i{ color:#fff } 

.AccountMenu_wrapper{  position: absolute;
    inset: 0px 0px auto auto;
    margin: 0px;
    transform: translate(0px, 40px);
    z-index: 11; display:none; }

.AccountMenu_wrapper__Flb47 {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 16px #0000000a, 0 8px 20px #0000001a;
    border-radius: 16px;
    width: -webkit-max-content;
    width: max-content;
    padding: 2rem 1.5rem;
    z-index: 2;
    right: 0;
    bottom: 0;
    transform: translateY(100%);

}

.AccountMenu_greetings__PbCBb{ font-size: 1.4rem; font-family: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.01em;
    font-weight: 500;
    color: #000;
    display: flex; margin-bottom: 10px;
}
.added_cls{ font-size: 15px !important; padding: 5px 0 0; }
.mb-0{ margin-bottom:0px !important; }
.AccountMenu_links__G59FF { padding:0px; margin:0px; list-style:none; }
.AccountMenu_links__G59FF li{  width: 100%; list-style-type: none; font-family:inherit; font-size:16px; }
.AccountMenu_links__G59FF li a{ font-family:inherit; font-size:17px; color:#242424; font-weight:500; margin:1rem 0; display:block; padding: 7px 0;}
.AccountMenu_links__G59FF li a:hover, .AccountMenu_links__G59FF li a.active{ background:#fff; color:#34a853 }
.AccountMenu_links__G59FF li a:hover, .lgout:hover{ color:#34a853; }
.lgout{ font-size:16px; color:#242424; font-weight:500; border-top:1px solid #ddd; padding-top:5px;  margin-top: 0px; cursor: pointer;}
.AccountMenu_links__G59FF li a i, .lgout i{ margin-right:8px; vertical-align: text-top; }
.AccountPageSidebar_sidebar{ padding: 2rem 0; margin:0px; }
.AccountPageSidebar_title_block__hjWgP{ margin: 0px 0 30px 1px; }
.AccountPageSidebar_title_block__hjWgP h1{ font-family:inherit; font-size:26px; font-weight:500; }
.AccountPageSidebar_title_block__hjWgP span{ font-size:16px; color:#333; }
.page_wrapped_s{ padding:25px 0 0 25px; }
.empty_pages{ width:100%; max-width:1200px; display:block; margin: 30px auto;  }
.content_pages{ width:100%; max-width:1200px; display:block; margin: 30px auto;  }
.empty_pages h2{ font-family:inherit; font-size:24px; font-weight:500; margin-bottom:15px; }
.empty_pages p{  font-family:inherit; font-size:18px; font-weight:500; margin-bottom:15px; width:80%; margin:auto; }
.empty_pages button{ font-size:17px; font-weight:500; width: 50%; border-radius: 4px; background: #34a853; }
.form-control label{ font-family:inherit; font-size:16px; color:#333; font-weight:500; padding-bottom:5px;  }
.title_page{ font-family:inherit; font-size: 30px; color: #2a2a2a; font-weight: 600; margin-bottom:20px; }
.empty_img{ text-align:center; padding-bottom:20px; display: block; } .empty_img img{ width:350px;}
.make_address{ display: block; margin: 30px 0; text-align: left; }
.make_address ul{ padding:0px; margin:0px; }
.make_address ul li{ font-family:inherit; font-size:18px; color:#333; font-weight:500; padding:5px 0; }
.make_address ul li i{ margin-right: 10px; vertical-align: middle; font-size: 30px; color:#d61e20 }
.make_address p{ width:auto; padding:20px 0; color:#666 }
.points_bullet{ padding:0px; margin:0px; }
.points_bullet li{ font-family:inherit; font-size:16px; color:#333; padding:5px 0; margin-left: 25px; list-style:disc; }
.order_header{ display:flex; justify-content:space-between; margin-bottom:15px; flex-wrap:wrap; }
.order_colmn{ flex-basis:100%; max-width:100%;   }
.f-fcolumn{ float:left; padding-left:5px; }
.fsjfs{ margin:23px 5px 0px 0px; }
.f-right{ float:right !important; }
.profileeditbox{ margin:25px 0; display:block; padding: 15px; border: 1px solid #ddd; border-radius: 6px;}
.lty_wrap{ padding:10px; border-radius:15px; width:100%; }
.lty_wraps{ padding:10px 0px; border-radius:15px; width:100%; border:1px solid #ddd; }
.lyrt_box{ display:flex; flex-wrap:wrap; padding:0px; margin:0px -5px; }
.lty_colmn{ max-width:50%; flex-basis:50%; padding:5px; justify-content:center; align-items:center;  }
.lty_1colmn{ max-width:100%; flex-basis:100%; padding:5px; justify-content:center; align-items:center;  }
.sec_lty{ background:#fff; text-align:center; border-radius:10px; padding:10px; }
.sec_lty h3{ font-family:"Phudu", serif; font-size:30px; color:#5f007e;  }
.sec_lty span{ font-family:"Phudu", serif; font-size:16px; color:#000; font-weight: 500; }
.orderblock {
    display: inline-block;
    width: 100%;
    padding: 6px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd9c;
}
.redeem-btn{ background: #3bff4a;
    color: #21005b;
    font-family: "Phudu", serif;
    width: 100%;
    font-weight: 500;
    font-size: 19px;
    border-radius: 6px;
    margin: 5px 0 0;
    cursor: pointer;
    border: 0px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    padding: 0px 30px; }
.orderblock:last-child{ border-bottom:0px; margin-bottom:0px; }
.myorderswrap {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
}
.odminwarp {
    width: 100%;
    display: inline-block;
}
.myorderpnametag {
    margin-bottom: 10px;
    width: -webkit-calc(100% - 400px);
    width: calc(100% - 400px);
    float: left;
}
.myorderproductname {
    font-size: 17px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #000;
    font-family: inherit;
    line-height: 22px;
    margin-bottom: 4px;
    font-weight: 500;
}
.myorder-info .amounttext {
    display: block;
    margin-bottom: 10px;
}
.amounttext {
    font-family: inherit;
    font-size: 18px;
    font-family: inherit;
    font-weight: 500;
    color: #d22027;
}
.orderstatus {
    text-align: right;
    float: right;
}
.stat1 {
    display: block;
    font-size: 15px;
    color: #444;
    font-family: inherit;
    font-weight: 500;
    margin-bottom: 0px;
}
.deliverdnt {
    display: block;
    font-size: 15px;
    color: #4a5460;
    font-family: inherit;
    font-weight: 500;
    margin-bottom: 0px;
}
.deliverdnt {
    display: block;
    font-size: 15px;
    color: #4a5460;
    font-family: inherit;
    font-weight: 500;
    margin-bottom: 0px;
}
.status-text {
    font-size: 15px;
    font-family: inherit;
    font-weight: 500;
    color: #48a360;
}
.endbtn1 {

    min-width: 100px;
    padding: 8px 25px;
    font-size: 16px;
    color: #fff;
    font-family: inherit;
    font-weight: 500;
    border: none;
    outline: none;
    background-color: #3279f9;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    cursor: pointer;
    display: inline-block;
    margin: 5px 0 0 0;
    
}
.w200{ width:200px !important;   }

#ACTProfile .AccountMenu_links__G59FF li a{ margin: 0.2rem 0; }
._pfile_side_right_box{ display: flex; flex-wrap: wrap; margin: 25px 0; padding: 10px; border: 1px solid #ddd; border-radius: 6px;}
._2sgsf{ max-width:30%; flex-basis:30%; padding: 0 20px 0 10px; }
._2sgsf span{ display:block; font-family:inherit; font-size:18px; font-weight:500; padding-bottom: 5px; }
._2sgsf p{ font-family:inherit; font-size:17px; color:#333; margin-bottom: 5px;}
._3sgsf{ max-width:70%; flex-basis:70%; border-left: 1px solid #ededed; padding: 0 20px 0 0;}
.dinvoice_btn{ text-align:center; padding:20px 0; }
.dinvoice_btn i{ vertical-align:text-top; margin-right:10px; }
.clstimeline {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.clstimeline:hover {
    color: #000 !important;
    font-weight: 800!important;
}

.timetxttitle span {
    vertical-align: middle;
    margin-left: 5px;
    color: #acadad;
}
.timetxttitle {
    display: block;
    font-family: inherit;
    font-weight: 500;
    color: #0e0d0d;
    font-size: 22px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    padding: 10px;
    position: relative;
    width: 100%;
}

.timeline-warp {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 20px 0px;
    width: 100%;
    overflow: hidden;
}

.timeline {
    display: flex;
    display: -webkit-flex;
    position: relative;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-basis: 25%;
    -webkit-flex-basis: 25%;
    max-width: 25%;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.timeline-content {
    font-size: 14px; text-align: center;
    font-family: inherit;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
    height: 40px;
    overflow: hidden;
}

.timeline-warp .active .timeline-content {
    color: #19a161;
}

.timelinecircle {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    background: #e0e0e0;
    position: relative;
/*    z-index: 9;*/
}

.t-dnt {
    font-size: 14px;
    font-family: inherit;
    font-weight: 500;
    color: #747272;
    display: block;
    margin-top: 10px;
    height: 40px;
    overflow: hidden;
}

.t-dntbold {
    font-weight: 400;
    color: #000;
}

.timeline-warp .active .t-dntbold {
    color: #19a161;
}

.timeline::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #e0e0e0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transform: translatey(-50%);
    display: block;
}

.timeline:last-child::after {
    display: none !important;
}

.timeline-warp .active::after {
    background: #19a161 !important;
}

.timeline-warp .active .timelinecircle {
    background: #19a161 !important;
}

/* tabs -------------------------------
--------------------*/
.tabs {
  max-width: 100%;
  margin: 0 auto;
  background: white;
 
}

.tab-buttons {
  display: flex;
  width: 50%;
  margin: auto;
}

.tab-btn {
  padding: 12px 20px;
    background: #f1f1f1;
    border: none;
    cursor: pointer;
    flex: 1;
    text-align: center;
    font-weight: 500;
    transition: all 0.3s;
    border-radius: 50px;
    margin: 0 2px;
    font-size: 18px;
}

.tab-btn:hover {
  background: #e0e0e0;
}

.tab-btn.active {
  background: #4CAF50;
  color: white;
}

.tab-contents {
  padding: 20px;
}

.tab-content {
  display: none;
  animation: fadeIn 0.5s ease;
  margin: 20px 0 0;
}

.tab-content.active {
  display: block;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.card_div{ display:inline-block; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #dddddd80; }
.card_div:last-child{ border-bottom:0px; }
.card_thumb{ width:100px; height:100px; float:left; margin-right:15px; border:1px solid #ddd; border-radius:5px; }
.card_info{ padding:0px; overflow:hidden; }
.card_info h2{ font-family:inherit; font-size:20px; color:#000; font-weight:500;  }
.card_info p{ font-family:inherit; font-size:18px; color:#101010; font-weight:400; margin-bottom:5px;  }
.card_info span{ font-family:inherit; font-size:14px; color:#d61e20; font-weight:400; }

.hme_lty{ padding:0px !important; max-width: 800px; margin: auto; }
.hme_lty .sec_lty{ padding:20px; } 

.category-info{ color: #000 !important; padding: 8px 0px 0px; position: relative;}
.category-info h3{ position:relative; margin-bottom:0px; }
/*.category-info::before  {
    content: '';
    background: #34a853;
    width: 120%;
    left: -20%;
    transform: skew(30deg);
    transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
.category-info::before{ color:#f0282a;  }
.category-info::before, .category-info::after  {
    position: absolute;
    top: 0;
    left: 0%;
    width: 120%;
    height: 100%;
}

.category-info:hover::before {
    transform: translate3d(100%, 0, 0);
}*/


.gr-header-category-btn::before{ background-color:#ffffff !important; color:#f0282a;  }

.btn-top::before, .btn-top::after, .gr-header-category-btn::before, .gr-header-category-btn::after  {
    position: absolute;
    top: 0;
    left: 0%;
    width: 120%;
    height: 100%;
}

.btn-top:hover::before, .gr-header-category-btn:hover::before {
    transform: translate3d(100%, 0, 0);
}

.btn-top a{     display: block;
    color: #666;
    font-size: 1.0625rem;
    font-weight: 500;
    text-decoration: underline; }
 .btn-top em {
    font-style: normal;
    padding: 0 5px;
}   
.btn-top i{ border-radius: 2px;
    padding: 0PX;
    color: #000000;
    margin-right: 5px;
    font-size: 34px;
    margin-top: -2px; }
.btn-top a:hover {
    color: #058a3b;
}
.material-icons{ vertical-align: middle; }
.input-error{ font-family:inherit; font-size:15px;color:#da291c }
.container-wrapper{  min-height: calc(100vh - 290px);  margin: 20px 0 0}
.main-container { padding: 32px; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .06);  border: 1px solid #ccc; max-width: 432px; margin: 0 auto;
border-radius: 10px; }
.text-title{ font-family:inherit; font-size:24px; color:#000;  }
.text-content{ font-family:inherit; font-size:17px; color:#333; }
.fgot a{ padding-right:5px; text-decoration:none; color:#000 !important; font-size:17px !important;  }
.remove_prts{ padding:20px; text-align:center; }
.sect_border{ border: 2px solid #fff; padding: 11px; border-radius: 6px; cursor:pointer; }
.sect_border.selected{ border: 2px solid #4CAF50; }
.sect_border:hover{ border: 2px solid #4CAF50; }

.cart-btn{ font-size:16px; color:#000; font-weight: 500; position:relative; display: inline-block; cursor: pointer;}
.cart {
    position: relative;
    padding: 0px;
    margin: 10px 0 0 30px; cursor: pointer;
}
.cart span{ width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: -12px;
    right: -5px;
    background: #058a3b;
    color: #fff; }

.cart img {
    height: 34px;
}   
header .container{ padding:0 15px; } 
.menu-cta-area { padding: 10px 0px 10px;
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px #0000000D;
    margin-bottom: 10px;}
.p-12{ padding:12px 0; }

.gr-header-category-btn {
    color: #fff;
    line-height: 1.5;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
/*    display: inline-block;*/
    padding: 8px 50px 8px 30px;
    background-color:#34a853 !important;
    text-transform: capitalize;
    width: 100%;
    font-size: 18px; position: relative; overflow: hidden;
    font-family: "Trip Sans", serif; font-weight: 600;
}
.gr-header-category-btn i{ color:#fff }
.b-icon i{ position:relative; top:-4px; }
.gr-header-category-btn span{  position: relative;} 
.mmm{ position:absolute; left:0px; }

.m-2{ margin-right:10px; }

.gr-header-category-area {
    max-width: 320px;
    margin-right: 25px;
    position: relative;
}
.b-icon{ position:relative; }
.b-down{ position: absolute; right: 10px; top: 12px;} 
.nav-menu{ padding:0px; margin:0px; }
.nav-menu ul li{ padding:0; margin:0px; display:inline-block; margin: 0 25px;} 
.nav-menu ul li a::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #fff;
    transition: width .3s;
        position: relative;
    top: 10px;
}

.nav-menu ul li a:hover::after, .nav-menu ul li a.active::after {
    width: 100%;
    //transition: width .3s;
}
.nav-menu ul li a{ display:block; font-family:"Trip Sans", serif; font-size:18px; color:#000; font-weight: 500;}



.nav-menu .f-social a{  border:2px solid #fff; }
.nav-menu .f-social a svg{ fill:#fff; } .nav-menu .f-social a:hover svg{ fill:#ffffffad }
.nav-menu .f-social a:hover{ border:2px solid #ffffffad;  box-shadow: none !important; }
.brndss{ width: calc(100% - 0px) !important;   margin-left: 0px !important; }
.slick-slide img{ width:100% !important; border-radius:20px;  }
.sopen{ background:#fff !important }

/* common */
.d-flex{ display:flex; }
.justify-content-between { justify-content: space-between !important;}
.justify-content-start { justify-content: flex-start !important;}
.justify-content-center { justify-content: center !important;}

.align-items-center {  align-items: center !important;}
.p-0{ padding:0px !important; }
.plr-5{ padding:0 5px !important; } .mt-4{ margin-top:40px; }

/* common end */
.p-40{ padding:40px 0; }
.fluid-wrap{ flex-wrap: wrap; display:flex; margin:0px -10px; }
.column-wrap{ flex-basis:16.666%; max-width:16.666%; padding:10px;}
.b-column-wrap{ flex-basis:12.5%; max-width:12.5%; padding:10px;}
.box-sec{ padding:0px;   }
.bbox-sec{ padding:10px; border:1px solid #e5e5e5; border-radius:10px; overflow: hidden; background:#fff;}
.bbox-sec .img-thum{ padding-top:100%; position:relative; width:100%; display:block; overflow:hidden; border:0px; }
.bbox-sec .img-thum img{     left: 50%; border-radius: unset;
    top: 50%;
    position: absolute;
    object-position: center;
    transform: translate(-50%, -50%);
    width: 80% !important; }
 .batag{ padding:10px; display:block; }  
  .my-slider-brand, .my-slider-brand1{ padding:10px 0px; }
 
/* .my-slider-brand .slick-next{ right:-5px !important; } .my-slider-brand .slick-prev{ left: -20px !important; }*/


.category-info h3{ font-family:"Trip Sans", serif; font-size:17px; color:#000; text-align:center; font-weight:500; }

.category_slide .img-thum{ border:1px solid rgba(52, 168, 83, 0.06); background: #f7f7f7; }

.batag .img-thum{ border:0px; }

.prt-sec .img-thum{ padding-top:100%; position:relative; display:block; width:100%;  }
.prt-sec .img-thum img{ position: absolute; left:0px; top:0px; width:100%; height:100%; object-position:center; padding:15px; }
.img-thum{ padding:15px; text-align:center; border-radius:15px;  overflow:hidden; border:1px solid rgb(0 0 0 / 6%); } .img-thum img{ width:100%; height:auto; object-fit:cover;  -webkit-transition: 0.3s;
    -o-transition: 0.3s; transition: 0.3s;}
 .slick-slider{ margin:0px !important; } 
   .box-sec:hover h3{ color:#34a853 }

 .bbox-sec .img-thum img{ width:75%; }  

.box-sec:hover .img-thum img{  -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }
 .bbox-sec:hover{ box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); }

 .box-sec:hover h3 i{ transform: translateX(50%); }
h3 i{ transition: 0.1s ease-in; }
.title{ font-family: "Trip Sans", serif; font-size: 35px; color: #000; letter-spacing: 1px; font-weight:700 }
.see-more{ text-align:right; } .title-section{ display:flex; justify-content: space-between; align-items:center; }
.see-more{ font-family: "Trip Sans", serif;
  font-size: 16px;
  color: #f0282a; 
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 500;}
.c-see-more{ font-family: "Trip Sans", serif; background: #34a853; 
  font-size: 19px;
  color: #fff; 
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: 500; cursor: pointer; border: 0px;}  
.c-see-more:hover{ background:#f0282a }  
.see-more i, .c-see-more i{ font-size:20px;  transition: 0.1s ease-in; position: relative; top: -3px;}

/* show hide */
.more-text {   
    
    overflow: hidden;
    transition: opacity 0.5s ease, height 0.5s ease;    
    height: 0;
}

.more-text.visible {
    opacity: 1;
    height: 500px;
}

.offers_div{ padding: 2px; box-shadow: 2px 2px 0px 5px #6449cd;  border-radius: 10px; }
.off_divin{ background: #fff9f9; border-radius: 8px; padding: 15px; }
.offers_div span{ font-family: inherit; font-size: 17px; color: #207e39; font-weight: 500;  text-align: center;
    display: block; padding-bottom: 10px; }
.offers_div p{ font-family:inherit; font-size: 17px; color: #2c2d32; font-weight: 500;  margin-bottom: 10px; text-align: center;}
.offers_div button{ font-size: 17px; font-weight: 500; width: 100%; border-radius: 50px; background: #6449cd}
.loadmore{  background: #ededed; border: 0px; border-radius: 7px; width: 100%; text-align: center;
    padding: 10px 0; margin: 10px 0; font-size: 16px; font-family: inherit; font-weight: 500; }
.loadmore:hover{ background:#4caf50; color:#fff; } 
.loadmore i{ font-size:21px; vertical-align: text-bottom; }   

/* product */

.product-wrapped, .footer-wrap{ display:flex; flex-wrap:wrap; margin:0 -15px; padding:0px; }
.product-column{ flex-basis:20%; max-width:20%; padding:15px; }
.column1{ flex-basis:100%; max-width:100%; padding:10px; }
.column2{ flex-basis:50%; max-width:50%; padding:10px; }
.column1{ flex-basis:100%; max-width:100%; padding:10px; }
.text-white{ color:#fff !important } .text-center{ text-align:center; }
.footer-column{ flex-basis:25%; max-width:25%; padding:10px 25px; }

.prt-sec{ padding:0px; height:100%; position:relative; padding-bottom: 40px; }

.border-skin-primary:hover { background:#34a853; color:#fff; }
/*.prt-sec:hover{ box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); }*/
/*.img-thum img{ width:100%; height:auto; object-fit:cover; -webkit-transition: 0.3s; -o-transition: 0.3s;  transition: 0.3s; }*/
.prt-sec:hover .img-thum img{ -webkit-transform: scale(1.02); -ms-transform: scale(1.02);  transform: scale(1.02); }
.thumb-description{   padding: 10px 0px 10px; }
.product__title {
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    font-family: inherit;
    min-height: 46px;height: 46px;  overflow: hidden;
        text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product__title a{ color:#263238 }
.brnd{ font-family:inherit; font-size:15px; color:#333;  }
.p-code{ font-family:inherit; font-size:13px; text-transform:uppercase; color:#606281; padding-bottom:4px; display:block;font-weight: 500;}
.p-price{ font-family:inherit; font-size:14px; font-weight:500; color:#f46b1f; text-transform:inherit; }
.FKSKLS{ display:flex; justify-content:space-between; }
.delprice{ background:#eceded; padding:4px 6px;  text-align:left; font-family:inherit; font-size:15px; color:#000; border-radius:4px;width:100%;
/*    max-width: 150px;*/
display:block; margin:auto; font-weight:500;}
.cllprice{ padding:4px 6px;  text-align:left; font-family:inherit; font-size:15px; color:#339a61; width:100%;
display:block; margin:auto; font-weight:500; }
.rglr{ font-family:inherit; font-size:12px; font-weight:500; color:#7e7e7e; display:block; text-align: left; text-transform: uppercase;
height: 28px; line-height: 28px;}

.product-info-box .cllprice, .product-info-box .delprice, .product-info-box .mbtext, .product-info-box .multi_price span{ font-size:18px; } 
.modal_scroll{ max-height: 70vh; overflow-y: auto; overflow-x: hidden; }

.img-thum{ position:relative; }
.Offer{  position: absolute; bottom: 10px; right: 30px; background: #ed217c; font-family: inherit; font-size: 18px;
    color: #fff; border-radius: 100%; display: inline-block; vertical-align: middle; margin: auto; width: 70px; height: 70px;
    text-align: center; line-height: 22px;  padding-top: 12px; }
.Offer em{ display:block; font-style:normal; }
.b-column-wrap .img-thum{ padding-top:100%; width:100%; position:relative; display:block; }
.b-column-wrap .img-thum img{ left: 50%; top: 50%; position: absolute; object-position: center;
    transform: translate(-50%, -50%); width: 80%; }

footer{ background: #fff; padding: 50px 0 0px; position:relative;  margin-top: 20px;}
.footer-logo{ width:250px; display:block; padding-bottom:10px; } .footer-logo img{ width:100%; }
footer p{ font-family:inherit; font-size:17px; color:#fff !important; font-weight: 500; line-height: 25px;}
footer p a{ color:#333 }
footer h2{ font-family:inherit; font-size:22px; color:#fff; display:block; margin-bottom:20px; }
.q-link{ padding:0px; margin:0px;  }
.q-link li{ display:block; padding: 5px 0; } .q-link li a{ font-family:inherit; color:#fff;     font-weight: 500; font-size:17px; 
 display:block; }
.footer-column i{ font-size:20px; margin-right:8px; color: #fff;} .f-social{ padding-top:0px; display:block; }
.q-link li a:hover{ text-decoration:underline; }

.q-link li a svg{ width: 34px; height: 34px; vertical-align: middle; margin-right: 5px;     fill: #fff; }


.f-social a{ display:inline-block; width:42px; height:42px; border-radius:100%; border:2px solid #34a853; text-align: center;
    line-height: 50px; margin:0 4px; font-size:14px;  } .f-social a img{ width:22px; text-align:center; }

.f-social a svg{ width:22px; height:22px; fill: #34a853 }   

.copyright{ padding:10px 0; margin-top:10px;  border-top: 1px solid rgba(255,255,255,0.3); display:flex; justify-content:space-between; }
.f-social a:hover { border:2px solid rgb(226 0 1); }  .f-social a:hover svg{ fill: rgb(226 0 1) }
.fmenu{ margin:0px; padding:0px; }
.fmenu li{ display:inline-block; padding:0px; margin:0px 5px; }
.fmenu li a{ font-family:inherit; font-size:17px; color:#fff; display:block; }
.fmenu li a:hover{ text-decoration:underline; }
.mydd img{ width: 130px; display: inline-block; vertical-align: middle; }


/*.gr-header-category-area:hover .header-category-item
{ visibility: visible;
    opacity: 1;
    clip: inherit;
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    transform: scaleY(1); 
}*/

.header-category-item
{
      padding-top: 10px;
    -webkit-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    -ms-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    -o-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    min-width: 100%;
    position: absolute;
    background: #fff;
/*   display: none;*/
    padding: 7px 0;
    top: 104%;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: 26%;
    z-index: 99;
   /* visibility: hidden;
    opacity: 0;*/
    -webkit-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    -ms-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    -o-box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    box-shadow: 0 18px 43px rgba(90, 90, 90, 0.14);
    -webkit-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
    border-radius: 6px;
   /* clip: rect(1px, 1px, 1px, 1px);
    -webkit-transform: scaleY(0);
    -khtml-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;  */
}
.menu{ padding:0px; margin:0px; list-style:none; max-height: calc(100vh - 150px);
    min-height: 100%; overflow-y: auto; }
.menu li{  display: block; list-style: none; }
.menu li a{     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 26px;
    font-weight: 500;
    line-height: 42px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    text-transform: capitalize;
    font-size: 18px; 
color: #333;
}

.menu li a:hover{     
    background-color: #f7f0fd8a;
    color: #34a853; }   

.label-new{ position:absolute; top:10px; right:10px; z-index:1 }
.label-new img{ width:60px !important; }
.label-new em{ font-family:inherit; font-size:14px; font-style: normal; text-transform:uppercase; color:#fff; text-align:center; position: absolute;
    z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.footer-shape-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    
}
.footer-shape-2 {
    position: absolute;
    right: 0;
    top: 50px;
   
}

.p-shape{ position:relative; }  

.product-shape-1 {
    position: absolute;
    left: 0;
    bottom: 65px;
   
} 

.product-shape-2 {
    position: absolute;
    right: 0;
    top: 160px;
    
}
.checkbox{ width:20px !important; height:20px !important; vertical-align:middle; margin-right:5px !important;  }
.jhf{ position: relative; top: 3px; font-size: 16px; font-weight: 500; }
.go-top {
  position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 8px;
    display: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    background: #f0282a;
    border-radius: 3px;
}
.go-top i{ color:#fff; font-size:30px; }

/* about content */
.elementor-background-overlay {
    background-color: #000000;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.banner{ position: relative; margin: 20px 0; border-radius: 20px; overflow: hidden;}
video{ width:100%;  }
video source{ width:100%; }
.about-text{font-family: "Trip Sans", serif; font-size: 70px; color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} 
.text-big{ font-family: "Trip Sans", serif; font-size: 40px; padding-bottom: 30px; color: rgb(226 0 1)}
.main-row{ display:flex; flex-wrap:wrap; margin:0px -10px; }
.colum-half{ max-width:50%; flex-basis:50%; padding:20px; } .colum-full{ max-width:100%; flex-basis:100%; padding:20px; }
.txt-color{ color: rgba(14,27,77, 0.75) }
.colum-3half{ max-width:33.33%; flex-basis:33.33%; padding:20px; }
.box-item{ padding: 0px 0px 0; border-radius: 4px;}
.text-md{ font-family:inherit; font-size:20px; color:rgba(14,27,77); }
.ctc-icon{  width: 40px; margin-right: 15px; } .ctc-icon i{ font-size: 40px; color: #3f3f3f; }
.contect{ width: calc(100% - 68px); }
.form-box { padding: 0px;}

.form-control{  max-height: calc(100vh - 250px);  min-height: 100%; overflow-y:auto; overflow-x: hidden; width:100%; }
.form-control .f-row{ display:flex; margin:0px -10px 15px; flex-wrap: wrap; }
.f-row{ display:flex; margin:0px -10px 15px; flex-wrap: wrap; }
.form-control input, .form-control textarea, .form-control select{ font-family: inherit; font-size: 17px; color: #000;  width: 100%;
    padding: 0 20px; height: 48px; border: 1px solid #adadad8c; box-shadow: none; border-radius: 6px;}
.form-box .form-control input, .form-box .form-control textarea{ border: 1px solid #ced7e0; border-radius:6px; }

.form-controls .f-row{flex-wrap: wrap; display: flex; margin: 0 0 10px;}
.form-controls input, .form-controls textarea, .form-control select{ font-family: inherit; font-size: 17px; color: #000;  width: 100%;
    padding: 0 20px; height: 50px; border: 1px solid #adadad8c; box-shadow: none; border-radius: 4px; position: relative !important; 
/*    opacity: 1 !important;*/
z-index: 10 !important;}
.form-controls label{ font-family:inherit; font-size:15px; color:#000; font-weight:500; }

.form-box .form-controls input, .form-box .form-controls textarea{ border: 1px solid #ced7e0; border-radius:3px; }
.FSFH input{ width:150px; } .FSFH input:first-child{ width:100px; }
.paynow{ height:52px; line-height:52px; font-family:inherit; font-size:18px; cursor: pointer; color:#fff; font-weight:500; background: #34a853;
    border: 0px; padding: 0 30px; border-radius: 4px;  margin: 10px 0 0; }

.paynow:hover{ opacity:.9 }
.form-box .form-control .btn{ border-radius:3px; }
.form-control textarea{  padding: 15px; height:auto !important; }
.form-control .error{ margin: 0px !important; padding: 0 10px !important; }
.f-column{ flex-basis: 100%; max-width: 100%; padding:0 10px; }
.f-2column{ flex-basis: 50%; max-width: 50%; padding:0 10px; } 
.f-3column{ flex-basis: 33.33%; max-width: 33.33%; padding:0 10px; }   
.checkbox.error{ margin: 0px 5px 0px 0px !important; }
input:focus, textarea:focus{ border-color:rgba(34,34,34) }
.jHDGHD label{ font-weight:500; margin-left:5px }
.fjgkfh{ color:#d61e20; font-size: 20px; font-weight: 500; }
.jfgj{ padding:0px !important; font-size:18px !important; font-weight:500 !important; }
.jHDGHD input{ margin:-1px 0 0 0 }
.news p{ font-family:inherit; font-size:17px; color:#000; text-align:center; }
.news p a{ color:#000; font-weight:500; } .news p a i{ vertical-align: bottom;  font-size: 20px; }
.news a span:last-child{ color:#1372e8 }
.news span{ font-weight:500; }
.form-control .btn{ width:100%; height:50px; border-radius:6px; }
.btn{     display: inline-block;
    padding: 0px 30px;
    font-family: inherit;
    font-size: 19px;
    color: #fff;
    border-radius: 3px;
    background: #e20001;
    cursor: pointer;
   
    border: 0px;
    height: 44px;
    line-height: 44px;
      }

@keyframes early 
{ from { opacity:1; } to { opacity:0; } }

.early {
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */

    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    animation-duration:1s;
    animation-delay: 1.5s
}


.btn-red{ background:#d61e20 !important; }
.btn-blue{ background:#1668ff !important; }
.bnts i{ vertical-align:text-top; }
select option {   
    color:#000; font-size: 16px; padding: 0 5px;
}
.btext-primary {
    color: #007bff !important;
}
.form-controls{ padding:20px; }
.form-controls input{  }
.forgot{ font-family: inherit; font-size: 16px; color: #747c93; padding: 0 0 10px 0; font-weight: 500;
    text-align: right; display: block; }
.gray{ background:#f0f0f0 !important; color:#666;  letter-spacing: -0.3px; font-size: 17px;}
.notyet{ font-family:inherit; font-size:16px; color:rgb(52, 53, 56); padding:5px 0 10px; display:block; text-align:center; }
.ebcf_modal-content P{ color: #000000; font-size: 20px; font-weight: 500; margin-bottom: 10px;}

.btn i{ font-size:20px; transition: 0.1s ease-in; margin-top: 0px;     vertical-align: sub;}
.btn:hover{ background:#34a853; }  .btn:hover i{ transform: translateX(40%); }  
.c-panel-column2{ float:left; width:50%; padding:0 10px; }
.c-panel-column{ float:left; width:100%; padding:0px; }  
.form-control .c-panel-column{ padding: 0 10px }
.form-control h2{ font-family:inherit; font-size:22px; color:#34a853; padding: 10px 0; }

.login-logo{ text-align: center; margin-bottom: 20px;  display: flex; } .login-logo img{ height:70px; margin:0 auto; }
.c-panel-column .error{ padding-left:10px; }
.error {
    color: red !important;
    margin-top: 0px !important;
    padding-top: 4px !important;
    font-size: 14px;
}

/* product image zoom modal */
.toZoom {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.toZoom:hover {opacity: 0.7;}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 101; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Add Animation */
.modal-content {  
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform: scale(0.1)} 
  to {transform: scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

/* end */

/* Modal */
/* The Modal (background) */
.ebcf_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content */
.ebcf_modal-content {
      height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100vh;
    background-color: #fefefe;
    padding: 1.4rem;
        max-width: 420px;
    width: 100%;
    position: relative;
    box-shadow: 0 0 20px #0000000f, 0 16px 32px #00000026;
    border-radius: 1rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ebcf_modal-content_box {
      height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100vh;
    background-color: #fefefe;
    padding: 0px;
        max-width: 420px;
    width: 100%;
    position: relative;
    box-shadow: 0 0 20px #0000000f, 0 16px 32px #00000026;
    border-radius: 1rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.p-2{ padding:20px; }
.form-control p{ font-family:inherit; font-size:15px; padding: 5px 10px; margin-bottom: 0px !important;}

.modal_header{ 
    background: #d61e20;
    padding: 10px 50px 10px 10px;
    font-family: inherit;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 1rem 1rem 0 0; 
}

.logcontent-top h2{ margin-bottom:10px; }
._n_2pagination li.active a, ._n_2pagination li.active a:hover {
    background: #34a853 !important;
    color: #fff;
    border: 1px solid #34a853 !important;
}

/* The Close Button */
.ebcf_close {
    color: #000;
    float: right;
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 45px !important;
}

.ebcf_close:hover,
.ebcf_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/* end */ 
.grid-item{ max-width:40%; flex-basis:40%; padding:0px 0 30px;  }
.product-info-wrap{ max-width:60%; flex-basis:60%; padding:0px 0 0px 30px;  }
.product-info-box{ border: 1px solid #dfe4ec; border-radius: 20px; padding:30px; position:relative; }
.toZoom{ width: 100%; padding: 20px; border: 1px solid #dfe4ec; border-radius: 20px;}
.breadcrumbs_bg{  background: #f7f7f7;}
.breadcrumbs{ padding:10px 0;  }
.breadcrumbs ul{ padding:0px; margin:0px; display: flex; align-items: center; }
.breadcrumbs ul li{ display:inline-block; white-space: nowrap; padding:0px ;font-family:inherit; font-weight: 500; font-size:17px; color:#000; line-height:18px; vertical-align:middle; }
.breadcrumbs ul li a{ display:block; color:rgb(102 112 133); }
.breadcrumbs ul li:last-child{  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.breadcrumbs span{ display:inline-block; } .breadcrumbs span i{ font-size:26px; color:rgb(102 112 133); vertical-align:middle; }
.product-info-wrap h3{ font-family:"Trip Sans", serif; font-size:32px; color:rgba(14, 27,77); }
.brand{  font-size: 16px; color: #555; font-family: inherit; padding-bottom: 5px; display: block;  font-weight: 500;}
.brand a{ color:#34a853; }
.code{ color:#76767f !important }
/*.rptd{ padding-left:10px; padding-right:10px; }*/
.info-title{ font-family:"Trip Sans", serif; font-size:28px; color:#34a853; font-weight:500; margin:20px 0 10px; border-top: 1px dashed rgba(54, 0, 111, .3);
padding-top: 15px;}

.slick-track{ gap:10px; display:flex !important; } .slick-slide{ height:auto !important; }
.my-slider .slick-track{ gap:10px; }

.sidebar{ width:240px; padding:0px;  position:sticky; height: calc(100vh - 68px);  flex-shrink: 0; }
.sidebar-inner{ border:1px solid #f0f0f3; border-radius: 10px; margin-bottom:15px; padding-bottom:10px; background:#fff }
.main-gateway{ width:100%; flex: 1; padding:30px 15px; }
.gateway_wrap{ width:100%; max-width:500px; display:block; margin:0 auto;  }
.gateway_wrapper .btn{ width:100%; font-weight:500; font-size: 18px;}
.{ padding-bottom: 10px;
    color: #ff7043;
    font-size: 16px;
    font-weight: 500; }

.form_input{
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
   width: 100%;
}
.m-0{ margin:0px !important; }
.main-product{ width:calc(100% - 240px); margin-left:30px; }
.title-box{  padding: 10px 25px 0px; display:flex; justify-content:space-between; }
.title-box h4{ font-family:"Trip Sans", serif; font-size:22px; color:#000; letter-spacing:1.5px; }
.title-box span i{ font-size: 30px;  color: #000; }
.categort-list{ padding:0px;  max-height: 500px;  overflow-y: auto; height: 100%;}
.categort-list ul{ margin:0px; padding:0px; list-style:none; }
.categort-list ul li{ display: block; margin:0px; padding:0px; }
.categort-list ul li a{ font-family:inherit; font-size:16px; color:#333; display:block; padding:0px 15px; height:40px; line-height:40px; font-weight:500;  }
.categort-list ul li a:hover, .categort-list ul li a.active { background-color: #f4f5f5; color: #000;}
.cgry-column{ max-width:25%; flex-basis:25%; padding:15px; }
.cgry-4column{ max-width:25%; flex-basis:25%; padding:10px; }

.rltd-thumb .slick-next, .rltd-thumb .slick-prev{ display:none !important; }
.rltd-thumb .slick-dots li button{ display:none !important; }

/* filter */
.mobile-header {
  background: rgba(0, 0, 0, 0.9);
  height: 50px;
  width: 100%;
}

.row:after {
  clear: both;
  content: "";
  display: table;
}


.mobile-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
/*  border-bottom: 1px solid rgba(14, 27, 77, .08);*/
}

.mobile-top-bar .mobile-nav-toggle.close {
      color: #000;
    text-align: center;
    width: 35px;
    top: -5px;
    right: 10px;
}
.mobile-top-bar .mobile-nav-toggle.close i{ font-size:32px; }
.tite{ margin:0 15px; font-size:18px; color:#333; }
.mobile-top-bar .mobile-nav-toggle.close:hover {
  cursor: pointer
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: calc(100vh - 150px);
    min-height: 100%;
    overflow-y: auto;
}

.main-navigation li {
      padding: 10px 15px;
     border-bottom: 1px solid rgba(14, 27, 77, .08);
}

.main-navigation li a {
  color: #333;
    text-decoration: none;
    font-size: 18px; font-weight: 500;
}


/* sliding menu CSS */

.navigation {
  -moz-transition: linear left 0.2s;
  -o-transition: linear left 0.2s;
  -webkit-transition: linear left 0.2s;
  transition: linear left 0.2s;
  background: #fff;
  height: 100%;
  overflow: auto;
  /* let the nav scroll, not body */
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  z-index: 101;
}

.navigation.open {
  left: 0
}

/*start styles*/
.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.accordion__item {
    border: 1px solid #e5f3fa;
    border-radius: 10px;
    overflow: hidden;
}

.accordion__header {
padding: 12px 25px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.accordion__header::after {
    content: '';
    background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.accordion__header.active {
    background: #e5f3fa;
}

.accordion__header.active::after {
    transform: rotateX(180deg);
}

 .accordion__content {
    padding: 0px;
    max-height: 0;
    transition: .5s;
    overflow: hidden;
}

/* side menu*/
/* mobile menu */
  .sidebarcontent {
    display: block;
}



/* sidebarhere */
.sidebarcontent {
  
    z-index: 5000;
}
.sidebarcontent {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    position: fixed;
    background-color: #e20001;
    top: -100vh;
    transition: 0.3s;
    padding: 0px 0;
    z-index: 99;
}

.sidebarhead {
    display: block;
    width: 100%;
/*    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%);*/
    background-color: #ffff;
    padding: 0px 15px 0px;
    z-index: 500;
    position: sticky;
}

.sclose, .ssclose {
    color: #fff;
    font-size: 28px !important;
    z-index: 9999;
    vertical-align: middle;
    cursor: pointer;
    float: right;
}

.stitle {
    font-size: 22px;
    color: #2d2d2d;
    display: inline-block;
    font-family: inherit;
}
.burger-menu{ cursor:pointer; display: none;}
.main-menu ul{ padding:0px 20px 10px; margin:10px 0 0; border-bottom: 1px solid #ffffff6b; }
.main-menu ul li{ display:block;  }
.main-menu ul li a{ font-family:inherit; font-size:16px; color:#ffffffd4; display:block; padding: 5px 0px; font-weight: 500;}
.main-menu ul li a img{ width: 28px; margin: 0 20px 0 0; vertical-align: middle; }
.pck{ display: block;
    font-size: 16px;
    font-family: inherit;
    color: #000000;
    margin-bottom: 3px;
    font-weight: 500; }

/* end */

.notify span{ width: 22px; height: 22px; line-height: 22px; background:#ff5722 }
.notify img{ height: 36px; }
.pays{ margin:15px auto; display:flex;  }
.serach-mobi{  width: 40px; position: relative;  display: none;  height: 40px;  text-align: center; }
.serach-mobi i{ color:#fff !important; } .serach-mobi .sicon{ left: 5px; top: 5px; width: 70%; }
.mcontact-wrap{ margin: 20px auto 0; width: 100%; max-width: 1000px; padding: 0 25px; display: block;}
.contact-menu{ margin-top:20px; }
.contact-menu h3{ font-family:inherit; font-size:24px; color:#fff; font-weight:500; }
.contact-menu p{ color:#ffffffe0; padding-top:5px; } .contact-menu p i{ margin-right:10px; font-size:24px; }

.autocomplete-suggestion{padding: 5px 5px;
    white-space: nowrap;
    overflow: hidden;
    font-family: inherit;
    font-size: 14px;
    color: #333; }

.autocomplete-selected{ background:#f0282a !important; color:#fff; }
.autocomplete-suggestions{ border: 1px solid rgba(238, 238, 238, 1) !important; background: #FFF;
    overflow: auto; padding: 10px 0 !important; box-shadow: 0 5px 10px rgb(0 0 0 / 12%) !important; }
.slick-dots { display:none !important; }   

/* filter*/
.filter{    width: 100%;
    height: 55px;
    padding: 10px;
    display: flex; flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; display: none;
   }
.filter-colum{ max-width:100%; flex-basis:100%; padding:0 5px; }    
.filter span{  padding: 8px 0px; border-radius: 4px; color: #34a853; font-size: 17px; font-weight: 600; border: 2px solid #34a853; display:block; text-align:center; } 
.filter span i{ font-size:30px; margin-right:5px; vertical-align:middle; }
.alert-success{ text-align: center; font-size: 14px; display: block; color: #04AA6D; } 
.alert-success strong{ font-weight:500; }  
.form-control .alert-success{ font-size:18px; text-align:left; } 
.category_slide a{ padding:0px; display:block; }
.category_slide{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.category_comun{ flex-basis:11.111%; max-width:11.111%; padding:10px; }
.category_slide .slick-next, .category_slide .slick-prev{ top:-28% !important;  }
.category_slide .slick-next:before, .category_slide .slick-prev:before{ color:#333 !important }
.category_slide .slick-prev { right: 100px !important; left: auto;}


/* new */
.add_cart{ position:absolute; padding:0px; margin:10px 0 0; width: 100%; bottom: 0px;}
.border-skin-primary{ color:#34a853; padding: 10px 0; width: 100%; cursor: pointer; font-family: inherit; font-size: 15px;     font-weight: 500; border: 1px solid #34a853; background: transparent; border-radius: 4px;}
.app-img img{ width:70% }
.app_desc{ padding:100px 100px 100px 0 ; }
.app_desc span{ color:#34a853; font-size:18px; font-weight:600; padding-bottom:10px; }
.app_desc h3{ font-family:inherit; font-size: 38px; color:#000; padding-bottom:10px;  }
.app_desc p{ font-size:18px; color:#000; font-family:inherit; line-height: 21px;}
.app_i{ padding:0px; margin:20px 0 0; }
.app_i li{ display:inline-block; padding:0 5px; }
.app_i li a img{ height:60px; }
.quntity-btn{ margin:10px 0; padding:0px; }
.quntity-btn span{ font-family:inherit; font-size:18px; color:#000; font-weight:500; }
.btn-control{  border: 1px solid #ddd; border-radius: 2px; display:flex;     width: 170px;}
.btn-control button{ width: 48px;
    height: 44px;    
    border:0px; display:inline-block;
    font-size: 28px; cursor: pointer;
     }
.btn-control input{ width:80px; height: 48px;  font-size: 18px; text-align:center; display:inline-block; border:0px;}
.w-50{ width:50%; } .w-75{ width:75%; }
.buy-add-btn{ background:transparent; border:1px solid #34a853; margin-bottom:10px; height:50px; color:#34a853; font-family:inherit; font-size:17px; font-weight:500; }
.buy-add-btn:hover{ color:#fff;  }

.buy-btn{ background:transparent; background:#e20001; margin-bottom:10px; height:50px; color:#fff; font-family:inherit; font-size:17px; font-weight:500; }
.buy-btn:hover{ background:#e20001 }
.signup{color: rgb(14, 125, 14);
    font-size: 17px;
    text-align: center;
    font-weight: 500;
    text-decoration: underline; cursor: pointer;}

/* cart open */
.cart-icon {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  width: 30px;
  height: auto;
  right: 30px;
  top: 27px;
  padding: 5px;
  z-index: 40;
  opacity: 0.5;
}
.cart-icon:hover {
  opacity: 1;
}
.cart-icon svg {
  display: block;
  height: 100%;
  width: 100%;
}
.cart-container {
  position: fixed;
  top: 0;
  right: -100%; /* Start off-screen */
  max-width: 520px; /* Adjust as needed */
  width: 100%;
  height: 100%;
  background: white;
  transition: right 0.3s ease-in-out;
  z-index: 1000;
}
/*@media (max-width: 425px) {
  .cart-container {
    max-width: 100%;
    left: 0;
  }
}*/
.cart-container.show-cart {
  right: 0; /* Slide in */
}

.cart-container.hide-cart {
  right: -100%; /* Slide out */
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.cart-container .cart-title h3 {
      border-bottom: solid 1px #3c3c3c14;
    padding: 15px;
    font-size: 23px;
    font-weight: 500;
}
.cart-container .close-cart {
  cursor: pointer;
  width: 34px;
  height: auto;
  padding: 3px 0 7px 20px;
  position: absolute;
  right: 30px;
  top: 15px;
}
.item{display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; flex-wrap: wrap;
    min-height: calc(100vh - 205px);}
.NEWADD{ position:relative; top:-60px; background: #f7f7f7; border-radius: 6px;  }    

.anewss{ color:#e62628; font-size:18px; margin: 0px 0 20px 10px; font-family: "Phudu", serif; letter-spacing: .5px; font-weight: 600; padding: 0px;}
.cart-item{ padding: 0; overflow: auto;  height: 100%; width: 100%;}

.login_title{ flex-basis:100%; max-width:100%; }    
.cart-container svg {
  height: auto;
  width: 100%;
}
.cart-body{ padding:15px; display: flex; flex-direction: column; height: 100%; }
.cart-info p{ font-family:inherit; font-size:35px; color:#000; font-weight:600; }
.cart-info span{ font-family:inherit; font-size:16px; color:#000; }
.mb-0{ margin-bottom:0px !important }
.icns{     width: 32px;
    height: 32px;
    display: inline-block;
    background: #886eeb;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin-right: 10px; }
 .icns i{ font-size:21px; }
.cart-container .bottom-container {
  background: white;
  width: 100%;
  padding: 10px 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.cart-container .bottom-container h4 {
  
  text-transform: uppercase;
  letter-spacing: 2px;
}
.cart-container .bottom-container p {
  position: absolute;
  right: 50px;
  top: 45px;
}
.cart-container .bottom-container .btn.checkout {
  background: #f0282a;
  display: block;
  text-align: center;
  color: white;
  padding: 10px 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: auto; line-height: normal;
  font-size: 17px; font-weight: 500;
}
.cart-container .bottom-container .btn.checkout:hover {
  background: #a96f2e;
  text-decoration: none;
}
.attention_btn{ color: #ff6d03; border: 0px; background: transparent; }
.stock_btn{ color: #e62120; border: 0px; background: transparent; }
.qty_action button{ font-size: 14px; font-weight: 500;} .qty_action button i{ vertical-align:bottom; font-size:17px; margin-right:5px; }
.alternate_btn{ border:1px solid #25ae5c; color: #25ae5c; background: transparent; border-radius: 3px; padding: 3px 10px;}
.det_btn{ border:1px solid #1f1f1f; color: #1f1f1f; background: transparent; border-radius: 3px; padding: 3px 10px;}
.subtotal{ display:flex; justify-content:center; align-items: center; border-top: solid 1px #3c3c3c; padding-top: 20px; }
.subtotal span{ font-family: inherit; font-size: 20px; color: #000; font-weight: 600; margin: 0 0 5px 10px;}
.subtotal h4{ color:#666; }
.check_page{ max-height:50vh; }
.box_rows{ display:flex; justify-content:flex-start; margin-bottom:15px;  }
.che_JSFS{ font-family:inherit; font-size:17px; color:#000; font-weight:500; padding: 15px;
    border-radius: 6px;
    border: 1px solid #e3e3e3;
    margin-bottom: 5px;
    width: 100%; display: block;  }
.che_JSFS.active{ background:#eff3ff; border: 1px solid #5d78d2;}
.che_JSFS input{ width:19px; height:19px; border:1px solid #ddd; margin-right:5px; vertical-align: bottom;}
.ml-1{ margin-left:10px !important; }
.mb-1{ margin-bottom:10px !important; } .mb-2{ margin-bottom:30px !important; } .mt-0{ margin-top:0px !important; }
.slot_booking{ border:1px solid #ddd; padding:15px; border-radius:10px; width:100%; display:block; text-align:center; }
.slot_booking p{ font-size:16px; color:#000; font-weight:400; margin-bottom:0px; text-align:center; }
.slot_booking p span{ color:#445060; display:block; } .slot_booking p span i{ vertical-align: bottom;  font-size: 21px; }
.slot_booking p b{ font-size:18px; font-weight: 500; font-family: "Phudu", serif; padding-bottom: 5px; display: block; }
.slot_booking a{ display: inline-flex; color: #fff; font-weight: 500; text-align: center;
    padding: 6px 15px; background: #0141ff; border-radius: 4px; margin: 10px 0 0; text-transform: uppercase; font-size: 15px;}
.slot_booking strong{ color:#d61e20; display:block; font-size:20px; font-weight: 500;}
.qnty_colmn{ background: #34a853; color: #fff; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.minus{ font-family: inherit; width: 42px; height: 42px; text-align: center; line-height: 42px; font-size: 35px; cursor:pointer;  }
.plus{ font-family: inherit; width: 42px; height: 42px; text-align: center; line-height: 42px; font-size: 35px; cursor:pointer; }
.nums{ font-family: inherit; font-size:17px; color:#fff; font-weight:500; background: transparent; border: 0px; text-align: center; width: 100%;
    max-width: 100px; padding: 0px;}
.plus:hover, .minus:hover{ background:#217b39; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._fsjf{ font-family:inherit; font-size:20px; color:#34a853; font-weight:500; margin-bottom: 10px; }
.loyty_div{ border-radius:10px;  padding:0px; display: flex; align-items: center; justify-content:center; }
.lty_img{ padding:0px; margin:0px; } .lty_img img{ width:90px; }
.lty_amount{ font-family: "Phudu", serif; font-size: 36px; color: #300064; font-weight: 600; display: block; }
.lty_txt{ font-family: inherit; text-transform: uppercase; font-size: 18px; color: #000; font-weight: 600; }
.sfjksj{ padding-left:20px; }
.lty_rows{ display:flex; border-bottom:1px solid #ececec; justify-content:space-between; padding: 10px 15px 10px 15px; }
.lty_HSFGKSJ h3{ font-family:inherit; font-size:20px; color:#000; font-weight:600; margin: 0px;}
.lty_HSFGKSJ span{ display:block; font-family:inherit; font-size:15px; color:#333; font-weight:500; }
.collected{ color:#34a853; font-style:normal; font-size: 15px; font-family: inherit; font-weight: 500; padding-bottom: 5px;}
.redeemed{ color:#f0282a; font-style:normal; font-size: 15px; font-family: inherit; font-weight: 500; padding-bottom: 5px;}
.text_green{ color:#34a853 !important; } .text_red{ color:#f0282a !important; }

.cdflt{ color:#f0282a; font-size:21px !important; font-weight:600 !important; }
.lty_rows:last-child{ border-bottom:0px; }
.lty_history .text-tits{ color:#57149f; }
.d-block{ display:block; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.disabled{  background: #ededed !important; color: #333 !important; cursor: default;}
.reset_input{    position: relative;
    padding: 0 50px 0 0px;
    height: 48px;
    border: 1px solid #adadad8c;
    box-shadow: none;
    border-radius: 6px;
    line-height: 46px; }

 .reset_input span{ position: absolute; top: 0px; right: 0px; display: flex; cursor: pointer; padding: 11px;}
 .reset_input input{ border: 0px; height: auto;}   

.bg_gray{ background:#eceded; border-radius:8px;  overflow: hidden; padding:0px 10px; }
.mbtext{ color:#ee1212; font-family:inherit; font-size:16px; font-weight: 400; padding-bottom: 5px;
    display: block;}
.multi_price span{ display:inline-block; width:100%; margin-bottom:4px; font-family:inherit; font-size:15px; color:#ee1212; font-weight: 500;}
.multi_price span em{  width: 26px;
    height: 26px;
    background: #ee1212;
    border-radius: 50%;
    font-family: inherit;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    line-height: 26px;
    color: #fff;
    font-style: normal;
    font-weight: 500; margin-right:5px; }

 /* Hide the default radio button */
    .mgn input[type="radio"] {
      display: none;
    }

    /* Style the label to look like a button */
    .mgn input[type="radio"] + label {
      display: inline-block;
      padding: 10px 20px;
      background-color: transparent;
      border: 2px solid #ccc;
      border-radius: 5px;
      cursor: pointer; width: 100%;
      transition: background-color 0.3s, border-color 0.3s;
      font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    color: #838383;
    }
    .mgn input[type="radio"] + label i{ vertical-align:text-top; margin-right:10px; }

    /* Change background color when the radio button is checked */
    .mgn input[type="radio"]:checked + label {
      background-color: #007bff; /* Blue background */
      color: #fff; /* White text */
      border-color: #007bff;
    }

    /* Optional: Add hover effect */
    .mgn input[type="radio"] + label:hover {
      background-color: #e0e0e0;
    }
.sddress_box
{ 
    padding:20px;
    border: 2px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
    display: flex;
    cursor: pointer; justify-content: space-between;
}  

.sddress_box.select{ border: 2px solid #1668ff; }

.adres_colmn{ padding-right:15px; } 
.adres_colmn span{ font-family: "Phudu", serif;  font-size: 16px; text-transform: uppercase; color: #666; font-weight: 500;
    letter-spacing: 0.5px; padding-bottom: 5px;} 
.adres_colmn p{ font-family: inherit;  font-size: 17px;  color: #000; font-weight: 500; margin-bottom: 5px;}    
.sedit{  font-family: inherit; font-size: 14px; background: #2196F3; color: #fff; display: inline-block; padding: 0px 10px; 
    border-radius: 4px; height: 30px; line-height: 30px; text-transform: uppercase; font-weight: 500; width: 100px;}
.sedit i{ font-size: 18px; vertical-align: sub; margin-right: 5px; }   
.bnts{ text-align:center; height:50px; line-height:50px; border-radius:4px; font-family:inherit; font-size:17px; font-weight:500; color:#fff;
background:#34a853; width:100%; padding:0px; border:0px; cursor:pointer; margin-bottom:5px; } 
.bnts a{ color:#fff; }

/* cart */
.Product_wrapper__UKuyu {
    display: flex;
    flex-direction: column;   
    border-bottom: 1px solid #dddddd78;
    padding: 8px 10px;  
    margin-bottom: 2px;
}
button{ cursor: pointer; }
.apply-btn{ border-radius:4px; height:48px; line-height:46px; padding:0 30px; margin-left:5px; border: 0px; background: #363f47;
    color: #fff; font-weight: 500; font-family: inherit; font-size: 16px; cursor:pointer; }
.ProductTileLine_wrapper{  display:flex; align-items:center; justify-content:space-between; }
.NEWADD i{ vertical-align:text-bottom; margin-right:10px; }
.ProductTileLine_image{  height: 60px; margin-right: 0.8rem; flex-shrink: 0;}
.ProductTileLine_image img {
    object-fit: contain; width: 60px; height: 60px;
}
.ProductTileLine_basic_info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-right: .875rem;
    width: calc(100% - 0px);
}
.djghkldg b, .djghkldg strong, .djghkldg span{ display:block; padding-bottom:5px; } .djghkldg{ font-size:18px; margin-bottom:0px; }
.djghkldg b{ font-weight: 500; font-size: 21px; }
.djghkldg strong{ font-size: 25px; font-weight: 600; color: #f0282a; }
.typ_KJSF{ padding: 10px 0px !important; }

.text-left{ text-align:left !important; } .text-right{ text-align:right !important; }
.f-right{ float:right; }
.ProductTileLine_basic_info p{ font-size:17px; font-weight:500 }
.ProductTileLine_basic_info span{ color: #f0282a; font-size: 12px; font-weight: 500; }
.price_tx{ font-family:inherit; font-size:17px; color:#000; font-weight:500; }
.text-tits{ font-size: 18px; padding: 10px 0 10px; font-weight: 600; margin:0px; }
.text-tits-big{ font-size: 21px; padding: 0px; font-weight: 600; margin:0px 0 15px; font-family:"Phudu", serif; letter-spacing: .5px; color: #886eeb;}
.input-control{ border:1px solid #d7d7d7; padding:0 15px; height:48px; line-height:48px; border-radius:4px; width:100%; font-family:inherit; font-size:16px; }
.dlivry_type{ padding: 10px 15px; background: #fafbff; margin-bottom: 10px; border-radius: 6px; }
.art_row{ display:flex; justify-content:space-between; padding-bottom:15px; }
.txt_JFH{ font-family:inherit; font-size:18px; color:#000;  font-weight: 500;}
.txtt_JFH{ font-family:inherit; font-size:24px; color:#000;  font-weight: 500;}
.page_wrapped{ padding:15px 15px 15px 0; }
.tx_login{ color:#000; font-size:16px; text-decoration:underline; }
.cart_count{ padding: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 10px; }
.flex-wrap{ flex-wrap:wrap;  }    
.mgn{ margin: 0 -5px 10px -5px; }
.dl_column{ background: transparent; max-width: 50%; flex-basis: 50% ;padding:0 5px; } 
.column_35{ flex-basis: 35%;  max-width: 35%; padding: 10px;}
.column_65{ flex-basis: 65%;  max-width: 65%; padding: 10px;}
.column_30{ flex-basis: 25%;  max-width: 25%; padding: 0px;}
.column_70{ flex-basis: 75%;  max-width: 75%; padding: 0px;}
/* Container for the quantity input */
    .quantity-input {
      display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    background: #34a853;
    border-radius: 40px;
    }
    .qntities{ text-align:center; padding: 0 0 0 30px;}

    /* Style for the plus and minus buttons */
    .quantity-input button {
      width: 36px;
      height: 36px;
      background-color: #34a853;
      color: #fff;
      border: none;
      border-radius: 100%;
      cursor: pointer;
      font-size: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .quantity-input button:hover {
      background-color: #f0282a;
    }

    /* Style for the input field */
    .quantity-input input {
      width: 40px;
    height: 36px;
    text-align: center;
    border: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
    color: #fff;
    }

    /* Remove arrows from number input */
    .quantity-input input[type="number"] {
      -moz-appearance: textfield; /* Firefox */
    }

    .quantity-input input[type="number"]::-webkit-outer-spin-button,
    .quantity-input input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

/* cart close */
.pt-1{ padding-top:10px; }
/* accordion */
/* Core styles/functionality */
.tab {
  position: relative;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
  max-height: 30rem; background: #f4f4f4; border-radius: 0 0 4px 4px;
  border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede;
}

/* Visual styles */
.accordion {
 
  overflow: hidden;
}
.tab__label,
.tab__close {
  display: flex;
    color: #000;
    border: 2px solid #ddd;
    cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
  font-size: 16px;
    font-family: inherit;
    font-weight: 500;

}
.jhdgh{ font-size: 16px !important; margin: -15px 0 15px !important; }

.tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}

.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab input:checked + .tab__label {background:#f0f5ff; border:2px solid #1773b0; }
.tab__content p {
  margin: 0;
  padding: 1rem; font-size: 16px;
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.accordion--radio {
  --theme: #ff5252;
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce .5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-.25rem);
  }
}

/* end */

/* page */

 .slot_div{ display: grid; grid-template-columns: 1fr 1fr;  gap: 10px; }
 .single{ grid-template-columns: 1fr !important;  }
 .lble_bg{ background:#ee1212; position:relative; color:#fff; padding:3px 10px; text-align:left;  --f: 10px; /* control the folded part*/
  --r: 15px; /* control the ribbon shape */}
.slot_div.single .cllprice, .slot_div.single .delprice, .slot_div.single .rglr{ text-align:center; }
.mltbuy .cllprice, .mltbuy .delprice{ padding-left:0px; }
  

 /* HTML: <div class="ribbon">Your text content</div> */
/* HTML: <div class="ribbon">Your text content</div> */
/* HTML: <div class="ribbon">Your text content</div> */
/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.ribbon {
  --r: .8em;
    border-block: .3em solid #0000;
    padding-inline: .5em calc(var(--r) + .25em);
    line-height: 1.8;
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% calc(100% - .25em), calc(100% - var(--r)) 50%, 100% .25em);
    background: radial-gradient(.2em 50% at left, #000a, #0000) border-box, #ee1212 padding-box;
    width: 100%;
    text-align: left;
}

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon_offer {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.ribbon_offer {
    --r: .4em;
    --c: #ee1212;
    position: absolute;
    top: -2px;
    left: calc(-1* var(--r));
    line-height: 1.8;
    padding: 0 .7em calc(2* var(--r));
    border-radius: var(--r) 0 0 var(--r);
    background: radial-gradient(100% 50% at left, var(--c) 98%, #0000 101%) 100% 0 / .5lh calc(100% - 2* var(--r)), radial-gradient(100% 50% at right, #0005 98%, #0000 101%) 0 100% / var(--r) calc(2* var(--r)), conic-gradient(from 90deg at var(--r) calc(100% - 2* var(--r)), #0000 25%, var(--c) 0) 0 0 / calc(101% - .5lh) 100%;
    background-repeat: no-repeat;
    z-index: 10;
}
.ribbon_offer {
    font-size: 14px;
    font-weight: 500;
    color: #fff;}
/* page end */

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#FREEPRODUCTS .ebcf_close, #RedeemLOYALTY .ebcf_close, #bookingslot .ebcf_close,  #ALTERNATE .ebcf_close{ color:#fff; top: -10px;}

.tab__content .form-controls input, .tab__content .form-controls textarea, .tab__content .form-control select{ z-index: 10 !important; opacity:1 }

.search_result{ padding: 20px 0px; max-height: 3000px; 
      overflow-y: auto;
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 9px 10px rgb(0 0 0 / 6%);
    position: absolute;
    z-index: 10;
    top: 44px; width: 100%;
/*    border: 1px solid rgb(231 231 231);*/
    border-top: 0px !important;}
.search_result { padding:0px; margin:0px;  display: none; /* Hidden by default */}
.search_result  li{ padding:0px; margin:0px; }
.search_result  li a{ font-family:inherit; font-size:17px; color:#000; display:block; padding:7px 20px; }
.search_result  li a:hover{ background:#f5f5f5 }

.SFHLS{ padding: 10px 0; display: inline-block; width: 100%; }
.date-wrapper {
    position: relative;
    width: 100%;
  }
  .date-wrapper:after{ content:""; position:absolute; top:0px; background:#fff; right:0px; }
  .date-wrapper input[type="date"] {
    width: 100%;
    padding: 10px;
    padding-right: 40px;
    box-sizing: border-box;
  }

  .date-wrapper:after{ 
  content: "";
    position: absolute;
    top: 1px;
    background: #fff;
    right: 1px;
    width: 30px;
    height: 46px;
    z-index: 1;
    border-radius: 0px 4px 4px 0; }

  .calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: gray;
    z-index: 2;
  }
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
} 
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
} 

/* Hide the calendar icon (down arrow) in mobile browsers */
  input[type="date"]::-webkit-calendar-picker-indicator {
    display: none; /* Hides the down arrow in Chrome, Safari, Edge */
  }

  /* For Firefox */
  input[type="date"]::-moz-calendar-picker-indicator {
    display: none; /* Hides the icon in Firefox */
  }

  /* For Opera */
  input[type="date"]::-o-calendar-picker-indicator {
    display: none;
}

.wrap_div{ max-width:600px; width:100%; padding:40px 0; margin:0 auto; }
.SFGSKF{  
    /*border: 1px solid #d4d9df; */
    margin: 0 auto; border-radius: 8px; display: flex;  flex-wrap: wrap;}
.SFGSKF span{ padding: 0px 15px; display: block; border-bottom: 1px solid #ddd;  font-size: 17px;
    font-family: inherit; height: 52px; line-height: 52px; }
.SFGSKF span:last-child{ border-bottom:0px; }    
.note_text{ color: #fd3535; font-size: 20px; font-weight: 500; text-align: center; }  
.SFGSKF_div{   width: 100%; border: 1px solid #d4d9df; margin: 20px auto 0; border-radius: 8px;
    font-size: 18px; line-height: 52px; height: 52px; padding: 0 15px;}  
.SFGSKF_div i{ color: #3da63d; font-size: 34px; margin-right: 10px; vertical-align: middle; position: relative; top: -5px; }  
.btn_g{ background: #df8210; border: 0px; width: 100%; border-radius: 8px; height: 52px; line-height: 5px;
    font-size: 20px; color: #fff; font-weight: 500; } 
.btn_g:hover{ background:#f3931c; }     
.note_text_bck{ text-align:center; font-family:inherit; font-size:18px; padding:15px 0;margin:0px; color:#222; font-weight:500; }
.SFGSKF_row{ max-width:100%; flex-basis:100%; margin-bottom:15px; }
.card_form{ width:100%; font-family: inherit; font-size: 17px;
    color: #000;  width: 100%; padding: 0 15px; height: 50px; border: 1px solid #adadad8c; box-shadow: none; border-radius: 6px;}
.SFGSKF_success{ border:2px solid #ededed; padding:35px; border-radius:6px; text-align:center; }  
.check_tick i{ font-size:70px; color:#1fb141; }  
.check_tick{ padding-bottom:20px; display:block; }

@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 960px) {

    .fgot{ display:block !important; } .fgot em{ display:none; } 
/*    .fgot a:first-child{ display:none; }*/
    .category_comun{ flex-basis: 33.33%; max-width: 33.33%; }
    .form-control h2{ padding:20px 0 10px; }
    .filter{ display:block; } .column-wrap{  flex-basis: 25%;  max-width: 25%; }
.product-column{ flex-basis: 25%; max-width: 25%;  }
.nav-menu{ display:none; }  .menu-cta-area{ display:none; }
.mcontact-wrap .nav-menu{ display:block; }  
.gr-header-category-area{ max-width:100%; flex-basis:100%; margin-right:0px; }
.burger-menu{ display:block; }
.p-12{ padding:5px 0; } .cfs-logo{ width:165px; } header{ height:65px } 
  .btn-top.becomeuser1, .text-acc{ display:none; }  .search-div{ display:none; } .cart{ margin:10px 0 0; } .cart img{ height:26px; }
 .column-wrap, .product-column{ padding:5px; }
.sidebar{ display:none; } .main-product{ width: calc(100% - 0px); margin-left:0px; }
.cgry-column{ max-width: 33.33%; flex-basis: 33.33%; } 
.footer-column, .colum-3half{ flex-basis: 50%;  max-width: 50%; } .colum-half, .colum-3half{ padding:5px; } .main-row{ margin: -5px; }
.footer-column:first-child{ flex-basis: 100%;  max-width: 100%; } .p-40{ padding: 10px 0 } 
.colum-half{ flex-basis: 100%;  max-width: 100%; }  .about-text{ font-size:40px; width:100%; }
   iframe{ height:450px; } .footer-column{ padding:10px; } footer{ padding:20px 0 0; }
.serach-mobi{ display:inline-block; } .w-75{ width:100% } .rptd{ padding:20px 5px 10px 5px; }
.see-more{ padding:8px 20px; } .hme_lty .sec_lty{ padding: 12px; } .sddress_box, .form-controls, .profileeditbox{ padding:10px; }
.myorderpnametag{ width: -webkit-calc(100% - 210px); }

._3sgsf{ border-left:0px; padding-right:0px; } .notify{ margin: 10px 20px 0 0; } .cart span{ width:22px; height:22px; line-height: 22px; }
.modal{ padding: 30px 10px; }
.dtail{ width:100% !important } .dtail input{ width:100% !important }
.indicate { color: #ff2124 !important;}

/* serach */
.sopen .scontent{ margin: 5px 15px 0; } 
.sopen .search-inner { border: 1px solid #ddd; border-radius: 5px; padding: 0 40px 0 10px; }
.sopen .ssclose{ color:#000; }
.sopen .sicon{ right:10px; left:auto; }

.column2{ flex-basis: 100%; max-width: 100%; } .btn-top a{ font-size:18px; color:#fff; }
.btn-top i{ color:#fff; } .mbl-user button{ padding: 0; border:0px !important; background:transparent; line-height:28px; }
.mhead{ display:none; } 
.mbl-user{  border-bottom: 1px solid #ffffff4d; padding: 15px 10px;  margin: 0px;   position: fixed;
        background: #e20001;    width: 100%; }
.scontent.main-menu.catmen{ padding-top:60px; }              
.mbl-user button em{ color:#fff; padding:0 8px }
.btn-top a{ text-decoration:underline; }
.d-flex.justify-content-center.mt-4{ margin-top:20px; margin-bottom:25px; }
.app-img{ display:flex; justify-content:center; } .app-img img{ width:90%; }
.app_desc{ padding: 10px 0px 10px 0; } .q-link li a{ font-size:15px; }
.footer-column:last-child{  flex-basis: 100%;   max-width: 100%; } header .container{ max-width:100%; }  
.app_i li a img{ height:50px; } 

.usr_prl{ display:none; }
.maccount{ font-size:19px; color:#fff; font-weight:500 }
.maccount i{ font-size: 30px; vertical-align: bottom; margin-right: 5px; }
.dsff{ font-size:20px !important;  } .product-wrapped, .footer-wrap{ margin: 0 -5px; }
.column_70, ._3sgsf, ._2sgsf, .column_65, .column_35{ flex-basis: 100%; max-width:100%;} .fluid-wrap{ margin:0px ; } .page_wrapped_s { padding: 10px 0 0 0px;}
.sedit{ display:flex; align-items:center; } .f-fcolumn.f-right{ float:left !important; margin-top:10px; }
.sjls{ clear:both; margin-top:15px; } .fsjfs{ margin-right:0px; }

.AccountMenu_links__G59FF li a{ font-size: 18px !important;  margin: 0.4rem 0;} .AccountMenu_links__G59FF li{ padding: 0px; }
.lgout{ padding: 0px !important;  border-top: 0px;  } .tite{ margin: 10px 15px; font-size: 25px; }
.column_30{ display:none; } .title_page { margin:15px 0; }
.cgry-4column{ max-width: 50%; flex-basis: 50%; } .h-right{ width:auto; padding-left:0px; }
.app_desc h3{ font-size: 30px; }  
.form-control input, .form-control textarea, .form-control select{ padding: 0 15px; }
.tab-contents{ padding:0px; } .card_thumb{ width: 90px; height: 90px; } .card_info p{ font-size:16px; }
.card_info h2{ font-size:18px; } .colum-full{ padding:0px; }
.qntities{ padding: 0 0 0 10px; } .ProductTileLine_basic_info p{ font-size: 14px; margin-bottom: 10px;}
.page_wrapped{ padding: 15px 0px 15px 0; } .f-3column{ flex-basis: 100%; max-width: 100%; }
.ebcf_modal-content_box{ width:96%; } .cart-body{  padding: 15px 0px; } .adres_colmn p{ font-size:15px; }
.product-info-box{ padding:15px; } .text-tits{ padding: 10px 10px 10px; } .news a span:last-child{ display:block; }
.news p{ font-size:15px; } .main-row.p-2{ padding:5px; } .container{ padding:0 10px; } .cgry-column{ padding:5px; }

.fluid-wrap .column2{padding: 0px;} .tab__label{ padding: 0.5rem; }

}

@media only screen and (max-width: 768px) { .modal_scroll{ padding:5px; }

 .breadcrumbs ul li{ font-size:16px; } .form-control .c-panel-column{ margin-bottom:0px; }
 .product-shape-1,  .product-shape-2{ display:none; }
   .title{ font-size:22px; } .see-more{ font-size:17px; }
  .column-wrap, .product-column{ flex-basis: 50%;  max-width: 50%;}
  .b-column-wrap{ flex-basis: 33.33%;  max-width: 33.33%;  }
 
  .copyright{ flex-wrap: wrap; text-align: center; } .fmenu{ flex-basis: 100%; max-width: 100%; } .text-big{ padding-bottom:0px; }
  .form-box{ padding:0px; margin-bottom: 10px; } .colum-3half{ margin-bottom:10px; }
  .box-item{ padding: 10px; min-height:100px; } .text-big{ font-size:30px; }
  .colum-half, .product-info-wrap, .grid-item{ flex-basis: 100%;  max-width: 100%; }  .about-text{ font-size:40px; width:100%; }
  .ctc-icon{ width:40px; } .ctc-icon i{ font-size:35px; } p{ font-size:16px; }
  .product-info-wrap{ padding-left:0px; } 
  .c-panel-column2, .c-panel-column{ width:100%; margin-bottom:15px; } .form-control .f-row{ margin:0 -10px 10px; }
  
.category_slide .slick-next, .category_slide .slick-prev{ top:-25% !important;  }
 .f-fcolumn:nth-child(1), .f-fcolumn:nth-child(2), .f-fcolumn:nth-child(4), .f-fcolumn:nth-child(5){ width:50% }
 .f-fcolumn.fsjfs{ width:100%; } .tab-buttons{ width: 100%; }
 .mbtext, .multi_price span { font-size: 14px; }

}

@media only screen and (max-width: 620px) {
    .cart-container{ width:100%; }
     .category_comun{ padding: 6px; } .category_slide{ margin:0 -6px; }
    
    .cgry-column{ max-width: 50%; flex-basis: 50%; padding: 5px; }
    .colum-3half{ max-width: 100%; flex-basis: 100%; }
    .footer-shape-2, .footer-shape-1{ display:none; }
    .text-big{ margin-top:10px; } 
    .slick-next:before, .slick-prev:before{ font-size:30px !important;  }

    .f-2column{ flex-basis: 100%; max-width: 100%; margin-bottom:10px; }
    .sec_lty span{ font-size: 14px; }
    .fsjfs{ width:100%; margin:10px 20px 0px 0px } 
    .mbtext, .multi_price span { font-size: 13px; }
    .tab__label img{ width:46% }

    .jHDGHD{  flex-basis: 50%; max-width: 50%; }

}

@media only screen and (max-width: 420px) {  
 

    .gr-header-category-area{ max-width:100%; flex-basis:100%; margin-right:0px; }
  .title{ font-size:22px; } .see-more{ font-size:17px; }
  .column-wrap, .product-column{ flex-basis: 50%;  max-width: 50%;}
  .footer-column{ flex-basis: 100%;  max-width: 100%; } .main-row{ margin:0px -5px; } .text-big{ font-size:25px; }  
  .about-text{ font-size:26px; width:100%; }  iframe{ height:350px; }

  .rglr{ font-size:10px; height:24px; } .cllprice, .delprice{ padding:0px; font-size: 13px; }
  .bg_gray{ padding: 0px 5px; border-radius:4px; } .mbtext, .multi_price span{ font-size:13px; } 
  .multi_price span em{ width: 22px; height: 22px; line-height:22px; font-size: 13px; } .category-info h3{ font-size:15px; }
  .category-info{ padding:4px 0 0 }

  .myorderproductname{ font-size:15px; } .deliverdnt{ font-size:14px; } 
  .ProductTileLine_image img{ width:50px; height:50px; } .container { padding:0 10px; }
/*  .cgry-column{ max-width: 100%; flex-basis: 100%;}*/
}


.pagination {
      margin: 20px 0px;
    display: flex;
    justify-content: flex-end;
    gap: 0px;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  border-radius: 5px;
}

.pagination a.active {
  background-color: #34a853;
  color: white;
  border: 1px solid #34a853;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}

.notify_btn:hover {
    background: #ff2727 !important;
    color: #fff;

}
.notify_btn {
    border: 1px solid #ff2727;
    color: #ff2727;
}

.out_of_stock{ color:#ff7043; font-size:16px; font-weight:500; } .out_of_stock i{ vertical-align:bottom; }

#custom_calendar {
  position: absolute;
  background: white;
  border: 1px solid #ddd;
  padding: 10px;
  z-index: 100;
  left: 0 !important;
  top: 0px !important;
}

.calendar-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}

.day-header {
  text-align: center;
  font-weight: bold;
}

.calendar-day {
  padding: 5px;
  text-align: center;
  cursor: pointer;
}

.calendar-day.available {
  background: #4CAF50;
  color: white;
}

.calendar-day.unavailable {
  color: #ccc;
  cursor: not-allowed;
}
#collection_calendar {
  position: absolute;
  background: white;
  border: 1px solid #ddd;
  padding: 10px;
  z-index: 1000;
  width: 300px;
  top: 100% !important;
  left: 0 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

#collection_calendar .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

#collection_calendar .calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}

#collection_calendar .day-header {
  text-align: center;
  font-weight: bold;
  padding: 5px;
}

#collection_calendar .calendar-day {
  padding: 8px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}

#collection_calendar .calendar-day.available {
  background: #4CAF50;
  color: white;
}

#collection_calendar .calendar-day.unavailable {
  color: #ccc;
  cursor: not-allowed;
}

#collection_calendar button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.2em;
  padding: 5px 10px;
}

#collection_time_dropdown {
  position: absolute;
  background: white;
  border: 1px solid #ddd;
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
  width: 100% !important;
  top: 100% !important;
  left: 0 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

#collection_time_dropdown div {
  padding: 10px;
  cursor: pointer;
}

#collection_time_dropdown div:hover {
  background-color: #f5f5f5;
}


.remove_data{
    color: #fff;
    float: right;
    position: absolute;
    top: -10px;
    right: 15px;
    font-size: 45px !important;
}
@media only screen and (max-width: 960px) {
    .serach-mobi {
        display: inline-block;
        cursor: pointer; /* Add pointer cursor to indicate clickable */
    }
    
    .search-div {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        background: white;
        z-index: 1000;
        padding: 10px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    
    .search-div.active {
        display: block;
    }
}

.serach-mobi {
    width: 40px;
    position: relative;
    height: 40px;
    text-align: center;
    z-index: 1001; /* Make sure it's above other elements */
}

@media only screen and (max-width: 960px) {
    .sopen .ssclose {
        color: #000;
    }
}