@charset "UTF-8";


.Print {
    display: none;
}
.table {border-color: #bbb6a7;}
@media print {
    .noPrint {
        display: none !important;
    }
    * {
        font-size: 9px;
    }
    .Print {
        display: contents;
    }
}



.videosbox .swiper-wrapper .swiper-slide {background: #fff; height:390px;    display: flex;}
.videosbox .swiper-wrapper {align-items:center;}
/*craftmanship*/
.craftmanship-content img {width:100%;}
.craftmanship {
    background: #fff;
    padding: 40px 0px;
}

.craftman-slider {background: #fff; padding: 50px 0px;}
.lineage {background: #fff; padding: 50px 0px;}
.lineage h2 {font-size: 70px; text-align: center; margin-bottom:40px;}
.lineage-content p {font-size:20px;}


/*end*/

.handicraft img {border-radius: 50%; margin-bottom: 0px;}

/* artisans care */

.handicraft img.title-border {margin-bottom: 30px;}
.stickypic img {position:sticky; top:0px;}
.handicraft .about-content {height: 100%;}
.handicraft .gap {gap: 30px;}
.about-content h4 {margin-top: 10px;}
.about-content.box1 {
    display: flex;
    align-items: center;
    background: #feb914a6;
    padding: 0px;
    border-radius: 125px;
    gap: 30px;
    padding-right: 80px;
}
.about-content.box2 {
    display: flex;
    align-items: center;
    background: #fb752085;
    padding: 0px;
    border-radius: 125px;
    gap: 30px;
    padding-left: 80px;
}
.about-content.box3 {
    display: flex;
    align-items: center;
    background: #14bdfe52;
    padding: 0px;
    border-radius: 125px;
    gap: 30px;
    padding-right: 80px;
}
.about-content .firststeppic {width: 200px;text-align: center;margin-top: 20px;margin-bottom: 0px;}
.caretop {width: 72%; margin: auto;}
.review-box {
    border-top: 1px solid #ddd;
}
.market {margin: 30px 0px;}
.market .col-lg-4 {
    border-right: 10px solid #383838;
    padding: 0px 40px;
    border-radius: 30px;
}
/* .market .col-lg-4:last-child {border-right: none;} */
p {font-size: 15px; line-height: 30px;}

.disc {list-style: disc;margin-left: 16px;}


/* invoice */

.invoice {padding-top: 200px;}
/* planet accordion-button */

.cart-section {background-color: #fff;padding: 30px 0px;}
.cart-table {
    background-color: #f8f8f8;
    padding: 20px;
}
.summery-box {
    border-radius: 5px; background-color: #f8f8f8; padding: 20px;
}
.row-reverse {flex-direction: row-reverse;}
.demand .row {row-gap: 20px;}
/*offer area*/
.offer-area {position: relative;z-index: 1; width: 100%; overflow: hidden;} 
.offer-tab-link {text-align: center;}
.offer-tab-link ul li {display: inline-block;padding: 10px 0;margin: 0 -3px;}
.offer-tab-link ul li a {display: block;color: #000;font-size: 20px;padding: 10px 60px;border-bottom: 4px solid #000; font-weight: 500;}
.offer-tab-link ul {list-style: none;padding: 0;margin: 0; border: 0;justify-content: center;}
.offer-tab-link ul li a.active {color: #a76103; border-color: #a76103;}
.offer-content p {text-align: left;margin: 0;width: 100%;}
.offer-content h2 {text-align: left;}
.offerItem {padding: 0 15px;width:41px;overflow: hidden;float: left;position: relative; transition: 0.3s ease;height: 100%;}
.offer-img {margin:0px;}
.offer-detail {width: 800px;height: 400px;}
.demand .row {
    row-gap: 20px;
    margin: 20px 0px;
}
.demand {
    background-color: #c5c0b0;
}
.offerItemTitle {position: absolute;
    left: 20px;
    z-index: 1;
    width: 400px;
    color: #fff;
    transform: rotate(-90deg);
    transform-origin: left;
    text-align: center;
    margin: 0 auto;
    top: 92.6%;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    background: #918b7a;
    cursor: pointer;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;}
.offerItem.active {width: calc(100% - 6*50px);}
.offerItem.active .offer-detail {width: 100%;}
.offerItem.active .offer-img {max-width: 415px;}
.offerItem.active .offer-detail .row .col:first-child {max-width: 40% !important;}
.offer-content {max-width: 460px;margin: 0 auto;top: 50%;position: relative;transform: translate(0, -50%); opacity: 0; transition: opacity 0.3s ease;}
.offer-tabs.tab-content {padding: 10px 0;}
.offerslide:after {content: '';clear: both;display: block;}
.offer-content p {color: #000;}
.offer-content h2 {font-size: 24px;color: #000; text-transform: uppercase;}
.offerItemTitle.hide {display: none;}
.offerItem.active .offer-content{ transition: 0.3s ease; opacity: 1;}
.offer-content a {background: #a76103;color: #fff;padding: 10px 20px; display: inline-block; margin-top: 10px; border: 0; border-radius: 3px;}

/*end*/




  /*media area*/
  @media (max-width:1750px){
    .container {max-width: 1540px;}
  }
  
  @media (max-width:1550px){
    .container {max-width: 1340px;}
  }
  
  @media (max-width:1450px){
    .container {max-width: 1240px;}
    .offer-content {margin: 0; max-width: 360px;}
  }
  

  @media (max-width:1280px){
    .container {max-width: 1140px;}
    .offerItem.active .offer-detail {width: 750px;}
    .offer-detail {width: 595px;}
  }
 
 @media (max-width:1199px){
    .container {max-width: 960px;}
    h4.offerItemTitle {height: 50px;line-height: 50px; left: 25px; top: 94%;}
    .offerItem{ width: 50px;}
    .offerItem.active { width: calc(100% - 6*50px);}
    .offerItem.active .offer-content{ margin-left: 20px;}
}



 @media (max-width:991px){
    .container {max-width: 720px;}
    .offer-content p{ font-size: 14px;}
    .offerItem.active .offer-content {margin-left: 0;}
    h4.offerItemTitle {font-size: 14px;top: 93%; width: 280px;font-family: 'ProximaNovaA-Regular'; height: 36px; line-height: 36px; left: 17px;}
    .offerItem.active .offer-detail {width: 500px;}
    .offer-content h2 {font-size: 18px;margin: 0;}
    .offer-content a {padding: 7px 13px; font-size: 16px; margin-top: 10px;}
    .offer-detail {width: 395px; max-height: 279px;}
    .offerItem {width: 35px;}
    .offerItem.active {width: calc(100% - 6*35px);}
  }
 
 @media (max-width:767px){
    .container {max-width: 540px;}
    .offerItem {width: 100%;}
    .offer-detail {width: 100%;max-height: unset;display: none;}
    h4.offerItemTitle{ text-align: left;padding-left: 15px; position: relative; transform: rotate(0); border-bottom: 1px solid #999; height: 40px; line-height: 40px; width: 100%; left: 0;}
    .offer-img {margin: 0;}
    .offer-content {margin: 0;max-width: 100%;}
    .offerItemTitle.hide {background: #de9400; display: block;}
    .offerItem.active .offer-detail {width: 100%; display: block;}
    .offerItem.active .offer-detail .row .col:first-child {max-width: 50% !important;}
    .offerItem.active{ width: 100%;}   
  }
 
 @media (max-width:574px){
     .lineage h2 {font-size: 28px;}
    .container {max-width: 100%;}
    .offerItem.active .offer-detail .row {display: block;}
    .offerItem.active .offer-detail .row .col {max-width: 100% !important;}
    .offer-content {transform: translate(0);top: 0;padding: 10px 0;}
    .offer-img,.offerItem.active .offer-img {width: 100%;max-width: unset;}
    .offer-img img{ width: 100%;}
    .offerItem.active .offer-detail .row .col:first-child {max-width: 100% !important;}

  }


/*end*/




  /*media area*/
  @media (max-width:1750px){
    .container {max-width: 1540px;}
  }
  
  @media (max-width:1550px){
    .container {max-width: 1340px;}
  }
  
  @media (max-width:1450px){
    .container {max-width: 1240px;}
    .offer-content {margin: 0; max-width: 360px;}
  }
  

  @media (max-width:1280px){
    .container {max-width: 1140px;}
    .offerItem.active .offer-detail {width: 750px;}
    .offer-detail {width: 595px;}
  }
 
 @media (max-width:1199px){
    .container {max-width: 960px;}
    h4.offerItemTitle {height: 50px;line-height: 50px; left: 25px; top: 94%;}
    .offerItem{ width: 50px;}
    .offerItem.active { width: calc(100% - 6*50px);}
    .offerItem.active .offer-content{ margin-left: 20px;}
}



 @media (max-width:991px){
    .container {max-width: 720px;}
    .offer-content p{ font-size: 14px;}
    .offerItem.active .offer-content {margin-left: 0;}
    h4.offerItemTitle {font-size: 14px;top: 93%; width: 280px;font-family: 'ProximaNovaA-Regular'; height: 36px; line-height: 36px; left: 17px;background: #fff;color: #000;border-bottom: 1px solid #ddd;}
    .offerItem.active .offer-detail {width: 500px;}
    .offer-content h2 {font-size: 18px;margin: 0;}
    .offer-content a {padding: 7px 13px; font-size: 16px; margin-top: 10px;}
    .offer-detail {width: 395px; max-height: 279px;}
    .offerItem {width: 35px;}
    .offerItem.active {width: calc(100% - 6*35px);}
  }
 
 @media (max-width:767px){
    .container {max-width: 540px;}
    .offerItem {width: 100%;}
    .offer-detail {width: 100%;max-height: unset;display: none;}
    h4.offerItemTitle{ text-align: left;padding-left: 15px; position: relative; transform: rotate(0); border-bottom: 1px solid #999; height: 40px; line-height: 40px; width: 100%; left: 0;}
    .offer-img {margin: 0;}
    .offer-content {margin: 0;max-width: 100%;}
    .offerItemTitle.hide {background: #de9400; display: block;}
    .offerItem.active .offer-detail {width: 100%; display: block;}
    .offerItem.active .offer-detail .row .col:first-child {max-width: 50% !important;}
    .offerItem.active{ width: 100%;}
   
  }
 
 @media (max-width:574px){
    .container {max-width: 100%;}
    .offerItem.active .offer-detail .row {display: block;}
    .offerItem.active .offer-detail .row .col {max-width: 100% !important;}
    .offer-content {transform: translate(0);top: 0;padding: 10px 0;}
    .offer-img,.offerItem.active .offer-img {width: 100%;max-width: unset;}
    .offer-img img{ width: 100%;}
    .offerItem.active .offer-detail .row .col:first-child {max-width: 100% !important;}

  }


/* end */


/* featured */
.featured {margin:20px 0px;}
.featured .accordion-item {border:none; border-bottom: 1px solid #ddd;}
.featured .accordion-button:not(.collapsed) {background-color: #0000;color: #000;}
.featured .accordion-button:focus {box-shadow: none;}
.featured .accordion-button {color: #000; font-family: sans-serif;}
.figure.mz-figure {border:1px solid #ddd}
/* filter  */
.filter-option {display: flex; gap: 5px;}
.filter-option select.form-select {
    border: none;
    background-color: #fff0;
    border-bottom: 1px solid;
}
/*  */

/* thoughts */
.thoughts h2 {font-size: 50px;}
.thoughtsarea {
    background-color: #c5c0b0;
}
.thoughts {padding: 30px;}



.products-section {text-align: center;}
.products-section p {line-height: 30px;}

.offer-slide .single-product .product-image, .cate-img img, .product-image {
    transition: all 1s;
}
.offer-slide .single-product .product-image:hover img, .cate-img:hover img, .product-image:hover img {scale: 1.1;}


/* instaovarlay */
.folloinsta {text-align: center; padding: 0px 0px;}
.folloinsta .title img {width: 35px;}
.folloinsta .instafeed {position: relative;}
.folloinsta .instaovarlay {height:100%;width:100%; position:absolute;top:0px;bottom:0;left:0; right:0;background-color:#000000bf; transition:all 1s; display:none;}
.folloinsta .instafeed:hover .instaovarlay {display: flex;justify-content: center;align-items: center;}
.instatitle {justify-content:center; margin-bottom:30px;text-transform: uppercase;}
.folloinsta .instafeed {border: 1px solid #ddd;}
/*  */

.news-letters {background: #cbc6b7; padding:40px;}



/* oneoffer */
.oneoffer h2.title {margin-bottom:30px;}

/*  */


/* rating */
.product-share .product-rating {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    box-shadow: 0px 0px 4px #ddd;
    padding: 5px;
    border-radius: 10px;
    justify-content: center;
    width: 200px;
    margin: auto;
    text-align: center;
    margin-top: -22px;
}
.product-share .product-rating .rating-star {
    position: relative;
    display: inline-block;
}
.product-share .product-rating .rating-star:before {
    content: "\f005\f005\f005\f005\f005";
    font-family: FontAwesome;
    letter-spacing: 7px;
    color: #000;
    font-size: 20px;
}
.product-share .single-product .product-content .product-title {margin-top: 10px; color: #fff;
    text-align: center;}
.product-share .product-rating .rating-star .star {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: inline-block;
    overflow: hidden;
}

.product-share .product-rating .rating-star .star:before {
    content: "\f005\f005\f005\f005\f005";
    font-family: FontAwesome;
    letter-spacing: 7px;
    color: #a76103;
    font-size: 20px;
}

.offer1 {display: block;}
.offer1 img {width: 100%;}
.showmore {text-align: center;}
.showmore .rdmore {background:#a76103;
    padding: 10px;
    display: inline-block;
    border-radius: 5px;color: #fff;}
.showmore .rdmore:hover {background: #a35c00;color: #fff;}
.header.section {
    background: #00000070;
    border-bottom:1px solid #303030; 
    position: absolute;
    z-index: 101;
}

.goog-te-gadget span {
    display: none !important;
}

.goog-te-gadget .goog-te-combo {
    margin: 0px 0 !important;
    padding: 2px;
}

.modal .btn {
    background: #a76103;
}

.header-mobile {
    padding: 5px 0;
}

.header-logo {
    width: 170px;
    margin: auto;
}

.primary-menu ul>li>a {
    padding: 3px 12px;
    /* text-shadow: 1px 1px 2px #fff; */
    color: #fff;
}

.carousel-control-next,
.carousel-control-prev {
    width: 50px;
}

.primary-menu ul>li>a i {
    margin-left: 5px;
}

.header-action .dropdown .dropdown-menu.register {
    min-width: 130px;
}

.header-action .dropdown .dropdown-cart {
    padding: 5px 20px;
    height: 190px;
    overflow-y: scroll;
}

.header-action .dropdown .register {
    padding: 5px 5px;
}

.navi {
    border-top:1px solid #303030;
}
.offcanvas-menu-wrapper {
    padding: 30px 0 30px;
    height: 100vh;
    overflow-x: scroll;
}

.cart-thumb img {
    width: 75px;
}

.mobile-primary-menu {
    padding-top: 10px;
}

.search-box {
    background-color: #fff;
}

.slider-active .swiper-button-next span:before,
.slider-active .swiper-button-prev span:before {
    background-color: #bbdfe3;
}

#countdown .countdown-count .single-count span {
    color: #fff;
}
#countdown .countdown-count .single-count::before {
    color: #fff;
}

.footer-widget.widget-info {
    padding-left: 0px;
}

.footer-widget .footer-widget-link ul li a {
    font-size: 14px;
}

.footer-widget .uselink {
    display: block;
    justify-content: space-between;
}

.footer-logo {
    width: 150px;
    display: block;
}

.footer-copyright {
    background-color: #3a3831;
}

.copyright-payment .copyright-text p {
    color: #fff;
}

.copyright-payment .copyright-text p a:hover {
    color: #a76103;
}

#open-offcanvas {
    display: none;
}

::-webkit-scrollbar {
    width: 3px;
    height: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(32, 32, 32, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(36, 36, 36, 0.3);
}

.shipp-radio span label {
    margin-bottom: 0px;
}



/*new-arrivals-wrapper */
.offer-slide .single-product .product-content .product-category a.rdmore {
    background: #a76103;
    padding: 10px;
    display: inline-block;
    border-radius: 5px; color:#fff;
}

.offer-slide .single-product .product-content .product-category a.rdmore:hover {
    background: #a35c00;
    color: #fff;
}


/* order */

#pills-orderhistory .order-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(14px + (30 - 14) * ((100vw - 320px) / (1920 - 320)))
}

#pills-orderhistory .order-contain .order-box {
    background-color: #f8f8f8;
    padding: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 8px;
    height: 100%;
}

#pills-orderhistory .order-contain .order-box .order-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320)));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#pills-orderhistory .order-contain .order-box .order-container .order-icon {
    position: relative;
    z-index: 0;
    color: #a76103;
    padding: 4px;
    border-radius: 100%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    text-align: center;
}

#pills-orderhistory .order-contain .order-box .order-container .order-icon::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #a76103;
    opacity: 0.1;
    z-index: -1
}

#pills-orderhistory .order-contain .order-box .order-container .order-detail h4 {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.6px;
    font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)))
}

.add-box {
    padding: 10px;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 10px;
}

#pills-orderhistory .order-contain .order-box .order-container .order-detail h4 span {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: #a76103;
    padding: 4px 6px;
    border-radius: 4px;
    margin-left: calc(9px + (20 - 9) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
}

#pills-orderhistory .order-contain .order-box .order-container .order-detail h4 span.success-bg {
    background: #a76103;
}

#pills-orderhistory .dashboard-bg-box {
    padding: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
    background-color: #fff;
    border-radius: 6px;
}

.changepass {
    color: #a76103;
}

.shipp-radio {
    display: block;
}

.shipp-radio span {
    line-height: 20px;
    margin-right: 10px;
    display: flex;
    margin-bottom: 14px;
}

.shipp-radio span [type=checkbox],
.shipp-radio span [type=radio] {
    width: 20px;
    height: 20px;
    margin-right: 14px;
}

#pills-orderhistory .order-contain .order-box .order-container .order-detail h6 {
    margin-top: 6px;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: .6px;
    font-weight: 300;
    line-height: 1.5;
}

#pills-orderhistory .order-contain .order-box .product-order-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 20px;
    background-color: #ffffff;
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    margin-top: 0px;
    border-radius: 8px;
}

.product-order-detail .btn-animation {
    padding: 5px 10px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    background: transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    background: #a76103;
    border: none;
    z-index: 0;
    line-height: 20px;
    height: auto;
}

@media (max-width: 1199px) {
    #pills-orderhistory .order-contain .order-box .product-order-detail {
        display: flex;
    }
}

@media (max-width: 991px) {
    #pills-orderhistory .order-contain .order-box .product-order-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 767px) {
    #pills-orderhistory .order-contain .order-box .product-order-detail {
        display: block
    }
}

#pills-orderhistory .order-contain .order-box .product-order-detail:hover .order-image img {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

#pills-orderhistory .order-contain .order-box .product-order-detail .order-image {
    display: block
}

@media (max-width: 1199px) {
    #pills-orderhistory .order-contain .order-box .product-order-detail .order-image {
        margin-bottom: calc(14px + (30 - 14) * ((100vw - 320px) / (1920 - 320)));
    }
}

#pills-orderhistory .order-contain .order-box .product-order-detail .order-image img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 200px;
}

#pills-orderhistory .order-contain .order-box .product-order-detail .order-wrap a {
    display: block;
    color: #fff;
}

#pills-orderhistory .order-contain .order-box .product-order-detail .order-wrap a:hover {
    color: #000;background: #ff9000;
}

#pills-orderhistory .order-contain .order-box .product-order-detail .order-wrap a h3 {
    font-weight: 600;
    margin-bottom: 6px
}

#pills-orderhistory .order-contain .order-box .product-order-detail .order-wrap p {
    line-height: 1.5;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)))
}

#pills-orderhistory .order-contain .order-box .product-order-detail .order-wrap .product-size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(6px + (9 - 6) * ((100vw - 320px) / (1920 - 320)))
}

[dir="rtl"] #pills-orderhistory .order-contain .order-box .product-order-detail .order-wrap .product-size {
    padding-right: 0
}

#pills-orderhistory .order-contain .order-box .product-order-detail .order-wrap .product-size li {
    width: 100%
}

#pills-orderhistory .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pills-orderhistory .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box h5,
#pills-orderhistory .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
}

/* :end */



/* dashboard */
.dashboard-title {
    margin-bottom: 22px;
}

.dashboard-title h3 {
    font-size: 20px;
    line-height: 1.3;
    position: relative;
    font-weight: 600;
}

#pills-dashboard .dashboard-home .dashboard-user-name h6 {
    font-size: 16px;
    margin-bottom: 10px
}

#pills-dashboard .dashboard-home .dashboard-user-name p {
    margin: 0;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    letter-spacing: 0.3px;
}

#pills-dashboard .dashboard-home .total-box {
    margin: 30px 0;
}

#pills-dashboard .dashboard-home .total-box .totle-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 15px;
    background-color: #fff;
    padding: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 9px;
    -webkit-box-shadow: 0 0 8px rgba(34, 34, 34, 0.08);
    box-shadow: 0 0 8px rgba(34, 34, 34, 0.08);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: 100%;
}

#pills-dashboard .dashboard-home .total-box .totle-contain:hover .img-1 {
    width: calc(84px + (96 - 84) * ((100vw - 320px) / (1920 - 320)));
    -webkit-transform: translateY(-50%) rotate(-7deg);
    transform: translateY(-50%) rotate(-7deg);
    opacity: 0.2;
    right: -19px
}

#pills-dashboard .dashboard-home .total-box .totle-contain img {
    width: calc(54px + (60 - 54) * ((100vw - 320px) / (1920 - 320)))
}

#pills-dashboard .dashboard-home .total-box .totle-contain .img-1 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(78px + (90 - 78) * ((100vw - 320px) / (1920 - 320)));
    position: absolute;
    opacity: 0.12;
    right: -30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

#pills-dashboard .dashboard-home .total-box .totle-contain .totle-detail h5 {
    margin-bottom: calc(3px + (7 - 3) * ((100vw - 320px) / (1920 - 320)));
    color: #4a5568;
    overflow: hidden;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}

#pills-dashboard .dashboard-home .total-box .totle-contain .totle-detail h3 {
    font-weight: 600
}

#pills-dashboard .dashboard-home .dashboard-contant-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)))
}

#pills-dashboard .dashboard-home .dashboard-contant-title h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 20px;
}

#pills-dashboard .dashboard-home .dashboard-contant-title h4 a {
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #a76103;
}

#pills-dashboard .dashboard-home .dashboard-contant-title h4 a:hover {
    color: #a76103;
}

#pills-dashboard .dashboard-home .dashboard-detail h6 {
    margin-bottom: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.6;
    font-size: 14px;
}

#pills-dashboard .dashboard-home .dashboard-detail a:hover {
    color: #a76103;
}




/* Account Details */

.dashboard-profile .profile-detail .profile-name-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 575px) {
    .dashboard-profile .profile-detail .profile-name-detail {
        display: block
    }
}

.dashboard-profile .profile-detail .profile-name-detail h3 {
    font-weight: 400;
    font-size: 16px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 360px) {
    .dashboard-profile .profile-detail .profile-name-detail h3 {
        margin-right: 0
    }
}

.dashboard-profile .profile-detail .profile-name-detail h3 span {
    background: #a76103;
    color: #fff;
    padding: 3px 8px;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 13px;
}

@media (max-width: 575px) {
    .dashboard-profile .profile-detail .profile-name-detail .profile-rating {
        margin-top: 3px
    }
}

.dashboard-profile .profile-detail a {
    padding: 8px 20px;
    position: relative;
    z-index: 0;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
}

@media (max-width: 575px) {
    .dashboard-profile .profile-detail a {
        margin-top: 10px;
    }
}

.dashboard-profile .profile-detail a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #a76103;
    opacity: .08;
    z-index: -1;
}

.dashboard-profile .profile-detail a:hover {
    color: #a76103;
}

.dashboard-profile .profile-detail .location-profile {
    margin-top: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
}

.dashboard-profile .profile-detail .location-profile ul {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10px + (26 - 10) * ((100vw - 320px) / (1920 - 320)));
    -webkit-box-align: center;
    -ms-flex-align: center;
    margin-bottom: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-profile .profile-detail .location-profile ul li {
    display: block;
    padding: 12px 0px;
}

.dashboard-profile .profile-detail .location-profile ul li .location-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5568
}

.dashboard-profile .profile-detail .location-profile ul li .location-box .feather {
    width: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
    height: auto;
}

.dashboard-profile .profile-detail .location-profile ul li .location-box h6 {
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-profile .profile-detail .profile-description p {
    margin: 20px 0 0;
    color: #4a5568;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.6;
}

.dashboard-profile .profile-about {
    margin-top: 20px;
}

.dashboard-profile .profile-about .table {
    margin-bottom: 36px
}

.dashboard-profile .profile-about .table tbody tr td {
    vertical-align: middle;
    border: none;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    white-space: nowrap;
}

.dashboard-profile .profile-about .table tbody tr td:first-child {
    color: #4a5568;
}

.dashboard-profile .profile-about .table tbody tr td a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dashboard-profile .profile-about .table tbody tr td a:hover {
    color: #a76103;
}

.dashboard-profile .profile-about .table tbody tr td a span {
    margin-left: calc(8px + (20 - 8) * ((100vw - 320px) / (1920 - 320)));
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
    font-weight: 600;
    overflow: hidden;
    z-index: 0
}

.dashboard-profile .profile-about .table tbody tr td a span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #a76103;
    opacity: 0.08;
    z-index: -1
}




.profile-box {
    position: relative
}

.profile-box .cover-image {
    position: relative;
    overflow: hidden
}

.profile-box .cover-image img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 991px) {
    .profile-box .cover-image img {
        height: 120px
    }
}

.profile-box .cover-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #222;
    opacity: .15;
}

.profile-box .cover-image .cover-icon {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    background-color: #fff;
    border-radius: 100%;
    color: #4a5568
}

.profile-box .profile-contain {
    padding: 0 15px
}

.profile-box .profile-contain .profile-image {
    margin: 0 auto;
    text-align: center;
    margin-top: -50px;
    z-index: 1;
    position: relative
}

.profile-box .profile-contain .profile-image img {
    width: calc(93px + (108 - 93) * ((100vw - 320px) / (1920 - 320)));
    height: calc(93px + (108 - 93) * ((100vw - 320px) / (1920 - 320)));
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #f8f8f8;
    border-radius: 100%;
    padding: 5px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 2px 3px 8px rgba(34, 34, 34, 0.32);
    box-shadow: 2px 3px 8px rgba(34, 34, 34, 0.32)
}

.profile-box .profile-contain .profile-image .cover-icon {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 55%;
    z-index: 1;
    background-color: #fff;
    border-radius: 100%;
    color: #4a5568;
}

.profile-box .profile-contain .profile-image .cover-icon i {
    position: relative;
}

.profile-box .profile-contain .profile-image .cover-icon i input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    width: 35px;
}

.profile-box .profile-contain .profile-name {
    margin-top: calc(10px + (13 - 10) * ((100vw - 320px) / (1920 - 320)));
    text-align: center;
    padding-bottom: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
    border-bottom: 1px solid #ddd
}

.profile-box .profile-contain .profile-name h3 {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    letter-spacing: 0.7px;
}

.profile-box .profile-contain .profile-name h6 {
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-top: 4px;
}

.profile-box .profile-contain .profile-name h6 span {
    margin: 0 8px
}

.login-register-wrapper p a {
    color: #a76103;
}

.sendotp {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
    background: #f5f5f5;
    padding: 20px;
}

.log-in-box {
    background-color: #f8f8f8;
    padding: calc(16px + (50 - 16) * ((100vw - 320px) / (1920 - 320)));
    border-radius: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.order-contain h1, .order-contain h2, .order-contain h3, .order-contain h4, .order-contain h5, .order-contain h6 {font-family: inherit;}

/* otp section */
.otp-section,
.forgot-section {
    padding: 50px 0px;padding-top: 200px;
}
.otp-section .inputs input {
    margin: calc(2px + (8 - 2) * ((100vw - 320px) / (1920 - 320)));
    border: none;
}

.header-cart {
    display: block;
    justify-content: space-between;
}
.checkout-form .btn {
    background: #a76103;
}
.map {
    margin: 30px 0px;
}
.cart-table img {
    width: 60px;
}

.products {
    padding-top: 170px;
    background: #fff;
}
.product-details-images {position:sticky; top:200px;}
.product-details-images .gallery-thumbs {bottom: 0;}
.products .swiper-slide {padding: 0px;margin: 0px;}
.cart-table table tbody tr td.product-detail .product {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    gap: 10px;
}

.order-invoice {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.order-invoice a {
    display: block;
    padding: 4px 20px;
    font-size: 18px;
    height: auto;
    line-height: 40px;
}

.order-invoice .invoice-print a {
    background: #a76103;
    color: #fff;
}

.order-table {
    margin-top: 50px;
}

.checkout-order .checkout-order-table tfoot tr {
    border-top: 1px solid #000;
    border-color: #000;
}

.summery-box .summery-contain li {
    padding: 4px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.summery-box .summery-contain li h4 {
    font-size: 15px;
    color: #000;
}

.summery-contain p:last-child {
    margin-bottom: 1rem;
}

.track-order a {
    color: #a76103;
    border: 1px solid;
    padding: 5px;
    border-radius: 5px;
}

.order-table .product-detail li {
    color: #000;
}

.order-table p {
    color: #000;
}

@media (max-width:768.98px) {
    .login-register-wrapper {
        width: 300px;
        margin: auto;
    }

    .page-banner {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .section-padding-02 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

}

@media (max-width:425.98px) {
    #pills-orderhistory .order-contain .order-box .product-order-detail .order-image img {
        width: 100%;
    }

    .section-padding-02 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .single-product.product-list .product-content {
        padding: 25px 10px;
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', sans-serif;
}

/* category section */
.category-section .cate-name {
    text-align: center;
}

.category-section .cate-product {
    display: block;
    gap: 10px;
    align-items: center;
    margin-bottom: 30px;
}
.category-section .cate-product .cate-img:hover img {scale: 1.01;}
.category-section .cate-product .cate-img img { transition: all 1s;
    width: 100%;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 0px;
    background: #fff;
}

.category-section {
    padding-bottom: 30px;
}

.category-section h2 {
    font-size: 40px;
    padding: 20px 0px;
}

.category-section .cate-name a {
    font-size: 20px;
}

/* testimonials */
.product-share .swiper-slide{background: #a76103;padding: 0px;border-radius: 8px;overflow: hidden;}
.product-share .single-product .product-content p {color: #fff;}
.product-share .single-product .product-image {overflow: hidden;}
.testi-content {padding: 15px;}
.product-share .single-product {margin-top: 0px;}


/* feedback */
.feedback .swiper-slide{background: #a76103;padding: 0px;border-radius: 8px;overflow: hidden;}
.feedback .single-product .product-content p {color: #fff;}
.feedback .single-product .product-image {overflow: hidden;}
.testi-content {padding: 15px;}
.feedback .single-product {margin-top: 0px;}
.feedback .single-product .product-content .product-title {
    margin-top: 10px;
    color: #fff;
    text-align: center;
}


/* category section */
.choose-section .cate-name {
    text-align: center;
}

.choose-section .cate-product {
    display: block;
    gap: 10px;
    align-items: center;
    margin-bottom: 30px;
}

.choose-section .cate-product .cate-img img {
    width:100px;
    border: 1px solid #7c4700;
    border-radius: 50%;
    background: #a76103;
    padding: 20px;
    margin-bottom: 10px;
}
.cate-img {
    text-align: center;
}

.choose-section {
    padding-bottom: 30px;
}

.choose-section h2 {
    font-size: 40px;
    padding: 20px 0px;
}

.choose-section .cate-name a {
    font-size: 16px;
}

/*  */

.swiper-slide {
    padding: 5px;
    margin: 20px 0px;
    height: 100%;
}


/* offerslide */
.offers a img, .oneoffer  {transition: all 1s;}
.offers a:hover img {scale: 1.05;}
.offer-slide {
    /* background: #fff; */
}

.offer-slide .single-product .product-image {
    width: 350px;
    transition: all 1s;
}
.offer-slide .single-product .product-image:hover img {scale: 1.1;}

.offer-slide .single-product {
    display: flex;
    gap: 20px;
    margin-top: 15px;
}

.offer-slide .single-product .product-content .product-category a {
    color: #000;
    padding: 10px 0px;
    display: block;
}

.offer-slide .single-product .product-content .product-price span.old-price {
    color: #000000;
}

.offer-slide .product-price {
    margin-top: 20px;
}

.offer-slide .single-product .product-content .product-title a {
    font-size: 24px;
}

.offer-slide .single-product .product-content .product-action .action {
    color: #000000;
    font-size: 22px;
}

.offer-slide .swiper-slide {
    padding: 30px 10px;
}

.footer-account {
    display: none;
}

.product-cart a {
    background: #a761038f;
}
.single-info a:hover {color: #ff9200;}