/* font-family */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/* import files */
@import url("../css/auth.css");
@import url("../css/header_footer.css");

body{
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #424242;
  overflow-x: hidden;
  box-shadow: none;
}
body.headitemshow, body.notification-open, body.unlock-open {
  overflow: hidden;
}
a, a:hover{
  text-decoration: none;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  cursor: pointer;
}
ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
main{
  padding: 80px 0 0;
}
.headitemshow{
  position: relative;
}
.headitemshow:before {
    background: rgba(89, 76, 70, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    z-index: 9;
}
.iti--inline-dropdown .iti__dropdown-content{z-index: 9999;}
.iti--separate-dial-code .iti__selected-flag{
  background-color: transparent !important;
  padding-bottom: 8px;.profilefrm .form-group
}
.iti__flag.iti__us{
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 0;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled,.similar_blog .owl-features .owl-nav.disabled{
  display: none !important;
}
/* -----------Home [ START ] -------------------*/
.banner{
  background: url(../images/home/banner.png)no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: auto;
  padding: 233px 0 153px;
  position: relative;
  z-index: 0;
}
.banner::before{
  content: '';
  background: #000000B2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.bnr_txt{
  position: relative;
  z-index: 1;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.bnr_txt h6{
  font-weight: 700;
  font-size: 30px;
  color: #FFFFFF;
  margin-bottom: 10px;
  text-align: center;
}
.bnr_txt h3{
  font-weight: 400;
  font-size: 22px;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}
.bnr_txt h4{
  font-weight: 700;
  font-size: 26px;
  color: #1C1B19;
  margin-bottom: 30px;
}
.bnr_txt form{
  max-width: 598px;
  margin: 0 auto 30px;
  text-align: center;
}
.bnr_txt form .form-group{
  position: relative;
}
.bnr_txt form .form-control{
  background: #FFFFFF;
  border: 1px solid #DBE3EE;
  box-shadow: 0px 8px 16px 0px #050A261A;
  padding: 18px 20px;
  color: #1C1B19;
  font-weight: 400;
  font-size: 16px;
  border-radius: 18px;
}
.bnr_txt .form .form-control::placeholder{
  color: rgb(28 27 25 / 50%);
}
.srch_btn{
  background: #594C46;
  padding: 12px 35px;
  border-radius:12px;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  border: 2px solid #594C46;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px 5px 0 0;
}
.srch_btn:hover{
  background: transparent;
  color: #594C46;
}
.process_blog{
  padding: 80px 0 40px;
}
.ship_boxes{
  padding: 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  grid-gap: 19px;
}
.ship_txt h3{
  font-weight: 500;
  font-size: 18px;
  color: #1C1B19;
  margin-bottom: 4px;
}
.ship_txt p{
  color: rgb(28 27 25 / 80%);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.4px;
  margin-bottom: 0;
}
.brownish_bg{
  background: #F3E7DF;
}
.lime_bg{
  background: #F2FBCB;
}
.cream_bg{
  background: #FFE9DF;
}
.category_blog{
  padding: 40px 0;
}
.comn_title{
  margin-bottom: 30px;
}
.comn_title h3{
  color: #1C1B19;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 5px;
}
.comn_title p{
  font-weight: 300;
  font-size: 20px;
  letter-spacing: 0.2px;
  color: rgb(28 27 25 / 80%);
  margin-bottom: 0;
}
.category_bx img{
  /* height: auto; */
  object-fit: cover;
  border-radius: 12px;
 aspect-ratio: 1/1;
}
.category_bx h3{
  color: #1C1B19;
  font-weight: 400;
  font-size: 16px;

  text-align: center;
  margin: 12px 0 0;
}
.owl-category .owl-nav, .owl-features .owl-nav, .owl-marketplace .owl-nav {
  display: flex !important;
  grid-gap: 20px;
  position: absolute;
  top: 0;
  right: 0;
  margin: -5em 0 0;
}
.owl-category .owl-nav button span, .owl-features .owl-nav button span, .owl-marketplace .owl-nav button span{
  border: 1.5px solid #594C46;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features_blog{
  padding: 40px 0;
}
.features_blog .owl-features{
  margin-bottom: 40px;
}
.features_bx{
  border: 1px solid #EEEEEE;
  border-radius: 12px;
  position: relative;
  margin-bottom: 24px;
}
.features_bx img{
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  aspect-ratio: 1/1;
}
.fea_txt{
  padding: 12px 10px;
}
.fea_txt h3{
  font-weight: 600;
  font-size: 20px;
  color: #1C1B19;
  margin-bottom: 5px;
      overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.fea_txt p{
  font-weight: 400;
  font-size: 18px;
  color: rgb(28 27 25 / 80%);
  margin-bottom: 0;
}
.bookmark{
  position: absolute;
  top:0;
  right: 0;
  margin: 11px 11px 0 0;
}
.bookmark input[type="checkbox"] {
  display: none;
}
.bookmark-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #FFFFFF33;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00000033;
  cursor: pointer;
  transition: border-color 0.3s ease;
  backdrop-filter: blur(4px);
}
.bookmark-icon svg {
  transition: all 0.3s ease;
  margin: -5px 0 0;
}
.bookmark-icon path {
  stroke: #fff;
  stroke-width: 1.5;
  transition: all 0.3s ease;
  fill: transparent;
}
.bookmark input[type="checkbox"]:checked + label .bookmark-icon path {
  fill: #fff;
  stroke: #fff;
}
.see_btn{
  background: #594C46;
  padding: 10px 56px;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border: 2px solid #594C46;
  border-radius: 6px;
}
.see_btn:hover{
  background: transparent;
  color: #594C46;
}
.detail_blog{
  padding: 40px 0;
}
.detail_bx{
  border-radius: 10px;
  width: 100%;
  height: auto;
  padding: 50px 30px;
  position: relative;
}
.detail_bx img{
  object-fit: cover;
  width: 100%;
  height: 210px;
}
.dl_bg{
  background: url(../images/home/detail1.png)no-repeat;
  background-position: top center;
  background-size: cover;
}
.dl_bg1{
  background: url(../images/home/detail2.png)no-repeat;
  background-position: top center;
  background-size: cover;
}
.detail_txt{
     max-width: 223px;
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    left: 60px;
  
}
.detail_txt h3{
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 0.6px;
  color: #1C1B19;
  margin-bottom: 6px;
}
.detail_txt p{
  color: rgb(28 27 25 / 78%);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.2px;
  margin-bottom: 16px;
}
.detail_btn{
  padding: 12px 17px;
  display: inline-block;
  background: #594C46;
  border: 2px solid #1C1B191A;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
  border-radius: 6px;
}
.detail_btn:hover{
  background: transparent;
  color:#594C46 ;
}
.pick_blog{
  padding: 40px 0;
}
.pick_blog .features_bx{
  margin-bottom: 24px;
}
.pick_blog .see_btn{
  margin: 10px 0 0;
}
.download_blog{
  padding: 40px 0;
}
.download_bx{
  background: url(../images/home/download_bg.png)no-repeat;
  background-position: top center;
  background-size: cover;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 60px;
  border-radius: 48px;
  padding: 100px 100px 0;
}
.download_txt{
  padding: 0 0 100px;
}
.download_txt h3{
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 0.5px;
  color: #1C1B19;
  margin-bottom: 20px;
}
.download_txt p{
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.4px;
  color: #1C1B19;
  margin-bottom: 20px;
}
.btn_grp{
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
/* -----------Home [ END ] -------------------*/

/* -----------About-------------------*/

.abt_blog{
  padding: 40px 0;
}
.abt_blog h1{
font-weight: 700;
font-size: 26px;
color: #1C1B19;
padding-bottom: 44px;
color: #1C1B19;
margin-bottom: 0;
}
.abt_txt{
  width: 95%;
  margin: 0 auto;
}
.abt_txt .main_title{
  color: #1C1B19;
  font-size: 38px;
  font-weight: 600;
  line-height: 51.83px;
  text-align: left;
  margin-bottom: 10px;
}
.abt_txt p{
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
  text-align: left;
  color: rgba(9, 10, 45, 0.7);
  margin-bottom: 18px;
}
.cnt_btn{

  background: #594C46;
  border: 2px solid #594C46;
  padding: 14px 40px;
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  display: inline-block;
}
.cnt_btn:hover{
  color: #594C46;
  background: transparent;
}
.testi_blog{
  padding: 42px 0 80px;
}
.testi_bx{
  background: #1C1B19;
box-shadow: 0px 0px 34px 0px #594C4640;
  padding: 30px 20px;
  border-radius: 12px;
  margin: 0 auto;
  text-align: center;
  display: block;
  position: relative;
}
.testi_bx::before{
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 background: url(../images/testimonial/quote.png)no-repeat;
 background-size: cover;
 background-position: top center;
 width: 41px;
 height: 27px;
 margin: 14px 0 0 7px;
}
.testi_bx::after{
 content: '';
 position: absolute;
 bottom: 0;
 right: 0;
 background: url(../images/testimonial/quote2.png)no-repeat;
 background-size: cover;
 background-position: top center;
 width: 41px;
 height: 27px;
 margin: 0 7px 14px 0;
}
.testi_img img{
  width: fit-content !important;
  height: auto;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0px 9.9px 16.98px 0px #00000026;
  border: 2.83px solid #FFFFFF33;
}
.testi_bx h3{
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 10px auto 6px;
}
.testi_bx p{
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  color: #fff;
  margin-bottom: 0;
  letter-spacing: 0.5px;
}
.abt_img{
  width: 100%;
  text-align: center;
}
.abt_img img{
  object-fit: cover;
}
#owltestimonial .owl-stage-outer{
  padding: 80px 0 60px 0 ;
}
#owltestimonial .owl-item.active.center{
  transform: scale(1.3);
  z-index: 1;
}
#owltestimonial .owl-item.active.center .testi_bx{
  background: #594C46;
}
#owltestimonial .owl-item.cloned.active, .owl-item.cloned{
  transform: scale(0);
}
#owltestimonial .owl-item {
  height: auto !important;
}
#owltestimonial {
  height: auto !important;
}
.testi_blog h2{
  font-size: 38px;
  font-weight:600;
  line-height: 51.83px;
  text-align: center;
  color: #1C1B19;
  margin-bottom: unset;
}
#owltestimonial .owl-dots{
  display: flex !important;
  align-items: center;
  justify-content: center;
  grid-gap: 7.5px;
}
#owltestimonial .owl-dot.active{
  background: #3C2D45 !important;
}
#owltestimonial button.owl-dot{
  background: #DADADA;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

/* -----------About [ END ] -------------------*/

/* -----------contact-------------------*/
.contact_blog{
  padding: 40px 0 80px;
}
.contact_bx{
 border: 1px solid #1C1B191A;
 border-radius: 14px;
  background: #FFFFFF;
}
.contact_lft{
 position: relative;
 width: 100%;
}
.contact_lft > img{
  width: 100%;
  object-fit: cover;
  border-radius: 15px 0 0 15px;

}
.contact_txt{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15px;
}
.contact_logo{
  margin-bottom: 14px;
}
.contact_logo img{
  filter: brightness(0) invert(1);
}
.contact_blog h1{
font-weight: 700;
font-size: 26px;
color: #1C1B19;
padding-bottom: 30px;
margin-bottom: 0;
}
.contact_txt h4{
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  margin-bottom: 0;
}
.contact_lft::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/contact/overlay.png)no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  opacity: 0.94;
  border-radius: 15px 0 0 15px;
}
.contact_form{
  padding: 30px;
}
.contact_form h3{
  color: #1C1B19;
  font-size: 26px;
  font-weight: 600;
  line-height: 35.46px;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 6px;
}
.contact_form p{
  color: rgb(28 27 25 / 60%);
  font-size: 18px;
  font-weight: 400;
  line-height: 24.55px;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 20px;
}
.contact_form .form-group{
  margin-bottom: 16px;
}
.contact_form .form-control{
  padding: 15px 18px;
  height: auto;
  color: rgb(9 10 45 / 50%);
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  border-radius: unset;
  border: none;
border-bottom: 1px solid #1C1B191A;
}

.contact_form .form-text{
  color: red;
  display: none;
}
.form-control:focus{
  box-shadow: 0 0 0 .25rem rgb(0 163 173 / 30%);
}
.submit_btn{

  background: #594C46;
  border: 2px solid #594C46;
  padding: 12px 28px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  display: block;
  width: 100%;
  margin: 27px auto 0;
}
.submit_btn:hover{
  background: transparent;
  color: #594C46;
}
/* -----------contact [ END ] -------------------*/
/* -----------FAQS-------------------*/
.wd-faq-area{
  padding: 40px 0 80px;
  position: relative;
}
.wd-faq-area .accordion-item{
  background: #FFFFFF;
  border: 1px solid #19204C1A;
  padding: 20px;
  margin-bottom: 18px;
  border-radius: 14px;
}
.wd-faq-area .accordion-flush .accordion-item:first-child{
  border-top: 1px solid #19204C1A;
}
.wd-faq-area .accordion-flush .accordion-item:last-child{
  border-bottom: 1px solid #19204C1A;
}
.wd-faq-area .accordion-button{
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  color: #090A2D;
  margin-bottom: 0;
}
.accordion-button:focus{
  box-shadow: none;
  background: transparent;
}
.wd-faq-area .accordion-body{
  padding: 0;
}
.wd-faq-area .accordion-body p{
  font-size: 16px;
  font-weight: 400;
  color: rgba(9, 10, 45, 0.6);
  margin: 6px 0 0;
}
.wd-faq-area h1{
font-weight: 700;
font-style: Bold;
font-size: 26px;
color: #1C1B19;
margin-bottom: 0;
padding-bottom: 30px;
}
/* -----------FAQS END-------------------*/


/* -------------No Favorites [ START ]-------------- */
.fav_blog{
  padding: 150px 0;
}
.nofav_bx{
  margin: 0 auto;
  text-align: center;
}
.fav_img{
  margin: 0 auto 20px;
  text-align: center;
  background: linear-gradient(180deg, #EEF1F6 0%, #FFFFFF 100%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fav_img img{
  object-fit: cover;
}
.nofav_bx h3{
  color: #1C1B19;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
}
.nofav_bx p{
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: rgb(28 27 25 / 60%);
  margin-bottom: 30px;
}
.explore_btn{
  padding: 11px 50px;
  display: inline-block;
  background: #594C46;
  border: 2px solid #594C46;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.explore_btn:hover{
  background: transparent;
  color: #594C46;
}
/* -------------No Favorites [ END ]-------------- */
/* ---------------Notification [ START ]------------- */
 /* Overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 999;
}
.overlay.active {
  opacity: 1;
  visibility: visible;
}
/* Sidebar container */
.sidebar {
  position: fixed;
  background: #FFFFFF;
  width: 395px;
  height: 100%;
  top: 0;
  right: -400px;
  transition: right 0.3s ease;
  z-index: 1000;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
  overflow-y: auto;

}
.sidebar.active {
  right: 0;
}

.kkunlockpre-frm{
  padding: 20px 20px;
  background-color: #ffffff;
  height: 100%;
}
.kkunlockpre-frm .comn-btn{
  width: 100%;
}
#changeEmailForm .comn-btn{
  width: 100%;
}
.kkunlockpre-frm p{
  color: #1C1B1980;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 20px;
}
.kkunlockpre-frm p a{
  color: #594C46;
    font-weight: 500;
}
/* Header */
.sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 10px;
  background: #fff;
}
.sidebar-header h2 {
  margin: 0;
  color: #1C1B19;
  font-weight: 500;
  font-size: 24px;
}
#closeBtn {
  cursor: pointer;
  font-size: 22px;
}
/* Notification List */
.notification-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.notification-list li {
  padding: 15px 20px;
  background: #fff;
border-bottom: 10px solid #EEF1F6;
}
.notification-list li:last-child{
  border-bottom: unset;
}
.notification-list li a{
  display: flex;
  align-items: center;
  grid-gap: 12px;
}
.noti_icon{
  background: rgb(89 76 70 / 10%);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.noti_txt{
  width: 80%;
}
.noti_txt h4{
  color: #1C1B19;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
}
.notification-list li p {
  margin: 0 0 5px;
  font-size: 14px;
  color: rgb(28 27 25 / 50%);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin-bottom: 0;
}
.noti_flx{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3px;
}
.notification-list .time {
  color: rgb(9 10 45 / 70%);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.1px;
}
.no_notification{
  height: 100%;
  display: flex;
  align-items: center;
  background: #fff;
}
/* ---------------Notification [ END ]--------------- */




/* ---------------Search [ START ] ------------------*/
.srch_blog{
  padding: 40px 0;
}
.srch_blog .bnr_txt, .srch_blog form{
  width: 100%;
  max-width: 100%;
}
.filter_bx{
  border: 1px solid #EEEEEE;
  background: #fff;
  border-radius: 12px;
  padding: 14px;
}
.filter_bx h3{
  color: #1C1B19;
  font-weight: 500;
  font-size: 18px;
  border-bottom: 1px solid #F0F3F9;
  margin-bottom: 14px;
  padding-bottom: 14px;
}
.cstom-checkbox{
  width: 100%;
}
.cstom-checkbox li {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cstom-checkbox li:last-child{
  margin-bottom: 0;
}
.cstom-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  width: 320px;
}
.cstom-checkbox label{
  position: relative;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  color: #212121;
}
.cstom-checkbox label:before {
  content: '';
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #1C1B191A;
  border-radius: 4px;
  padding: 0;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.cstom-checkbox input:checked + label:before{
  border: 1px solid transparent;
  background: #594C46;
}
.cstom-checkbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.cstom-checkbox li p{
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  color: rgb(28 27 25 / 70%);
}
.srch_blog .accordion-button:not(.collapsed){
  background-color: transparent;
  color: #594C46;
}
.srch_blog .accordion-button{
  font-weight: 600;
  font-size: 16px;
  color: #594C46;
  box-shadow: none;
  padding: 1rem;
  background-color: transparent;
}
.srch_blog .accordion-item{
  border-radius: 12px !important;
  border: 1px solid #EEEEEE;
  background: #fff;
  margin-bottom: 14px;
}
.srch_blog .accordion-body{
  padding: 0 1rem 1rem;
}
.srch_blog .accordion-button::after {
  --bs-accordion-btn-icon: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.5%22%20d%3D%22M11%206L6%201L1%206%22%20stroke%3D%22%231C1B19%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
  --bs-accordion-btn-icon-width: 15px;
  --bs-accordion-btn-icon-height: auto;
  transform: rotate(180deg);
}
.srch_blog .accordion-button:not(.collapsed)::after{
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
  --bs-accordion-btn-focus-border-color: #594C46;
  --bs-accordion-active-color: #594C46;
  --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.5%22%20d%3D%22M1%200.999512L6%205.99951L11%200.999512%22%20stroke%3D%22%231C1B19%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E); 
}
.fil_btns{
  display: flex;
  align-items: center;
  grid-gap:10px;
  justify-content: center;
}
.clear_btn{
  border: 1px solid #1C1B191A;
  border-radius: 6px;
  padding: 12px 13px;
  display: inline-block;
  color: rgb(28 27 25 / 50%);
  font-weight: 500;
  font-size: 16px;
  text-align: center
}
.apply_btn{
  background: #594C46;
  border: 1px solid #594C46;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  padding: 11px 15px;
}
.apply_btn:hover{
  background: transparent;
  color: #594C46;
}
/* ---------------Search [ END ] ---------------------*/


/* ---------------Show Case [ START ] ----------------*/
 .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
 .swiper {
  width: 100%;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
}
.mySwiper2 {
  height: 100%;
  width: 100%;
}
.mySwiper2 .swiper-slide img{
  width: 100%;
  /* object-fit: cover; */
  border-radius: 20px;
  height: 500px;
  aspect-ratio: 1.24/1;
}
.mySwiper {
  /* height: 100%; */
  overflow-y: scroll;
  box-sizing: border-box;
 
}
.mySwiper .swiper-slide {
  width: 95px !important;
  height: 95px !important;
  margin: 0 0 13px 0;
  border: 2px solid #00000033;
  border-radius: 10px;
  cursor: pointer;
}
.mySwiper .swiper-wrapper{
 flex-direction: column;
}
.mySwiper .swiper-slide-thumb-active {
  border: 2px solid #594C46;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  /* aspect-ratio: 1 / 1; */
  object-fit: contain;
}
/*scrollbar style 4*/
#style-4::-webkit-scrollbar-track
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: transparent;
}

#style-4::-webkit-scrollbar
{
  width: 12px;
  background-color: transparent;
}

#style-4::-webkit-scrollbar-thumb
{
  background-color: transparent;
  border: 12px solid transparent;
}


#custscroll-pro::-webkit-scrollbar-track
{
 /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  background-color: #594C46;
}

#custscroll-pro::-webkit-scrollbar
{
  width: 0px;
  background-color: transparent;
}

#custscroll-pro::-webkit-scrollbar-thumb
{
  background-color: transparent;
  border: 0px solid #e5e5e5;
}

.showcase_blog{
  padding: 40px 0;
}
.swiper-slide .bookmark{
  margin: 15px 15px 0 0;
}

.rating_flx{
  display: flex;
  align-items: center;
  grid-gap: 12px;
  margin-bottom: 20px;
}
.rating_flx h6{
  margin-bottom: 0;
  color: #1C1B19;
  display: flex;
}
.product_txt h3{
  color: #1C1B19;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
  padding-right: 50px;
}
.product_txt p{
  font-weight: 400;
  font-size: 20px;
  color: rgb(28 27 25 / 80%);
  margin-bottom: 10px;
  display: block;
}
.rating_flx h6{
  font-weight: 600;
  font-size: 16px;
  color: #23262F;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  grid-gap: 12px;
}
.rating_flx h6 span{
  display: block;
  margin-bottom: 0;
  color: #777E90;
  font-weight: 400;
}
.rating{
  display: flex;
  align-items: center;
  grid-gap: 6px;
}
.rating span{
  margin-bottom: 0;
  display: block;
}
.product_txt h5{
  font-weight: 500;
  font-size: 18px;
  color: #23262F;
  margin-bottom: 14px;
}
.custome-radiobtn [type="radio"]:checked,
.custome-radiobtn [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custome-radiobtn label{
  width: 100%;
  border-radius: 8px;
  padding: 8px 20px;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  position: relative;
  display: block;
  margin-bottom: 0;
  color: rgb(28 27 25 / 70%);
  cursor: pointer;
}
.custome-radiobtn [type="radio"]:not(:checked) + label {
  content: '';
  background: #FFFFFF;
  border: 1px solid #EAEDF4;
}
.custome-radiobtn [type="radio"]:checked + label{
  content: '';
  color: #FFFFFF;
  border: 1px solid #BAA799;
  background: #594C46;
  display: flex;
}
.wd-sl-checout_other [type="radio"]:checked + label svg g path{
  fill: #fff;
}
.wd-sl-checout_other [type="radio"]:checked + label svg g{
  opacity: 1;
}
.custome-radiobtn {
  display: flex;
  align-items: center;
  grid-gap: 12px;
  margin-bottom: 20px;
}
.custome-radiobtn p{
  margin-bottom: 0;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  justify-content: space-between;
  margin-bottom: 30px;
}
.pro_info h4{
  font-weight: 500;
  font-size: 18px;
  color: #23262F;
  margin-bottom: 6px;
}
.pro_info span{
  font-weight: 400;
  font-size: 16px;
  color: #777E90;
}
.product_txt h6{
  font-weight: 600;
  font-size: 16px;
  color: #1C1B19;
  display: flex;
  align-items: center;
  grid-gap: 16px;
  margin-bottom: 0;
  line-height: 0;
}
.product_txt h6 a{
  display: block;
}
.btn_grps{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap:12px;
  margin-top: 55px;
}
.checkout_btn{
  padding: 13px 100px;
  background: #594C46;
  border: 2px solid #594C46;
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
}
.checkout_btn:hover{
  background: transparent;
  color: #594C46;
}
.share_btn{
  background: #1C1B19;
  border: 2px solid #1C1B19;
  border-radius: 6px;
  padding: 13px 30px;
  display: flex;
  align-items: center;
  grid-gap: 14px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
}
.share_btn:hover{
  background: transparent;
  color: #1C1B19;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition:all 0.5s ease;
}
.share_btn:hover svg path{
  stroke: #1C1B19;
    transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition:all 0.5s ease;
}
.descrip_txt{
  margin-top: 30px;
}
.descrip_txt h3{
  color: #23262F;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 7px;
}
.descrip_txt p{
  color: #777E90;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}
.similar_blog{
  padding: 40px 0;
}
.similar_blog .owl-features .owl-nav {
  display: flex !important;
  grid-gap: 25px;
  position: absolute;
  top: 0;
  right: 0;
  margin: -3.5em 0 0;
}

/*--product detail page--*/
.rntelfees .modal-content{
  width: 533px;
}
.rntelfees .modal-body{
  padding: 30px 30px;
}
.rntelfees .modal-body p{
  margin-bottom: unset;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 2%;
  text-align: center;
  color: #1C1B19;
}
#custscroll-pro {
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE & Edge (old) */
}
.kkreviewbox-wrap {
  height: 100%;
}
.kkreviewbox-wrap ul li{
  background-color: #fff;
  padding: 14px 20px;
border-bottom: 10px solid #EEF1F6;
}
.kkreviewbox-wrap ul li:last-child{
  border-bottom: unset;
}
.kkreviewbox-wrap ul li p{
  margin-bottom: 0;
 
font-weight: 400;
font-size: 16px;
color: rgba(28, 27, 25, 0.6);

}
.rviwdinfo-wrap{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.rviwddtail-img {
    width: 48px;
    height: 48px;
    min-width: 48px;
}
.rviwddtail-img img{
  object-fit: cover;
  border-radius: 50%;
}
.rviwddtail-bx{
  display: flex;
  gap: 12px;
}
.usersrevw-bx h4{
font-weight: 500;
font-size: 16px;
color: #1C1B19;
margin-bottom: 6px;
}
.rviwdinfo-wrap span{
font-weight: 400;
font-size: 14px;
text-align: right;
color: rgba(28, 27, 25, 0.5);
}

.chkoutpadding{
    padding: 16px 20px;
    border-top: 10px solid #EEF1F6;
}
.chkoutpadding:first-of-type{
  border-top: unset;
}
.chkoutpadding h4{
font-weight: 500;
font-size: 16px;
color: #1C1B19;
margin-bottom: 12px;
}

.ckoutinfo-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
}
.ckoutproct-lft{
    width: 80px;
    height: 80px;
    max-height: 80px;
    max-width: 80px;
}
.ckoutproct-lft img{
  border-radius: 8px;
  object-fit: cover;
}
.ckoutproct-rigt h3{

font-weight: 500;
font-size: 18px;
color: #1C1B19;
margin-bottom: 6px;
}
.ckoutproct-rigt p{
  margin-bottom: 0; 
  font-weight: 400;
  font-size: 16px;
  color: #1C1B19;
}
.ckoutproct-detail p{
  color: rgba(28, 27, 25, 0.6);
  font-size: 16px;
  font-weight: 400;
}
.ckoutproct-detail p > span{
  font-weight: 500;
  color: rgba(28, 27, 25, 0.6);
  font-size: 16px;
}
.ckoutproct-detail {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}
.chkshort-des{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.chkshort-des span{
font-size: 16px;
color: rgba(28, 27, 25, 0.6);
font-weight: 400;
}

.chkshort-des span:last-of-type{font-weight: 500;}
.choutdamage-item {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 14px;
}
.choutdamage-main{
  padding: 12px 12px;
border: 1px solid #1C1B191A;
border-radius: 6px;
}
.subssec{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.subssec p{
font-weight: 300;
font-size: 14px;
color: #1C1B19;
margin-bottom: unset;
}
.choutdamage-item span{
  font-size: 14px;
  font-weight: 500;
  color: rgba(89, 76, 70, 1);
}
.choutdamageiner {
    display: flex;
    align-items: center;
    gap: 12px;
}
.choutdamage-rgt h3{
  font-weight: 400;
  font-size: 16px;
  color: #1C1B19;
  margin-bottom: 4px;
}
.choutdamage-rgt p{
font-weight: 300;
font-size: 14px;
color: rgba(28, 27, 25, 0.6);
margin-bottom: 0;
white-space: nowrap;
}

.dilvaddres-wrap{
  padding: 17px 60px;
    background-color: rgba(89, 76, 70, 0.04);
    border-radius: 8px;
    border: 1px dashed rgba(89, 76, 70, 1);
    text-align: center;
}
.dilvaddres-wrap a{
  color: rgba(28, 27, 25, 0.6);
}
.dilvaddres-wrap a svg{
  margin-right: 8px;
  opacity: 0.6;
}

.useraddsec-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.useraddsec-inner span{
  font-weight: 500;
  font-size: 16px;
  color: #1C1B19;
}
.useraddsec{
      border: 1px solid #1C1B191A;
    padding: 12px 12px;
    border-radius: 8px;
}
.useraddsec p{
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  color: #777E90;
}
.chkoutcot-main li h4{
font-weight: 500;
font-size: 16px;
color: #1C1B19;
}
.paymentmeth-info {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}
.prdeditbtn{
  margin-left: auto;
}
.paymentmeth-info input {
            flex: 1;
            padding: 12px 15px;
            border: 1px solid transparent;
            font-size: 16px;
            transition: border-color 0.3s;
            border-top: 0;
            border-left: 0;
            border-right: 0;
            width: 220px;
}
.paymentmeth-info input:focus {
            outline: none;
        } 

  .paymentmeth-info input {
    -moz-appearance: textfield;
    appearance: textfield;
}

.paymentmeth-info input::-webkit-outer-spin-button,
.paymentmeth-info input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.paymentmeth-info input::-ms-clear,
.paymentmeth-info input::-ms-reveal {
    display: none;
}
.paymentmeth-info button{
  background-color: transparent;
  border: none;
  outline: none;
}   
.toggle-btn{
  border: 0;
  background: transparent;
  padding: 0 0;
}
 .custom-switch {
  position: relative;
  display: block;
  width: 34px;
  height: 20px;
  margin: 0;
}
.custom-switch input {
  display: none;
}
.custom-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 30px;
  transition: 0.4s;
}
.custom-switch .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  border-radius: 50%;
  transition: 0.4s;
}
.custom-switch input:checked + .slider {
  background: #BAA799;
}
.custom-switch input:checked + .slider:before {
  transform: translateX(14px);
}
.kkorder-btn{
  background: #594C46;
    padding: 14px 60px;
    border: 2px solid #594C46;
    width: calc(100% - 40px);
    margin: 0 auto;
    text-align: center;
    display:block;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
}
.kkorder-btn:hover {
    background: transparent;
    color: #594C46;
}
.ordrsumminner{
  padding: 12px 12px;
    border: 1px solid #1C1B191A;
    border-radius: 8px;
    margin-bottom: 16px;
}
.ordrsumminner h5{

font-weight: 500;
font-size: 16px;
color: #1C1B19;
margin-bottom: 16px;
}
.dmgcontnt{display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.dmgcontnt span{
  font-size: 14px;
}
.dmgcontnt span:first-of-type{
  /* color: #777E90; */
  font-weight: 400;
}
.atremovebtn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    margin: 12px 0;
}
.dmgcontnt span:last-of-type{
  font-weight: 500;
  color: #594C46;
}

.feeswrap .dmgcontnt span.dmg-badge{
  font-size: 14px;
  font-weight: 400;
  color: #1C1B19;
}
.feeswrap .dmgcontnt > span:last-of-type{
color: #C70001;
font-size: 14px;
font-weight: 300;
}
.odrtotalsec{
  padding: 12px 12px;
  border: 1px solid #1C1B191A;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.odrtotalsec span:first-of-type{
font-weight: 500;
font-size: 16px;
color: #1C1B19;
}
.odrtotalsec span:last-of-type{
  font-size: 16px;
  font-weight: 600;
  color: #594C46;
}


.kkaddresswrap .modal-content{
  width: 450px;
  border-radius: 21px;
  box-shadow: 0px 14px 11px 0px #00000021;
}
.kkaddresswrap .modal-header h1{
  text-align: center;
  width: 100%;
  font-weight: 500;
  font-size: 24px;
  color: #1C1B19;
}
.kkaddresswrap .modal-header{
border-bottom: unset;
}

.kkaddress-form .form-group{
  margin-bottom: 40px;
  position: relative;
}
.kkaddresswrap  .modal-body{
  padding: 30px 30px;
}
.kkaddress-form .form-control{
    color: #1C1B19;
    font-weight: 400;
    font-size: 16px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #1C1B191A;
    padding: 0 0 3px;
    border-radius: 0;
}
.kkaddress-form input::-webkit-input-placeholder{
  color: rgba(28, 27, 25, 0.50);
}
.kkaddress-form .error {
    font-size: 12px;
    color: red;
    display: none;
    text-align: left;
}

.form-control:focus{
  box-shadow: unset;
}
.adrsslide{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.adrsslide span{
  color: #1C1B19;
  font-size: 16px;
  font-weight: 400;
}
.kkaddress-form  input.iti__tel-input{
  padding-left:85px !important;

}
.kkaddress-form .iti__selected-country:before{
  content: "";
  position: absolute;
  width: 1px;
  height: 28px;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(218, 218, 218, 1);
}
.addtoggle-btn {
    border: 0;
    background: transparent;
    padding: 0 0;
}
.addcustom-switch {
    position: relative;
    display: block;
    width: 38px;
    height: 22px;
    margin: 0;
}
.addcustom-switch input {
    display: none;
}
.addcustom-switch .addfrmslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(28, 27, 25, 0.1);
    border-radius: 30px;
    transition: 0.4s;
}
.addcustom-switch .addfrmslider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    transition: 0.4s;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
}

.addcustom-switch input:checked + .addfrmslider:before{
  transform: translateX(16px);
}
.addcustom-switch input:checked + .addfrmslider{
      background: #594C46;
}

.paymenttype-wrap{
  padding: 20px 20px;
}
.paymenttype-wrap ul li{
  margin-bottom: 14px;
}
.paymenttype-wrap ul li input{
display: none;
}
.paymenttype-wrap ul li label{
  padding: 12px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #1C1B191A;
  border-radius: 8px;
  cursor: pointer;
}
.paymenttype-wrap ul li input:checked + label{
  border: 1px solid #594C46;
}
.paymenttype-wrap a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #1C1B19;
}
/*--product detail page End--*/

/*----success page--*/
.kkconfrmwrap{
  margin: 0 auto;
  text-align: center;
  padding: 150px 0;
}
.kkconfrmwrap a{
 margin: 0 auto;
}
.kkconfrmwrap h3{
  color: #1C1B19;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
}
.kkconfrmwrap p{
font-weight: 400;
font-size: 18px;
text-align: center;
color: rgba(28, 27, 25, 0.6);
padding: 0 50px;
margin-bottom: 30px;
}
.kkconfrmwrap .gohome-btn{
margin: 0 auto;
}
.gohome-btn{
  background: #594C46;
    padding: 13px 33px;
    border: 2px solid #594C46;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    display: block;
    border-radius: 6px;
    width: fit-content;
    color: #fff;
}
.gohome-btn:hover {
    background: transparent;
    color: #594C46;
}
.canordrbtn{
  padding: 14px 14px;
  background-color: #EC3637;
  border: 2px solid #EC3637;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  width: calc(100% - 40px);
  margin: 0 auto;
display: block;
border-radius: 6px;
}
.canordrbtn:hover{
  background-color: transparent;
  color: #EC3637;
}

.canodrpopup .modal-content{
  width: 450px;
  border-radius: 21px;
  box-shadow: 0px 14px 11px 0px #00000021;

}
.canodrpopup .modal-header{
  border-bottom: unset;
  padding: 30px 30px 10px 30px;
}
.canodrpopup .modal-body{
   padding: 10px 30px 30px 30px;
}
.canodrpopup .modal-header h1{
  font-weight: 500;
  font-size: 24px;
  color: #1C1B19;
  text-align: center;
  width: 100%;
}
.modal-body p{
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: rgba(28, 27, 25, 0.5);
}
/*--success page end----*/


/*---My Profile page--*/

.wd-profile-blog{
  padding: 40px 0 80px 0;
  background-color: #ffffff;
}
.wd-profile-blog h1{

font-weight: 700;
font-size: 26px;
color: #1C1B19;
margin-bottom: 30px;
}
.wd-profl-stepaway{
  padding: 10px 10px;
    border: 1px dashed #594C46;
    border-radius: 8px;
    background-color: rgba(240, 231, 214, 0.17);
    margin-bottom: 18px;
}
.wd-profl-stepaway p{

font-weight: 400;
font-size: 11px;
letter-spacing: 2%;
color: rgba(28, 27, 25, 0.6);
margin-bottom: 0;

}
.profl-menu-nm{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    font-size: 14px;
    font-weight: 500;
}
.kksubscribe-btn{
  padding: 8px 50px;
  border: 1px solid rgba(89, 76, 70, 1);
  width: 100%;
  border-radius: 8px;
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: rgba(28, 27, 25, 1);
  margin-top: 8px;
}
.kksubscribe-btn:hover{
  color: #fff;
  background-color: #594C46;
}
.wd-profl-stepaway h4{

font-weight: 500;
font-size: 13px;
color: #1C1B19;
margin-bottom: 0;
padding-bottom: 4px;
}
.wd-profl-lft{
border: 1px solid #1C1B191A;
padding: 16px 16px;
border-radius: 14px;
}
.wd-profl-lft ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #F0F3F9;
    color: #1C1B19;
    padding: 14px 6px;
}
.wd-profl-lft ul li a:hover .profl-menu-nm{
  color: #594C46;
}
.wd-profl-lft ul li a:hover .profl-menu-nm > span svg path{
  stroke: #594C46;
}
.wd-profl-lft ul li:last-child a{
  border-bottom: unset;
}
.wd-profl-top {
    position: relative;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.wd-profl-top h2 {
    font-size: 20px;
    font-weight: 500;
    color: #1C1B19;
    margin-bottom: 0;
    white-space: nowrap;
}
.wd-profl-top svg {
    width: 100%;
}
.wd-profl-bg {
    background: rgba(89, 76, 70, 0.10);
    height: 140px;
    display: block;
}
.wd-profile-img {
    display: block;
    margin: 0 auto 12px;
    width: fit-content;
}
.wd-profile-img img {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    border: 5px solid #594C46;
}
.wd-profl-name {
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
}
.wd-profl-name h3 {
    font-size: 25px;
    font-weight: 500;
    color: #1C1B19;
    margin-bottom: 4px;
}
.wd-profl-name p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    color: rgba(28, 27, 25, 0.70);
}
.edit-profl-btn {
 background: #594C46;
    padding: 14px 20px;
    border: 2px solid #594C46;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    display: block;
    width: fit-content;
    color: #fff;
    border-radius: 6px;
    margin: 0 auto;
    transition: all 0.3s ease;
}
.edit-profl-btn:hover {
background-color: transparent;
color: #594C46;
}
.edit-profl-btn:hover svg path{
  stroke: #594C46;
}
.edit-profl-btn svg{
  margin-right: 12px;
}
.wd-profile-body{
    border: 1px solid #1C1B191A;
    border-radius: 14px;
    padding: 20px 20px;
}
.editpro-sec{
  margin-top: -60px;
}


.profile-modal .modal-content {
    background: #FFFFFF;
    box-shadow: 0px 14px 11px 0px #00000021;
    border-radius: 21px;
    width: 450px;
}
.avatar-edit {
    position: absolute;
    z-index: 99999999;
    bottom: -25px;
    background: #594C46;
    right: 30%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: grid;
    place-content: center;
    border: 2px solid #FFFBF1;
}
.avatar-edit input+label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #00A3AD;
    border: 3px solid #FFFFFF;
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.profilefrm input::-webkit-input-placeholder, .kkaddress-form input::-webkit-input-placeholder{
   color: rgba(28, 27, 25, 0.5);
}

.profilefrm input::-moz-placeholder, .kkaddress-form input::-moz-placeholder {
    color: rgba(28, 27, 25, 0.5);
}

.profilefrm input::-ms-placeholder, .kkaddress-form input::-moz-placeholder {
    color: rgba(28, 27, 25, 0.5);
}

.profilefrm input::placeholder, .kkaddress-form input::-moz-placeholder {
    color: rgba(28, 27, 25, 0.5);
}

.profilefrm .form-group{
  margin-bottom:23px;
  position: relative;
}

 .profilefrm .form-group label, .kkaddress-form .input_group_include label {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 1px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    margin-bottom: 0;
  }

  .profilefrm .form-group .form-control:focus + label, .profilefrm .form-group .form-control:not(:placeholder-shown) + label, 
  .kkaddress-form .input_group_include .form-control:focus + label, .kkaddress-form .input_group_include .form-control:not(:placeholder-shown) + label{
    top:-20px;
  }

.floatinglab-frm .form-group label{
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 1px;
    color: rgba(28, 27, 25, 0.5);
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    margin-bottom: 0;
  }
    .floatinglab-frm .input_group_include .form-control:focus + label, .loatinglab-frm .input_group_include .form-control:not(:placeholder-shown) + label{
    top:-20px;
  }

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{
  box-shadow: unset;
}



.profilefrm label, .kkaddress-form label {
  color: rgba(28, 27, 25, 0.5);
  font-size: 16px;
  font-weight: 400;
}
.profilefrm .form-control {
    color: #1C1B19;
    font-weight: 500;
    font-size: 16px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #1C1B191A;
    padding: 0 0 8px 0;
    border-radius: 0;
}
.profilefrm .error {
    font-size: 12px;
    color: red;
    display: none;
    text-align: left;
}
.profile-modal .modal-header{
  border-bottom: unset;
  padding: 30px 30px;
}
.profile-modal .modal-header h5{
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: #1C1B19;
}
.profile-modal .modal-body{
  padding: 30px 30px;
}

.profile-upload {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(25, 32, 76, 0.1);
    cursor: pointer;
}
.accordion-button:not(.collapsed){
  background-color: unset;
  box-shadow: unset;
}
.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23594C46'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.profile-upload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.profile-upload .placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #888;
    text-align: center;
    background-color: transparent;
}
.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5;
}
.profile-upload img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    padding: 5px;
}
.upldphoto{
  text-align: center;
  display: block;
  font-weight: 500;
  font-size: 14px;
}
.fullwdth-btn{
  background: #594C46;
    padding: 13px 33px;
    border: 2px solid #594C46;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    display: block;
    border-radius: 6px;
    width: 100%;
    color: #fff;
}
.fullwdth-btn:hover {
    background: transparent;
    color: #594C46;
}
/*--My Profile end---*/



/*--My order---*/

.myorder-wrap .nav{
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
}
.myorder-wrap  .nav-pills .nav-link{
font-weight: 400;
font-size: 16px;
text-align: center;
color: rgba(28, 27, 25, 0.5);
border-bottom: 1px solid rgba(225, 229, 238, 1);
position: relative;
border-radius: unset;
}
.myorder-wrap  .nav-pills .nav-link.active{
  background-color: transparent;
  font-weight: 500;
  color: rgba(28, 27, 25, 1);
  border-bottom: 3px solid rgba(89, 76, 70, 1);
}
.kk-wd-profl-top{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 20px;
}
.kk-wd-profl-top h2 {
    font-size: 20px;
    font-weight: 500;
    color: #1C1B19;
    margin-bottom: 0;
    white-space: nowrap;
}
.prosearch-frm .form-group .form-control{
  padding: 9px 12px 9px 9px;
  border: 1px solid #E1E5EE;
  font-weight: 400;
  font-size: 14px;
  border-radius: 6px;
}
.prosearch-frm .form-group .form-control::placeholder{
  color: rgba(119, 126, 144, 0.5);
}
.prosearch-frm .input_group_include{
  position: relative
}
.prosearch-frm .input_group_include svg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
}
.prosearchinr{
  display: flex;
  align-items: center;
  gap: 10px;
}
.prosrch-btn{
    border: 1.5px solid #FFFFFF;
    background-color: #594C46;
    padding: 8px 8px;
    border-radius: 6px;
    width: 36px;
    height: 36px;
    display: grid;
    place-content: center;
}
.kkongoing-card{
    border: 1px solid #1C1B191A;
    border-radius: 8px;
    margin-bottom: 24px;
}

.kkorderid-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px;
    border-bottom: 1px dashed #1C1B194D;
}
.kkorderid-wrap span:first-of-type{
  font-size: 14px;
  font-weight: 500;
  color: rgba(28, 27, 25, 0.5);
}
.confirm-text{
font-weight: 600;
font-size: 14px;
text-align: right;
color: #1976D2;
}
.deliv-text{
font-weight: 600;
font-size: 14px;
text-align: right;
color: #388E3C;
}
.returniniti-text{
  font-weight: 600;
  font-size: 14px;
  text-align: right;
  color: #F9A825;
}
.beiginsp-text{
  color: #7B1FA2;
  font-size: 14px;
  font-weight: 600;
}
.ontheway-text{
  color: #0288D1;
  font-weight: 600;
  font-size: 14px;
  text-align: right;

}
.kkorderid-info {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 12px;
    border-bottom: 1px dashed #1C1B194D;
}
.kkorderid-lft{
  width: 70px;
  min-width: 70px;
  /* max-height: 70px; */
  height: 70px;
  border-radius: 8px;
}
.kkorderid-lft img{
  width: 100%;
  height: inherit;
  object-fit: cover;
  border-radius: 8px;
}
.kkorderid-rgt{
      overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.kkorderid-rgt h3{
  font-weight: 500;
  font-size: 16px;
  color: rgba(28, 27, 25, 1);
  margin-bottom: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 280px;
}
.kkprodinfo{
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 6px;
}
.kkprodinfo span{
  position: relative;
  color: #777E90;
  font-size: 14px;
  font-weight: 400;
}
.kkprodinfo span:last-of-type:before{
content: "";
    position: absolute;
    background-color: #777E90;
    width: 2px;
    height: 18px;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
}
.kkproddate{
  display: flex;
  align-items: center;
  gap: 5px;
}
.kkproddate span{
  color: #777E90;
  font-size: 14px;
  font-weight: 400;
}
.kktrackorder-icon{
  margin-left: auto;
}
.kkupdated-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px
}
.kkupdated-info span{
    font-weight: 400;
    font-size: 14px;
    color: #777E90;
}
.kkupdated-info .canorder-btn{
    background-color: #FFEDED;
    padding: 6px 10px;
    border-radius: 8px;
    color: #EC3637;
    font-size: 12px;
}
.kkupdated-info .arriv-btn{
    font-weight: 500;
    font-size: 12px;
    color: #0288D1;
    padding: 6px 10px;
    border-radius: 8px;
    background-color: rgba(2, 136, 209, 0.1);
}

.kkupdated-info .deliv-btn{
    color: #FB8C00;
    background-color: rgba(251, 140, 0, 0.1);
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 8px;
}
.kkupdated-info .beiginsp-text{
    font-weight: 600;
    font-size: 14px;
    text-align: right;
    color: #7B1FA2;
}
.confprodetilpding .kkorderid-wrap,.confprodetilpding .kkorderid-info, .confprodetilpding .kkupdated-info{
  padding: 12px 20px;
}
.confprodetil-wrap {
    padding: 20px;
    border-top: 10px solid #EEF1F6;
}
.confprodetil-wrap h4{
  font-weight: 500;
  font-size: 16px;
  color: #1C1B19;
}
.kkcancelodr-frm .form-check{
  padding: 0 0;
  padding: 12px 0;
  border-bottom: 1px solid #F0F3F9;
}
.kkcancelodr-frm .form-check .form-check-input{
  float: right;
}
.kkcancelodr-frm .form-check p{
  text-align: left;
  margin-bottom: 0;
}
.kkcancelodr-frm .form-check-input{
  width: 20px;
  height: 20px;
}
.kkcancelodr-frm .form-check-input:checked{
  background-color: #594C46;
    border-color: #594C46;
}
.form-check-input:focus{
  box-shadow:none;
  border-color: #594C46;
}
.kkcancelodr-frm .form-group textarea{
  border-top: unset;
  border-radius: unset;
  border-left: unset;
  border-right: unset;
}
.trackorder{
  background: #594C46;
    padding: 12px 20px;
    width: 90%;
    display: block;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #fff;
    border: 2px solid #594C46;
    border-radius: 6px;
    margin: 0 auto;
    transition: all .3s ease;
}
.trackorder:hover{
  background: transparent;
    color: #594C46;
}
.kkdeliver-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 0 20px;
}
.init-return{
    background: #1C1B19;
    padding: 14px 16px;
    width: 90%;
    display: block;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: 2px solid #1C1B19;
    border-radius: 6px;
    margin: 0 auto;
}
.init-return:hover{
  background: transparent;
    color: #1C1B19;
}
.delivrtrackord{
  background: #594C46;
    padding: 14px 16px;
    width: 90%;
    display: block;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: 2px solid #594C46;
    border-radius: 6px;
    margin: 0 auto;
}
.delivrtrackord:hover{
  background: transparent;
    color: #594C46;
}
.initialretun .modal-content{
  width: 450px;
  border-radius: 21px;
  box-shadow: 0px 14px 11px 0px #00000021;
}
.initialretun .modal-header{
  border-bottom: unset;
}
.initialretun h2{
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  color: #1C1B19;
  width: 100%;
  text-align: center;
  margin-bottom: unset;
}
.initialcontnt{
  text-align: center;
  padding: 0 14px 14px 14px;
}
.initialcontnt p{
  padding: 20px 0 11px 0;
  margin-bottom: unset;
  font-size: 16px;
  font-weight: 400;
  color: rgba(28, 27, 25, 0.5);
}
.initialcontnt h3{
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: rgba(28, 27, 25, 1);
  margin-bottom: unset;
}
.returnlable-frm .form-check{
    margin-bottom: 14px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
}
.returnlable-frm .form-check label{
    border-radius: 10px;
  border: 1px solid rgba(28, 27, 25, 0.1);
  width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
      padding: 16px 45px;
}
.returnlable-frm .form-check .form-check-input{
    margin-left: 0;
    position: absolute;
    left: 15px;
}
.returnlable-frm .form-check-input:checked{
    background-color: #292D32;
    border-color: #292D32;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.89163 13.2687L9.16582 17.5427L18.7085 8' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.returnlable-frm .form-check-input:checked[type=radio] ~ label {
     background-color: rgba(89, 76, 70, 0.03);
      border: 1px solid rgba(89, 76, 70, 1);
}

.returnlable-frm p{
  margin-bottom: unset;
  font-size: #777E90;
  font-weight: 400;
  font-size: 16px;
  padding-top: 20px;
}
.returnlable-frm  .downlab-btn{
    padding: 14px 30px;
    width: 100%;
    background-color: #F0E7D6;
    border: 2px solid #F0E7D6;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    border-radius: 6px;
    color: #1C1B19;
}
.returnlable-frm{
  padding: 15px;
}
.returnlable-frm .trackorder{
  width: 100%;
}
/* .returnlable-frm .trackorder{
  display: none;
} */
.returnlable-frm .downlabelarea{
  display: none;
}
.srchfltrmyodr .modal-content{
width: 450px;
margin: 0 auto;
box-shadow: 0px 14px 11px 0px #00000021;
border-radius: 21px;
}
.srchfltrmyodr h2{
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
}
.srchfltrmyodr .modal-header{
border-bottom: unset;
}
.srchfltrmy-frm .form-group label{
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: rgba(28, 27, 25, 0.5);
}
.select2-container--default .select2-selection--single{
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: unset;
  border-bottom: 1px solid rgba(28, 27, 25, 0.1);
}
.srchfltrmy-frm .select2-container, .kkaddress-form .select2-container{
  width: 100% !important;
  z-index: 999;
}
.select2-container{
   z-index: 9999;
}
.srchfltrmy-frm .form-group{
  margin-bottom: 21px;
}
.srchfltrmydate{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.srchfltrmydate > div{
  flex: 1;
}
.srchfltrmy-frm .form-control{
  border: 0;
  border-bottom: 1px solid rgba(28, 27, 25, 0.1);
  border-radius: 0;
  padding: 12px 5px;
}
.srchfltrmydate button{
  flex: 1;
}
.kkaplyfltr-btn{
background: rgba(89, 76, 70, 1);
border: 1px solid rgba(89, 76, 70, 1);
font-size: 18px;
font-weight: 500;
color: #fff;
padding: 14px 20px;
border-radius: 6px;
transition: all 0.3s ease;
}
.kkaplyfltr-btn:hover{
background: transparent;
color: rgba(89, 76, 70, 1);
}
.kkclrfltr-btn{
background: #ffffff;
border: 1px solid rgba(28, 27, 25, 0.1);
font-size: 18px;
font-weight: 500;
color:  rgba(28, 27, 25, 0.5);
padding: 14px 20px;
border-radius: 6px;
transition: all 0.3s ease;
}
.kkclrfltr-btn:hover{
  background: rgba(89, 76, 70, 1);
  color: #ffffff;
}
.srchfltrmyodr .modal-body{
  padding: 30px 30px;
}
.srchfltrmy-frm .select2-container--default .select2-selection--single .select2-selection__arrow b, .kkaddress-form .select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M1 1L7 7L13 1' stroke='%231C1B19' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 15px;
    height: 8px;
    border-style: none;
}
/*--Completed--*/
.comted-text{
  font-weight: 600;
  font-size: 14px;
  color: #2E7D32;
}
.kkrating{
  display: flex;
  align-items: center;
  gap: 6px;
  color: #23262F;
  font-weight: 600;
}
.addreviw-btn{
  background: #1C1B19;
    padding: 14px 16px;
    width: 90%;
    display: block;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: 2px solid #1C1B19;
    border-radius: 6px;
    margin: 0 auto;
}
.addreviw-btn:hover{
  background: transparent;
    color: #1C1B19;
}
.modal-btns-grp {
    display: flex;
    align-items: center;
    flex-direction: column;
}
 .modal-btns-grp .form-group{
      width: 100%;
      margin-bottom: 16px;
}

.addrevw-frm .form-control{
  border:unset;
  border-bottom: 1px solid #1C1B191A;
}
.kd-ser-pro-btn{
  background: #594C46;
    padding: 14px 16px;
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: 2px solid #594C46;
    border-radius: 6px;
    margin: 30px 0 0 0;
}
.review-rating {
    display: flex;
    align-items: center;
    gap: 6px;
}
.review-rating ul {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
}
.reviewwrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review-rating + span{
  font-size: 14px;
  font-weight: 600;
  color: #1C1B19;
}
.reviewwrap > span{
  font-weight: 400;
  color: rgba(28, 27, 25, 0.5); 
  font-size: 14px;
}

 #half-stars-example .rating-group {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
       flex-direction: row-reverse;
   }
   #half-stars-example .rating-group input {
   appearance: unset;           
   }
   #half-stars-example .rating-group label {
   cursor: pointer;            
   }
    #half-stars-example .rating-group svg{
      position: unset !important;
    }
   #half-stars-example .rating-group svg path{
   width: 2rem;
   height: 2rem;
   overflow: visible;
   fill: #C7CCC7;           
   stroke-linejoin: bevel;
   stroke-dasharray: 6;       
   animation: idle 4s linear infinite;
   transition: stroke 0.2s, fill 0.5s;
   stroke-width: 0.1em;
   }
   #half-stars-example .rating-group input:checked ~ label svg path{
   transition: 0s;
   animation: idle 4s linear infinite, yippee 0.5s backwards;
   fill: #FFA534;          
   stroke: #FFA534;
   stroke-opacity: 0;
   stroke-dasharray: 0;
   stroke-linejoin: miter;
   stroke-width: 8px;
   }

#half-stars-example > p{
  font-weight: 400;
  font-size: 15px;
  color: rgba(28, 27, 25, 0.5);
}

.damg-text{
  color: #E53935;
  font-size: 14px;
  font-weight: 600;
}
.restdamg-text{
  color: #B71C1C;
  font-size: 14px;
  font-weight: 600;
}
.damgdetct-wrap{
  padding: 20px;
    border-top: 10px solid #EEF1F6;
}
.damgdetct-innr{ 
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding-bottom: 12px;
}
.damgdetct-innr span{
  color: #FB6162;
  font-size: 16px;
  font-weight: 500;
}
.damgdetct-wrap h6{
  font-weight: 300;
  color: #777E90;
  font-size: 16px;
  margin-bottom: 0;
  padding-bottom: 4px;
}
.damgdetct-wrap h5{
  color: #1C1B19;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  padding-bottom: 19px;
}
.feeswrap{
  background-color: rgba(251, 97, 98, 0.10);
  padding: 12px 12px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.feeswrap span strong{
  color: rgba(199, 0, 1, 1);
  font-size: 14px;
  font-weight: 500;
}
.feeswrap p{
  color: rgba(251, 97, 98, 1);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
.payfee-sidebar, .nonpayfee-sidebar, .noreturnpayfee-sidebar{
  background: #594C46;
    padding: 12px 16px;
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: 2px solid #594C46;
    border-radius: 6px;
    margin: 0 auto;
}
.payfee-sidebar:hover, .nonpayfee-sidebar:hover, .noreturnpayfee-sidebar:hover{
   background: transparent;
   color: #594C46;
}
.paydamgcted{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
}
.paydamgcted .paymenttype-wrap{
    width: 100%;
}
.paydamgcted-wrap{
    width: 100%;
    padding: 20px 20px;
    box-shadow: 0px 33px 52px 0px rgba(0, 0, 0, 0.78);
}
.myorder-main{
  margin-bottom: 20px;
}
.paydamgcted-wrap h6{
  color: rgba(119, 126, 144, 1);
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 0;
  padding-bottom: 4px;
}
.paydamgcted-wrap h5{
  margin-bottom: 0;
  font-size: 16px;
  color: rgba(28, 27, 25, 1);
  padding-bottom: 20px;
}
.kkbdernone .kkorderid-info{
  border-bottom: none;
}
.cancl-text{
  font-weight: 600;
  font-size: 14px;
  color: #9E9E9E;
}
.canresonsec{
    padding: 20px;
    border-top: 10px solid #EEF1F6;
}
.canresonwrap{
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.canresonwrap h4{
  font-size: 16px;
  font-weight: 500;
  color: #1C1B19;
  margin-bottom: 0;
}
.canresonwrap span{
  font-size: 14px;
  font-weight: 400;
  color: rgba(28, 27, 25, 0.5);
}
.canresonsec p{
  font-size: 15px;
  font-weight: 400;
  color: rgba(28, 27, 25, 0.5);
  margin-bottom: 0;
}
  .kkto-timeline {
      position: relative;
      }
      .kkto-timeline::before {
      content: '';
      position: absolute;
      left: 120px;
      top: 18px;
      bottom: 55px;
      border: 1px dashed #1C1B19;
      }
      .kkto-timeline-item {
      position: relative;
      display: flex;
      align-items: flex-start;
      margin-bottom: 18px;
      }
      .kkto-timeline-item:last-child {
      padding-bottom: 0;
      }
      .kkto-timeline-item::before {
      content: '';
      position: absolute;
      left: 111px;
      top: 2px;
      width: 21px;
      height: 21px;
      border-radius: 50%;
      background: #ffffff;
      border: 4px solid #E8E8E8;
      z-index: 1;
      }
      .kkto-timeline-item.kkto-completed::before {
      background: #594C46;
      }
      .kkto-timeline-time {
      font-size: 14px;
      color: #1C1B19;
      font-weight: 500;
      min-width: 100px;
      margin-right: 20px;
      text-align: right;
      }
      .kkto-timeline-time span{
      font-size: 12px;
      font-weight: 500;
      }
      .kkto-timeline-content {
      flex: 1;
      margin-left: 20px;
      }
      .kkto-timeline-status {
      font-weight: 600;
      font-size: 16px;
      color: #2c3e50;
      margin-bottom: 5px;
      }
      .kkto-timeline-desc {
      font-size: 14px;
      color: rgba(28, 27, 25, 0.5);
      line-height: 1.4;
      }
/*--My order end---*/

/*----add address---*/

.addaddress-btn{
    background: #594C46;
    padding: 10px 13px;
    border: 2px solid #594C46;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    display: flex;
    border-radius: 6px;
    width: fit-content;
    color: #fff;
    flex-basis: 410px;
    gap: 10px;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.addaddress-btn:hover{
  background-color: transparent;
  color: #594C46;
} 
.addaddress-btn svg path{
transition: all 0.3s ease;
}
.addaddress-btn:hover svg path{
  stroke: #594C46;
}
.alladdrs-list{
  padding: 12px 12px;
border: 1px solid rgba(28, 27, 25, 0.1);
border-radius: 8px;
margin-bottom: 24px;

}
.alladdrs-list label{
  cursor: pointer;
  width: 100%;
}
.alladdrs-list p{
  font-size: 14px;
  font-weight: 400;
  color: #777E90;
  margin-bottom: unset;
}
.editdrop-area{
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.editdrop-area .dropdown-toggle:after{
  content: unset;
}
.editdrop-area .form-check-input:checked{
  background-color: #594C46;
  border-color: #594C46;
}
.editdrop-area .form-check-input{
    border: 2px solid rgba(28, 27, 25, 0.5);
}
.alladdrs-info{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 4px;
}
.alladdrs-info h3{
  margin-bottom: unset;
  font-size: 16px;
  color: #1C1B19;
}
.editdrop-area .dropdown-menu{
  min-width: 100px;

}
.editdrop-area .dropdown-item.active, .editdrop-area .dropdown-item:active{
background-color: #594C46;
}
.kkdeltpopup .modal-content{
  width: 450px;
  border-radius: 21px;
  box-shadow: 0px 14px 11px 0px #00000021;
}
 .kkdeltpopup .modal-body{
  padding: 30px 30px;
}
.kkdeltpopup h5{
  font-size: 24px;
  color: #1C1B19;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.modal-btn-grp{
  display: flex;
  align-items: center;
  justify-content: center;
    gap: 20px;
}
.modal-btn-grp button{
  flex: 1;

}
.modal-btn-no{
  padding: 14px 30px;
  background-color: #594C46;
  border: 2px solid #594C46;
  color: #ffffff;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.modal-btn-no:hover{
  background-color: transparent;
  color: #594C46;
}

.modal-btn-yes{
  padding: 14px 30px;
  background-color: #1C1B19;
  border: 2px solid #1C1B19;
  color: #ffffff;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.modal-btn-yes:hover{
  background-color: transparent;
  color: #1C1B19;
}
/*----add address end---*/

/*--Join Waitlist--*/
.comn-btn{
  width: 100%;
}
.kkaddress-form .comn-btn{
  width: 100%;
}
.kkaddress-form .input_group_include svg{

  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.kkdeltpopup .modal-header{
  border-bottom: unset;
  padding: 30px 30px 0 30px;
}
.kkdeltpopup .modal-header h4{
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}
.selectbrnd-frm .form-group label{
     width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #F0F3F9;
    font-size: 16px;
    font-weight: 500;
    color: #1C1B19;
}

.selectbrnd-frm .form-group .form-check-input{
  width: 20px;
  height: 20px;
}
.selectbrnd-frm .form-group .form-check-input:checked{
  background-color: #594C46;
  border-color: #594C46;
}
.selectbrnd-frm .input_group_include button{
    background-color: transparent;
    border: none;
    outline: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
}
.selectbrnd-frm .form-control{
  border: 1px solid #E1E5EE;
  padding: 9px 12px;
}
.sbcontinue-btn{
  padding: 14px 30px;
  width: 100%;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  background-color: #594C46;
  border: 2px solid #594C46;
  transition: all 0.3s ease;
  margin-top: 20px;
}
.sbcontinue-btn:hover{
  background-color: transparent;
  color: #594C46;
}



  
.witlst-btn{
  padding: 14px 60px;
  border: 2px solid #594C46;
  background-color: #594C46;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  width: 55%;
  margin: 0 auto;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.witlst-btn:hover{
  background-color: transparent;
  color: #594C46;
}
/*--Join Waitlist End--*/

/*--Payment method--*/

.allpaymth-wrp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px;
    border: 1px solid rgba(28, 27, 25, 0.1);
    border-radius: 8px;
    margin-bottom: 24px;
}
.allpaymth-rht{
  display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}
.allpaymth-lft{
    display: flex;
    align-items: center;
    gap: 16px;
}
/*--Payment method End--*/
.hed-txt{
  padding: 30px 0;
}
.hed-txt p{
  font-weight: 400;
  color: #777E90;
  font-size: 18px;
  text-align: center;
  margin-bottom: 0;
}
/*---privacy policy page--*/

.privacysec{
  padding: 40px 0 80px 0;
}
.privacy-box{
  padding: 20px 20px;
  border: 1px solid #1C1B191A;
  border-radius: 14px;
}
.privacy-box p{
  font-size: 18px;
  font-weight: 400;
  color: #1C1B19;
  margin-bottom: 20px;
}
.privacysec h1{
font-weight: 700;
font-style: Bold;
font-size: 26px;
color: #1C1B19;
margin-bottom: 30px;
}

.priv-brand{
    display: block;
    width: fit-content;
    margin: 0 auto 20px;
}
.flipdown .rotor-top, .flipdown .rotor-bottom{
  height: 47px;
}
.flipdown{
  width: 355px;
}
/*-------*/
.nxtbill-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nxtbillinner span{
  color: rgba(28, 27, 25, 0.6);
  font-size: 11px;
  font-weight: 400;
}
.cansubscrip-btn{
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #EC3637;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 400;
}
.cansubscrip-btn:hover{
  color: #EC3637;
}


/*--Market place--*/
.mrktpls-price{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.mrktpls-price span{
  font-size: 17px;
  font-weight: 600;
  color: rgba(89, 76, 70, 0.8);
}
.mrktpls-price span:last-of-type{
  background-color: #594C46;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.kkmark-radius .features_bx img{
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
/*--Maket place end--*/


/*--Item Detail checkout--*/
.proitem_btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.prorent_btn{
  padding: 13px 92px;
    background: #594C46;
    border: 2px solid #594C46;
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
}
.prorent_btn:hover {
    background: transparent;
    color: #594C46;
}
.proitemunavl_btn{
    padding: 13px 70px;
    background: #1C1B191A;
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    color: rgba(28, 27, 25, 0.5);
    text-align: center;
    border-radius: 6px;
}
.proitemunavl_btn:hover {
    color: rgba(28, 27, 25, 0.5);
}
.pngpaymodal .modal-header h1{
  font-size: 24px;
  font-weight: 500;
  color: rgba(28, 27, 25, 1);
  flex: 1;
  text-align: center;
}
.dollricon{
  margin: 20px 0;
  text-align: center;
}
.pngpaymodal .modal-header{
  border-bottom: unset;
} 
.pngpaymodal .modal-content{
  box-shadow: 0px 14px 11px 0px rgba(0, 0, 0, 0.13);
  border-radius: 21px;
}
.pngpaymodal p{
  font-size: 16px;
  font-weight: 400;
  color: rgba(28, 27, 25, 0.5);
}
/*--Item Detail checkout end--*/

/*--Order Detail Delivery--*/

.toosoon-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #eeedec;
    border-radius: 10px;
    border: 1px dashed rgba(89, 76, 70, 0.6);
    margin: 14px 0;
    width: 100%;
    padding: 9px 14px;
}

.toosoon-img img{
   min-width: 34px;
   max-width: 34px;
   width: 34px;
  height: 34px;
  object-fit: cover;
}
.toosoon-info p{
  font-size: 14px;
  color: #1C1B19;
  font-weight: 400;
  margin-bottom: 0;
}

.extendnow-btn{
  background: #594C46;
    padding: 14px 16px;
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: 2px solid #594C46;
    border-radius: 6px;
    margin: 0 auto;
}
.extendnow-btn:hover {
    background: transparent;
    color: #594C46;
}
.payextend-wrap{
  padding: 20px 20px;
}
.payextend-wrap p{
  font-size: 15px;
  font-weight: 400;
  color: #1C1B19;
}
.delivstatus-wrap {
    padding: 20px 20px;
}
.delivstatus-wrap p{
  font-size: 16px;
  font-weight: 400;
  color: #777E90;
  margin-bottom: 16px;
}

.trackingno-wrap{
    display: flex;
    align-items: end;
    justify-content: flex-start;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid #1C1B191A;
    border-radius: 8px;
}
.trkform-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
.trkform-group .form-control{
    border: 0;
    border-radius: 0;
    padding: 0 0;
    font-size: 15px;
    font-weight: 400;
    color: #1C1B19;
    width: 140px;
}
.copydesign-btn{
     background-color: #F2F2F2;
    padding: 7px 7px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    border: none;
}
.trackdes-btn{
  background-color: #594C46;
  padding: 7px 7px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
}
.trackdes-btn:hover{
  color: #ffffff;
}
.dmgcontnt .dmg-badge{
  padding: 0px 4px;
  background-color: rgba(199, 0, 1, 0.1);
  border: 1px solid #C70001;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 400;
  color: #1C1B19;
}
/*--Order Detail Delivery End--*/

.remv-btn{
  font-size: 14px;
  font-weight: 500;
  color: #EC3637;
  display: block;
  text-align: center;
}

/* -----------------damage Box-------------- */
.damage_bx, .total_bx{
  background: rgb(251 97 98 / 10%);
  padding: 12px;
  border-radius: 10px;
  margin-bottom: 14px;
}
.damage_bx h3{
  display: flex;
  align-items: center;
  grid-gap: 12px;
  font-weight: 500;
  font-size: 16px;
  color: #FB6162;
  margin-bottom: 0;
}
.damage_bx h5{
  font-weight: 300;
  font-style: Light;
  font-size: 16px;
  margin: 10px 0 4px;
  color: #777E90;
}
.damage_bx p{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #1C1B19;
  margin-bottom: 5px;
}
.damage_bx ul li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.listing_lft h5, .damage_bx ul li h3{
  font-weight: 300;
  font-size: 14px;
  color: #1C1B19;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  grid-gap: 6px;
}
.listing_lft h5 span{
  border: 1px solid #C70001;
  background: #C700011A;
  padding: 2px 10px;
  border-radius: 10px;
  color: #1C1B19;
  font-weight: 400;
  font-size: 11px;
  display: block;
 
}
.listing_lft h6{
  font-weight: 400;
  font-size: 12px;
  color: rgb(28 27 25 / 70%);
  margin-top: 10px;
}
.damage_bx ul li h4{
  font-weight: 300;
  font-size: 14px;
  color: #C70001;
  margin-bottom: 0;
}
.total_bx h3{
  font-weight: 500;
  font-size: 14px;
  color: #C70001;
  margin-bottom: 5px;
}
.total_bx p{
  font-weight: 400;
  font-size: 14px;
  color: #FB6162;
  margin-bottom: 0;
 
}
.unlockpre-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(240, 231, 214, 0.17);
    border: 1px dashed rgba(89, 76, 70, 1);
    padding: 20px;
    border-radius: 14px;
    margin-bottom: 40px;
}
.unlockpre-innr{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}         
.unlockpre-info h2{
    font-size: 18px;
    font-weight: 500;
    color: rgba(28, 27, 25, 1);
    margin-bottom: 0;
    padding-bottom: 5px;
    letter-spacing: 0.4px;
}
.unlockpre-info p{
  font-weight: 400;
  font-size: 14px;
  color: rgba(28, 27, 25, 0.8);
  margin-bottom: 0;
}
.unlockpre-btns{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}  
.compltkyc-btn{
    padding: 10px 20px;
    font-size: 16px;
    color: #1C1B19;
    background-color: #fff;
    border: 1px solid #594C46;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.4s ease;
}
.compltkyc-btn:hover{
    background-color: #594C46;
    color: #fff;
}
.unlockpre-btn{
      padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #594C46;
    border: 1px solid #594C46;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.4s ease;
}
.unlockpre-btn:hover{
    background-color: #fff;
    color: #594C46;
}