@import 'https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Pacifico&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Poiret+One&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Oleo+Script+Swash+Caps:wght@400;700&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap';

@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
/*font-family: 'Pacifico', cursive;*/

@import url('https://fonts.googleapis.com/css2?family=Sansita:wght@400;700;800&display=swap');
/*font-family: 'Righteous', cursive;;
font-family: 'Pacifico', cursive;*/

body {
    font-family: open sans, sans-serif;
    font-size: 16px;
    color: #b4b4b4;
    font-weight: 400;
    background:#f5fafc;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth 
}

/*body::-webkit-scrollbar {width:2px}

body::-webkit-scrollbar-track {background-color:#fff}

body::-webkit-scrollbar-thumb {
background-color:#ffbc2c;
border:1px solid #ffbc2c;
border-radius:10px
}
body::-webkit-scrollbar-thumb:hover {
background-color:#fff
}*/
* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px
}

.about_content{width: 100%;}

.about_content p{text-align: justify;}
.about_content h3{color: #434342; font-size: 22px; font-weight: 600;}
.about_content h2{color: #434342; font-weight: 600; line-height: 1.5; position: relative; font-size: 27px;
}

/*==========================01/08/24===open===================*/
.about_content h4 {color: #434342; font-weight: 600; font-size:16px;}
.about_content ul{list-style: none; margin: 0 0 20px 20px; padding: 0;}
.about_content ul li{list-style: disc; margin: 0px 0px 10px 0px; padding: 0px; font-size: 14px; color:#4c4b4b;}
.about_content h5 {color:#1b1b1b;font-weight: 600;font-size:14px;}

.founder_text h2{font-size: 35px;
    line-height: 45px;
    color: #333;
    letter-spacing: .03em;
    margin: 0;
    font-weight: 500; text-align: center;}


.founder_section{
  position: relative;
  padding:60px 0 40px 0; border-bottom: solid 1px #ebeaea;
}
.founder_section p{font-size: 18px; font-style: italic; line-height: 30px;}

.founder_section .sec-title{
  margin-bottom: 10px;
}
.sec-title h2{color: #434342; font-size: 25px;}




.founder_section .content-column{
  position: relative;
  margin-bottom:0px;
}

.founder_section .content-column .inner-column{
  position: relative;
  padding-right: 30px;
}

.founder_section .text{
  margin-bottom: 20px; 
  color: #333; text-align: justify;
}

.founder_section .text h4{color: #434342; font-weight: 600; font-size:16px;}


.founder_section .list-style-one{
  margin-bottom: 45px;
}

.founder_section .btn-box{
  position: relative;
}

.founder_section .btn-box a{
  padding: 15px 50px;
}

.founder_section .image-column{
  position: relative;
}

.founder_section .image-column .text-layer{
    position: absolute;
    right: -110px;
    top: 50%;
    font-size: 325px;
    line-height: 1em;
    color: #ffffff;
    margin-top: -175px;
    font-weight: 500;
}

.founder_section .image-column .inner-column{
  position: relative;
  padding-right: 80px;
  padding-bottom: 0px;
  padding-top: 60px;
}
.founder_section .image-column .inner-column .author-desc{
    position: absolute;
    bottom: 16px;
    z-index: 1;
    background:#ffc753;
    padding: 10px 15px;
    right: 112px;
    width: calc(100% - 152px);
    border-radius: 50px;
}
.founder_section .image-column .inner-column .author-desc h2{
    font-size:16px;
    letter-spacing: 1px;
    text-align: center;
    color: #000;
    margin: 0;
    font-weight: 600;
}
.founder_section .image-column .inner-column .author-desc span{
    font-size: 14px;
    letter-spacing:0px;
    text-align: center;
    color: #000;
    display: block;
    font-weight: 500;
}
.founder_section .image-column .inner-column:before{
    content: '';
    position: absolute;
    width: calc(55% + 80px);
    height: calc(100% + 60px);
    top:0px;
    right: 0px;
    background:#e9e9ef;
    z-index: 0;
    border:5px solid #e9e9ef;
}

.founder_section .image-column .image-1{
  position: relative;
}
.founder_section .image-column .image-2{
  position: absolute;
  left: 0;
  bottom: 0;
}

.founder_section .image-column .image-2 img,
.founder_section .image-column .image-1 img{
  box-shadow: 0 30px 50px rgba(8,13,62,.15);
border-radius: 10px; max-width: 100%; border: solid 1px #efefef;
}

@media (max-width: 768px) {

/*.welcome_outer_box { min-width: 150px; max-width: 150px; padding: 5px 10px 0px 10px; margin-bottom: 20px;}
.welcome_outer_box img {max-width: 78%;}*/

#footer .footer-top {padding: 0px 0 0px!important;}
/*.welcome_outer_box h2{ font-size: 10px; font-weight: 500; }*/

 .founder_section .image-column .image-1 {
    text-align: center;
}
.founder_section .image-column .inner-column { padding-right:0px;  padding-bottom: 0px;
}
.founder_section .image-column .inner-column:before { display: none;
}
.founder_section .image-column .inner-column .author-desc {
     
    left: 0px; 
    width: calc(100%);
    
}
.founder_section {
    position: relative;
    padding:20px 0px;
}
.founder_section .image-column { 
    margin-bottom: 40px;
}
.founder_section .content-column .inner-column {padding-right: 0px !important;}

.about-section2 { 
    margin:20px auto 0 !important;
  }
.team_img { text-align: center; }



}



/*=========================01/08/24-end====================*/
















.color-plate-wrapper {
    margin-top: 8px;
    margin-bottom:10px
}
.color-plate-wrapper span {
    margin-bottom: 8px;
    display: block;
    font-size: 17px;
    font-weight: 600
}
.color-plate-wrapper ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: -8px;
    margin-left: -8px
}
.color-plate-wrapper ul li {
    display: inline-block;
    margin-left: 8px;
    margin-top: 8px; border-radius: 100%;
}
.color-plate-wrapper ul li a {
    width: 25px;
    height: 25px;
    display: block;
    line-height: 25px;
     
    color:#bfbfbf;
    text-align: center;
    font-size: 15px;
    font-weight: 600; 
}
.color-plate-wrapper ul li a:hover {
    
    color:#9c0805 
}
.color-plate-wrapper ul li.active a {
    color: #9c0805;
    border: 3px solid #ae0202;
    border-radius: 50%;
}




.chary {
    background-color:#5e1a19;
}
.red {
    background-color: #ff4136;}
.blue {
    background-color: #0074d9;
}
.silver {
    background-color: #cdcdcd;
}
.pink{background:#f0c2d5;}



.ISksQ2 {
    /*cursor: pointer;*/
    display: inline-block;
}
._5OesEi.VWRXZO {
    margin-bottom: 6px;
    font-size: 13px;
}
.HDvrBb {
    display: inline-block;
    vertical-align: middle;
}

._1Quie7 {
    padding: 2px 7px;
    border-radius: 14px;
    font-size: 16px;
    background-color: #26a541;
    vertical-align: baseline;
}
.XQDdHH {
    line-height: normal;
    display: inline-block;
    color: #fff;
    padding:4px 4px 4px 6px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    vertical-align: middle;
    background-color: #388e3c;
}
._5OesEi .Wphh3N {
    padding-left: 8px;
    font-weight: 500;
    color: #626262;
}
.+7y5uw {
    height: 12px;
}

.Rza2QY {
    margin:-5px 0 0 2px;
    height:12px;
}


.review-title {
    position: relative
}
.review-title .rating {
    display: inline-block
}
.review-title .rating .bx.bxs-star {
    color: #ffba0a
}
.review-title .rating i {
    color: #ebebeb;
    font-size: 16px;
    margin-right: -1px
}
.review-title p {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 5px;
    line-height: initial;
    position: relative;
    top: -2px
}
.review-title .default-btn {
    position: absolute;
    right: 0;
    bottom: 0
}
.review-comments {
    margin-top: 35px
}
.review-comments .review-item {
    margin-top: 30px;
    position: relative;
    border-top: 1px dashed #eee;
    padding-top: 30px
}
.rating .bx.bxs-star {
    color: #ffba0a
}
.rating i {
    font-size: 17px;
    color: #ebebeb;
    margin-right: -1px
}

.review-item{display: block;
    position: relative;
    padding: 16px;
    margin: 10px;
    min-height: 270px;
    background-color: white;
    color: #333333;
    border: none;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);}

.review-item span {
    margin-bottom: 10px;
    font-size: 15px;
    display: block
}

.review-item span strong {
    font-weight: 500; color: #979393;
}

.review-item p {
    margin-bottom: 0
}
 


.review-slides.owl-theme .owl-nav {
    margin-top: 0
}
.review-slides.owl-theme .owl-nav [class*=owl-] {
    color: #87a1c1;
    font-size: 20px;
    margin: 0;
    padding: 0;
    background: 0 0;
    width: 50px;
    height: 50px;
    line-height: 48px;
    position: absolute;
    left:-50px;
    -webkit-transition: .5s;
    transition: .5s;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    visibility:visible;
    border-radius: 50%;
    border-style: solid;
    border-color: #e3e4ef;
    border-width: 1.5px
}
.review-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: -50px;
}
.review-slides.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #f53f85;
    color: #fff;
    border-color: #f53f85
}
.review-slides.owl-theme:hover .owl-nav [class*=owl-] {
    left: -30px;
    opacity: 1;
    visibility: visible
}
.review-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next {
    left: auto;
    right: -30px
}


.review h2{ text-align: center; font-family: Arial; font-size: 18px; font-weight: bold; }

.rate-input {
    direction: rtl
}
.rate-input input {
    display: none
}
.rate-input label {
    margin-left: -2px;
    margin-right: -2px;
    color:#9f9b9b !important;
    font-size: 18px !important
}
.rate-input label:hover, .rate-input label:hover~label, .rate-input input:checked~label, .rate-input:hover>input:checked~label {
    color:#ffba0a !important
}
 
.rate-input label:hover, .rate-input label:hover~label, .rate-input input:checked~label, .rate-input:hover>input:checked~label {
    color: #f38244;
}
.review-form h3 {
    color: #212529;
    text-decoration: none;
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 600;
    font-family: arial;
    margin-top: 10px;
}

.default-btn{border-radius: 30px;
    border: 1px solid #1538d8;
    text-decoration: none;
    background:#1538d8;
    color: #fff;
    padding: 8px 20px;
    font-size: 15px;
    /* margin-right: 25px; */
    transition: all ease-in 5.ms;
    cursor: pointer;
    text-align: center;
    display: block !important;
    margin: 10px 0px;}
.default-btn:hover {
    background:#333; border: solid 1px #333;
    color: #fff
}
.pro-details-review p {
    color: #444;
    font-size: 15px;
    margin: 0 0 29px;
}
.pro-details-review p span {
    font-size: 18px;
    font-weight: 700;
    color: #4e97fd !important;
}
.review-name {
    margin: 0 0 0 18px;
}
.review-name h6 {
    font-size: 14px;
    font-weight:600;
    margin: 0; color: #000;
}

.products-size-wrapper {
    margin-top: 8px;
    margin-bottom:10px
}
.products-size-wrapper span {
    margin-bottom: 8px;
    display: block;
    font-size: 17px;
    font-weight: 600
}
.products-size-wrapper ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: -8px;
    margin-left: -8px
}
.products-size-wrapper ul li {
    display: inline-block;
    margin-left: 8px;
    margin-top: 8px
}
.products-size-wrapper ul li a {
    width: 38px;
    height: 38px;
    display: flex;
    line-height:37px;
    border:1px solid #1538d9;
    color:#1538d9;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    font-weight:700; 
    border-radius: 100%;
}
.products-size-wrapper ul li a:hover {
    border:1px solid #1538d9;
    color:#9c0805 
}
/* .products-size-wrapper ul li.active a {
    border:1px solid #1538d9;
    color:#1538d9   
} */
.products-size-wrapper ul li.active a {
    color: #9c0805;
    border: 1px solid #9c0805;
}



.size-chart { color:#616666;
    text-transform: none;
    display: inline-block;
    position: relative;
    padding-left: 22px;
    line-height: initial;
    font-size: 15px;
    font-weight: 600;
    margin: 9px 0px 9px 30px;
    text-align: left;
    border: 1px solid #fffaf1;
    padding: 6px 10px;
    background:#f6f6f6;
}
.size-chart:hover{ color:#9c0805;
   
}










.jas-cat-content {text-align: center; margin: 10px 0px; overflow: hidden;}

.jas-cat-thumb{border-radius: 100%; height:195px; width: 195px; border:10px solid #9d0b0e; 
    margin: 0 auto  20px auto;  box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 12px; 
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;   }



.jas-cat-thumb img{ border-radius: 100%; max-height: 100%; 
    max-width:195px;
   }

 
.jas-cat-content:hover .jas-cat-thumb {transform: rotateY(180deg);
    /*-webkit-transform: scale(1.1);
    transform: scale(1.1)*/
}





.jas-cat-content h3{font-size: 16px;
    margin: 0px;
    padding: 0px;
    color: #303030;
    font-weight: 600;}





.disclaimer h2{ color:#d5d5d5; font-size: 18px; }
.disclaimer p{ color:#d5d5d5; text-align: justify; font-size: 14px; text-align:center; }
hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid #fff;
    opacity: 0.25;
}
.taxonomy-item {
    border: 1px solid #eaebed;
    border-radius: 50px;
    padding: 5px;
    background: #f5f5f5;
    margin-bottom: 10px;
}

.taxonomy-item:hover {
    background:#ffc753 !important;
}


.taxonomy-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex: 1;
}

.taxonomy-thumb {
    border-radius: 50px;
    min-width: 45px;
    min-height: 45px;
}

.taxonomy-thumb {
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

 .taxonomy-thumb img {
    max-width:60px; padding: 0;
    border-radius: 100%; max-height:60px;
}

 

.taxonomy-title {
    flex: 1 0 auto;
    text-transform: uppercase;
    font-size: 14px;
    font-weight:600;
    color: #1b1b1b;
}

.taxonomy-count {
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    transform: none;
    font-size:14px;
    font-weight: 600;
}

.taxonomy-count {
   width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffd9d9;
    color: #b20808;
    /* position: absolute; */
    right: 0;
    top: 0;
    border-radius: 100%;
}

.taxonomy-item:hover {
    background-color: var(--anarkali-primary);
}
.number22{font-weight: 600; color:#cd2523; font-size: 16px;}

.elementor-14051{background:#001c99; min-height: 55px; display: flex; align-items: center; justify-content: center; text-align: center;
}



.elementor-14051 p{color: #fff; margin: 0; padding: 0px; letter-spacing: 3px;
    text-transform: uppercase;}
.elementor-14051 p a{color: #fff; border-bottom: solid 2px #fff;}



.pt-20{padding-top:30px!important;}
.qu-sec h3{font-weight:600; color:#434342; line-height:1.5; font-size:20px;}

.qu-sec h4{font-weight:600; color:#434342; line-height:1.5; font-size:18px;}

.qu-sec ul{list-style:none; margin:0px 0px 20px 20px; padding:0px;}
.qu-sec ul li{list-style:disc; color:#4c4b4b; font-size: 14px; margin-bottom:10px;}
.qu-sec p{text-align: justify;}
.trending_sec p { 
    text-align: justify;
}


/*==================================review-section=open=======================================*/

.pro-details-rating-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.pro-details-rating-wrap span {
  color: #333;
}

.pro-details-rating-wrap .pro-details-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px 0;
}

.pro-details-rating-wrap .pro-details-rating i {
  color: #fb0;
  font-size: 15px;
}

.pro-details-rating-wrap a {
  display: inline-block;
  font-size: 15px;
  color: #444;
}

.pro-details-review .single-pro-details-review .review-content .review-date-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
 .entry-product-section-heading h2 {
    font-size: 18px !important;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    margin:0 0px 20px 0px;
    padding: 0 0 15px;
    text-transform: none;
    color: #183250;
    position: relative;
}

 
.pro-details-review p {
  color: #444;
  font-size: 15px;
  margin: 0 0 29px;
}

.pro-details-review p span {
  font-size: 18px;
  font-weight: 700;
  color:#e5a834;
}

.pro-details-review .single-pro-details-review {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px;
  padding: 0 0 26px;
  border-bottom: 1px solid #eee;
}

.pro-details-review .single-pro-details-review:last-child {
   
  border-bottom:none;
}
.products-details-tab-content{background: #f6f6f6; padding: 40px; border-radius:20px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


.pro-details-review .single-pro-details-review .review-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70px;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  margin-right: 22px;
}

@media only screen and (max-width: 767px) {
  .pro-details-review .single-pro-details-review .review-img {
    margin-right: 15px;
  }

 

}

.pro-details-review .single-pro-details-review .review-img img {
  width: 100%;
}

.pro-details-review .single-pro-details-review .review-content .review-name-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.pro-details-review .single-pro-details-review .review-content .review-name-rating .review-rating i {
  color: #fb0;
  font-size: 15px;
  margin-right: 1px;
}

 
.pro-details-review .single-pro-details-review .review-content p {
    color: #444;
    font-size: 15px;
    margin: 14px 0 17px;
}

.review-date span {
    color: #b1abab;
    font-size: 15px;
}
.pro-details-review .single-pro-details-review .review-content .review-date-btn .review-btn a {
    display: inline-block;
    font-weight: 500;
    color: #333;
    font-size: 15px; margin-left: 20px;
}
.ratting-form-wrapper {
    background: #fbf9f9;
    padding: 20px;
    margin-bottom: 50px;
}
.pro-details-review .ratting-form-wrapper h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0px 0px 20px 0px; color: #333;
}
.pro-details-review .ratting-form-wrapper .comment-form-rating-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 28px;
}

.pro-details-review .ratting-form-wrapper .comment-form-rating-wrap span {
  font-size: 15px;
  color: #444;
  display: inline-block;
  margin-right: 25px;
}

.pro-details-review .ratting-form-wrapper .comment-form-rating-wrap .comment-form-rating i {
  font-weight: 400;
  font-size: 18px;
  color: #ababab;
}

.pro-details-review .ratting-form-wrapper .rating-form-style form input, .pro-details-review .ratting-form-wrapper .rating-form-style form textarea {
  border: 1px solid #cdcdcd;
  background-color: #ffffff;
  padding: 3px 20px;
  height: 48px;
  padding: 3px 20px;
  border-radius: 26px;
  color: #444;
  margin-bottom: 25px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.pro-details-review .ratting-form-wrapper .rating-form-style form input:focus, .pro-details-review .ratting-form-wrapper .rating-form-style form textarea:focus {
  border: 1px solid #4e97fd;
  background-color: #ffffff;
}

.pro-details-review .ratting-form-wrapper .rating-form-style form input::-webkit-input-placeholder, .pro-details-review .ratting-form-wrapper .rating-form-style form textarea::-webkit-input-placeholder {
  color: #444;
  opacity: 1;
}

.pro-details-review .ratting-form-wrapper .rating-form-style form input::-moz-input-placeholder, .pro-details-review .ratting-form-wrapper .rating-form-style form textarea::-moz-input-placeholder {
  color: #444;
  opacity: 1;
}

.pro-details-review .ratting-form-wrapper .rating-form-style form textarea {
  height: 140px;
  padding: 19px 20px 3px;
  border-radius: 5px;
}

.pro-details-review .ratting-form-wrapper .rating-form-style form .cookies-consent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 27px;
}

.pro-details-review .ratting-form-wrapper .rating-form-style form .cookies-consent input {
  width: auto;
  height: auto;
  margin: 0;
}

.pro-details-review .ratting-form-wrapper .rating-form-style form .cookies-consent p {
  color: #444;
  font-size: 15px;
  margin: 0 0 0 15px;
}

.pro-details-review .ratting-form-wrapper .rating-form-style form .form-submit input {
  width: auto;
  font-weight: 700;
  border-radius:2px;
  height: auto;
  color: #ffffff;
  background-color:#273741;
  border: none;
  padding: 12px 54px 13px;
  margin: 0;
}

.pro-details-review .ratting-form-wrapper .rating-form-style form .form-submit input:hover {
  background-color:#e5a834;
}

.pro-details-mrg-tb {
  margin: 20px 0 50px;
}


.pro-details-review-wrap {
    margin-top: 50px;
}



.product-details-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;  
}
.product-details-social a {
    font-size: 20px;
    display: inline-block;
    margin-right:10px;
    margin-left: 15px;
}

.product-details-social a.facebook {
    color: #567fa9;
}

.product-details-social a.twitter {
    color: #26d0fe;
}

.product-details-social a.linkedin {
    color: #0077b5;
}
.product-details-social a.tumblr {
    color: #35465c;
}
.product-details-social a.envelope {
    color: #dd4b39;
}

/*==================================review-section=end=======================================*/














.move_to_cart{ background:#e5a834; color: #ffff; padding: 5px 10px; }
.move_to_cart:hover{ background:#273741; color: #ffff;}

.quick_view_img {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 520px;
    border: 1px solid #eee; 
    margin-left:0px;
    padding: 20px;
}
.quick_view_img img{max-width: 100%; max-height: 100%;}
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 900px;
    }
}
@media (max-width:768px) {
    
.quick_view_img { 
    height:310px;
    margin-bottom: 20px;
     
}
}
.back a{ display: inline-block; color: #fff;
    font-size:16px;
    font-weight:600;
    border-radius: 3px !important;
    padding:4px 15px 4px 22px !important;
    background: #e5a834;
    border: solid 1px #e5a834;
    float: right; position: relative;
}
.back a:before{position: absolute;
    content: "\f053";
    font-family: 'font awesome\ 5 free';
    font-weight: 900;
    top:6px;
    left:12px;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    font-size:14px;
    color: #fff; }
.back a:hover{background:#273741; border: solid 1px #273741;}




/*==============================faq===open=====================================*/

/*=================blog-page-open=======================================*/

.blog-section {padding: 50px 0; background: #fff; position: relative;}

.blog-box {
  padding: 0;
  margin: 15px auto;
  /*border:1px solid #e7e7e7;*/
  width: 100%;
  background: #fff;
  transition: all .5s ease-out;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  position: relative;
}

.blog-box:hover {box-shadow: 0 0 20px #ccc}

.blog-box .product_img{ height: 320px; display: flex; align-items: center; justify-content: center; }

.blog-box .product_img img {
  max-width: 100%; 
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  border-radius:4px 4px 0px 0px;
}

.blog-content {padding: 10px 10px; text-align: left; min-height:170px;}

.blog-content h2{ font-size: 15px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; line-height: 24px;}

.blog-content h2 a { color: #434342;
   
}
.p_item-price {
    color: #434342;
    display: block;
    padding: 0;
}

.blog-content p{ font-size: 14px; }

.blog-read_more a{
    float: left;
    margin: 10px 0px;
    border-radius:3px;
    padding:7px 20px !important;
    background:#e5a834;
    font-size: 13px;
    font-weight: 600;
    border:solid 1px #e5a834; 
    color: #fff;
}

  
.blog-read_more a:hover {
    background: #fff;
    color: #e5a834 !important;
    border: solid 1px #e5a834;
}
 
 
.news_details_content_area h2 {
    padding-top: 30px;
    line-height: 30px; 
    color: #333; 
    font-weight:600;
    font-size: 24px;
}
.news_details_content_area p {
    font-size: .9375rem;
    line-height: 26px;
    color: #333;
      
}

.news_details_content_area h3 {
    padding-top: 20px;
    font-weight: 500;
    color: #333;
    font-size: 22px;
}

.recent_news_text h5 a {
    color: #333;
}

.news_details_right_item h3 {
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.ream{ font-size: 13px; font-weight: 600; }
.ream a{color:#e3aa3d !important;}
.ream a:hover{ color:#330066; text-decoration: underline;}

.recent_news_text a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    outline: 0 !important;
    color: #330066;
}


.news_details_right_item {
    background: #FFFFFF;
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.04), 4px 5px 12px rgba(0, 0, 0, 0.04);
    border-radius: 6px;
    padding: 20px 20px 20px 20px;
    margin-bottom: 30px; border: solid 1px #efefef;
}
.news_details_right_item h3 {
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    font-size: 18px; color: #333;
}
.recent_news_item {
    display: flex;
    padding-top: 10px;
    margin-bottom: 20px;
}
.recent_news_img {
    width: 35%; border-radius: 6px;
}

.recent_news_img img{ border-radius: 6px;
}


.recent_news_text {
    padding-left: 10px;
}
.recent_news_text h5 {
    font-weight: 500;
    line-height:22px; font-size: 14px;
}
.recent_news_text h5 a {
    color:#333;
}
.recent_news_text h5 a:hover {
    color:#f3601d; 
}
.recent_news_text p {
    padding-top: 0px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.recent_news_text p i {
    font-size: 6px;
    margin: 0 7px;
    color: #333;
}
.news_tags_area {
    padding-top: 10px;
}
.news_tags_area ul li {
    display: inline-flex;
    margin-right: 10px;
    margin-top: 15px;
}
.news_tags_area ul li a {
    background: #DDDDDD;
    padding: 7px 15px;
    color: var(--black-color);
    font-weight: 400;
    transition: var(--transition);
}
.news_tags_area ul li a:hover {
    background: var(--main-color);
    color: var(--white-color);
}
.news_tags_area ul li a.active {
    background: var(--main-color);
    color: var(--white-color);
}
 
.news_details_content_area img{ max-width: 100%; }

.news_details_content_area ul{margin: 0px 0px 20px 0px; padding: 0px;}
.news_details_content_area ul li i {
    font-size: 10px;
    padding-right: 7px;
    color:#e3aa3d;
    margin-top: 10px; font-size:6px;
}
.news_details_content_area ul li {
    padding-top: 13px; color: #333; font-size:.9375rem; display: flex;
}
 

/*=================blog-page-end=======================================*/
 
.price-range-block {
    margin: 0 20px  20px 20px;
}

 .sliderText{
    width:40%;
    margin-bottom:30px;
    border-bottom: 2px solid red;
    padding: 10px 0 10px 0px;
    font-weight:bold;
}

.ui-slider-horizontal {
    height: .6em;
}
.ui-slider-horizontal {
    margin-bottom: 15px;
    width: 100%;
}
.ui-widget-header {
    background:#601d41;
}
.price-range-value { width: 100%; display: flex; justify-content: space-between; }

.price-range-value input::-webkit-outer-spin-button,
.price-range-value input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

 
.price-range-value input[type=number] {
  -moz-appearance: textfield;
}
.apply_now{ float: right; font-size: 13px; margin: 10px 0px 0px 0px; color:#919191; border:solid 1px #ccc; 
  padding: 2px 10px; border-radius: 3px; }

.apply_now a{ color:#919191; }
.apply_now a:hover{ color:#000; }



.price-range-search {
    width:40.5%; 
    background-color: #f9f9f9; 
    border: 1px solid #6e6666;
    min-width: 40%;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    float: left;
    margin-bottom:20px;
    font-size:16px;
}
.price-range-field{  
  width:30%; 
    min-width: 16%; 
    background-color: #fff;
    border: 1px solid #fff; 
    color: black; 
    font-size: 14px;
    font-weight: 600; 
    border-radius: 5px; 
    height:15px; 
    padding:0 5px; margin: 0px!important;
}
.search-results-block{
    position: relative;
    display: block;
    clear: both;
}
  

.add_to_cart i {
    margin-right:1px;
}
.view-details2 {
    float: left;
    margin:5px 0px;
    position: relative;
}
.view-details2 i {
    margin-right:1px;
}
.view-details2 a {
    border: solid 1px #273741;
    font-weight: 600;
    font-size:12px;
    background:#273741;
    color: #fff;
    border-radius: 3px !important;
    padding:3px 7px !important;}



.add_to_cart {
    float: right;
    margin:5px 0px;
}

.add_to_cart a {
    /* display: inline-block; */
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px !important;
    padding:3px 7px !important;
    background:#e5a834;
    border:solid 1px #e5a834;
}
.add_to_cart a:hover {  background: #fff;
    color: #e5a834 !important;  border: solid 1px #e5a834;}

.accordion h3{font-size: 20px; color:#0e258f; font-weight: 600;}

.accordion {
  width: 100%;
  max-width: 1000px;
  margin:0px auto; 
}
.accordion-item {
  background-color: #fff;
  color: #111;
  margin:0px 0;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.accordion-item-header {
  padding: 0.5rem 3rem 0.5rem 1rem;
  min-height: 3.5rem;
  line-height: 1.25rem;
  font-weight:600;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.accordion-item-header::after {
  content: "\002B";
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}
.accordion-item-header.active::after {
  content: "\2212";
}
.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
  padding: 1rem;
  line-height: 1.5rem;
  border-top: 1px solid;
  border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}


/*==============================faq===end=====================================*/


/*==========================coupon==open=======================*/

.table > :not(caption) > * > * {
    padding: 0.5rem 0rem;
  }

.content_outer{ border: solid 1px #f6f6f6; padding: 20px; }

.content_outer h2{font-size: 20px;}

.content_outer h3{font-size: 18px; color: #434342;}




.welcome2{ border: solid 1px #e7e3e3; padding: 100px 40px; }

.welcome2 h1{ color: #000; font-size: 30px; text-align: center; }
.tf__dashboard_overview_item {
    background:linear-gradient(110deg, #3457f5 60%, #0a27b7 60%);
    border: 1px solid #efeded;
    border-radius: 8px;
    padding: 30px 20px;
    text-align: center;
    margin-top:15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
/*    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
}

.tf__dashboard_overview_item p{color: #fff !important; }



.tf__dashboard_overview_item .icon {
    width: 80px;
    height: 80px;
    border: 1px solid #efeded;
    border-radius: 8px;
    padding: 20px;
    margin: 0 auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_overview_item h4 {
    font-weight: 600;
    font-size: 48px;
    margin: 17px 0px 10px 0px;
    color:#2440c0;
}

.tf__dashboard_overview_item p {
    font-weight: 700;
    font-size:18px !important;
    color:#fff;
    text-transform: none;
}
.dashboad_icon{text-align: center; width:60px; height: 60px; border-radius: 100%; margin: 0 auto; 
    background: #fff; padding: 10px; border: 1px solid #e2e2e2; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.dashboad_icon img{ max-width:100%; }







.abailable_coupons{ 
    text-align: right; 
    margin:-30px 0px 20px 0px; 
    color: #000; 
    font-size: 12px; 
    display: block; float: right; 
    
}

.abailable_coupons span{ 
    text-align: right; 
    margin: 12px 0px; 
    color:#c50505; 
    font-size: 10px; 
    border-radius: 30px; 
    border: solid 1px #e7e7e7; 
    padding:4px 20px;
    background:#fff;
    font-weight:600; 
    text-transform: uppercase; cursor: pointer;
}




.coupon2 {
  width:  100%;
  min-height: 90px;
  border-radius: 10px;
  overflow: hidden;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  display: flex;
  align-items: stretch;
  position: relative;
  text-transform: uppercase; 
  margin-bottom: 20px;
}
.coupon2::before,
.coupon2::after {
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
}

.coupon2::before {
  left: 0;
  background-image:radial-gradient(circle at 0 50%, transparent 6px, #092dc7 5px);
}

.coupon2::after {
  right: 0;
  background-image: radial-gradient(
    circle at 100% 30%,
    transparent 70px,
    #092dc7 26px
  );
}
.center_mar{ margin: 5px 0px;}

.coupon2 > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width:80px;
}

.center2 p{ color: #fff !important; text-align: center !important;
    font-size: 11px !important;
    line-height:14px !important;
    text-transform: none; margin:5px 5px;
  }
.apply2 a{font-size: 12px; color: #333; font-weight: 600; border: solid 1px #ccc; 
    border-radius: 30px; padding:3px 10px;}

.left2 {
  width:32px !important;
  border-right: 2px dashed rgba(0, 0, 0, 0.13);

}
.left2 div {
  transform: rotate(-90deg);
  white-space: nowrap;
  font-weight: bold; 
  color: #fff !important; 
  font-size:11px;
}

.center2 {
  flex-grow: 1;
  text-align: center;
}

.right2 {width: 32px;
    background-image: radial-gradient( circle at 100% 50%, transparent 8px, #fff 8px );
}
.right2 div { font-size:20px !important;
    font-weight: 600;
   /* transform: rotate(-90deg);*/
    color:#464646;
    /*font-family: 'Libre Barcode 128 Text', cursive;*/
  

}

.center2 h2 {
  background:#273741;
    color: gold;
    padding: 2px 6px;
    font-size: 14px;
    white-space: nowrap;
    font-weight: 700;
}

.center2 h3 {font-size: 12px;
    margin: 0px;
    padding: 0px;
    color: #fff;
    font-weight: 600;
}
.center2 small {
      font-size:10px;
    font-weight:700;
    letter-spacing: 0px;
    color: #fff; 
    line-height:10px !important;
}

@media screen and (max-width:500px){
.view-details2 {float: none; }
.add_to_cart {float: none;}

.coupon2 { width: 100%;
   /* display:grid;
    grid-template-columns:1fr;*/
  }
  /*.left2 div {
    transform: rotate(0deg);
  }
  .right2 div {
    transform: rotate(0deg);
    
  } */
}



/*==========================coupon==end=======================*/

 


 
.multi-steps > li.is-active ~ li:before, .multi-steps > li.is-active:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 700;
}
.multi-steps > li.is-active ~ li:after, .multi-steps > li.is-active:after {
  background-color: #e1e1e1;
}

.multi-steps {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 30px;
}
.multi-steps > li {
  counter-increment: stepNum;
  text-align: center;
  display: table-cell;
  position: relative;
  color:#000; font-size: 14px;
}
.multi-steps > li:before {
  content: "";
  content: "✓;";
  content: "𐀃";
  content: "𐀄";
  content: "✓";
  display: block;
  margin: 0 auto 4px;
  background-color:#d9d9d9;
  width: 36px;
  height: 36px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  border-color:#d9d9d9;
  border-radius: 50%;
  color:#5a5a5a; z-index: 1000; position: relative;
}
.multi-steps > li:last-child:after {
  display: none;
}
.multi-steps > li.is-active:before {
  background-color: #fff;
  border-color:#e5a834;
  color: #808080;
  animation: pulse 2s infinite;
  z-index: 1000; position: relative;
}
.multi-steps > li.is-active ~ li {
  color: #808080;
}
.multi-steps > li.is-active ~ li:before {
  background-color: #e1e1e1;
  border-color: #e1e1e1;
  color: #808080; position: relative; z-index: 100;
}

.is-complete {
  background: linear-gradient(to right, #027f00 50%, #e1e1e1 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #e5a834;
  }
  100% {
    box-shadow: 0 0 0 10px #e5a834;
  }
}
@keyframes nextStep {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.progress-bar {
  cursor: pointer;
  user-select: none;
}

.progress-bar {
  background-color: #e1e1e1;
  height: 7px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: calc(50% + 7px);
  width: 100%;
  z-index: 1;
}

.progress-bar--success {
  background-color:#e5a834;
}

.progress-bar__bar {
  background-color:#d9d9d9;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 500ms ease-out;
}
 
 .next_step{ margin: 20px auto; 
    display: block; 
    width: 100px; 
    border: solid 1px #273741; 
    background:#273741;
    font-size: 13px; 
    border-radius:10px; 
    color: #fff; 
    font-weight: 600; 
}






/*======================track_order===css=========================*/

.my-2{ padding:5px 0px; background:#fff; }
.my-2 p{ font-size: 13px; color:#6c6868; margin: 5px 0px; }

.card2{
    margin: auto;
    max-width:450px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media(max-width:768px){
.card{ width: 100%;}
.upper{padding:10px !important;}
}


.upper{
    padding:10px 40px;  
}
.lower{
    padding:10px 40px;
    text-align: center;
}
.heading{
    display: flex;
    align-items: center;
    vertical-align: middle;
}
.heading h5{ color:#212529; }


.heading p{
    margin-bottom: 0;
}
.card2 input{
    border: 1px solid rgba(0, 0, 0, 0.137);
    padding: 0.75rem;
    outline: none;
    width: 100%;
    min-width: unset;
    background-color: transparent;
}
.form-element{
    margin:20px 0;
}

.card2 form .col-3,.col-9,.col-1,.col--11{
    padding: 0;
   
}
.card2 form .col-11{
    padding-left: 10px;
}
.card2 form .col-1{
    display: flex;
    align-items: center;
    color: red;
    font-size: 3vh;
    justify-content: center;
}
#code{
    text-align: center;
}
.card2 form .row{
    margin: 0 ;
}
.card2 hr{
    margin: 0;
    border-top: 2px solid rgba( 0, 0, 0, .1);
}
#input-header{
    color: grey;
}
.invalid{
    color: grey;
    line-height: 1.2;
}
.btn{
    width: 50%;
    background-color: rgb(255, 38, 0);
    border-color:#e5a834;
    color: white;
    padding:8px 0px;
}
.btn:focus{
    box-shadow: none;
    outline: none;
    box-shadow: none;
    color: white;
    -webkit-box-shadow: none;
    -webkit-user-select: none;
    transition: none; 
}
.btn:hover{
    color:#ffa000;
}
.card2 input:focus::-webkit-input-placeholder { color:transparent; }
.card2 input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.card2 input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.card2 input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


/*======================track_order===css==end=======================*/




/*================biling_shipping_page=css====================*/

.billing-shipping-outer {
    min-height: 610px; background: #fff;
}
.login-register-wrap .login-register-form  .login-register-input-style {
    margin: 0 0 10px;
}

.login-register-wrap .login-register-form  .login-register-input-style label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color:#535353;
    margin-bottom: 8px;
}
.login-register-wrap .login-register-form  .login-register-input-style.input-style-white input {
       background-color:#fffcf6;
    border: 1px solid #f3e6ce;
    width: 100%;
}
.input-style input {
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
    height:36px;
    color: #666;
    padding: 3px 10px;
    border-radius: 0px;
    font-size:13px; 
    width: 100%;
}
.login-register-wrap .login-register-form  .login-register-input-style.input-style-white select {
        background-color: #fff7e8;
    border: 1px solid #f3e6ce;
    height: 40px;
    color: #666;
    padding: 3px 20px;
    border-radius:0px;
    font-size: 15px; width: 100%;
}


 
.mb-10 {
    margin-bottom: 10px;
}
.text2 {
    color:#9d0b0e;
    font-size: 14px;
    font-weight: bold;
}

.login-register-wrap input[type="checkbox"] {
    background: #eceff8;
    border: 2px solid #f3e6ce;
    height: 16px;
    width:16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0px;
    font-size: 14px;
    margin-right: 10px;
    top: 5px;
    position: relative;
    color: #737373;
    
}

.login-register-wrap .login-register-title h1 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 21px;
    color: #000;
}

.login-register-wrap {  
    border: 1px solid #f3e6ce;
     
    padding: 20px;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    margin-bottom: 20px;
}



/*================biling_shipping_page==css===end================*/



/*-------- 21. My account style ---------*/
/*.tab-content {
    border: solid 1px #e9e8e8;
    min-height: 312px;
    padding: 20px;
    background: #fbfbfb;
}*/

.product_image{ border:solid 1px #e7e7e7; padding: 5px; float: left; }
.product_image img{ max-width: 80px; }

.product_id{ font-weight:600; font-size: 14px; color:#e5a834; } 
.product_id:hover{ text-decoration: underline; } 
.product_content{ font-size: 14px; color:#333; }
.product_content a{ font-size: 14px; color:#333; }


.welcome h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;  
}
.dashboad_outer{ padding: 40px 0px; }


.form-group label{ font-size: 14px; font-weight: 600; color: #333; }
.form-group p{ background: #d4edda; padding: 10px; color:#4c745c; font-size: 14px; }

.check-btn{ color:#024dbc; font-weight: 600;  border-radius: 2px; border: solid 1px #ccc; padding: 3px 10px; }
.check-btn:hover{ color:#093; }

.user_panel{background:linear-gradient(110deg, #f1f1f1 60%, #f8f8fb 60%); padding: 40px 50px;}
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
          margin-bottom: 20px;
          border-right:1px solid #d8d8d8;
/*          background:#f8f8fb; */
          height:100%;
          /*border: 1px solid #ccc;
          
          box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
}
 
.myaccount-tab-menu a {
  border-bottom: none;
  font-weight: 600;
  font-size:13px;
  display: block;
  color:#3a3a3a;
  padding:10px 15px;
  text-transform: capitalize;
}
.myaccount-tab-menu a i{margin-right:5px;}
.myaccount-tab-menu a:last-child {
  border-bottom: none;
}

.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  color:#1538d9;
    background-color:#f8f8fb;
    border-left: 2px solid #1538d9;
    margin-left: -2px;
/*  color:#072bcf;*/
}

.update{border-radius: 30px;
    border: 1px solid #1538d8;
    text-decoration: none;
    background: #1538d8;
    color: #fff;
    padding: 8px 10px;
    font-size: 15px;
    /* margin-right: 25px; */
    transition: all ease-in 5.ms;
    cursor: pointer;
    text-align: center;
    display: block !important;
    margin: 10px 0px;
    font-weight: 600;
    text-transform: uppercase;
}
.update:hover{ background:#000; color:#fff; border: 1px solid #000; }



.myaccount-tab-menu a i.fa {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

@media only screen and (max-width: 767px) {
  #myaccountContent {
    margin-top: 30px;
  }
}
.form-control:disabled, .form-control[readonly] {
    background-color:#fff; 
    opacity: 1;
}
.form-control { font-size: 14px; }
.form-group input{ margin-bottom: 15px !important; border:1px solid #b3b3b3; padding:10px 20px; }

.welcome{margin-bottom: 20px}
.welcome h2{ font-size: 20px; font-weight: bold;
border-bottom: solid 1px #f1f0f0;
    padding-bottom: 10px;
    font-family: open sans, sans-serif; }


.myaccount-content .welcome p {
  font-size: 15px;
  margin: 0 0 23px;
}

.myaccount-content .welcome p a {
  color: #444;
}

.myaccount-content .welcome p a:hover {
  color: #4e97fd;
}

.myaccount-content .welcome p strong {
  font-weight: 700;
}

.myaccount-content p {
  font-size: 15px;
  line-height: 1.74;
  color: #575757;
}

.myaccount-content p a {
  color: #444;
}

.myaccount-content p a:hover {
  color: #4e97fd;
}

.myaccount-content .account-details-form .account-info label {
  font-size: 15px;
  color: #444;
  margin: 0 0 3px;
}

@media only screen and (max-width: 767px) {
  .myaccount-content .account-details-form .account-info.mb-30 {
    margin-bottom: 15px;
  }
}

.myaccount-content .account-details-form span {
  font-style: italic;
  font-size: 15px;
  color: #444;
  margin: 5px 0 0;
  display: block;
}

.myaccount-content .account-details-form fieldset {
  padding: 1.55em 1.625em 3em;
  border: 1px solid #eee;
  margin: 30px 0 36px;
}

@media only screen and (max-width: 767px) {
  .myaccount-content .account-details-form fieldset {
    padding: 1.55em 1em 3em;
  }
}

.myaccount-content .account-details-form fieldset legend {
  font-size: 18px;
  width: auto;
  float: inherit;
}

.myaccount-content .account-details-form .account-info-btn button {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  background-color: #4e97fd;
  border-radius: 26px;
  padding: 11px 41px 13px;
  border: none;
}

.myaccount-content .account-details-form .account-info-btn button:hover {
  background-color: #e4573d;
}

.myaccount-content.myaccount-address .myaccount-address-wrap {
  margin: 20px 0 0px;
}

.myaccount-content.myaccount-address .myaccount-address-wrap h3 {
  font-size: 25px;
  font-weight: 600;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .myaccount-content.myaccount-address .myaccount-address-wrap h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .myaccount-content.myaccount-address .myaccount-address-wrap h3 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .myaccount-content.myaccount-address .myaccount-address-wrap h3 {
    font-size: 20px;
  }
}

.myaccount-content.myaccount-address .myaccount-address-wrap .myaccount-address-content {
  margin: 20px 0 0;
}

@media only screen and (max-width: 767px) {
  .myaccount-content.myaccount-address .myaccount-address-wrap .myaccount-address-content {
    margin: 14px 0 0;
  }
}

.myaccount-content.myaccount-address .myaccount-address-wrap .myaccount-address-content h4 {
  font-size: 18px;
  font-size: 500;
  margin: 0 0 5px;
}

.myaccount-content.myaccount-address .myaccount-address-wrap .myaccount-address-content p {
  font-size: 15px;
  color: #444;
  line-height: 1.74;
  margin: 0;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
}

.myaccount-table table th,
.myaccount-table .table th {
  padding:8px 5px;
  font-weight: 600;
  background-color: #273741;
  border-bottom: 0;
  font-size: 14px;
  color: #fff;
}

.myaccount-table table td,
.myaccount-table .table td {
  padding:8px 5px;
  /*vertical-align: middle;*/
  border-color: #eee;
  color: #333;
  text-align: left;
}
.invoice{color: #fff; border: solid 1px #e5a834; padding: 2px 6px; background: #e3aa3d; border-radius: 4px; transition: 3s;}

.invoice:hover{color: #fff; background: #273741; border: solid 1px #273741;}


.completed{ color: green !important; font-weight: bold;font-size: 12px !important; }
.canceled{ color: red !important; font-weight: bold; font-size: 12px !important; }

/*-------- Start My Account Page Wrapper --------*/


/** Login 2 start **/
.login-2 .login-2-inner {
   /* z-index: 999;*/
    position: relative;
    min-height: 100vh;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
}

.login-2 .login-2-inner:before {
    content: "";
    width: 35%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/img-2.jpg) top left repeat;
    background-position: center center;
    background-size: cover;
    /*border-radius: 0 30px 30px 0;*/
}

.login-2 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Jost', sans-serif;
}

.login-2 .login-box {
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    background:#273741;
    background-size: cover;
    position: relative;
    max-width:940px;
}

.login-2 .form-section {
    text-align: center;
    padding: 30px 30px;
    background: #fff;
    border-radius: 20px 0 0 20px;
    min-height: 400px;
}

.login-2 .form-section p{
    color: #535353;
    font-size: 16px;
}




.login-2 .form-section p {
    background:#fff6e5;
    padding: 10px;
    color:#4c4c4c;
    font-size: 14px;
}

.login-2 .form-section a {
    text-decoration: none;
    color: #535353;
}

.login-2 .pad-0{
    padding: 0;
}

.login-2 .form-section ul{
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.login-2 .form-section .social-list li {
    display: inline-block;
    margin-bottom: 5px;
}

.login-2 .logo-2 img{
    margin-bottom: 20px;
    height:70px; mix-blend-mode: multiply;
}

.login-2 .form-section .thembo{
    margin-left: 4px;
}

.login-2 .form-section h3 {
    text-align: center;
    margin: 0 0 25px;
    font-size: 20px;
    font-weight:600;
    color: #040404;
}

.enter_otp{font-size: 14px;
    font-weight: 600; color: #444; text-align: left;}

.login-2 .form-section .form-group {
    margin-bottom:7px;
}

.login-2 .form-section .form-box {
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
}

.login-2 .form-section .form-control {
    padding: 10px 25px;
    font-size: 16px;
    outline: none;
    color: #535353;
    border-radius: 50px;
   /* border: 1px solid #f3f3f3;*/
    background:#ffffff;
    height: 50px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.login-2 .form-section button:focus {
    outline: none;
    outline: 0 auto -webkit-focus-ring-color;
}

.login-2 .form-section .terms{
    margin-left: 3px;
}

.login-2 .btn-section {
    margin-bottom: 25px;
    display: inline-block;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.login-2 .btn-section .btn-1 {
     
    border-right: solid 1px #e6e6e6;
}

.login-2 .btn-section .link-btn {
    font-size: 16px;
    float: left;
    /*background: #f3f3f3;*/
    font-weight: 400;
    text-align: center;
    text-decoration: blink;
    line-height: 37px;
    width: 110px;
    color: #505050;
    font-family: 'Jost', sans-serif;
}

.login-2 .btn-section .link-btn:hover{
    color:#9d0b0e;
}

.login-2 .btn-section .active-bg {
    color: #fff; background:#9d0b0e;
}

.login-2 .btn-section .btn-2 {
     
}


.login-2 .form-section .form-check{
    float: left;
    margin-bottom: 0;
}

.login-2 .form-section .form-check a {
    color: #535353;
}

.login-2 .form-section .form-check-label {
    padding-left: 5px;
    font-size: 16px;
    color: #535353;
}

.login-2 .form-section a.forgot-password {
    line-height: 50px;
}

.login-2 .form-check-input:focus {
    border-color: transparent;
    box-shadow: none;
}

.login-2 .form-check-input:checked {
    background-color: #0dcaf0!important;
}

.login-2 .form-section .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 0;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    position: absolute;
    margin-left: -22px;
}

.login-2 .logo{
    display: none;
}

.login-2 .social-list a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    font-size: 19px;
    margin: 2px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

.login-2 .login-box:hover .social-list a {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg
    );
}

.login-2 .social-list a:hover{
    color: #fff;
}

.login-2 .btn-theme {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    color: #ffffff;
    text-transform: capitalize;
    transition: all 0.3s linear;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 50px;
    float: left;
}

.login-2 .btn-theme:hover {
    color: #fff;
}

.login-2 .btn-theme:hover:after {
    transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
    transition: transform 0.4s linear, transform 0.4s linear;
}

.login-2 .btn-theme:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: 7px;
    transform: perspective(200px) scaleX(0.1) rotateX(90deg) translateZ(-10px);
    transform-origin: bottom center;
    transition: transform 0.4s linear, transform 0.4s linear;
    z-index: -1;
    background: #0dcaf0;
}

.login-2 .btn-info:after {
    background:#9d0b0e;
}

.login-2 .btn-lg{
    font-size: 17px;
    padding: 0 50px;
    line-height: 50px;
}

.login-2 .btn{
    box-shadow: none!important;
}

.login-2 .btn-md{
    padding: 0 50px;
    font-size: 15px;
    line-height: 45px;
}

.login-2 .info{
    position: relative;
    width: 320px;
    margin: 0 auto;
    height: 320px;
}

.login-2 .info .box h3{
    font-size:22px;
    font-family: 'Sansita', sans-serif;
    text-transform: uppercase; 
    margin-bottom: 30px;
    line-height: 30px;
    font-weight: 600; letter-spacing: 1px;
    color:#2c2929;
}

.login-2 .info .box {
    position: absolute;
    width: 320px;
    margin: 0 auto;
    height: 320px;
    overflow: hidden;
    padding: 20px;
    border: solid 5px rgb(255 255 255 / 20%);

}

.login-2 .info .box .content2{ background: #ffc753;
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border: solid 1px rgb(255 255 255 / 20%);
    padding:20px 10px;
}

.login-2 .info .box span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
}

.login-2 .info .box span:nth-child(1) {
    transform:rotate(0deg);
}

.login-2 .info .box span:nth-child(2) {
    transform:rotate(90deg);
}

.login-2 .info .box span:nth-child(3) {
    transform:rotate(180deg);
}

.login-2 .info .box span:nth-child(4) {
    transform:rotate(270deg);
}

.login-2 .info .box span:before {
    content: '';
    position: absolute;
    width:100%;
    height: 2px;
    background: #fff;
    animation: animate 4s linear infinite;
}

@keyframes animate {
    0% {
        transform:scaleX(0);
        transform-origin: left;
    }
    50% {
        transform:scaleX(1);
        transform-origin: left;
    }
    50.1% {
        transform:scaleX(1);
        transform-origin: right;
    }

    100% {
        transform:scaleX(0);
        transform-origin: right;
    }
}

.login-2.login-background {
    animation: Gradient 15s ease infinite;
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.login-2.login-background .cube {
    position: absolute;
    top: 80vh;
    right: 200px;
    width: 10px;
    height: 10px;
    border: solid 1px red;
    transform-origin: top left;
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    animation: cube 6s ease-in forwards infinite;
}

.login-2.login-background .cube:nth-child(2n) {
    border-color: #00cad4;
}

.login-2.login-background .cube:nth-child(2) {
    animation-delay: 2s;
    right: 300px;
    border-color: yellow;
    top: 200px;
}

.login-2.login-background .cube:nth-child(3) {
    animation-delay: 3s;
    right: 50%;
    top: 150px;
    border-color: blue;
}

.login-2.login-background .cube:nth-child(4) {
    animation-delay: 4s;
    right: 30%;
    top: 150px;
}

.login-2.login-background .cube:nth-child(5) {
    animation-delay: 5s;
    right: 50%;
    bottom: 150px;
    border-color: black;
}

.login-2.login-background .cube:nth-child(6) {
    animation-delay: 6s;
    right: 10%;
    top: 50%;
    border-color: aquamarine;
}

/* Animate Background*/
@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes cube {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }
    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}

/** Social media **/
.login-2 .facebook-bg{
    color: #4867aa;
}

.login-2 .facebook-bg:hover {
    background: #4867aa;
}

.login-2 .twitter-bg {
    color: #33CCFF;
}

.login-2 .twitter-bg:hover {
    background: #33CCFF;
}

.login-2 .google-bg {
    color: #db4437;
}

.login-2 .google-bg:hover {
    background: #db4437;
}

.login-2 .linkedin-bg {
    color: #2392e0;
}

.login-2 .linkedin-bg:hover {
    background: #1c82ca;
}

@media (max-width: 1200px) {
    .login-2 .form-section {
        padding: 70px 50px;
    }
}

@media (max-width: 992px) {
    .login-2 .form-section h3 {
        font-size: 22px;
    }

    .login-2 .logo-2 img {
        height: 25px;
    }

    .login-2 .form-info{
        width: 100%;
    }

    .login-2 .form-section {
        padding: 60px;
        border-radius: 10px;
    }

    .login-2 .bg-img{
        display: none!important;
    }

    .login-2 .login-box {
        max-width: 500px;
    }

    .login-2 .logo{
        display:inherit;
    }

    .login-2 .login-2-inner:before {
        display: none;
    }

    .login-2.login-background .cube:nth-child(2) {
        right: 100px;
        top: 100px;
    }

    .login-2.login-background .cube:nth-child(3) {
        left: 50px;
        top: 50px;
    }

    .login-2.login-background .cube:nth-child(4) {
        left: 100px;
        top: 350px;
    }

    .login-2.login-background .cube:nth-child(5) {
        left: 100px;
        bottom: 50px;
    }

    .login-2.login-background .cube:nth-child(6) {
        right: 50px;
        top: 5%;
    }
}

@media (max-width: 768px) {
    .login-2 .form-section{
        padding: 50px 30px;
    }
}
/** Login 2 end **/

.login-2 .login-2-inner {
    /*z-index: 999;*/
    position: relative;
    min-height: 100vh;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
}


.btn { background:#002925; }
/*.btn:hover {
    
    background: #273741 !important;
    border-color:#273741;
}*/


.bbb_slider_container{ position: relative; }
 
 
.hover-shine {
    position: relative;
    overflow: hidden;
}


.enquiry { position: relative;
    float: right;
}

.enquiry a {
    border: solid 1px #273741;
    padding: 3px 10px;
    font-size: 13px;
    background:#273741;
    color: #fff;
}
.enquiry a:hover{
    border: solid 1px #e3aa3d;
    background:#e3aa3d;
     
}






/*-------- 16. Cart style ---------*/
.cart_heading h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.CartLineItem__name___3JS5V, .CartLineItem__price___1j-lm {
    font-weight: 600;
    margin-bottom: 4px;
    color:#333;
    font-size: 13px;
}

.button-text{ color:#999794; }

.button-text i{ font-size: 16px; }

.cartLineItem__container {
    border-bottom: 1px solid #fff7ee;
    padding: 10px;
    margin: 0;
    font-size: 12px;
}


.cartLineItem__container:last-child{
    border-bottom: none;
    
}


.cartLinitems {
    background: #fff;
    padding: 5px;
    border: 1px solid #e7e7e7;
     
}

.price_cart {
    color:#333;
    font-size: 18px;
    font-weight: 600;
}

.text-right {
    text-align: right!important;
}
.trash{ border: solid 1px #ccc; 
  width: 34px; 
  height: 34px; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  border-radius: 50%;
  color: #ccc; 
  margin-bottom: 5px; 
  text-align: center;
  font-size: 18px;
}

.trash{ border: solid 1px #c3c3c3;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #646161;
    margin-bottom: 5px;
    text-align: center;
    font-size: 13px;
}


.grand-total-wrap h4 {
    font-weight: 600; color: #333;
}
.product_cart_img{ margin-bottom: 10px; }
.product_cart_img img { max-width:100%;
    
  /*  border: solid 1px #fdf5f5;
    padding: 5px;*/
}
.cart-table-content .table-content {
  border: 1px solid #eee;
}

.cart-table-content .table-content table {
  width: 100%;
}

.cart-table-content .table-content table thead {
  background-color: #f8f8f8;
}

.cart-table-content .table-content table thead > tr th {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  padding: 14px 15px 14px 0;
}

.cart-table-content .table-content table thead > tr th:first-child {
  padding-left: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th:first-child {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th:first-child {
    padding-left: 20px;
  }
}

.cart-table-content .table-content table thead > tr th.width-thumbnail {
  min-width: 130px;
}

.cart-table-content .table-content table thead > tr th.width-name {
  min-width: 356px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-table-content .table-content table thead > tr th.width-name {
    min-width: 250px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th.width-name {
    min-width: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-name {
    min-width: 140px;
  }
}

.cart-table-content .table-content table thead > tr th.width-price {
  min-width: 118px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th.width-price {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-price {
    min-width: 100px;
  }
}

.cart-table-content .table-content table thead > tr th.width-quantity {
  min-width: 187px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th.width-quantity {
    min-width: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-quantity {
    min-width: 140px;
  }
}

.cart-table-content .table-content table thead > tr th.width-subtotal {
  min-width: 107px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th.width-subtotal {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-subtotal {
    min-width: 100px;
  }
}

.cart-table-content .table-content table thead > tr th.width-remove {
  min-width: 101px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table thead > tr th.width-remove {
    min-width: 67px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table thead > tr th.width-remove {
    min-width: 67px;
  }
}

.cart-table-content .table-content table tbody > tr {
  border-bottom: 1px solid #eee;
}

.cart-table-content .table-content table tbody > tr:last-child {
  border-bottom: none;
}

.cart-table-content .table-content table tbody > tr td {
  padding: 30px 0 30px 0;
}

.cart-table-content .table-content table tbody > tr td:first-child {
  padding-left: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content .table-content table tbody > tr td:first-child {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content .table-content table tbody > tr td:first-child {
    padding-left: 20px;
  }
}

.cart-table-content .table-content table tbody > tr td.product-thumbnail a {
  display: block;
}

.cart-table-content .table-content table tbody > tr td.product-thumbnail a img {
  width: 80px;
  border: 1px solid #eee;
}

.cart-table-content .table-content table tbody > tr td.product-name h5 {
  display: block;
  font-size: 15px;
  color: #333;
}

.cart-table-content .table-content table tbody > tr td.product-name h5 a {
  color: #333;
}

.cart-table-content .table-content table tbody > tr td.product-name h5 a:hover {
  color: #4e97fd;
}

.cart-table-content .table-content table tbody > tr td.product-price span, .cart-table-content .table-content table tbody > tr td.product-total span {
  font-size: 15px;
  font-weight: 500;
  color: #4e97fd;
}

.cart-table-content .table-content table tbody > tr td.product-remove a {
  font-size: 15px;
  font-weight: 500;
  color: #696969;
  padding: 0 0 3px;
  display: inline-block;
  border-bottom: 1px solid #eee;
}

.cart-table-content .table-content table tbody > tr td.product-remove a:hover {
  color: #4e97fd;
}

.cart-shiping-update-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  border-bottom: 1px solid #eee;
  padding-bottom: 75px;
  margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper {
    display: block;
    padding-bottom: 40px;
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-shiping-update-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.cart-shiping-update-wrapper .continure-clear-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .continure-clear-btn {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-shiping-update-wrapper .continure-clear-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.cart-shiping-update-wrapper .continure-clear-btn .clear-btn {
  margin-left: 22px;
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .continure-clear-btn .clear-btn {
    margin: 15px 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-shiping-update-wrapper .continure-clear-btn .clear-btn {
    margin: 0px 0 0 12px;
  }
}

.cart-shiping-update-wrapper .continure-clear-btn .clear-btn a {
  font-size: 15px;
  font-weight: 700;
  color: #444;
  display: inline-block;
}

.cart-shiping-update-wrapper .continure-clear-btn .clear-btn a i {
  margin-right: 8px;
  color: #4e97fd;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-shiping-update-wrapper .continure-clear-btn .clear-btn a i {
    margin-right: 4px;
  }
}

.cart-shiping-update-wrapper .continure-clear-btn .clear-btn a:hover {
  color: #4e97fd;
}

.cart-shiping-update-wrapper .update-btn a {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  border-radius: 26px;
  padding: 13px 36px;
  background-color: #4e97fd;
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .update-btn a {
    padding: 10px 20px;
  }
}

.cart-shiping-update-wrapper .update-btn a:hover {
  background-color: #e4573d;
}

/*.coupon-wrap h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 15px;
}

.coupon-wrap .coupon-content p {
  color: #444;
  font-size: 15px;
  margin: 0;
}

.input-style.coupon-content-mrg {
  margin: 23px 0 25px;
}*/

.grand-total-wrap h4 {font-weight: 600; font-size: 16px;}
.coupon-wrap{
    padding:10px 0px;
    margin-bottom:10px; border-bottom:1px solid #fef6ff; }

.coupon-wrap h4 {
  font-size: 12px;
  font-weight:600;
  margin: 0 0;
}

.coupon-wrap h4 i{margin-right:6px; color:#666666}

.coupon-wrap .coupon-content p {
  color: #444;
  font-size: 15px;
  margin: 0;
}

.input-style.coupon-content-mrg {
  margin: 10px 0;  
}
.apply{ float: left; font-weight:500; background:#081a6c; color:#fff; padding:6px 10px; 
  position: absolute; font-size: 14px; line-height: 24px;  }
  .apply:hover{ color: #fff; }






@media only screen and (max-width: 767px) {
  .input-style.coupon-content-mrg {
    margin: 15px 0 20px;
  }
}

.input-style.input-style-mb {
  margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
  .input-style.input-style-mb {
    margin: 0 0 15px;
  }
}

 
.input-style input::-moz-input-placeholder {
  color: #666;
  opacity: 1;
}

.input-style input::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
}

.input-style input:focus {
  background-color: #ffffff;
  border: 1px solid #4e97fd;
}

.cart-collaterals-wrap h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 15px;
}

.cart-collaterals-wrap .collaterals-content p {
  color: #444;
  font-size: 15px;
  margin: 0 0 11px;
}

.cart-collaterals-wrap .collaterals-content p span {
  font-size: 18px;
  font-weight: 700;
  color: #4e97fd;
}

.select-style.select-style-mrg-1 {
  margin-bottom: 30px;
}

.select-style .select2-container--default {
  width: 100%;
  display: block;
}

.select-style .select2-container--default .select2-selection--single {
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  height: 48px;
  color: #666;
  border-radius: 26px;
  font-size: 15px;
  padding: 0;
  -webkit-transition: all .0s ease 0s;
  -o-transition: all .0s ease 0s;
  transition: all .0s ease 0s;
}

.select-style .select2-container--default .select2-selection--single[aria-expanded="true"] {
  background-color: #ffffff;
  border: 1px solid #4e97fd;
}

.select-style .select2-container--default .select2-selection--single span {
  height: 48px;
  line-height: 40px;
  color: #666;
  padding: 3px 20px;
  border-radius: 26px;
}

.select-style .select2-container--default.select2-container--above .select2-selection--single {
  border-top: none;
}

.select-style .select2-container--default.select2-container--below .select2-selection--single {
  border-bottom: none;
}

.select2-container .select2-dropdown {
  border: 1px solid #4e97fd;
}

.select2-container .select2-dropdown.select2-dropdown--below {
  border-radius: 0px 0px 26px 26px;
  border-top: none;
}

.select2-container .select2-dropdown.select2-dropdown--above {
  border-radius: 26px 26px 0px 0px;
  border-bottom: none;
}

.select2-container .select2-dropdown.select2-dropdown--above .select2-search--dropdown {
  margin: 7px 0 7px;
}

.select2-container .select2-dropdown .select2-search--dropdown {
  padding: 0px 20px 0px;
  margin: 0 0 7px;
  position: relative;
}

.select2-container .select2-dropdown .select2-search--dropdown::after {
  content: '\f002';
  font-size: 14px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 40px;
  font-weight: 900;
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  cursor: pointer;
}

.select2-container .select2-dropdown .select2-search--dropdown:hover::after {
  color: #4e97fd;
}

.select2-container .select2-dropdown .select2-search--dropdown > input {
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  height: 40px;
  color: #666;
  padding: 3px 50px 3px 20px;
  border-radius: 26px;
  font-size: 15px;
}

.select2-container .select2-dropdown .select2-search--dropdown > input::-moz-input-placeholder {
  color: #666;
  opacity: 1;
}

.select2-container .select2-dropdown .select2-search--dropdown > input::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
}

.select2-container .select2-dropdown .select2-search--dropdown > input:focus {
  background-color: #ffffff;
  border: 1px solid #4e97fd;
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
  padding: 7px 20px;
  color: #333;
  font-size: 15px;
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  color: #ffffff;
  background-color: #4e97fd;
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected="true"] {
  color: #ffffff;
  background-color: #4e97fd;
}

.continure-btn a,
.common-btn-style a {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  border-radius: 26px;
  padding: 13px 36px;
  background-color: #4e97fd;
}

@media only screen and (max-width: 767px) {
  .continure-btn a,
  .common-btn-style a {
    padding: 10px 20px;
  }
}


.total_saving{ 
/*    background:#fffaf0; padding:6px 20px; */
    display: block; margin: 10px 0px; }
.total_saving h4 {
    font-size:12px;
    font-weight:600;
    margin: 0;
}

.total_saving h4 span {
    float: right;
    font-size:13px;
    color:#009933;
    font-weight: 600;
}





.continure-btn a.common-btn-padding-2,
.common-btn-style a.common-btn-padding-2 {
  padding: 12px 41px;
}

.continure-btn a:hover,
.common-btn-style a:hover {
  background-color: #e4573d;
}

.grand-total-wrap {
  background: #fff;
  border-radius: 5px;
  padding: 10px 20px;
   border-left: 1px solid #e7e7e7;
   height: 100%;
   
}

.grand-total-wrap ul {
  overflow: hidden;
  display: block;
  padding: 0px;
}

.grand-total-wrap ul li {
  font-size:13px;
  color: #444;
  padding:6px 0;
/*  border-bottom: 1px solid #eee;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.grand-total-wrap ul li h4 {
  font-size: 14px;
  font-weight:600;
  color:#333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.grand-total-wrap ul li h4 span {
  margin: 0 5px 0 0;
  font-size:12px;
  color: #444;
  font-weight:500;
}

.grand-total-wrap .grand-total {
  padding:10px 0px;
}

.grand-total-wrap .grand-total h4 {
  font-size: 14px;
  font-weight:600;
  margin: 0;
}

.grand-total-wrap .grand-total h4 span {
  float: right;
  font-size:16px;
  color:#40403f;
  font-weight: 600;
}

.grand-total-wrap .grand-total-btn a {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  border-radius:4px;
  padding: 6px 5px;
  background-color:#326599;
  border: solid 1px #326599;
  text-align: center;
}

.grand-total-wrap .grand-total-btn a:hover {
  background-color: #009933 !important; color: #fff !important; border: solid 1px #009933;
}



.continue-btn a{ background:#009933 !important; color: #fff !important; border:solid 1px #009933 !important; }


@media only screen and (max-width: 767px) {
  .cart-area.pb-35 {
    padding-bottom: 20px;
  }

.banner-top {
    
    position: relative;
    z-index:1 !important;
}
.size-chart {
    margin: 9px 0px 9px 0px;
    
}
.thumb_container { 
    width: 55px !important; 
}
}

/*------------------------cart-page-end-----------------*/





.pull-right{ float: right; }

.covid-update p {
    color: #fff; margin: 0px; font-size: 13px;
}

.covid-update p a {
    background-color:#a76e00;
    font-weight: 500;
    color: #ffffff;
    display: inline-block;
    margin:2px 10px 1px 0;
    border-radius:30px;
    line-height: 20px;

    padding: 1px 12px; border: solid 1px #a76e00;
}
.covid-update p a:hover {
    background-color: #273741;
    border: solid 1px #273741;
}


.contact-area { margin:20px 0px;
    padding:20px 0px 0px 0px;  
}


.single-contact-wrap {padding:0px 0px 15px 0px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin-bottom:10px !important;
     border: solid 1px #fdfbfb;
    padding: 20px 10px; 
    border-radius: 6px; 
    background:#fdfbfb;
}

/*.single-contact-wrap:hover {
  background:#fff7e9; color: #273741;
}
*/
.icon {
    position: relative;
    left: 0;
    top:0px;
    line-height: 1;
    color:#383737;
    font-size:40px;
    float: left;
    margin-right: 10px;
    float: left;
}
.contact_content {
    float: left;
}
.single-contact-wrap h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 1px 0;
    color: #383737;
}
.single-contact-wrap p {
    font-size: 14px;
    color: #383737 !important;
    margin: 0;
}






@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-contact-wrap {
    padding: 35px 20px 40px;
  }
}

.single-contact-wrap h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 1px 0;
}

.single-contact-wrap p {
  font-size:15px;
  color:#858181;
  margin: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-contact-wrap p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-contact-wrap p {
    font-size: 16px;
  }
}






.price{
    font-size:14px; 
    font-weight: 600; 
    display: inline-block; 
    color:#373636; 
    margin-left:0px; 
    margin-right:2px; 
}

.old_price{ text-decoration: line-through !important; font-size:14px; display: inline-block; color:#979393; 
    margin:0px 0px; font-weight: 300; margin-right:2px;}

.color-green {color:#26a541; font-weight: 700; display: inline-block; font-size:14px; }
.p_item-price p{ margin-bottom:5px !important; }

.flower-outer {
    position: relative;
}
.flower-outer img{ /*border-radius: 15px;*/ }


/*.carousel{ margin-bottom: 10px; }*/

.carousel-control-next, .carousel-control-prev {
    width: 2%; margin-left: 3px; margin-right: 3px;}
 .carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
      width:100px !important; 
    height:30px !important;
    background-color:#fff;
    color: #000 !important;  
    box-shadow: 0 0 24px 2px rgb(0 0 0 / 20%); 
}

/*.carousel-control-next-icon{ border-radius:6px 0px 0px 6px;}

.carousel-control-prev-icon{ border-radius:0px 6px 6px 0px;}
*/


.carousel-control-next, .carousel-control-prev {
    opacity:1;  
     
}
.carousel-control-prev-icon:before {
    content: "\eb33";
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    font-size: 30px;
    -webkit-font-smoothing: antialiased; color: #000;
}
.carousel-control-next-icon:before {
    content: "\ebe6";
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    font-size: 30px;
    -webkit-font-smoothing: antialiased; color: #000;
}


 /*.carousel-control-next-icon{border-radius:4px 0px 0px 4px;
    box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3);}

.carousel-control-prev-icon{border-radius: 0px 4px 4px 0px;
    box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3);}
*/
.carousel-inner { /*border-radius: 6px;*/
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 5px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color:#c5c1c1;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity:1;
    transition: opacity 0.6s ease;
}
 
.carousel-indicators .active {
    opacity: 1; background-color:#e3aa3d;
}
.content_section{ padding: 40px 0px; background:url(../images/about_bg.jpg) center center no-repeat fixed; 
    background-size:cover; text-align: center;
  }

.content_section h1{ font-weight: 600; font-size: 30px; color: #000;
    line-height: 40px;
    overflow-wrap: break-word; }

.content_section p{ color: #000000;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    font-style: oblique;

}






.mobile-logo{ width: 100%;  }

.mobile-logo img{ max-width: 100%; }

.banner-top{ background:#ffffff; padding:2px 0px; border-top: solid 2px #1538d9;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05); position: relative; z-index: 1000;}
.logo{ padding: 5px 0px; }
.logo img{ max-width:150px !important; mix-blend-mode: multiply; }

.menue-bg{ background:#f8f8fb; 
/*    box-shadow: 0 0 7px rgba(0, 0, 0, .15);*/
    -webkit-transition: .3s;
    transition: .3s;
   /* box-shadow: 0px 10px 5px -10px #ccc;*/
   /* border-top: solid 1px #f9aa05; */
    margin-bottom:0px; 
    min-height: 40px; }


.offcanvas { position: fixed; background-color: #212e3b;}
.offcanvas h5{margin: 10px 0px; color:#fff;}


/*div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}*/
ul {
    list-style: none;
    margin-bottom: 0
}
p {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color:#1b1b1b;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px
}
p a {
    display: inline;
    position: relative;
    color: inherit;
    border-bottom: solid 1px #ffa07f;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}
a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px
}
p a:active {
    position: relative;
    color: tomato
}
p a:hover {
    color:#ffa000;
    /*background: #ffa07f*/
}
p a:hover::after {
    opacity: .2
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    border: none
}
.clear {
    clear: both
}
.websitelogo {
    width: 30%
}
#offcanvasRight2 {
    background: #fff5f0;
    width: 37%
}
.slider-header-offcanvas {
    border: 1px solid #ffcb99;
    margin: 16px;
    box-shadow: 0 4px 18px #ff6c004d;
    color: #ff8000;
    font-size: 10px
}
.tab-popup {
    width: 100%;
    height: auto;
    align-items: center;
    display: flex;
    text-align: center;
    margin: 0 0 10px
}
.tab-popup button {
    display: block;
    background-color: #fff5f0;
    color: #ff8000;
    border: 1px solid #fc9700a3;
    padding: 8px 0;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    font-size: 12px;
    margin: 2px 4px;
    width: 20%;
    border-radius: 7px;
    text-align: center
}
.tab-popup button:first-child {
    margin-left: 0
}
.tab-popup button:last-child {
    margin-right: 0
}
.tab-popup button:hover {
    background-color: #ff8000;
    color: #fff
}
.tab-popup button.active {
    background-color: #ff8000;
    color: #fff
}
.tabcontent-popup {
    padding: 0;
    width: 100%;
    border-left: none
}
.pp-img-cart {
    width: 120px;
    height: 110px;
    background: #fff;
    border: 1px solid #e5a834;
    border-radius: 5px;
    text-align: center;
    padding: 1em 1em 0
}
.cart-img {
    width: 100%
}
.cart-img img {
    width: 100%;
    height: 100%
}
.list-of-cart {
    background: #fff;
    padding: 5px;
    border: 1px solid #ff800021;
    border-radius: 5px
}
.list-of-cart2 {
    display: flex;
    justify-content: start
}
.cart-deatils {
    margin: 0 15px;
    width: 80%
}
.my-cart-price {
    color: #ff8000;
    font-weight: 600;
    font-size: 20px;
    margin-left: 25px
}
.my-cart-price i {
    font-size: 15px
}
.cart-p-name {
    font-size: 15px;
    color: #434342;
    margin: 0;
    padding: 0;
    margin-right: 10px
}
.buy-now-btn {
    background: #fff5f0;
    border: 1px solid #ffe1ab;
    border-radius: 100px;
    font-size: 10px;
    padding: 3px 7px;
    margin: 15px 0;
    color: #ff8000;
    text-transform: uppercase
}
span.pp-quality-name {
    color: #c5c5c5;
    font-size: 12px;
    font-weight: 300
}
.view-m-cart {
    text-align: center;
    color: #fc7e00;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline
}
.btn-list-cart {
    margin: 0;
    padding: 0;
    list-style: none
}
.btn-list-cart li {
    float: left;
    margin-right: 25px
}
.btn-minus {
    cursor: pointer;
    padding: 6px;
    border: 1px solid #ffca99b2;
    border-radius: 50%;
    margin-right: 4px;
    font-size: 8px;
    color: #ff8000;
    background: #fff5f0;
    display: inline-flex
}
.btn-plus {
    cursor: pointer;
    padding: 6px;
    border: 1px solid #ffca99b2;
    border-radius: 50%;
    margin-left: 5px;
    font-size: 8px;
    color: #ff8000;
    background: #fff5f0;
    display: inline-flex
}
.count {
    font-size: 15px;
    width: 24px;
    text-align: center;
    border: none;
    margin: 0 auto
}
.romove.cart-pop-bottom {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    background: #fff;
    padding: 8px;
    margin: 7px auto;
    box-shadow: 0 2px 8px 2px #b05b0529;
    align-items: center
}
.con-rem {
    width: 50%
}
.con-rem p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    margin-bottom: 0!important
}
.rem-btn-sec {
    width: 50%;
    display: flex;
    align-items: center
}
.remove-cart-btn {
    background: #fff5f0;
    border-radius: 5px;
    color: #ff8000;
    border: 1px solid #f9d89d;
    text-align: center;
    font-size: 11px;
    padding: 6px 10px;
    text-transform: uppercase
}
.remove-cart-btn:hover {
    background: #be2004;
    color: #fff
}
.move-wishlist-btn {
    background: #ff8000;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #f9d89d;
    text-align: center;
    font-size: 11px;
    padding: 6px 10px;
    text-transform: uppercase
}
.move-wishlist-btn:hover {
    background: #198754;
    border: 1px solid #198754
}
.wishlisticon {
    position: absolute;
    top: -2px;
    right: -8px;
    width: 22px;
    height: 21px;
    color: #ff2600;
    font-size: 13px;
    border: 1px solid #ff8000b8;
    border-radius: 10px;
    z-index: 3;
    background: #fff
}
.heart-wish {
    position: absolute;
    top: 2px;
    right: 5px;
    z-index: 2;
    border: 1px solid #ff8000;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    margin-left: 0;
    color: #ff0d24
}
.ordered-pricec {
    color: #a5a5a5;
    font-weight: 600;
    font-size: 14px;
    margin-left: 0
}
.ordered-pricec i {
    color: #a5a5a5;
    font-weight: 600;
    font-size: 12px
}
.cart-checkout {
    display: flex;
    font-size: 12px;
    color: #c7c7c7;
    font-weight: 400;
    margin-right: 10px
}
.cart-checkout i {
    font-size: 7px;
    background-color: #29b574;
    border-radius: 100px;
    border: none;
    width: 15px;
    height: 15px;
    color: #fff;
    margin: 1px 0 1px 4px;
    padding: 4px
}
.cart-order-time {
    font-size: 12px;
    color: #b5b5b5;
    margin: 0 4px
}
.order-btn-sec {
    display: block;
    width: 100%
}
.order-btn-sec ul {
    margin: 0;
    padding: 0;
    float: right
}
.order-btn-sec ul li {
    float: left;
    margin: 0 10px
}
.dileverd-area {
    font-size: 12px;
    color: #b5b5b5;
    margin: 0 4px
}
.devider {
    height: 16px;
    border-bottom: 1px dashed #e9e9e9;
    width: 100%;
    margin: 0 auto 14px
}
.re-order-btn {
    background: #ff8000;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #f9d89d;
    text-align: center;
    font-size: 10px;
    padding: 6px 10px;
    text-transform: uppercase
}
.re-order-btn {
    background: #ff8000;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #f9d89d;
    text-align: center;
    font-size: 10px;
    padding: 6px 10px;
    text-transform: uppercase
}
.rate-btn {
    background: #fff5f0;
    border-radius: 5px;
    color: #ff8000;
    border: 1px solid #f9d89d;
    text-align: center;
    font-size: 11px;
    padding: 6px;
    text-transform: uppercase
}
.top-offer-sec.dark-bg {
    background: linear-gradient(45deg, #1538d9, #1538d9);
    color: #fff;
    padding:2px 0
}
.offer-para {
    font-weight: 100;
    font-size: 15px
}
.close-offer {
    border: 1px solid #3a3838;
    background: 0 0;
    color: #fff;
    border-radius: 100px;
    width: 27px
}
.cuppon {
    color: red;
    font-weight: 500;
    padding: 4px 21px;
    border-radius: 100px;
    box-shadow: 0 0 19px rgb(13 110 253/27%);
    margin: 0 20px
}
.SmoothmyTop {
    background:#1538d8;
    border-radius:6px;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    box-shadow: 0 0 20px rgb(13 110 253/25%);
    bottom:20px;
    right: 7px;
    position: fixed;
    border: 1px solid #1538d8;
    width:37px;
    height:37px;
    transition: all .5s ease-out;
    z-index: 999
}
.slider-outer {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff
}
#demo.carousel-item {
    display: flex
}
.carousel-item {
    max-height:610px; text-align: center;
}
.carousel-item img{ max-width: 100%;
}



.slider-img {
    width: 100%;
    float: right;
    background: linear-gradient(45deg, #fff1d4, #ffd5ac);
    padding: 0
}
.slider-img img {
    max-height: 100%;
    max-width: 100%
}
.cp-with {
    width: 100%;
    text-align: center;
    right: 0!important;
    bottom: auto;
    float: left;
    left: 0!important;
    position: relative!important;
    padding: 0;
    background: #f5f5f5;
    height: 490px
}
.cp-with h3 {
    color: red;
    font-size: 75px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-family: abril fatface, cursive
}
.cp-with p {
    color: #434342;
    font-size: 45px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-family: rubik, sans-serif;
    font-weight: 700
}
.cp-with img {
    height: 100%;
    width: 100%
}
.offer-box {
    display: flex;
    justify-content: space-around;
    text-align: center;
    border: 1px solid #e5e5e5;
    background: #fff;
    width: 90%;
    margin: 10px auto;
    color: #434342;
    align-items: center
}
.off-bb-1 span {
    color: #434342
}
.off-bb-1 h6 {
    color: #434342;
    font-size: 29px;
    font-weight: 500
}
.off-bb-1 h6 span {
    color: #fc7e00
}
.home-slider-control-next, .home-slider-control-prev {
    position: absolute;
    top: auto!important;
    bottom: 38px!important;
    z-index: 1;
    right: 82px;
    display: flex;
    background: #ffc68d!important;
    width: 50px!important;
    height: 50px!important;
    border: 1px solid #fff
}
.home-slider-control-next {
    right: 26px!important
}
.home-slider-control-prev {
    left: auto!important;
    right: 82px!important
}
.line_hr {
    border-bottom: 1px dashed #787878;
    margin: 12px auto;
    padding: 0;
    border-top: none;
    opacity: .25;
    width: 100%!important;
    display: block
}
.pg-heading {
    color: #434342;
    font-size:24px;
    font-weight:600;
    line-height: 1.5; text-align: center; position: relative;
}

  .pg-heading:before {
  content: "";
  display: inline-block;
  border-top: solid 1px #bdbaba;
  width: 50px;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1; 
  margin-left: -70px;

}

.pg-heading:after {
  content: "";
  display: inline-block;
  border-top: solid 1px #bdbaba;
  width: 50px;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;  margin-left:20px;
}

/*.pg-heading span {
  background: #fff;
  padding: 0 20px;
  position: relative;
  z-index: 5;
}*/

.heading-para {
    color: #434342;
    font-size: 14px;
    margin: 0
}
.ViewContent {
    width: 90%;
    height: 22px;
    overflow: hidden;
    margin: 8px auto 0;
    position: relative;
    font-size: 14px;
    color: #434342;
    line-height: 2
}
.ViewContent a {
    color: #000
}
.ViewContent .btAnimate {
    color: #fc7e00;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    padding-left: 5px;
    cursor: pointer
}
.ViewContent .btAnimate::before {
    content: 'Read More..';
    display: inline-block;
    text-decoration: underline
}
.ViewContent.show {
    width: auto;
    height: auto
}
.ViewContent.show .btAnimate {
    position: inherit
}
.ViewContent.show .btAnimate::before {
    content: 'Less'
}
.pp-item-box {
    overflow: hidden
}
.pp-item-box img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}
.pp-item-box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.bbb_image, .item-img, .imgs-show-grid {
    overflow: hidden;
     
}
.bbb_image img, .item-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}
.bbb_image:hover img, .item-img:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.container-custom {
    min-width:93%;
    width: 93%
}




.qu-box {
    background: #fefefe;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 5px;
    margin: 10px 10px 25px;
    text-align: center;
    min-height: 10em
}
.qu-box ._box_icon {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 0 15px #00d2ff29;
    width: 80px;
    padding: 15px 10px;
    height: 80px;
    margin: 10px auto
}
.qu_box_heading {
    color: #282828;
    font-size: 18px;
    padding: 1px 0
}
.qu_box_para {
    color: #ffbf80;
    font-size: 12px
}
.popular-catagories { padding: 30px 0px;
    background: #f5fafc;
     
}

.shop_by_room{ background: #f5fafc;}


.pp-item-box {
    background:#ffffff;
    padding:10px;
    text-align: center;
    /*display: flex;
    flex-direction: column-reverse;
    margin: 10px auto;*/
 
    
    transition: .8s;
    width: 100%;
    position: relative;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 55%), 0 2px 6px 0 rgb(206 206 238 / 44%);
    border-radius: 6px; 
    border:1px solid #e7e7e7;
 

}

.popular-items-img{ 
/*    height:225px; */
    overflow:hidden; 
    margin-bottom:10px;
}
.img_cat {padding: 1px;}
.img_cat img{border-radius: 6px;}


.popular-items-img img { max-width: 100%; border-radius: 6px; 
/*    max-height: 225px;*/
}

/*.pp-item-box img { max-width: 100%;
}*/
.pp-item-box:hover {
    box-shadow: 0 20px 20px #cccccc61
}
.item-name { 
/*  background: #000000a3; */
    color:#323232;
/*  position: absolute;*/
    /*bottom:0px;
    left: 0;*/
    padding: 3px 21px;
    font-size: 18px;
    z-index: 2; 
    font-weight: 600;
}
/*.item-name span {
    height: 28px;
    border-right: 22px solid #ff000000;
    border-left: 0 solid #0000ff00;
    border-top: 27px solid #000000a3;
    border-bottom: 0 solid #ffff0000;
    position: absolute;
    top: 0;
    left: auto;
    right: -22px
}*/
.call_to_action_sec {
    position: relative;
    margin: 10rem 150px 0;
    z-index: 2
}
.call_to_action_sec:after {
    position: absolute;
    content: '';
    background: gray;
    background: linear-gradient(357deg, #fc7e00, #ffdb8e);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    width: 95%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: -1;
    box-sizing: content-box;
    border-radius: 48px 48px 0 0;
    padding: 0 0 13px;
    margin-bottom: 1px
}
.outer-img-show {
    position: relative;
    width: 100%;
    margin-top: -8rem;
    display: flex;
    margin-bottom: 32rem
}
.imgs-show-grid {
    position: absolute;
    border-radius: 20px
}
.imgs-show-grid {
    position: absolute;
    border-radius: 20px;
    right: 0
}
.imgs-show-grid img {
    border-radius: 20px;
    height: 100%;
    width: 98%
}
.list-_ul {
    margin: 0;
    padding: 0;
    float: right
}
.call_source_button a {
    color: #5a5c59;
    font-size: 16px;
    text-decoration: none
}
.call_source_button span {
    margin: 0 27px 0 0
}
.btn-show {
    background: 0 0;
    font-weight: 700;
    color: #434342;
    font-size: 13px;
    border: none;
    width: 115px;
    margin: 0;
    text-align: end;
    display: block;
padding:.5rem;
    align-items: center;
    justify-content: end;
    position: absolute;
    right: 0;
    bottom: -23px;
    z-index: 3;
    top: auto;
    left: auto;
    font-size: 12px
}
.empty-desktop-cart {
    width: 100%;
    text-align: center;
    margin: 5em 0 0
}
.empty-cart-img {
    width: 60%;
    margin: 0 auto
}
.empty-cart-img img {
    width: 100%
}
.con-for-empty-order {
    text-align: center
}
.con-for-empty-order h6 {
    color: #ff8000;
    font-size: 29px
}
.con-for-empty-order p {
    margin-bottom: 0;
    font-size: 17px;
    color: #828282
}
.cart-shop-btn {
    background: #fc7e00;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 6px 26px;
    transition: all .5s ease-out;
    border: 1px solid #fc7e00
}
.cart-shop-btn:hover {
    color: #fc7e00;
    background: 0 0
}
.trending-product-box {
    padding: 0;
    margin: 15px auto;
    /*border:1px solid #e7e7e7;*/
    width: 100%;
    background: #fff;
    transition: all .5s ease-out;
     position: relative;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 55%), 0 2px 6px 0 rgb(206 206 238 / 44%);
    border-radius: 6px; 
    border:1px solid #e7e7e7;
}
.trending-product-box:hover {
    box-shadow: 0 0 20px #ccc
}
 

.trending-product-box .product-action-2 {
  position: absolute;
  left:10px;
  right: 10px;
  bottom: 120px;
  opacity:0;
  visibility: hidden;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  z-index: 10;
}
.trending-product-box:hover .product-action-2 {
  opacity: 1;
  visibility: visible;  
}

.trending-product-box .product-action-2 .wishlist1{  background: #fff;text-align: center; display: flex;
/*  border: solid 1px #ccc;  */
  align-items: center; justify-content: center;
/*   border-radius: 100%; */
  width: 30px; height: 30px; 
  float: left; }

.trending-product-box .product-action-2 .wishlist1 a{color: #000;}

/*.trending-product-box .product-action-2 .wishlist1:hover{background: #c40c0f; border: solid 1px #c40c0f;
}*/
.trending-product-box .product-action-2 .wishlist1 a img{max-width:20px !important;}



.trending-product-box .product-action-2 .wishlist1:hover a{color: #fff;}


.quick-order{ float: left; margin-bottom: 10px;  }


.view-details{ 
    text-align: center; 
  display: inline-flex; 
/*  border: solid 1px #ccc;  */
  /*align-items: center; justify-content: center; 
  border-radius: 100%; */
/*  width: 30px; height: 30px;*/
   float: right; 
   }

.view-details a { 
  color: #000;
  font-size: 14px;
  font-weight:500; 
  border: solid 1px #e6e6e6;
  background:rgba(255,255,255,0.9);
  padding:4px 7px; margin-left: 2px; 
  border-radius: 4px;
  line-height: 24px;
      
}
/*.view-details:hover a{color: #fff;}*/

/*.view-details:hover { border: solid 1px #c40c0f;
   background:#c40c0f;
  color: #fff;
  
} */
.view-details a img{max-width:14px !important;}
 













.bbb_name {font-size: 15px; font-weight: 600; color:#3a3a3a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bbb_category{ 
    color: #535766; 
    font-size: 13px; 
    margin-bottom: 10px; 
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

 



.product_img {
    /*height:378px;*/ 
     margin: 0 auto; display: flex; align-items: center; justify-content: center;  overflow: hidden
}

.product_img img{ margin: auto; max-width: 100%; max-height: 100%; }
 

.trending-product-box img {-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out 
}


.trending-product-box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}




.product__viewBtn {
    cursor: pointer;
    position: absolute; 
    background:#1538d9;
    color: #edf7f6;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    visibility: hidden;
    transition: all 250ms ease-in-out;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; width:120px;
    height: 32px;
    margin:auto; 
    font-size: 13px;  
    font-weight:600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.trending-product-box:hover .product__viewBtn{opacity: 1; visibility: visible;}
.product__viewBtn i{margin-right:5px;}
.close{border-radius: 100%; width: 30px; height: 30px; }



.sale-badge { display: none;
    position: absolute;
    left: 10px;
    top: 10px;
    right: auto;
    background:#201e1e;
    color: #fff;
    height: 20px;
    padding: 0 7px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    
    align-items: center; z-index: 10;
    border-radius: 30px;
}

.sale-percentage {
    position: absolute;
    left: 10px;
    top:10px;
    right: auto;
    background:#2c2c2c;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing:1px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    padding:5px;
    color: #fff;
    border-radius: 50%; 
    height: 40px;
    width: 40px;
    text-align: center;
    box-sizing: border-box;
    line-height: 14px;
}



.product-content {
    padding:2px 0px; text-align: left;
}
.product-content .p_item-name a {
    font-size: 18px;
    color: #434342;
    font-weight: 600; display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-content .p_item-name a:hover {
     
    color:#eb9a00;
     
}




.p_item-price {
     
    color: #434342;
    display:block;
    /*align-items: center;
    justify-content: space-between;*/
    padding: 0
}
.p_item-price span {
    color: red;
    font-size: 14px;
    padding: 0;
    line-height: 2.5;
    margin: 0
}
.p_item-price p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #434342;
    line-height: 1.5
}
.p_item-amount_ {
    color:#201f1e;
    font-size:16px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    /*display: flex;
    align-items: center;
    justify-content: flex-end*/
}
.p_item-amount_ i {
    color:#201f1e;
    font-size:15px;
    font-weight: 600;  
}
.global-price-amount {
    font-size: 25px;
    color: #fc7e00
}
.view_all_btn {
    background:#e3aa3d;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 6px 26px;
    transition: all .5s ease-out;
    border: 1px solid #e3aa3d
}
.see-product-btn {
    background: #fc7e00;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 8px 30px;
    transition: all .5s ease-out;
    border: 1px solid #fc7e00
}
.view_all_btn:hover, .see-product-btn:hover {
    color: #000;
    background: 0 0
}
.float-right-btn {
    float: right
}
.pp2-item-box {
    border-radius: 10px;
    background: #fff;
    margin: 18px 0;
    padding: 0;
    position: relative;
    border: 1px solid #ebebeb
}
.item-img {
    width: 100%;
    height: 300px;
    min-height: 300px;
    border: 1px solid #e9e9e9;
    border-radius: 10px
}
.item-img img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: hidden
}
.pp-name-title {
    font-size: 20px;
    display: block;
    color: #434343;
    padding: 5px 10px
}
.item-content {
    background: #fff;
    padding: 0 10px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.pp-name a {
    color: #434342;
    font-size: 18px;
    text-align: start;
    padding: 5px 0;
    font-weight: 500
}
.pp-price {
    text-align: right
}
.pp-name p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #434342
}
.pp-name span {
    color: #fc7e00;
    font-size: 14px;
    line-height: 1.5
}
.pp-price h6 {
    color: #fc7e00;
    font-weight: 500;
    font-size: 20px
}
.off_badge {
    position: absolute;
    top: 0;
    left: auto;
    right: 10px;
    background: #02cb02;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding: 7px 8px;
    border-radius: 0 0 21px 20px
}
.outer_bg_add {
    background:url(../images/product3-15.jpg) center center no-repeat;
    background-size: cover;
    /*padding:50px;*/
    margin:0px;
    position: relative;
    z-index: 1;  
}
/*.bg-custom:after {
    position: absolute;
    content: '';
    background:#b90609;
    height: 100%;
    width: 200px;
    right: -12rem;
    top: 0
}*/
.outer_bg_add:before{ background:rgb(185,6,9,0.6); top:0; bottom: 0; right: 0; left: 0; height: 100%;
z-index: -1; content: ''; position: absolute; }

.bg-custom2{color: #fff; padding: 50px;
}
 
.bg-custom2 p{color: #fff; font-size: 16px;}

.custom_btn {border: 2px solid #fff;
    padding: 4px 20px;
    text-align: center;
    font-size: 18px;
    background: 0 0;
    color: #2b2a2b;
    transition: all .5s ease-out;
    margin: 10px 0;
    background: #fff;
    border-radius: 30px;
    font-weight: 600;

}
.custom_btn:hover {
    background:#002925;
    color: #fff;
    box-shadow: 0 20px 20px 0 #664d0357
}
.pp-on-sale {
    background: #f2f2f2;
    border-radius: 22px;
    position: relative;
    text-align: center;
    margin: 0 41px 0 0;
    padding:0px 0
}

.pp-on-sale img{ width: 100%;border-radius: 22px; }


.onsale_badge {
    background:#e3aa3d;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    top: 20px;
    right: -37px;
    padding: 5px 15px
}
.offer-text {
    text-transform: uppercase;
    font-size: 18px;
    color: #434342;
    font-weight: 400;
    margin: 0 27px 0 0
}
.offer-text span {
    font-size: 14px;
    text-transform: capitalize
}
.price-sec {
    display: flex;
    align-items: flex-start
}
.amount {
    color: #fc7e00;
    font-size: 20px;
    font-weight: 500
}
.text-cut {
    text-decoration: line-through;
    font-weight: 400;
    color: #ccc
}
.off_badge2 {
    background:#e2a93e;
    border-radius: 23px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 7px 11px;
    margin: 0 10px
}
.qa-list {
    margin: 0;
    padding: 0;
    list-style: none
}
.qa-list li {
    position: relative;
    margin: 10px 0 0;
    padding-left: 30px;
    color:#4c4b4b ;
    font-size: 14px
}
.qa-list li i {
    position: absolute;
    height: 20px;
    width: 20px;
    background:#e2a93e;
    border-radius: 100px;
    top: 5px;
    left: 0;
    right: auto;
    font-weight: 800;
    font-size: 14px;
    color: #fff;
    padding: 3px
}
.slick-slide {
    margin: 0 20px
}
.slick-slide img {
    width: 100%
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.slick-track:before, .slick-track:after {
    display: table;
    content: ''
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block;
    justify-content: space-evenly
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.client-box { 
    background:#fff;
    border-radius:2px;
    padding:20px 20px 20px 20px !important;
    align-items: center;
    height: fit-content;
    position: relative;
    margin: 1rem 1rem;
    background-repeat: no-repeat; border: solid 1px #ebebeb;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.client-box:after {
    display: block;
    content: "";
    width: 6%;
    height: 13%;
    position: absolute;
    top: -2px;
    left: -2px;
    border-top: 5px solid #1465c0;
    border-left: 5px solid #1465c0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.client-box:before {
    display: block;
    content: "";
    width: 6%;
    height: 13%;
    position: absolute;
    bottom: -2px;
    right: -2px;
    border-bottom: 5px solid #1465c0;
    border-right: 5px solid #1465c0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}


.client-comment p {
     
    overflow: hidden;
    overflow-y: auto;
    width: 100%
}
.client-comment p::-webkit-scrollbar {
width:2px
}
.client-comment p::-webkit-scrollbar-track {
background-color:#fff
}
.client-comment p::-webkit-scrollbar-thumb {
background-color:#ffbc2c;
border:1px solid #ffbc2c;
border-radius:10px
}
.client-comment p::-webkit-scrollbar-thumb:hover {
background-color:#fff
}
.client-img {
    border-radius: 10px;
    left: -40px;
    width: 35%;
    height: 170px
}
.client-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}
.client-content {
    /*width: 65%;*/ text-align: center; 
}
.see-product-btn {
    font-size: 12px;
    margin: 10px 0;
    padding: 8px 15px
}
.client-name p {
    font-size:18px;
    color:#101010;
    font-weight: 600;
    margin-bottom: 0
}
.client-comment p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.7em
}
.client-name span {
    font-size: 12px;
    color: #757575;
    font-weight: 200
}
.rating span i {
    color: green;
    background: -webkit-linear-gradient(#efff00, #fc7e00);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px
}
.store_branch {
    background: linear-gradient(to top, #fff6ed 60%, white 40%)
}
.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative
}
.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left
}
.MultiCarousel .MultiCarousel-inner .item {
    float: left
}
.MultiCarousel .MultiCarousel-inner .item>div {
    text-align: center;
    padding: 0;
    margin: 10px;
    background: #f1f1f1;
    color: #666;
    border: 4px solid #fc7e00;
    border-radius: 14px
}
.MultiCarousel .MultiCarousel-inner .item>div img {
    border-radius: 10px
}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
    padding: 6px 10px
}
.MultiCarousel .leftLst {
    left: 0
}
.MultiCarousel .rightLst {
    right: 0
}
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc
}
.MultiCarousel .lead {
    font-size: 1.25rem;
    font-weight: 300;
    background: #fc7e00;
    position: absolute;
    bottom: -19px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 50%;
    border-radius: 100px;
    color: #fff
}
.insta-sec {
    background: url(../image/circlebg.png) top 13px right;
    background-size: auto;
    background-repeat: no-repeat;
    margin-top: 50px
}
.link_text {
    color:#333;
    font-size: 30px; font-weight: bold;
     
}
.insta-image {
    background-size: 100%;
    width: 90%;
    border-radius:20px;
    box-shadow: 0 0 7px #0dcaf029;
    margin: 32px 0
}
.insta-image img {
    width: 100%;
    min-width: 100%;
    height: 100%;
    border-radius:20px
}
.in-img-box1 {
    margin: 67px 0 0;
    width: 99%;
    height: 64%
}
.in-img-box2 {
    margin: 129px 0 0;
    width: 100%;
    height: 310px;
    min-height: 310px;
    max-height: 310px
}
.in-img-box3 {
    margin: -47px 0 0;
    width: 100%;
    height: 100%
}
.in-img-box4 {
    margin: 40px 0 0;
    width: 100%;
    height: 330px;
    min-height: 330px;
    max-height: 330px
}
.insta-image {
    position: relative; 
    display: flex; 
    align-items: center; 
    justify-content: center;



}
.insta-image span {
    background: rgb(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 20px;
    margin:auto;
    text-align: center; color: #fff;
    align-items: center; 
    justify-content: center;  
    font-size: 20px;
    font-weight: 600;  

}
.insta-image span img {
    width: 21%;
    min-width: 21%
}
.insta-image:hover span {
    display: flex;
}
#accordionExample {
    padding: 30px;
    border: 1px solid #d3d3d3;
    max-height: max-content;
    font-size: 14px
}
.accordion-button {
    padding: 10px!important
}
.accordion-item {
    margin-bottom: 20px;
    border: 1px solid #cedde2!important;
    border-radius: 10px!important;
    box-shadow: 1px 2px 13px #dbdbdba1;
    background: #fff;
    width: 100%
}
.accordion-button {
    /*border-radius: 10px!important*/
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

.accordion-button/*:not(.collapsed) */{
    color: var(--bs-accordion-active-color);
    background-color:#fff;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.query-sec {
    background: url(../image/ques-bg.png) bottom left 38px, #ff7200;
    background-size: auto;
    background-repeat: no-repeat;
    color: #fff;
    padding: 40px 28px 0;
    margin: 4rem 0 0 -3rem;
    border-radius: 28px;
    display: flex;
    justify-content: space-between;
    width: 100%
}
.con-info {
    display: flex;
    justify-content: flex-start;
    margin: 3rem 0
}
.icon-2 {
    margin-right: 16px
}
.con-detail p {
    margin: 0;
    padding: 0
}
.con-detail p small {
    font-size: 12px
}
.con-detail h5 {
    font-size: 22px;
    margin: 0;
    padding: 0
}
.query_man {
    margin: -10rem -83px 0 0;
    width: 47%
}
.bottom-content h5 {
    color: #ff7200;
    font-size: 14px
}
.bottom-content h2 {
    color: #ff7200;
    font-size: 16px
}
.bottom-content h3 {
    color: #838381!important;
    font-size: 14px
}
.bottom-content h3 a {
    color: #ff7200!important
}
.bottom-content h4 {
    color: #838381;
    font-size: 14px
}
.bottom-content p {
    font-size: 12px;
    line-height: 1.7;
    font-weight: 400;
    color: #828282;
    text-align: justify
}
.bottom-content p>a {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: #fc7e00;
    text-decoration: none;
    border: none
}
.bottom-content p>a:hover {
    background: 0 0
}
.bottom-content ul {
    list-style-type: disc;
    color: #fc7e00;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}
.bottom-content ul li a {
    display: inline;
    position: relative;
    color: #828282;
    font-size: 12px;
    border-bottom: solid 1px #ffa07f;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}
.PriceTable table tr {
    padding: 4px 8px;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5
}
.PriceTable table td a {
    color: #ff8000
}
.PriceTable table {
    border: 1px solid #ccc
}
.customer_stories {
    background:#fff url(../images/textimonial_bg.jpg) repeat;
    
    padding:20px 0;
}
#footer {
    background:#2c2929;
    padding:40px 0 0;
    color: #adadad;
    font-size: 14px;
    margin: 0rem 0 0
}
#footer .footer-newsletter {
    display: flex;
    background: #fff;
    border-radius: 20px;
    width: 80%;
    margin: -134px auto 0;
    padding: 35px;
    box-shadow: 0 0 9px #00d2ff1f;
    align-items: center
}
#footer .footer-newsletter h4 {
    font-size: 24px;
    margin: 0 0 20px;
    padding: 0;
    line-height: 1;
    font-weight: 600
}
#footer .footer-newsletter form {
    padding: 2px 0;
    position: relative
}
#footer .footer-newsletter form input[type=email] {
    padding: 14px 5px;
    width: calc(100% - 13px);
    border: 1px solid #ccc;
    background: #f7f7f7
}
#footer .footer-newsletter button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: 0 0;
    font-size: 16px;
    padding: 0 30px;
    margin: 2px 0;
    background: #ff7200;
    color: #fff;
    transition: .3s;
    border-radius: 0
}
#footer .footer-newsletter button:hover {
    background: #e6573f
}
#footer .footer-top {
     
    padding:20px 0px 0 
}
#footer .footer-top .footer-info {
    margin-bottom: 30px
}
#footer .footer-top .footer-info h3 {
    font-size: 18px;
    margin: 0 0 20px;
    padding: 2px 0;
    line-height: 1;
    font-weight: 700
}
#footer .footer-top .footer-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: raleway, sans-serif;
    color: #fff
}
#footer .footer-top .social-links a {
    font-size: 16px;
    display: inline-block;
    background:#fff;
    color:#404040;
    line-height: 1;
    padding:6px 0;
    margin-right: 4px;
     border-radius: 4px; 
    text-align: center;
    width: 30px;
    height: 30px;
    transition: .3s;
    border:1px solid #363635;
}
#footer .footer-top .social-links a:hover {
    background:#a50b08;
    color: #fff;
    text-decoration: none
}
#footer .footer-top h4 {
    font-size: 16px;
    font-weight:600;
    color:#d5d5d5;
    text-transform: none;
    position: relative;
    padding-bottom: 12px
}


.payment-links a {
    font-size: 18px;
    display: inline-block;
    background:#fff;
    color: #9d0805;
    line-height: 1;
    padding:2px 0;
    margin-right: 2px;
     border-radius:4px; 
    text-align: center;
    width:52px;
    height: 36px;
    transition: .3s;  border:1px solid #363635;
}
/*.payment-links a:hover {
    background:#a50b08;
    color: #fff;
    text-decoration: none
}*/






#footer .footer-top .footer-links {
    margin-bottom: 30px
}
#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0
}
#footer .footer-top .footer-links ul i {
    padding-right: 2px;
    color:#d5d5d5;
    font-size: 18px;
    line-height: 1
}
#footer .footer-top .footer-links ul li {
    padding: 10px 0 5px 0;
    display: flex;
    align-items: center
}
#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0
}
#footer .footer-top .footer-links ul a {
    color: #d5d5d5;
    transition: .3s;
    display: inline-block;
    line-height: 1
}
#footer .footer-top .footer-links ul a:hover {
    color:#f8f8fb
}
#footer .footer-top .footer-contact {
    margin-bottom: 30px
}
#footer .footer-top .footer-contact p {
    line-height: 26px
}
.copyright {
     
}
.copyright a {
    color: #adadad;
    font-weight: 100
}
#footer .location-list {
    text-align: center
}
#footer .credits {
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #fff
}
.copyright {
     
    padding:0px;
    margin:0; color: #d5d5d5;
     
}
.contact-list {
    margin: 0;
    padding: 0
}
.contact-list li {
    margin: 10px 0;
    color:#d5d5d5;
    font-size: 14px;
    display: flex
}
.contact-list li a{ color:#d5d5d5; }




.contact-list li span {
    margin: 0 15px 0 0
}
.contact-list li span i {
    color:#d5d5d5
}
.bottom-foot {
    background:#181818;
    padding:15px 0
}
.footer .map {
    width: 80%;
    margin: 0 auto;
    display: block
}
.map iframe {
    width: 96%;
    height: auto;
    margin: 15px auto 0;
    display: block
}
.accordion-footer {
    width: 100%;
    margin: 17px auto 0;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
    padding: 0;
    height: 100%
}
.accordion-footer .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 42px;
    color: #4d4d4d;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px dashed #e5e5e5;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    background: #fff
}
.accordion-footer .link a {
    color: #4d4d4d
}
.accordion-footer li:last-child .link {
    border-bottom: 0
}
.accordion-footer li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}
.accordion-footer li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px
}
.accordion-footer li.open .link {
    color: #ff7200
}
.accordion-footer li.open i {
    color: #ff7200
}
.accordion-footer li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.accordion-footer .submenu {
    display: none;
    background: #424656;
    font-size: 14px;
    margin: 0;
    padding: 0
}
.accordion-footer .submenu li {
    border-bottom: 1px solid #4b4a5e;
    position: relative;
    padding: 12px;
    padding-left: 42px
}
.accordion-footer .submenu a {
    display: block;
    text-decoration: none;
    color: #d9d9d9;
    padding: 0;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}
.accordion-footer .submenu a:hover {
    background: #b63b4d;
    color: #fff
}
.mobisocial {
    text-align: center
}
.mobisocial a {
    font-size: 18px;
    display: inline-block;
    background: #91919100;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: .3s
}
.mobisocial a:hover {
    background: #fc7e00;
    color: #fff;
    text-decoration: none
}
.breadcrumb-sec {
    background: url(../image/breadcrumb-banner.jpg) top center no-repeat;
    background-size: 100%!important;
    height: 64vh;
    min-height: 64vh
}
.about-banner {
    background: url(../image/about-us-banner.jpg) top center no-repeat;
    background-size: 100% 100%!important
}
.all-review-banner {
    background: url(../image/review-banner.html) top center no-repeat
}
.breadcrumb-content {
    padding: 10rem 0;
    width: 31%
}
.breadcrumb-content h6 {
    font-size: 60px;
    font-weight: 700;
    color: #7b4c47
}
.breadcrumb-content p {
    color: #7b4c47;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    margin: 0
}
.breadcrumb-nav {
    background: #fff;
    border: 1px dashed #7b4c47;
    border-radius: 10px;
    padding: 5px 35px;
    margin: 2em 0;
    width: fit-content
}
.breadcrumb-nav .breadcrumb .breadcrumb-item a {
    color: #7b4c47;
    font-size: 14px
}
.breadcrumb-nav .breadcrumb .active {
    color: #fd8500;
    font-size: 14px
}
.location-box {
    background: #fff9f7;
    width: 84%;
    margin: 4em auto;
    padding: 3rem;
    border: 2px solid #f5ffff;
    box-shadow: 0 7px 20px #00000026
}
.map-img {
    position: relative;
    border: 1px solid #fc7e00;
    background: #fff
}
.map-loc-name {
    position: absolute;
    top: 0;
    left: 0;
    background: orange;
    color: #fff;
    padding: 1px 10px
}
.map-loc-name p {
    font-size: 10px
}
.map-loc-name a {
    font-size: 12px;
    text-decoration: none;
    padding: 0;
    margin: 0
}
.branch-icon {
    margin: -30px 9px 0 3px
}
.brachlist-heading {
    color: #000;
    font-size: 20px;
    margin: 10px 0;
    font-weight: 700
}
.listing-bb {
    list-style: none
}
.listing-bb li {
    font-size: 14px;
    text-align: end;
    color: #434342;
    padding: 10px 0;
    border-top: 1px dashed #ccc;
    margin: 20px 0;
    width: 70%;
    float: right;
    text-align: right;
    justify-content: end
}
.listing-bb li span {
    text-transform: uppercase;
    color: #2d2d2d;
    margin: 5px 0;
    font-weight: 700;
    display: inline-block
}
.list-con-icon {
    background: #fff;
    padding: 10px 13px;
    margin: 0 0 0 20px;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    box-shadow: 0 4px 12px rgb(13 110 253/21%)
}
.get-direcion-btn {
    position: absolute;
    bottom: -30px;
    right: 30px;
    background: #ffad1b;
    padding: 5px 7px;
    color: #fff;
    border-radius: 10px;
    font-size: 14px
}
.view-m {
    position: absolute;
    bottom: -75px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 55px!important;
    height: 55px!important;
    padding: 10px;
    background: #fff;
    border-radius: 100px;
    text-align: center;
    color: #fc7e00;
    font-size: 10px;
    box-shadow: 0 5px 12px #0dcaf02e;
    line-height: 1.5;
    border: 2px solid #f5ffff;
    text-transform: uppercase;
    font-weight: 400;
    transition: all .5s
}
.view-m:hover {
    background: #fc7e00;
    color: #fff
}
.custom-select {
    position: relative;
    width: 300px;
    float: right
}
.custom-select select {
    display: none
}
.select-selected {
    background-color: #f7f7f7
}
.select-selected:after {
    position: absolute;
    content: "";
    top: 17px;
    right: 15px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fc7e00 transparent transparent transparent
}
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #ff7200 transparent;
    top: 11px
}
.select-selected {
    color: #6c757d;
    padding: 12px 14px;
    cursor: pointer;
    user-select: none;
    border-radius: 12px;
    font-size: 14px
}
.select-items div {
    color: #6c757d;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0,0,0,.1) transparent;
    cursor: pointer;
    user-select: none;
    font-size: 14px
}
.select-items div:last-child {
    border: none
}
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 5px;
    box-shadow: 0 9px 20px #1a73e817
}
.select-hide {
    display: none
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0,0,0,.1)
}
.image-grid-cover {
    width: 100%;
    background-size: 100% 100%;
    min-height: 276px;
    position: relative;
    margin-bottom: 30px;
    text-shadow: rgb(0 0 0/80%) 0 1px 0;
    border-radius: 4px
}
.image-grid-clickbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: rgba(0,0,0,.45)
}
.cover-wrapper {
    font-size: 18px;
    text-align: center;
    display: block;
    text-shadow: rgb(0 0 0/80%) 0 1px 0;
    z-index: 21;
    position: absolute;
    bottom: 0;
    background: #ff820b;
    width: 100%
}
.cover-wrapper a {
    color: #fff;
    font-size: 22px
}
.cover-wrapper:hover, .cover-wrapper:hover a {
    background: #434342;
    color: #ff820b
}
.tab-ul {
    width: 100%;
    display: flex;
    z-index: 2
}
.tab-ul ul {
    margin: 0 auto;
    width: 60%;
    background: #ff820b;
    border-radius: 20px;
    height: 288px
}
.tab-ul ul .nav-item {
    margin: 5px 5px 0;
    padding: 0;
    width: 26%;
    position: relative;
    margin: 0 auto
}
.tab-ul ul .nav-item .nav-link h6 {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize
}
.tab-ul ul .nav-item .nav-link p {
    color: #fff;
    font-size: 12px;
    opacity: .8
}
.tab-ul .nav-tabs .nav-item.show .nav-link, .tab-ul .nav-tabs .nav-link.active {
    padding: 46px 13px 0;
    text-align: center;
    background: linear-gradient(0deg, #ff820b, #ffe036);
    border: none;
    position: absolute;
    width: 100%;
    top: -47px;
    border-radius: 10px 10px 0 0;
    color: #fff;
    margin: 0 auto;
    right: 0;
    left: 0
}
.tab-ul .nav-tabs .nav-item.show .nav-link, .tab-ul .nav-tabs .nav-link.active h6 {
    font-size: 17px;
    font-weight: 500
}
.tab-ul .nav-tabs .nav-link:focus, .tab-ul .nav-tabs .nav-link:hover {
    border: none!important;
    color: #fff!important
}
.tab-ul .nav-tabs .nav-link:not(focus) {
    border: none!important;
    color: #fff!important
}
.tab-ul .nav-tabs .nav-link:not(hover) {
    border: none!important;
    color: #fff!important
}
.tab-icon {
    margin: 10px 0
}
.loc-tab-content {
    display: block;
    background: #f8ffff;
    margin: -142px 0 0!important;
    padding: 9rem 4rem 4rem;
    border: 1px solid #c2f9ff
}
.request-from {
    margin: 6rem 0 0;
    background: #fff;
    border: 1px solid #c2f9ff;
    padding: 3rem
}
.request-from label {
    font-size: 16px;
    font-weight: 600
}
.request-from input[type=text], .request-from input[type=email], .request-from input[type=name], .request-from textarea {
    border: 1px solid #c2f9ff!important;
    border-radius: 5px!important;
    padding: 15px!important
}
.request-from .form-select {
    border: 1px solid #c2f9ff;
    border-radius: 5px;
    padding: 15px
}
.request-from input::placeholder, .request-from textarea::placeholder {
color:#ccc;
font-size:13px
}
.top-sel-box {
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 10px;
    position: relative
}
.top-sel-box img {
    border-radius: 10px;
    width: 100%;
    height: 100%
}
.top-sel-content {
    position: absolute;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0/25%);
    left: 0;
    right: 0;
    top: 24px;
    width: 85%;
    margin: 0 auto
}
.top-sel-title {
    font-size: 17px;
    font-weight: 600;
    color: #434342;
    text-decoration: none;
    cursor: pointer
}
.top-sel-cost {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #ff820b;
    color: #fff;
    width: 100%;
    border-radius: 22px;
    padding: 2px;
    font-size: 13px;
    margin: 10px 0
}
.cost-pro {
    font-size: 17px;
    font-weight: 700
}
.our-webcoderskull .cnt-block {
    float: left;
    width: 100%;
    background: #fff;
    padding: 30px 20px;
    text-align: center;
    border: 2px solid #d5d5d5;
    margin: 0 0 28px
}
.our-webcoderskull .cnt-block figure {
    width: 148px;
    height: 148px;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 15px
}
.our-webcoderskull .cnt-block img {
    width: 148px;
    height: 148px;
    border-radius: 100%
}
.our-webcoderskull .cnt-block h3 {
    color: #2a2a2a;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 0;
    text-transform: uppercase
}
.our-webcoderskull .cnt-block h3 a {
    text-decoration: none;
    color: #2a2a2a
}
.our-webcoderskull .cnt-block h3 a:hover {
    color: #337ab7
}
.our-webcoderskull .cnt-block p {
    color: #2a2a2a;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400
}
.our-webcoderskull .cnt-block .follow-us {
    margin: 20px 0 0
}
.our-webcoderskull .cnt-block .follow-us li {
    display: inline-block;
    width: auto;
    margin: 0 5px
}
.our-webcoderskull .cnt-block .follow-us li .fa {
    font-size: 24px;
    color: #767676
}
.our-webcoderskull .cnt-block .follow-us li .fa:hover {
    color: #025a8e
}
#demo2 .carousel-item {
    height: 500px
}
#demo2 .carousel-item img {
    height: 100%;
    width: 100%
}
#demo2 .carousel-inner {
    height: 100%
}
.step-carousel-inner {
    height: fit-content
}
.step-carousel-inner .carousel-item {
    height: 100%
}
.curstom-furniturebanner {
    background: url(../image/customfurniturebanner.jpg) top center no-repeat;
    background-size: 100% 100%
}
.customfurniture-breadcrumb {
    padding: 2rem 0;
    width: 36%
}
.customfurniture-breadcrumb h6 {
    font-size: 75px;
    color: #ff7200;
    font-weight: 800;
    line-height: 1.5
}
.customfurniture-breadcrumb p {
    color: #434342;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    list-style: 1.5
}
.customfurniture-breadcrumb ul {
    margin: 10px;
    padding: 0
}
.customfurniture-breadcrumb ul li {
    padding: 0;
    margin: 19px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5
}
.customfurniture-breadcrumb ul li i {
    color: #fc7400;
    font-size: 13px
}
.steps-for-cutom {
    position: relative!important;
    width: 100%;
    display: block!important
}
.steps-for-cutom .stepbutton {
    background: 0 0;
    color: #000;
    width: 58%!important;
    height: 80px!important;
    text-indent: 0!important;
    opacity: 1!important
}
.steps-for-cutom .stepbutton {
    align-items: center!important;
    display: flex!important;
    justify-content: space-around!important
}
.stepbutton .numstep {
    background: #ffbe7e;
    padding: 3px;
    color: #fff;
    font-size: 26px;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    text-align: center;
    float: left;
    font-weight: 600;
    box-shadow: 0 0 0 8px #ffebd8;
    position: relative
}
.stepbutton .numstep:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 40px;
    background: #ffebd8;
    bottom: -47px;
    right: 0;
    left: 0;
    margin: auto
}
.stepbutton .numstep:last-child:after {
    opacity: 0
}
.stepbutton:nth-last-child(1) .numstep:after {
    display: none
}
.stepbutton .stepname {
    color: #434342;
    font-size: 16px;
    border: 1px solid #ccc;
    background: #fff;
    font-weight: 600;
    width: 79%;
    float: right;
    height: 48px;
    line-height: 3;
    text-align: left;
    padding: 0 10px
}
.stepbutton .stepname i {
    font-size: 16px;
    margin-right: 5px
}
.carousel-indicators .active .numstep {
    background: #fc7e00;
    color: #fff
}
.carousel-indicators .active .stepname {
    background: #fc7e00;
    color: #fff;
    border: 1px solid #fc7e00
}
.cx-fileupload {
    margin: 10px 0
}
.cx-fileupload header {
    color: #a9a9a9;
    font-size: 19px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 14px
}
.outer-drag-n-drop {
    display: flex;
    justify-content: space-between
}
.input-browse {
    cursor: pointer;
    margin: 0 0;
    background: #6990f2;
    border-radius: 100px;
    border: 0 dashed #6990f2;
    padding: 3px 22px;
    color: #fff;
    width: 92px;
    line-height: 1;
    position: relative;
    height: 30px;
    margin: 0;
    text-align: center
}
.input-browse :where(i, p) {
color:#fff!important;
margin-right:0!important;
padding:0;
line-height:1.7
}
.input-browse i {
    font-size: 50px
}
.input-browse .box-d-text {
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 0!important;
    color: red
}
.input-browse .file-input-upload {
    opacity: 0;
    padding: 0!important;
    border: none;
    width: 100%;
    margin: 0!important;
    position: absolute;
    top: 0
}
.row2 {
    background: #f7faff;
    list-style: none;
    padding: 4px 19px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 16px 10px 0
}
.row2 i {
    color: #6990f2;
    font-size: 21px
}
.details span {
    font-size: 11px
}
.progress-area .row2 .content {
    width: 100%;
    margin-left: 15px
}
.progress-area .details {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    justify-content: space-between
}
.progress-area .content-of-cx .progress-bar {
    height: 6px;
    width: 100%;
    margin-bottom: 4px;
    background: #fff;
    border-radius: 30px
}
.content-of-cx .progress-bar .progress {
    height: 100%;
    width: 0%;
    background: #6990f2;
    border-radius: inherit
}
.uploaded-area {
    max-height: 232px;
    overflow-y: scroll
}
.uploaded-area.onprogress {
    max-height: 150px
}
.uploaded-area::-webkit-scrollbar {
width:0
}
.uploaded-area .row2 .content {
    display: flex;
    align-items: center
}
.uploaded-area .row2 .details {
    display: flex;
    margin-left: 15px;
    flex-direction: column
}
.uploaded-area .row2 .details .size {
    color: #404040;
    font-size: 11px
}
.uploaded-area i.fa-check {
    font-size: 13px;
    margin: 0 10px;
    color: #0adfaa
}
.uploaded-area i.fa-trash {
    font-size: 13px;
    margin: 0 10px;
    color: red
}
.drag-area {
    border: 1px dashed #96b4ff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 10px;
    height: fit-content
}
.trackorder-banner {
    background: url(../image/trackorder-banner.jpg) top center no-repeat;
    background-size: 100% 100%
}

.qu-sec{background:#ffffff; margin:15px 0px 2px 0px;}

.breadcumb-navigation {border-bottom: solid 1px #e5e2e2; padding-bottom:15px;}

.breadcumb-navigation:first-child{ padding-left: 0px;}

.breadcumb-navigation .breadcrumb-item {position: relative; margin: 0; padding:0 6px 0 0px; font-size: 13px}
.breadcumb-navigation .breadcrumb-item:first-child { padding-left: 0px;}



.breadcumb-navigation .breadcrumb-item:after {
    font-size: 14px;
    content: "/";
    margin-left: 5px;
    color:#939393; 


 

}
.breadcumb-navigation .breadcrumb-item:last-child:after {
    display: none
}
.breadcumb-navigation .breadcrumb-item a {
    font-size: 13px;
    color:#817d7d;
}

.breadcumb-navigation .breadcrumb-item a:hover {
    color:#1a1a1a;
}

.breadcumb_active{
    color:#1a1a1a !important;
}

.breadcumb-navigation .breadcrumb-item i {
    color:#817d7d;
    font-size: 14px
}
.breadcrumb-item:before {
    display: none
}
.item-box3 {
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 0 20px rgb(82 203 255/34%);
    text-align: center;
    padding: 17px;
    width: 200px;
    height: 200px;
    display: block;
    margin: 30px 25px
}
.item-box3:first-of-type(div) {
    margin-left: 0
}
.item-box3:last-child {
    margin-right: 0
}
.item-box3 img {
    margin-top: 2em;
    margin-bottom: 1em
}
.item-box3 h6 {
    color: #434342;
    font-size: 14px;
    font-weight: 700
}
.item-box3 p {
    color: #434342;
    font-size: 12px
}
.nav-page {
    padding: 10px;
    margin: 0 auto;
    display: block;
    width: 100%
}
.pagination-order {
    margin: 0;
    padding: 0
}
.pagination-order .page-item {
    float: left;
    margin: 0 1px;
    color: #9f9f9f;
    padding: 4px 11px;
    border-radius: 100px;
    transition-delay: .5s;
    font-size: 14px
}
.pagination-order .page-item:hover {
    background: #ff8000;
    color: #fff
}
.pagination-order .page-item.active {
    background: #ff8000;
    color: #fff;
    border-radius: 100px
}
.modal-for-profile-edit {
    border-radius: 10px;
    width: 1000px!important;
    display: flex;
    max-width: 1000px!important
}
.modal-for-profile-edit .modal-content {
    width: 100%;
    background: #fff;
    border-radius: 18px;
    border: 1px solid #ffbd94
}
.intro {
    max-width: 75%;
    margin: 0 auto
}
.modal-for-profile-edit .form--field {
    display: block;
    position: relative;
    width: 15%;
    height: 138px;
    margin: 0%;
    border: 1.5px dashed #ffc387;
    border-radius: 10px;
    padding: 12px;
    background: #f8f8f8
}
.modal-for-profile-edit img {
    max-width: 100%
}
.modal-for-profile-edit input {
    border: 2px solid transparent;
    border-bottom: 1px solid #000;
    outline: 1px solid #fff;
    padding: .6em 0;
    color: #303030
}
.modal-for-profile-edit input.error {
    border: 0!important;
    border-bottom: 2px solid #d8a30e!important
}
.modal-for-profile-edit input:focus {
    border-bottom: 2px solid #d8a30e;
    outline: none
}
.modal-for-profile-edit input:focus+label {
    color: #d8a30e
}
.modal-for-profile-edit input:-webkit-autofill, .modal-for-profile-edittextarea:-webkit-autofill, .modal-for-profile-edit select:-webkit-autofill {
background-color:#fff
}
.modal-for-profile-edit span.help-block.form-error {
    position: absolute;
    top: 64%;
    right: 0;
    width: 65%;
    margin-top: 1em;
    color: #b94947;
    font-family: brandon bold;
    font-size: 13px;
    letter-spacing: .14em;
    text-align: right;
    text-transform: uppercase
}
.image-attributes span.help-block.form-error {
    top: 100%;
    right: auto;
    left: 0;
    width: 178px;
    margin-top: 0;
    letter-spacing: 0;
    text-align: center
}
.image-uploader span.help-block.form-error {
    top: 95%;
    width: 100%;
    text-align: center
}
.image-uploader #image-upload .form--field {
    position: relative
}
.image-uploader #image-upload input {
    width: 100%;
    text-align: left;
    margin: 1em auto 0
}
#image-upload .hidden-input-dp {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer
}
#image-upload img.checkmark {
    display: block;
    margin: -5px auto 0;
    opacity: 0;
    max-width: 25px
}
#image-upload img.upload {
    max-height: 71%;
    width: 100%
}
.button--container .btn {
    display: block;
    background-color: #95bbdf;
    color: #fff;
    padding: 25px;
    border: 0;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2;
    margin: 0 auto
}
.profile-tg {
    font-size: 11px;
    text-align: center;
    line-height: 16px;
    color: #ff7f00;
    width: 100%;
    display: block;
    margin: 6px 0
}
.form-for-profile input[type=name], .form-for-profile input[type=text], .form-for-profile input[type=email], .form-for-profile input[type=password], .form-for-profile input[type=date], .form-for-profile .form-select, .form-for-profile textarea {
    border: 2px solid #ffcb99d6!important;
    border-radius: 6px!important;
    padding: 15px!important;
    width: 100%;
    margin: 17px 0 0;
    font-size: 14px;
    color: #ff8000
}
.form-for-profile input::placeholder, .form-for-profile .form-select, .form-for-profile input[type=date] {
color:#f8a863;
font-weight:400
}
.btn.btn-check-bill {
    border-radius: 100px;
    border: 1px solid #fc7e007a;
    background: #fff5f0;
    color: #ff8000;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 12px;
    right: 24px;
    padding: 3px
}
.user-panel-list {
    margin: 16px auto;
    padding: 0
}
.user-panel-list li {
    margin: 15px auto 0;
    padding: 0;
    width: 100%
}
.user-panel-list li a {
    background: #fff9f4;
    color: #ff8000;
    font-size: 15px;
    margin: auto;
    padding: 10px 18px;
    width: 100%;
    display: block;
    border-radius: 10px
}
.user-panel-list li .active {
    background: #ff8000;
    color: #fff
}
.log-out-btn a {
    color: #ff8000;
    padding: 10px;
    margin: 8px 6px;
    display: block;
    font-weight: 700
}
.header-user {
    background: #fff5f0;
    padding: 20px;
    border-radius: 30px;
    box-shadow: 0 14px 20px #ffd6ae63;
    border: 1px solid #ffcb99;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.user-profile {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 100px
}
.user-profile img {
    border-radius: 100px;
    width: 100%;
    height: 100%;
    border: 1px solid #ddd
}
.usr-name {
    color: #ff8000;
    font-weight: 700;
    margin: 0 12px
}
.go-home {
    color: #ff8000;
    font-size: 14px;
    font-weight: 400
}
.user-panel-box {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 0 13px #0000001c;
    padding: 20px
}
.user-detail-box {
    margin: 62px 0;
    box-shadow: 0 0 20px #e7e7e79c;
    padding: 0;
    border-radius: 15px;
    border: 1px solid #ff800070;
    background: #fff7ec
}
.detail-heading {
    background: #ff8000;
    color: #fff;
    padding: 5px;
    border-radius: 10px 10px 0 0;
    font-size: 14px
}
.usr-data ul {
    margin: 0;
    padding: 20px
}
.usr-data ul li {
    margin: 10px 0;
    padding: 5px;
    color: #434342;
    font-size: 14px;
    display: flex;
    justify-content: space-between
}
.usr-data ul li span {
    width: 50%;
    float: left
}
.edit-p-btn {
    display: flex;
    margin: 11em auto 0;
    text-align: center;
    justify-content: space-evenly
}
.feed-back-btn {
    background: #fff5f0;
    border-radius: 5px;
    color: #ff8000;
    border: 1px solid #f9d89d;
    text-align: center;
    text-align: center;
    font-size: 16px;
    padding: 11px 31px
}
.edit-btn {
    background: #fc7e00;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #f9d89d;
    text-align: center;
    font-size: 16px;
    padding: 11px 31px
}
.manage-account {
    color: #434342;
    font-size: 30px;
    font-weight: 100
}
.feedbackmodal {
    padding: 28px 82px!important;
    text-align: center
}
.feedback-heading {
    font-size: 28px;
    padding: 0;
    color: #ff7200;
    font-weight: 600;
    margin: 0 0 10px
}
.feedbackmodal p {
    font-size: 15px;
    line-height: 1.5;
    color: #747474;
    margin: 0 0 15px
}
.emji-feedback {
    display: flex;
    width: 100%;
    background: #fff;
    padding: 13px;
    align-items: center;
    justify-content: space-around;
    position: relative;
    margin: 2em 0;
    box-shadow: 0 2px 6px #ff800024;
    border-radius: 9px
}
.solution-by-cc {
    text-align: center
}
.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.cc-selector {
    z-index: 2;
    display: block;
    width: calc(100%/4);
    text-align: center
}
.bad-ff {
    background-image: url(../image/icon/angry-icon.png);
    width: 100%;
    height: 58px;
    background-size: 39px;
    background-repeat: no-repeat;
    margin: 0 17px;
    background-position-y: 10px;
    position: relative;
    background-position: center;
    transition-timing-function: linear;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.1) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.1) grayscale(1) opacity(.7);
    filter: brightness(1.1) grayscale(1) opacity(.7);
    border-bottom: none
}
.ok-ok {
    background-image: url(../image/icon/average.png)!important
}
.good-a {
    background-image: url(../image/icon/good-emo.png)!important
}
.awesome-emo {
    background-image: url(../image/icon/awesome-emo.png)!important
}
.bad-ff::before {
    position: absolute;
    width: 44px;
    content: '';
    height: 4px;
    border-radius: 10px;
    border: 1px solid #cdcdcd;
    background: #f7f7f7;
    top: 28px;
    right: -23px;
    left: auto;
    margin: 0 auto;
    z-index: 1
}
.cc-selector:last-child .bad-ff::before {
    display: none
}
.emji-feedback label {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #b5b4b3;
    transition: all ease-in .5ms
}
.emji-feedback .bad-ff:checked, .emji-feedback .ok-ok:checked, .emji-feedback .ok-ok:focus {
    filter: brightness()!important;
    background-size: 50px;
    border-bottom: none;
    outline: none
}
.emji-feedback .bad-ff:hover {
    -webkit-filter: brightness(1.1) grayscale(.1) opacity(.9);
    -moz-filter: brightness(1.1) grayscale(1) opacity(.9);
    filter: brightness(1.1) grayscale(1) opacity(.9)
}
.emji-feedback .bad-ff:checked~label {
    color: #ff8000
}
.solutio-heaind {
    color: #434342;
    font-weight: 600;
    font-size: 17px;
    margin: 0;
    padding: 0
}
.check-list-box-ss {
    background: #fff9f6;
    border-radius: 10px;
    padding: 9px;
    margin: 31px 0;
    display: block;
    border: 2px solid #fc7e0021;
    text-align: left;
    font-size: 13px;
    line-height: 2
}
.check-list-box-ss input[type=checkbox] {
    margin-left: 0!important;
    margin-right: 10px!important;
    padding: 9px;
    margin-top: 2px;
    border: 1px solid #ff8000
}
.check-list-box-ss input[type=checkbox]:checked {
    background-color: #ff8000
}
.own-reson-cx {
    background: #fff2e6;
    border-radius: 100px;
    padding: 10px;
    color: #ff7200;
    font-size: 14px;
    width: 50%;
    margin: 18px auto;
    border: 1px solid #ff8000;
    text-align: center
}
.userreview-seen-box {
    background: #fff7ec61;
    border: 1px solid #afafaf42;
    border-radius: 10px;
    margin: 33px auto;
    padding: 16px;
    display: block;
    width: 76%
}
.given-stage {
    background: #f5f5f59c;
    margin: 0 0 10px;
    padding: 7px 27px;
    border-radius: 100px;
    font-size: 14px;
    color: #434342
}
.given-stage img {
    width: 29px;
    min-width: 29px
}
.given-stage p {
    margin-bottom: 0;
    font-size: 13px
}


.popup-signform input[type=name], .popup-signform input[type=text], .popup-signform input[type=email], .popup-signform input[type=password] {
    border: 2px solid #ffcb99d6!important;
    border-radius: 6px!important;
    padding: 15px!important;
    width: 100%;
    margin: 15px 0;
    font-size: 10px;
    color: #8d8d8d
}


.popup-signform h1{font-size: 20px; color: #434342; font-weight: 700 !important; margin-bottom:20px;}

.popup-signform h2{font-size: 18px; margin:0px 0px 20px 0px; padding: 0px; font-weight: 600; color: #434342;}



.popup-signform textarea{ min-height: 100px; }
.popup-signform textarea::placeholder {
font-size:16px;
color:#8d8d8d
}


.popup-signform input::placeholder {
font-size:16px;
color:#8d8d8d
}
.togglePassword {
    cursor: pointer;
    position: absolute;
    top: 34px;
    right: 26px;
    font-size: 12px;
    color: #ff8920
}

.cancel-btn-profle, .update-btn-profile:hover {
    background: #fff5f0;
    border-radius: 0;
    color: #ff8000;
    border: 1px solid #f9d89d;
    text-align: center;
    text-align: center;
    font-size: 14px;
    padding: 7px 20px;
    text-transform: uppercase
}
.update-btn-profile, .cancel-btn-profle:hover {
    background: #fc7e00;
    border-radius: 0;
    color: #fff;
    border: 1px solid #f9d89d;
    text-align: center;
    font-size: 14px;
    padding: 7px 20px;
    text-transform: uppercase
}
.tab-name {
    width: 100%;
    background: #fff5f0;
    padding: 20px;
    margin: 33px 0;
    color: #ff8000
}
.panel-order-list {
    padding: 10px;
    background: #fff;
    margin: 32px 0;
    box-shadow: 0 0 20px #e5e5e5;
    border-radius: 5px
}
.pr-img-myorder {
    width: 100%;
    height: 225px;
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    margin: 0
}
.pr-img-myorder img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}
.pp-title-panel {
    font-size: 26px;
    font-weight: 600;
    color: #434342;
    margin: 10px 0
}
.my-panel-order-detail {
    margin: 0 17px
}
.pp-title-panel span {
    font-size: 12px;
    color: #b1b1b1
}
.price--order {
    display: flex;
    justify-content: start;
    align-items: center
}
.real-amm {
    font-size: 22px;
    font-weight: 600;
    color: #ff8000;
    margin-right: 10px
}
.dis-amm {
    font-size: 20px;
    color: #959595;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 10px
}
 
.pp-deatil-para {
    color: #979797;
    font-size: 14px;
    margin: 10px 0
}
.delivery-add-detil {
    margin: 0;
    padding: 0;
    list-style: none
}
.delivery-add-detil li {
    margin: 0;
    padding: 4px 0;
    font-size: 14px;
    color: #afafaf
}
.info-order {
    margin: 35px 0 0
}
.panel-order-id {
    background: #fff5f0;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 15px;
    color: #ff8000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 13px
}
.bill-head {
    background: #f7f7f7;
    padding: 11px;
    color: #434342
}
.bill-detail-down .card {
    border: none;
    box-shadow: none
}
.card { border: none; padding: 0px; }

.table-borderless {
    font-size: 13px;
    color: #9b9b9b
}
.table-borderless .bill-sec {
    font-weight: 600; 
}


 


.table-borderless tbody tr {
    display: flex;
    justify-content: space-between
}
.bill-total-sub {
    border-top: 1px solid #8d8d8d;
    background: #f7f7f7;
    padding: 10px
}
.bill-total-sub td {
    padding: 10px 0;
    font-weight: 600;
    font-size: 14px;
    color: #525252
}
.free-tag {
    color: #1ecb09;
    font-weight: 600
}
.track-order-search {
    border-radius: 100px!important;
    border: none;
    box-shadow: 0 5px 20px #8241004f;
    padding: 11px!important
}
.track-order-search::placeholder {
font-size:14px;
color:#8f8f8f
}
.track-order-search-btn {
    background: #fc7e00;
    border-radius: 100px;
    padding: 10px 14px;
    font-size: 17px;
    border: none;
    color: #fff;
    position: absolute;
    right: 0
}
.box-details {
    background: #fff;
    width: 70%;
    max-width: 70%;
    height: fit-content;
    margin: 5em auto;
    border-radius: 25px;
    padding-bottom: 45px;
    box-shadow: 0 5px 20px #cccccc40
}
.box-details .track-heading {
    background: #ff8000;
    border-radius: 25px 25px 0 0;
    padding: 1em 0;
    color: #fff;
    text-align: center;
    font-size: 20px
}
.box-details .track-heading .order-id {
    font-weight: 600
}
.dd-time-box {
    width: 298px;
    padding: 1em;
    margin: 2em 1em;
    background: #fff7ec;
    border: 1px solid #ff8000;
    text-align: center;
    border-radius: 11px
}
.dd-time-box p, .dd-time-box .shipp-date {
    font-size: 13px;
    color: #686868;
    margin: 9px 0;
    line-height: 1;
    font-weight: 600
}
.dd-time-box2 {
    width: 444px;
    padding: 1em;
    margin: 2em 1em;
    background: #fff7ec;
    border: 1px solid #ff8000;
    text-align: left;
    border-radius: 11px;
    min-height: 213px
}
.dd-time-box2 ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.dd-time-box2 ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #41464b;
    font-size: 12px;
    text-align: left;
    line-height: 2
}
.list-title {
    width: 40%
}
.list-detail {
    width: 60%
}
p.ready-btn {
    background: #ff8000;
    padding: 1em;
    color: #fff;
    border-radius: 100px;
    margin: 17px auto;
    width: 176px
}
.tick-icon2 i {
    background: #fff7ec;
    border-radius: 100px;
    padding: 13px;
    color: #ff8000;
    font-size: 20px;
    border: 2px solid;
    box-shadow: 0 5px 11px #9343037a;
    margin: 10px 0
}
.download-btn {
    background: #fff7ec;
    border: 2px dashed #ff8000;
    border-radius: 100px;
    padding: 10px 20px;
    color: #ff8000;
    font-weight: 600;
    font-size: 16px
}
.view-pdf {
    color: #434342;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 600
}
.steps {
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 300px
}
.steps li {
    display: flex;
    align-items: center;
    justify-content: start
}
.cirlce-step {
    background: #cfcccc;
    width: 46px;
    height: 46px;
    border-radius: 100px;
    border: 6px solid #efefef;
    margin: 1em;
    position: relative
}
.cirlce-step:after {
    position: absolute;
    content: '';
    bottom: -84px;
    margin: 0 auto;
    right: 0;
    left: 0;
    background: #f1f1f1;
    width: 3px;
    height: 77px
}
.cirlce-step i {
    color: #fbfafa;
    font-size: 14px;
    padding: 10px 0 0;
    display: block;
    margin: 0 auto;
    text-align: center
}
.steps li:nth-last-child(1) .cirlce-step:after {
    display: none
}
.cirlce-step.active.step-1 {
    background: red;
    border-color: #fdd
}
.cirlce-step.active.step-2 {
    background: #ffc000;
    border-color: #ffeebc
}
.cirlce-step.active.step-3 {
    background: #ff6000;
    border-color: #ffdeca
}
.cirlce-step.active.step-4 {
    background: #0dcaf0;
    border-color: #d3f8ff
}
.cirlce-step.active.step-5 {
    background: #ea78ff;
    border-color: #fbe5ff
}
.cirlce-step.active.step-6 {
    background: #2dcd03;
    border-color: #d3ffc7
}
.product-bed-banner {
    background: #fff;
    overflow-x: visible;
    border-bottom: 1px solid #efefef;
    height: 60vh;
    min-height: 60vh
}
.bed-banner-img {
    position: absolute;
    top: 0;
    right: -66px;
    z-index: 1
}
.bed-banner-img img {
    max-width: 93%;
    min-width: 100%
}
.product-box-tab {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px #ddd;
    padding: 20px;
    margin: 35px 8px;
    min-height: 339px;
    min-width: 222px
}
.box-1-tab {
    background: url(../image/product-box-tab1-img.png) no-repeat bottom right;
    background-size: auto
}
.box-2-tab {
    background: url(../image/product-box-tab2-img.png) no-repeat bottom right;
    background-size: auto
}
.box-3-tab {
    background: url(../image/product-box-tab3-img.png) no-repeat bottom right;
    background-size: auto
}
.box-4-tab {
    background: url(../image/product-box-tab4-img.png) no-repeat bottom right;
    background-size: auto
}
.box-5-tab {
    background: url(../image/product-box-tab5-img.png) no-repeat bottom right;
    background-size: auto
}
.product-box-tab .box-heading {
    color: #fc7400;
    font-size: 15px;
    font-weight: 600
}
.product-box-tab ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.product-box-tab ul li {
    line-height: 1.2em;
    padding: 2px 0;
    display: flex;
    align-items: center
}
.product-box-tab ul li i {
    color: #fc7400;
    font-size: 4px;
    margin-right: 10px
}
.product-box-tab ul li a {
    font-size: 12px;
    color: #434342
}
.best-item-box {
    background: #fff;
    display: block;
    position: relative;
    margin: 28px
}
.best-item-nm {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2
}
.best-item-box .best-item-img {
    width: 100%;
    height: 400px;
    max-height: 400px;
    overflow: hidden
}
.best-item-box .best-item-img img {
    height: 100%;
    width: 100%;
    -webkit-transition: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}
.bb-item-box {
    display: block;
    margin: 0;
    width: 97px;
    padding: 0 10px
}
.best-item-box .best-item-img:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.best-item-box .best-item-content {
    margin: 10px 0
}
.best-item-box .best-item-content p {
    color: #434342;
    font-size: 14px
}
.new-arrival-sec {
    background: #fff6ed;
    padding: 2em 0;
    margin: 2em 0
}
.new-arrival-box {
    display: block;
    margin: 20px;
    position: relative
}
.new-arrival-box .new-arrival-img {
    min-height: 300px;
    width: 100%
}
.new-product-dd {
    margin: 0;
    padding: 26px;
    text-align: start;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(360deg, black, transparent)
}
.new-product-dd .new-pp-name {
    font-size: 20px;
    font-weight: 600
}
.new-product-dd p {
    font-size: 13px;
    line-height: 1.7em;
    color: #fff
}
.new-product-dd .new-sdhop-btn {
    background: 0 0;
    color: #fff;
    font-size: 15px;
    border: 2px solid #fff;
    padding: 5px 20px;
    max-width: 10px
}
#divAnim {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: fit-content;
    padding: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 0 auto
}
#divAnim label {
    width: 100%;
    color: #009872;
    font-size: 14px;
    padding: 10px
}
#divAnim input {
    padding: 3px 2px;
    color: #ff8000;
    cursor: pointer;
    position: absolute;
    right: 14em;
    top: 27px;
    width: 91px;
    height: 27px;
    z-index: 999;
    border: none;
    background: 0 0;
    font-size: 13px
}
#divAnim div {
    display: none;
    padding: 0
}
#btHide {
    bottom: -25px;
    top: auto!important;
    right: 0!important
}
.table-price-pp {
    background: #f6f6f6;
    font-size: 13px
}
.table-price-pp td, .table-price-pp th {
    padding: 16px 7px
}
.font-table-heading {
    font-size: 16px;
    color: #434342;
    font-weight: 700
}
.pp-box-cat {
    width: 200px;
    border: 1px solid #ececec;
    height: 200px;
    text-align: center;
    position: relative;
    padding: 0;
    margin: 27px 10px;
    border-radius: 5px
}
.pp-box-cat.active2 {
    box-shadow: 0 0 20px #cccc
}
.img-pp-cat {
    padding: 3px;
    margin: 19px 0
}
.con-pp-cat {
    font-size: 13px;
    color: #434342;
    display: flex;
    justify-content: space-around
}
.con-pp-cat i {
    color: #ff8000;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(130deg, #ffc107, #ff9b00);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text
}
.check-out-pp {
    background: #ff8000;
    padding: 3px 9px;
    font-size: 12px;
    width: 90%;
    display: block;
    margin: 12px auto;
    color: #fff
}
.check-out-pp:hover {
    color: #fff
}
.fillter-mob-sec {
    background: #fff;
    border-radius: 6px;
    margin: 0 0 0px;
    padding: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    border: 1px solid #e5a834;
    display: none
}
.fillter-mob-sec h6 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color:#292a2b; font-weight: 600;
    text-transform: uppercase;
}
.fillter-mob-sec .filter-button {
    background:linear-gradient(178deg, #e5a834, #a76e00);
    padding: 4px 10px;
    box-shadow: 0 9px 20px #cd67023d;
    border: none;
    color: #fff
}


.accordion-button:not(.collapsed)::after {
     background-image: ;  
    transform: var(--bs-accordion-btn-icon-transform);
    color: #e5a834 !important;
}

.filter-box {
    /*border: 1px solid #ededed;
    padding: 20px;*/
    position: sticky;
    top:130px;
    display: block
}
.category-main {
    margin-top: 30px;
    background: #f1f1f1;
    padding: 40px 0 20px;
}



.accordion-item-filter {
    margin-bottom: 27px;
    border: none!important;
    border-radius: 0!important;
    box-shadow: none!important;
    background: #fff;
    width: 100%;
/*    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;  */
    /*padding-bottom: 20px;
    border: solid 1px #f1ecec !important;*/
}
.accordion-item-filter .accordion-button {
    color: #434342;
    /*background-color: #f3f3f3;*/
    /*border-radius: 100px!important;*/
    padding: 10px !important;
    font-size: 14px;
    font-weight:600
}
.accordion-item-filter .accordion-button:focus {
    border: none!important;
    box-shadow: none!important
}
.accordion-item-filter .accordion-button:not(.collapsed) {
    color: #434342;
    background-color: #fff;
    /*border-radius: 100px!important;*/
    padding: 10px 0px!important
}
.accordion-item-filter .accordion-body {
    padding: 0 0px 10px 0px
}
.accordion-item-filter .accordion-body ul {
    margin: 0;
    padding: 0
}
.centered {
    display: flex;
    align-items: center;
    font-size: 12px;
    gap: 6px;
    padding-top: 10px
}
.accordion-item-filter .accordion-body ul {
    margin: 0;
    padding: 0
}
.accordion-item-filter .accordion-body li {
    margin: 10px 0 10px 0px;
    padding: 0;
    display: flex;
    align-items: center
}
.filter-switch, .filter-switch2 {
    display: flex!important;
    justify-content: space-around;
    align-items: center
}
.filter-switch>.form-check-input:checked {
    background-color: #1538d9 !important;
    border: 3px solid #d2d8f5 !important;
    background-image: none!important
}
.filter-switch .form-check-input {
    width: 18px;
    height: 18px;
    border: 1px solid #81807f !important;
     
} 




.filter-switch>.form-check-input:focus {
    box-shadow: none!important
}
.filter-switch>label.form-check-label {
    font-size: 14px;
    color:#020202;
    padding: 0;
    margin-left: 10px;
    margin-top: .3em;
   text-overflow: ellipsis;
    white-space: nowrap;

}
.filter-switch2>.form-check-input:checked {
    background-color: #fc7e00!important;
    border: 3px solid #fdce9f!important
}
.filter-switch2 .form-check-input {
    width: 15px;
    height: 15px;
    border: 1px solid #ff8000!important;
    border-radius: 5px
}
.filter-switch2>.form-check-input:focus {
    box-shadow: none!important
}
.filter-switch2>label.form-check-label {
    font-size: 14px;
    color: #100b0bdd;
    padding: 0;
    margin-left: 10px;
    margin-top: .3em
}
.filter-sec-heading {
    margin: 15px;
    font-weight: 600;
    font-size: 16px
}
.radio-list-finish {
    margin: 5px;
    border-radius: 1px;
    width: 20px;
    height: 20px
}
.radio-list-finish:first-child {
    margin-left: 0
}
.radio-list-finish input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}
.radio-list-finish input[type=radio]+img {
    cursor: pointer;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}
.radio-list-finish input[type=radio]:checked+img {
    outline: 2px solid #ffc107
}
.pd-deatils-sec {
    padding: 0 0 26px;
    display: block
}
.product-box-img {
    background: #fff;
    border: 1px solid #ededed;
    margin-bottom: 30px;
    transition: all ease .5s;
    position: relative
}
.product-box-img:hover {
    box-shadow: 0 12px 20px rgb(0 0 0/26%)
}
.product-box-img:hover .pd-img-in .overlay-pd {
    opacity: 1
}
.button-pd {
    position: absolute;
    top: 9px;
    right: 11px;
    z-index: 1;
    display: flex;
    transition: all ease-in .5s;
    opacity: 0
}
.shop-nowb-btn {
    background: #fc9700;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 6px 18px;
    transition: all .5s ease-out;
    border: 1px solid #fc9700;
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 140px;
    top: 26%;
    opacity: 0
}
.product-box-img:hover .button-pd {
    opacity: 1
}
.product-box-img:hover .shop-nowb-btn {
    opacity: 1
}
.like-heart {
    color: #ffb66d;
    background: #fff;
    border: 1px solid #ffc891;
    border-radius: 100px!important;
    display: block;
    padding: 2px 4px;
    width: 27px;
    height: 27px
}
.like-heart i {
    color: #e3e3e3;
    font-size: 16px;
    text-align: center
}
#share {
    color: #fc7e00;
    background: #fff;
    border: 1px solid #ffc891;
    border-radius: 100px!important;
    display: block;
    padding: 2px;
    width: 27px;
    height: 27px
}
#share i {
    color: #e3e3e3;
    font-size: 16px;
    text-align: center
}
.pd-share {
    display: block
}
.pd-share i {
    color: #ff7c02;
    background: #fff;
    border: 1px solid #ffc891;
    border-radius: 100px!important;
    display: block;
    padding: 5px;
    width: 27px;
    height: 27px;
    font-size: 13px;
    margin: 8px 0
}
.pd-img-in {
    height: 296px;
    width: 100%;
    border: 4px solid #fff;
    position: relative
}
.overlay-pd {
    width: 100%;
    background-color: #0000003b;
    position: absolute;
    height: 100%;
    opacity: 0;
    top: 0;
    transition: all ease-in-out .5ms
}
.pd-img-in img {
    width: 100%;
    height: 100%
}
.pp-detail-boxx {
    display: inline-flex;
    justify-content: space-between;
    width: 100%
}
.product-box-img hr {
    margin: 0!important
}
.pd-name a {
    font-size: 15px;
    font-weight: 600;
    padding: 6px 0;
    color: #434342
}
.pd-config {
    color: #fc7e00;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 500
}
.pd-creater {
    color: #b5b2b2;
    font-size: 13px;
    padding: 5px 0
}
.availibility-pd {
    color: #fc7e00;
    font-size: 11px;
    line-height: 1.7em;
    font-weight: 500;
    text-align: end;
    display: block
}
.color-feature-check {
    display: block;
    float: right
}
.pricing-pd {
    display: block;
    width: 60%
}
.badgerating {
    color: #fff;
    background: #09ae24;
    padding: .5em;
    font-size: 10px!important
}
.starr-rate {
    font-size: 8px
}
.likes {
    color: #b5b5b5;
    font-size: 10px!important;
    margin: 0 10px;
    font-weight: 500
}
.pd-offers {
    margin: 0;
    padding: 0;
    width: 40%
}
.pd-offers ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right
}
.pd-offers ul li {
    padding: 0;
    margin: 5px 0;
    font-size: 13px;
    color: #b1aeae;
    display: flex;
    align-items: center
}
.pd-offers ul li i {
    background: #ddd;
    color: #434342;
    font-size: 6px;
    text-align: center;
    border-radius: 100px;
    padding: 3px;
    margin-right: 10px
}
.pd-amount {
    font-size: 20px;
    color: #ff8000;
    font-weight: 500;
    margin: 0 10px 0 0;
    float: left
}
.cut-ammount {
    color: #a9a9a9;
    font-size: 17px;
    font-weight: 400;
    text-decoration: line-through;
    float: left
}
.bridge-offer {
    background: #0076da;
    padding: 5px;
    line-height: .7em;
    margin: 0 10px;
    border-radius: 4px;
    text-align: center;
    font-size: 10px!important;
    font-weight: 100
}
.signup-banner-strip {
    background: url(../image/sign-strip-banner-bg.jpg) top 35px center;
    background-size: cover;
    height: 232px;
    width: 100%;
    margin: 0;
    padding: 0;
    background-repeat: repeat-x;
    padding-top: 16px;
    margin: 0 0 43px
}
.sign-banner-con {
    text-align: start;
    margin-top: 17px
}
.sign-banner-con h5 {
    font-size: 40px;
    color: #434342;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0
}
.sign-banner-con p {
    font-size: 30px;
    color: #434342;
    margin: 0;
    padding: 0
}
.sign-banner-con h6 {
    font-size: 30px;
    color: #434342;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase
}
.banner-strip-location {
    margin-top: 41px;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(45deg, #ffa200, #ffdf94);
    padding: 30px;
    border-radius: 39px;
    height: 300px
}
.image-forloaction {
    position: relative;
    width: 50%
}
.img-location-ceative {
    position: relative;
    width: 554px;
    height: 354px
}
.img-location-ceative img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -84px;
    right: -40px
}
.shop-find-btn {
    background: #ffffff00;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 8px 30px;
    transition: all .5s ease-out;
    border: 2px solid #fff;
    border-radius: 5px
}
.shopping-pp-detail {
    background: #fff;
    /*border: 1px solid #fff;*/
    /*display: flex*/
    border-left: solid 1px #ededed;
    padding-left: 20px;
    height: 100%;
}
.side-bnner-11 {
    width: 15.2%;
    height: auto
}
.side-bnner-11 img {
    width: 100%;
    height: 100%
}
.pp-dd-21 {
    display: block;
    margin: 0 0 0 18px;
     width: 100%; 
    height: 689px;
    min-height: 689px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;

}
.pp-dd-21::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5; display: none;
}

.pp-dd-21::-webkit-scrollbar
{
    width: 12px !important;
    background-color: #F5F5F5; display: none;
}

.pp-dd-21::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929; display: none;
}





.bestseller-tag- {
    background: #ffefee;
    font-size: 13px;
    border-radius: 25px;
    padding: 3px 20px;
    margin: 4px 0 7px;
    display: inline-block;
    color: #ff8000;
    font-weight: 500
}
.pp-heading-line {
    font-size: 26px;
    font-weight:700;
    color: #434342;
    margin: 0;
    text-transform: uppercase;
     
}
.pp-about {
    font-size: 13px;
    color: #b1b1b1
}
.price--order {
    display: flex;
    justify-content: start;
    align-items: center;
    margin: 0px 0px 20px 0px;
}
.real-amm {
    font-size: 18px;
    font-weight: 600;
    color:#373636;
    margin-right: 10px
}

.shopping-pp-detail h6{color: #333;
    font-weight: 600;
    font-size: 14px;
    margin: 1px 0px 2px 0px;
    padding: 0px;
}



.dis-amm {
    font-size: 18px;
    color:#979393;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 10px
}
.off-amm {
    color:#26a541;
    font-size: 13px;
    font-weight: 600;
}
.rating-pp-ad-shoping {
    display: flex;
    align-items: center
}
.rating-pp-ad-shoping .rr-start {
    color: #ffd200;
    font-size: 15px
}
.feature-box {
    background: #fffbf7;
    padding: 1px;
    align-items: center;
    display: flex;
    border: 1px solid #efdbc8
}
.feature-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}
.feature-box ul li {
    float: left;
    color: #6e6e6e;
    font-size: 14px;
    width: calc(100%/3);
    padding: 0 2px;
    text-align: center;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 13px 5px;
    justify-content: flex-start
}
.feature-box ul li img {
    height: 26px;
    margin-right: 8px
}
.feature-box i{ background:#273741; padding: 5px; border-radius: 100%; margin-right: 10px; width: 25px; height: 25px; display: flex;
align-items: center; justify-content: center; color: #fff;}
.green{ background:#67ad5b !important; }



.search-form-dd {
    position: relative;
     border: 1px solid #ccc;
     margin: 10px 0px;
}
.search-form-delivery {
    border-radius:4px 0 0 4px;
    padding: 10px 50px 10px 10px;
    height: 45px;
   border: none;
    font-size: 14px;
    width: 100%
}
.search-form-delivery:focus-visible {
outline:none;
outline-offset:0
}
.search-devlivery-btn {
    position: relative;
    bottom: 0;
    color: #fc7e00;
    background:#f1f3f9;
    transition:1s;
    width: 79px;
    height: 45px;
    border-radius: 0;
    border: none;
    color:#c50505;
    border-radius: 0 4px 4px 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 8px;
}
.check-t-c-pop {
    color: #0590fb
}
.list-of-t-c {
    position: absolute;
    width: 300px;
    height: 300px;
    scroll-behavior: smooth;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 12px;
    line-height: 1;
    color: #434342;
    display: none
}
.offer-avil-list {
    margin: 0;
    padding: 0
}
.offer-avil-list li {
    font-size: 14px;
    color:#212121;
    margin: 10px 0
}
.offer-avil-list li i {
    color:#2fa849
}
.form-check-finish:checked {
    background-color: #ff8000!important;
    border-color: #ff8000!important;
    background-image: url(../image/icon/checked-icon.html)!important;
    background-size: 10px
}
.form-check-finish:checked label {
    color: #000
}
.form-check-finish[type=radio], .form-check-finish[type=checkbox] {
    border-radius: 5px!important;
    border: 1px solid #ff8000;
    width: 15px;
    height: 15px;
    padding: 0
}
.add-tocart-check-2 label {
    font-size: 14px;
    color: #434342
}
.form-check-finish:focus {
    box-shadow: none!important
}
.add-to-cart-btn { border-radius: 30px;
    border: 1px solid #1538d8;
    text-decoration: none;
    background:#1538d8;
    color:#fff;
    padding: 8px 10px;
    font-size: 15px;
    /*margin-right: 25px;*/
transition:all ease-in 5.ms;
    cursor: pointer; text-align: center;
  display: block !important;
  margin: 10px 0px;
   font-weight: 600;
   text-transform: uppercase;
}
.add-to-cart-btn:hover {background: #080808;
    border: solid 1px #080808;
    color: #ffffff;
}

.add-to-cart-btn a{ color:#fff;
     
}


.buy-now-btn-pp {
    border: 1px solid #f8c9c8;
    text-decoration: none;
    background:#f8c9c8;
    color: #000;
    padding: 8px 10px;
    font-size: 15px; 
 
  transition:all ease-in 5.ms;
    cursor: pointer; text-align: center;
   margin: 10px 0px;
    border-radius: 30px;
    font-weight: 600; text-transform: uppercase;
}
.buy-now-btn-pp:hover {border: 1px solid #080808;
    background: #fff;
    color:#080808 !important;
}

.buy-now-btn-pp a{  
    color: #fff;  
     
}
.buy-now-btn-pp a:hover {
    /*background: #fff;*/
    color:#e5a834; display: block;
}




.qty-select-drop {
    width: 81px!important;
    margin-right: 25px;
    border: 1px solid #cccecf;
    border-radius: 0
}
.quantity{ font-size: 13px; color:#000; margin-right:10px; }

.quality_2 {
    display: flex; 
/*    width:110px;*/
    padding:0px;
    width:100%;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
 

.number {
    width: 100%;
    border: 0px;
    text-align: center;
     border:1px solid #dbdada; 
    height: 30px;
    align-items: center; 
    justify-content: center;
    display: flex;
}

.number span{font-size: 16px; color:#646464;}
.quality_2 .button { border: none;  
    color:#646464; 
    background:none;
    outline: none;  
    font-size: 16px; 
    border-radius:0;  
    padding:0px 1px;
     height:30px;

}
.quality_2 .button button {
  color:#646464;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
      width: 30px;
    border:1px solid #dbdada;
    background: #fff; 
    padding:0px 10px;
     height:30px;
}
 
.btn-to-open {
    padding: 10px;
    background: #fff;
    height: 10px;
    display: block;
    width: 10px;
    position: absolute;
    right: 0;
    top: 0;
    border:1px solid #dbdada; 
    float: right; 
}
.btn-to-open::after {
    position: absolute;
    content: '';
    background: #000;
    height: 12px;
    width: 1px;
    top: 4px;
    right: 0;
    left: 0;
    margin: 0 auto;
    transition: width .5s, height .5s, transform .5s
}
.btn-to-open::before {
    position: absolute;
    content: '';
    background: #000;
    height: 1px;
    width: 13px;
    top: 10px;
    right: 0;
    left: 0;
    margin: 0 auto
}
.pp-with-together {
    display: flex;
    border: 1px solid #a5a5a53d;
    background: #fff;
    margin-bottom: 20px
}
.pp-2-img {
    width: 60%;
    height: 231px
}
.pp-2-img img {
    width: 100%
}
.pp-together-content {
    padding: 7px 6px;
    width: 40%
}
.buy-now-together {
    background: #fc7e00;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 4px 21px;
    transition: all .5s ease-out;
    border: 1px solid #fc7e00;
    border-radius: 100px;
    margin: 2em 0 0
}
.buy-now-together:hover {
    color: #fc7e00;
    background: 0 0
}
.pp-heading-line2 {
    font-size: 16px;
    font-weight: 600;
    color: #434342;
    margin: 0;
    line-height: 1.5;
    margin-top: 0
}
.off-amm-together {
    color: #1ecb09;
    font-size: 9px;
    font-weight: 600;
    background: #d4f7d0;
    padding: 4px 8px;
    border-radius: 10px;
    position: absolute;
    top: 5px;
    left: -7em
}
.info-pills {
    margin: 0;
    padding: 10px 0;
    background: #ffffff;
    border-bottom: solid 1px #ebeaea;
    z-index: 10; position: relative;
}
.info-pills .nav-link.active {
    background:#1538d8!important;
    color:#fff !important
}
.info-pills .nav-link {
    font-size: 16px;
/*    border-right: 1px solid #ccc;*/
    padding:10px 26px !important; 
    background:#f6f6f6; color: #000;
}
li.nav-link:nth-last-child(1) {
    border-right: none
}
li:nth-last-child(1) .nav-link {
    border-right: none
}
.info-pills-content {
    margin: 0;
    padding: 0 10px; 
}
.info-pills-content span {
    font-size: 14px
}
.info-pills-content p {
    font-size: 14px;
    position: relative;
    padding-left:14px;
    color:#212121;
    margin-bottom: 20px; 
    text-align: justify;
}
.info-pills-content ol li {
    margin-bottom: 10px;
    color: #a9a9a9;
    font-size: 13px
}
.info-pills-content ol strong, .info-pills-content h2 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: roboto, sans-serif
}
.info-pills-content small {
    display: block;
    margin-bottom: 5px;
    font-size: 12px
}
.write-rew {
    border: 1px solid #ff8000;
    text-decoration: none;
    background: #ff8000;
    color: #fff;
    padding: 7px 12px;
    font-size: 15px;
    transition: all ease-in .5ms;
    cursor: pointer;
    margin: 3em auto;
    display: block;
    width: 35%;
    text-align: center
}
.write-rew:hover {
    background: #fff;
    color: #ff8000
}
.info-pills-content p::before {
    position: absolute;
    content: '\f054';
    color:#666;
    width: 4px;
    height: 32px;
    left: 0;
    top: 3px;
    background-size: cover;
    font-family: "font awesome 5 free";
    font-weight: 900;
    font-size: 10px
}
.comments-sec {
    background: #fff;
    border: 1px solid #c5c1c161;
    border-radius: 20px
}
.comments-sec .pp-rating-graph {
    background: #fff;
    border: 1px solid #ccc6;
    box-shadow: 0 6px 20px #c5c1c161;
    border-radius: 10px;
    margin: 1em 0;
    padding: 10px
}
.rating-num {
    color: #02a71d;
    font-size: 50px;
    font-weight: 900;
    align-items: center;
    display: inline-flex
}
.rating-num i {
    font-size: 25px
}
.tol-rate-review {
    color: #ddd;
    font-size: 10px
}
.rate-pro-point {
    width: 30%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0
}
.progress-bat-sec {
    width: 70%
}
.meter {
    background: #efefef;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    box-shadow: inset 0 -1px 1px rgb(255 255 255/30%);
    display: block;
    height: 9px;
    padding: 0;
    position: relative;
    width: 65%
}
.meter>span {
    display: block;
    height: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #2bc253;
    background-image: linear-gradient(to top, rgb(134,251,255) 37%, rgb(28,202,255) 69%);
    box-shadow: inset 0 2px 9px rgba(255,255,255,.3) inset 0 -2px 6px rgba(0,0,0,.4);
    position: relative;
    overflow: hidden;
    transition: width 2s ease-out
}
.yellow>span {
    background-color: #ffd000;
    background-image: linear-gradient(to bottom, orange, rgb(253,238,154))
}
.orange>span {
    background-color: #ff4500;
    background-image: linear-gradient(to bottom, orange, orangered)
}
.red span {
    background-color: #f0a3a3;
    background-image: linear-gradient(to bottom, #f0a3a3, #f42323)
}
.green>span {
    background-color: #5f9ea0;
    background-image: linear-gradient(to top, rgb(54,214,97) 37%, #02a71d 69%)
}
.progress-bar-name {
    font-size: 14px;
    color: #6c757d;
    width: 15%
}
.progress-bar-nums {
    font-size: 11px;
    color: #9d9d9d;
    width: 15%;
    text-align: right
}
.view-rew {
    background: #fff7f0;
    font-size: 14px;
    font-weight: 400;
    color: #ff8000;
    border: none;
    padding: 10px;
    border-radius: 7px
}
.com-sec-box-scroll {
    min-height: 486px;
    height: 400px;
    overflow: hidden;
    overflow-y: auto
}
.scroll-text::-webkit-scrollbar {
width:2px
}
.scroll-text::-webkit-scrollbar-track {
background-color:#fff
}
.scroll-text::-webkit-scrollbar-thumb {
background-color:#ceedf5;
border:1px solid #e9f6ff;
border-radius:10px
}
.scroll-text::-webkit-scrollbar-thumb:hover {
background-color:#fff
}
.client-review-cc {
    border: 1px solid #e9e9e9;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    margin-bottom: 20px
}
.boc-ckient-rew {
    width: 100%
}
.header {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.cutom-detail {
    display: flex
}
.user-dp {
    width: 44px;
    height: 43px;
    border: 1px solid #ddd;
    border-radius: 100px
}
.user-dp img {
    width: 100%;
    height: 100%
}
.cc-name-title {
    font-size: 15px;
    color: #434342;
    font-weight: 600;
    margin: 0 10px
}
.customer-rating {
    font-size: 12px;
    background: #cefbd5;
    border-radius: 100px;
    padding: 3px 10px;
    color: #00ab5c;
    margin: 0 7px
}
.post-date {
    color: #bdbdbd;
    font-size: 11px
}
.certified-tick {
    font-size: 12px;
    color: #afafaf;
    margin: 0;
    display: flex;
    align-items: center
}
.certified-tick i {
    color: #fff;
    background: #0590fb;
    padding: 2px;
    border-radius: 100px;
    font-size: 5px;
    margin: 0 8px
}
.likes-for-pp {
    font-size: 14px;
    color: #ddd
}
.likes-for-pp i {
    padding: 5px;
    border-radius: 50%;
    font-size: 10px;
    border: 1px solid
}
.com-sec-wrote {
    font-size: 14px;
    color: #434342;
    line-height: 30px;
    margin: 17px 0 0;
    text-align: justify
}
.clien-rew-img {
    display: block
}
.clien-rew-img ul {
    margin: 0;
    padding: 0
}
.clien-rew-img ul li {
    float: left;
    width: 140px;
    height: 140px;
    border-radius: 10px;
    margin: 10px 27px 10px 0;
    border: 1px solid #e7e7e7
}
.clien-rew-img ul li img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}
.heading-nrm {
    font-size: 18px;
    text-transform: uppercase
}
.rating-header {
    margin-top: -10px;
    margin-bottom: 10px
}
#rating-ability-wrapper {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center
}
#rating-ability-wrapper label {
    width: 100%;
    text-align: center
}
#rating-ability-wrapper .field-label-header {
    width: 36%;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 16px
}
.rating-header span, .rating-header small {
    font-size: 2rem
}
.com-logo {
    display: block;
    margin: 0 auto
}
.com-logo img {
    width: 150px
}
#offcanvasRightr-view {
    width: 750px
}
.up {
    margin: 0 auto;
    margin-top: 0
}
.file-search-button input[type=file] {
    display: none
}
.fileName {
    margin-top: 20px;
    color: #6c757d;
    display: inline-block;
    padding: 15px;
    border-radius: 8px;
    cursor: pointer;
    background-color: #ffffff00;
    border: none;
    width: 100%;
    border: 1px dashed #ffd1a7;
    min-height: 200px;
    max-height: fit-content;
    height: fit-content
}
.custom-file-upload {
    font-size: 11px;
    color: #fff;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 25px;
    cursor: pointer;
    background-color: #fc7e00;
    border: none
}
.file-search-button {
    margin-top: 20px;
    display: inline-block
}
.clear-btn {
    background: #f75252;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    border-radius: 17px;
    padding: 3px 10px;
    border: none
}
.image-preview canvas {
    display: inline-flex;
    float: left;
    margin: 10px
}
.table-borderless2 {
    font-size: 14px;
    color:#545454
}
.table-borderless2 tbody tr {
    display: table-row;
    width: 100%
}
.popup-close2 {
    background: 0 0;
    padding: 2px;
    border: none;
    width: 30px;
    height: 30px;
    color: #ff8000;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999
}
.modal-content .modal-header {
    background: 0 0;
    padding: 0;
    border: none
}
.popup_content {
    border-radius: 10px;
    width: 1000px!important;
    height: 64vh!important;
    display: flex;
    max-width: 1000px!important
}
.popup_content .modal-content {
    border-radius: 10px
}
.popup_content .modal-body {
    background: #fff5f0;
    background: #fff5f0;
    border: 1px solid #ffbd94;
    border-radius: 10px
}
.popup-slider .carousel {
    position: relative;
    height: 600px
}
.popup-slider .carousel-item {
    height: 600px
}
.popup_content .modal-content .shop-now {
    background: #fc7e00;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 5px 22px;
    transition: all .5s ease-out;
    border: 1px solid #fc7e00;
    border-radius: 20px;
    position: absolute;
    right: 40px;
    bottom: 19px
}
.popup-slider .carousel-item img {
    width: 100%;
    height: 100%;
    border-radius: 12px 0 0 12px
}
.from-header h6 {
    font-size: 30px;
    color: #434342;
    font-weight: 100;
    line-height: 1.2em
}
.from-header h6 span {
    color: #ff7e00;
    font-weight: 700
}
.from-header p {
    font: size 20px;
    color: #434342
}
.popup-slider .carousel-indicators [data-bs-target] {
    border-radius: 100%;
    background: #feddcb;
    opacity: 1;
    width: 6px;
    height: 6px!important;
    border: none
}
.popup-slider .carousel-indicators .active {
    background: #ff7e00
}
.signin-form-popup {
    width: 92%;
    background: #fff5f0;
    padding: 20px;
    margin: 31px 0;
    box-shadow: 0 0 20px #fc7e003b
}
.popup-signform input[type=name], .popup-signform input[type=number], .popup-signform textarea, .popup-signform input[type=text], .popup-signform input[type=email], .popup-signform input[type=password] {
    border: 2px solid #d7d7d7d6 !important;
  border-radius: 6px !important;
  padding: 10px 15px !important;
  width: 100%;
  margin: 15px 0;
    margin-top: 15px;
    margin-bottom: 15px;
  font-size: 16px;
  color: #8d8d8d;
}

.popup-signform textarea::placeholder {
font-size:16px;
color:#8d8d8d
}


.popup-signform input::placeholder {
font-size:16px;
color:#8d8d8d
}

.popup-signform input::placeholder {
font-size:14px;
color:#fcb97f
}
.togglePassword {
    cursor: pointer;
    position: absolute;
    top: 34px;
    right: 26px;
    font-size: 12px;
    color: #ff8920
}
.login-btn-popup, .login-guest:hover {
    background: #ff8920;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 8px 38px;
    transition: all .5s ease-out;
    border: 1px solid #ff8920;
    display: block;
    margin: 0 auto;
    font-weight: 100;
    text-transform: uppercase
}
.login-guest, .login-btn-popup:hover {
    color: #ff8920;
    background: 0 0;
    padding: 8px 38px;
    border: 1px solid #ff8920;
    display: block;
    margin: 0 auto;
    font-weight: 100;
    font-size: 12px;
    text-transform: uppercase
}
.forget-pass {
    color: #787878;
    font-size: 11px;
    text-align: center;
    display: block;
    line-height: 3
}
.line {
    width: 6em;
    height: 1px;
    border-bottom: 1px solid #ffb973;
    display: flex
}
.or-way-tolog {
    padding: 0;
    margin: 0 10px;
    font-size: 12px;
    color: #ff7e00
}
.dont-accont {
    color: #434342;
    font-size: 14px
}
.dont-accont a {
    color: #ff7e00;
    font-weight: 500;
    border: none
}
.dont-accont a:hover {
    background: 0 0;
    color: #ff7e00
}
.notification-container {
    display: block;
    overflow: hidden;
    z-index: 999;
    transform: translateX(0%);
    -webkit-transform: translateX(0%)
}
.notification-container2 {
    display: none;
    overflow: hidden;
    z-index: 999;
    transform: translateX(0%);
    -webkit-transform: translateX(0%)
}
.selected {
    animation: slide-in .5s forwards;
    -webkit-animation: slide-in .5s forwards
}
.dismiss {
    animation: slide-out .5s forwards;
    -webkit-animation: slide-out .5s forwards
}
@keyframes slide-in {
0% {
-webkit-transform:translateX(100%)
}
100% {
-webkit-transform:translateX(0%)
}
}
@-webkit-keyframes slide-in {
0% {
transform:translateX(100%)
}
100% {
transform:translateX(0%)
}
}
@keyframes slide-out {
0% {
transform:translateX(0%)
}
100% {
transform:translateX(100%)
}
}
@-webkit-keyframes slide-out {
0% {
-webkit-transform:translateX(0%)
}
100% {
-webkit-transform:translateX(100%)
}
}
.shareidea-img-bg {
    background: url(../image/shareideaimg-bg.jpg) top center no-repeat;
    background-size: 100% 100%;
    padding: 10px
}
.content-share-heading {
    background: #000000bd;
    padding: 10px;
    color: #fff;
    font-size: 40px;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 7em;
    text-align: center;
    position: relative
}
.content-share-heading::after {
    position: absolute;
    content: '';
    right: -10rem;
    top: 0;
    width: 160px;
    height: 100%;
    background: #000000bd
}
.content-share-heading::before {
    position: absolute;
    content: '';
    left: -10rem;
    top: 0;
    width: 160px;
    height: 100%;
    background: #000000bd
}
.share-idea-form {
    background: #fff;
    padding: 46px;
    border-radius: 3px;
    border: 1px solid #0dcaf038;
    box-shadow: 0 0 20px #0dcaf021;
    margin: 20px 0;
    width: 85%;
    float: right
}
.share-idea-form .cstm {
    margin-bottom: 10px
}
.share-idea-form label {
    font-weight: 600;
    font-size: 15px;
    color: #41464b
}
.share-idea-form label sup {
    color: red
}
.share-idea-form input[type=text], .share-idea-form input[type=email], .share-idea-form input[type=name], .share-idea-form textarea {
    border: 1px solid #c2f9ff!important;
    border-radius: 5px!important;
    padding: 7px!important
}
.share-idea-form .form-select {
    border: 1px solid #c2f9ff;
    border-radius: 5px;
    padding: 15px
}
.share-idea-form input::placeholder, .share-idea-form textarea::placeholder {
color:#ccc;
font-size:13px
}
.upload-container {
    position: relative;
    max-width: 100%;
    width: 100%;
    display: block
}
.upload-container input {
    background: rgb(237 245 255/25%);
    outline: 2px dashed #0daffd;
    outline-offset: 0;
    padding: 13px 0;
    text-align: center!important;
    width: 95%;
    border-radius: 12px;
    margin: 10px auto
}
.upload-container button {
    color: #fff;
    background: #4e7bff;
    border: none;
    outline: none;
    padding: 7px 20px;
    border-radius: 8px;
    margin-top: 20px;
    cursor: pointer;
    box-shadow: px 0 20px #000
}
.upload-container input:hover {
    background: #ddd
}
.upload-btn {
    margin-left: 300px;
    padding: 7px 20px
}
.customitem {
    float: left;
    width: 50%
}
.customitem img {
    width: 100%;
    max-width: 100%
}
.mySlides {
    display: none
}
.mySlides2 {
    display: none
}
.compaire-slider {
    overflow: hidden
}
.whatchatmobile {
    z-index: 2;
    width: 80%
}
.whatchatmobile img {
    width: 100%
}
.out-whats {
    background: #f9f9f9;
    border-radius: 0 17px 17px 0;
    padding: 5em 2em;
    margin-top: 2rem;
    position: relative;
    z-index: 1
}
.out-whats:after {
    position: absolute;
    content: '';
    background-color: #f9f9f9;
    width: 189px;
    height: 100%;
    left: -182px;
    top: 0;
    z-index: -1
}
.custom-heading-whts {
    color: #434342;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.5
}
.whatsouter {
    position: relative;
    display: flex;
    justify-content: space-between
}
.whatsouter:after {
    position: absolute;
    content: '';
    background-color: none;
    height: 75%;
    width: 1px;
    top: 10px;
    border-right: 1px solid #cfcfcf;
    right: -25px;
    display: none
}
.whatappcontant {
    display: flex;
    justify-content: space-around
}
.conforchat {
    background: #eefcff;
    border: 2px solid #c3f0ff;
    border-radius: 10px;
    padding: 20px;
    width: 50%;
    margin: 4rem 0 0
}
.conforchat h5 {
    color: #707070;
    font-size: 18px;
    font-weight: 600
}
.conforchat ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.conforchat ul li {
    padding: 0;
    margin: 14px 0;
    font-size: 14px;
    color: #434342;
    font-weight: 600
}
.conforchat ul li i {
    color: #fc7e00
}
.whatsappnotify {
    background-color: #fff;
    border: 3px solid #d1f0fb;
    box-shadow: 0 0 20px #5be6ff29;
    padding: 25px 20px;
    margin: 15px 23px 0
}
.whatsappnotify h5 {
    color: #14a17e;
    font-size: 30px;
    font-weight: 700
}
.whatsappnotify input[type=text] {
    border: 2px solid #c2f9ff!important;
    border-radius: 30px!important;
    padding: 10px
}
.whatsappnotify input::placeholder {
font-size:14px
}
.whatsappnotify .form-select {
    border: 2px solid #c2f9ff!important;
    border-radius: 30px!important;
    padding: 10px;
    font-size: 14px
}
.whatsappnotify .form-control {
    margin: 15px 0
}
.whatsappnotify .newlabel {
    position: absolute;
    content: '';
    background: #fff;
    color: #434342;
    font-size: 13px;
    font-weight: 600;
    top: 6px;
    left: 2rem;
    height: fit-content;
    margin: 0;
    padding: 0 7px
}
.whatsappnotify .submit-number {
    background: #fc7e00;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 5px 30px;
    transition: all .5s ease-out;
    border: 1px solid #fc7e00;
    border-radius: 20px
}
.whatsappnotify .submit-number:hover {
    color: #fc7e00;
    background: 0 0
}
.styling_box {
    margin: 0 auto;
    width: 80%;
    height: fit-content;
    border: 1px solid #f1f1f1;
    border-radius: 150px 150px 129px 129px;
    background: #fffefd;
    box-shadow: 0 2px 0 #ffca91;
    padding: 10px;
    position: relative
}
.styling_box:after {
    position: absolute;
    content: '';
    top: 220px;
    right: -53px;
    width: 1px;
    height: 226px;
    background: url(../10-1-23/assets/image/gradien-lines.html) no-repeat top center
}
.col-md-3:nth-last-child(1) .styling_box:after {
    display: none
}
.pr-img {
    border-radius: 100%;
    box-shadow: 0 0 0 25px #ffefdd;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}
.pr-img img {
    border-radius: 100%;
    box-shadow: 0 5px 20px #00000063;
    width: 100%;
    max-width: 100%
}
.coupon-box-buton {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 16px;
    margin: 10px 0;
    font-size: 14px;
    color: #434342
}
.coupon-box-buton-applied {
    border: 1px dashed #33c300;
    border-radius: 10px;
    padding: 16px;
    margin: 10px 0;
    font-size: 14px;
    color: #058549;
    background: #f3ffef;
    stroke-dasharray: 606;
    stroke-dashoffset: 606;
    animation: line-animation2 7s linear infinite
}
@keyframes line-animation2 {
to {
stroke-dashoffset:0
}
}
@keyframes fill {
from {
fill:transparent
}
to {
    fill: #33c300
}
}
.coupon-box-buton img {
    width: 5%
}
.coupon-box-buton i {
    font-size: 16px
}
.order-summary-box {
    border: 1px solid #e7e7e7;
    padding: 10px
}
.summary-heading {
    font-size: 16px;
    margin: 15px 7px;
    color: #ff8000;
    font-weight: 600
}
.summary-heading span {
    color: #6a6a6a;
    font-size: 13px
}
.order-summary-box table tr {
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400
}
.order-summary-box table tr:last-child {
    border-bottom: none
}
.order-summary-box2 {
    margin-top: 30px
}
.final-biil {
    background: #f7f7f7;
    padding: 10px
}
.final-biil td {
    font-size: 16px;
    font-weight: 700
}
.save-ammt-con {
    color: #14cda8;
    font-size: 16px;
    text-align: center;
    margin: 10px auto;
    font-weight: 600
}
.procced-next-button {
    background: #ff8000;
    padding: 10px;
    text-align: center;
    color: #fff;
    border: none;
    width: 80%;
    margin: 20px auto;
    display: block;
    transition: all ease-in-out .5s
}
.procced-next-button:hover {
    box-shadow: 0 0 20px #ddd
}
.we-accpt-pay {
    background: #f1f1f1;
    padding: 10px
}
.pay-way-box {
    display: inline-block;
    width: calc(100%/8);
    margin: 11px 9px;
    border: 1px solid #f1f1f1
}
.heading-acpt {
    padding: 0;
    margin: 10px;
    color: #434342;
    font-weight: 600
}
.copyright-2 {
    color: #a3a3a3;
    font-size: 14px;
    text-align: center;
    margin: 1em 0
}
.step-for-checkout {
    padding: 0;
    background: #fffaf5;
    border-radius: 100px;
    width: 46px;
    height: 46px;
    position: relative;
    color: #e1e1e1;
    font-size: 30px;
    text-align: center
}
.step-for-checkout:hover {
    color: #ffc387
}
.step-for-checkout-scuss {
    padding: 0;
    background: #fffaf5;
    border-radius: 100px;
    width: 46px;
    height: 46px;
    position: relative;
    color: #fc7e00;
    font-size: 30px;
    text-align: center;
    background: -webkit-linear-gradient(116deg, #f32595, #fc7e00);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
.stepwizard-step p {
    margin-top: 0;
    color: #666
}
.stepwizard-row {
    display: table-row
}
.stepwizard-outer {
    background: #fffaf5;
    padding: 14px 0
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
    margin: 0 auto
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity: 1!important;
    color: #bbb
}
.step-for-checkout::after {
    top: 19px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 268px;
    height: 2px;
    background: linear-gradient(116deg, #f32595, #fc7e00);
    z-index: 1;
    right: 0;
    left: 48px;
    margin: 0 auto
}
.col-xs-3:last-child .step-for-checkout::after {
    display: none
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative
}
.enter-pin-btn {
    width: 200px;
    border: 1px solid #ff8000;
    padding: 5px 10px;
    font-size: 1em;
    color: #ff8000;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600
}
input.form-control.search-pincode-input {
    border: 1px solid #ddd;
    border-radius: 100px
}
input.form-control.search-pincode-input:focus {
    box-shadow: none;
    border-color: #bbb;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}
.search-pincode-btn-modal {
    float: right;
    padding: 8px 12px;
    background: linear-gradient(1deg, #ff8000, #ffe084);
    font-size: 14px;
    border: none;
    cursor: pointer;
    color: #fff;
    position: absolute;
    right: 15px;
    border-radius: 100px
}
.out-active-user {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:#2c2c2c;
    padding:6px 20px;
    margin:0px 0 16px 0; border-radius:10px;
     
}
.log-n-con {
    color: #fff;
    font-weight: 600
}
.login-fot-being-user {
    color: #ff8000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase
}
.act-btn-list {
    margin: 0;
    padding: 0
}
.act-btn-list li {
    float: left;
    border-right: 1px solid #ccc;
    padding: 0 10px
}
.act-btn-list li:last-child {
    border-right: none
}
.rem-list {
    background: 0 0;
    border: none;
    color: #434342;
    font-weight: 600
}
.couppon-apply {
    font-size: 14px;
    color: #434342
}
.couppon-apply:hover {
    color: #ff8000
}
.chec--do- {
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 5px 20px 0 0
}
.enter-coupon-input {
    border: 1px solid #ff7e00;
    border-radius: 0!important;
    padding: 10px;
    background: 0 0
}
.enter-coupon-input::placeholder {
color:#ff8b35;
font-size:14px
}
.button-apply-coupon-btn {
    position: absolute;
    right: 8px;
    top: 8px;
    color: #6a6a6a;
    font-size: 13px
}
.login-sideslash {
    background: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    margin: 30px 0
}
.login-sideslash a {
    font-size: 14px;
    color: #ff8000;
    text-transform: uppercase;
    text-decoration: underline
}
.login-sideslash span {
    color: #ddd;
    font-size: 12px
}
.coupon-box {
    background: #fff9f6;
    border: 1px solid #ff8000;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 27px;
    box-shadow: 0 12px 20px #d36b0247;
    margin: 2em 0
}
.coupon-box img {
    max-width: 58px;
    width: 50px;
    margin-right: 10px
}
.coupon-content {
    padding: 0 0px
}
.avail-coupon {
    font-size: 20px;
    color: #434342;
    font-weight: 800
}
.aplly-coupon-btn {
    color: #ff8000;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    background: 0 0
}
.coupon-content p {
    font-size: 12px;
    color: #6a6a6a;
    margin: 10px 0 0
}
.avail-coupon-details {
    color: red;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    background: 0 0;
    font-weight: 600;
    margin-top: 15px
}
.circle--cc {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    right: -19px;
    background: #ffe8dbde;
    border: 1px solid #ff8000;
    border-radius: 100px;
    margin-bottom: 10px
}
.circle--cc::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 20px;
    background: #ffe7dbf7;
    right: -1px;
    top: -1px
}
.detail-box-for-coupon {
    background: 0 0;
    border: none;
    box-shadow: none
}
.c-deatil-heading {
    font-size: 13px;
    color: #434342;
    font-weight: 600;
    margin: 10px 0
}
.c-detail-list {
    margin: 0;
    padding: 0
}
.c-detail-list li {
    margin: 10px 0;
    padding: 0;
    font-size: 12px
}
.c-detail-list li i {
    font-size: small
}
.dont-accont2 {
    color: #434342;
    font-size: 13.5px;
    background: #fef3ea;
    border-radius: 20px;
    padding: 4px;
    border: 1px solid #f2e8de;
    width: 80%;
    margin: 7px auto
}
.dont-accont2 a {
    color: #ff8000;
    font-weight: 600
}
.dont-accont2 a:hover {
    background: 0 0;
    color: #ff8000
}
.tab-address {
    background: #ccc;
    height: 200px;
    display: none
}
.tab-address .on {
    display: block
}
.Biiling.Haeding {
    margin-top: 10px;
    padding: 20px 0;
    border-bottom: 1px dashed #ddd;
    font-size: 18px;
    margin-bottom: 28px
}
.radio-test {
    margin-top: 10px;
    margin-bottom: 30px
}
.label-00 {
    margin-right: 10px;
    margin-top: 0
}
.content {
    display: none
}
#test-1:checked~#content-test-1 {
    display: block
}
#test-2:checked~#content-test-2 {
    display: block
}
#delivery-2:checked~#content-delivery-2 {
    display: block
}
.billing-from input[type=text], .billing-from input[type=email], .billing-from input[type=name], .billing-from select {
    border: 1px solid #dfdfdf!important;
    border-radius: 4px!important;
    padding: 14px!important
}
.save-continue-btn {
    background: #ff8000;
    padding: 10px;
    text-align: center;
    color: #fff;
    border: none;
    width: 44%;
    margin: 2px auto 35px;
    display: block;
    transition: all ease-in-out .5s
}
.apaymentmode-box {
    display: block;
    margin: 0 auto;
    width: 100%;
    background: #f9f9f9;
    padding: 3rem;
    border-radius: 10px
}
.save-continue-btn2 {
    background: #ff8000;
    padding: 1em 8em;
    text-align: center;
    color: #fff;
    border: none;
    margin: 2px auto 35px;
    transition: all ease-in-out .5s
}
.v-m-img {
    width: 100%;
    text-align: center;
    position: relative
}
.side-box {
    padding: 8em 0 0
}

.side-box p{text-align: justify;}



.heading-2-text { color: #333333;
    margin-bottom: .5em
}

.about-img{ border: solid 1px #f6f6f6; text-align: center; }

.trending_sec p{ color:#646464;
    font-size: 13px;
    line-height:17px;
      }


.floating-sofa {
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: auto;
    bottom:40px;
    transition: transform 250ms
}
.m-v-sec:hover .floating-sofa {
    transform: translateY(-20px)
}


.sidebar-helpcenter{ width: 100%; }
.sidebar-helpcenter iframe{ width: 100%; height:400px; }

.con-benifit {
    position: relative
}
.con-benifit .bb-text-1 {
    position: absolute;
    width: 200px;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 87px;
    color: #5c3201;
    font-weight: 600;
    z-index: 2
}
.con-benifit .bb-text-2 {
    left: 132px;
    right: auto;
    top: 170px
}
.con-benifit .bb-text-3 {
    right: 132px;
    left: auto;
    top: 170px
}
.con-benifit .bb-text-4 {
    left: 48px;
    right: auto;
    top: 384px
}
.con-benifit .bb-text-5 {
    right: 48px;
    left: auto;
    top: 384px
}
.con-benifit .bb-text-1 p {
    color: #fff;
    font-size: 11px;
    background: #00000024;
    border-radius: 10px
}
.con-benifit .bb-text-1:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 100px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}
.con-benifit .bb-text-1:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 80px;
    background-color: #fff;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: 0 auto
}
.one-stop {
    background: url(../image/one-stop-bg.jpg) no-repeat center center;
    background-size: 100%;
    padding: 6em 0 3em;
    margin: 2em 0 0
}
.heading-3-text {
    padding: 5em
}
.heading-3-text h5 {
    font-size: 68px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    font-family: raleway, sans-serif
}
.heading-3-text span {
    font-size: 68px;
    color: #fff;
    font-weight: 100;
    font-family: raleway, sans-serif
}
.cloud-1, .cloud-2 {
    position: relative
}
.cloud-1 img {
    position: absolute;
    width: 192px;
    top: 3em;
    -webkit-animation: linear infinite;
    animation: linear infinite;
    -webkit-animation-name: cloud-1;
    animation-name: cloud-1;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}
.cloud-2 img {
    position: absolute;
    width: 273px;
    top: -4em;
    right: 0;
    filter: brightness(1.1);
    -webkit-animation: linear infinite;
    animation: linear infinite;
    -webkit-animation-name: run;
    animation-name: run;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}
@keyframes cloud-1 {
0% {
left:0
}
50% {
left:10%
}
100% {
left:0
}
}
@keyframes run {
0% {
right:0
}
50% {
right:10%
}
100% {
right:0
}
}
.map-box-2 {
    width: 40%;
    margin: 0 auto
}
.map {
    width: fit-content;
    margin: 0 auto
}
.review-item {
    position: relative;
    width: 100%;
    display: inline-block;
    height: 700px
}
.g-review-box {
    width: 314px;
    height: 273px;
    background: #fff;
    box-shadow: 0 0 20px #c3c3c338;
    border: 2px solid #e3e3e35c;
    border-radius: 19px;
    padding: 14px;
    color: #6e6e6e;
    font-size: 13px;
    line-height: 1.5;
    position: absolute;
    top: 3em;
    left: 7em
}
.g-user-name {
    display: flex;
    justify-content: space-between;
    align-items: self-start
}
.user-dp-g {
    width: 90%
}
.google-icon-review {
    width: 10%
}
.g-review-box2 {
    top: 6em;
    right: 8em;
    left: auto
}
.g-review-box3 {
    top: 27em;
    left: 4em
}
.g-review-box4 {
    top: 30em;
    right: 11em;
    left: auto
}
.client-heading {
    color: #434342;
    font-size: 70px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase
}
.tim-g-review {
    margin: 0 10px
}
.glad-msg-us {
    margin: 0;
    padding: 2em;
    position: relative
}
.glad-msg-us::after {
    position: absolute;
    content: '\f10d';
    width: 30px;
    height: 30px;
    top: 0;
    left: -55px;
    font-family: "font awesome 5 free";
    font-weight: 900;
    font-size: 69px;
    color: #ff8000
}
.glad-msg-us p {
    font-size: 16px;
    font-style: italic;
    line-height: 3
}
.g-content-review {
    background: #f7f7f782;
    padding: 19px;
    margin: 4px 0 16px;
    min-height: 106px;
    height: 138px;
    overflow-x: hidden;
    overflow-y: auto
}
.g-content-review::-webkit-scrollbar {
width:20px
}
.g-content-review::-webkit-scrollbar-track {
background-color:transparent
}
.g-content-review::-webkit-scrollbar-thumb {
background-color:#d6dee1;
border-radius:20px;
border:6px solid transparent;
background-clip:content-box
}
.g-star-rating {
    display: block
}
.g-star-rating ul {
    margin: 0;
    padding: 0
}
.g-star-rating ul li {
    float: left
}
.g-star-rating ul li i {
    font-size: 13px;
    color: #ffc107
}
.text-pp {
    font-size: 34px;
    color: #ff8000;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(#ffc107, #ff8000);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 600;
    text-align: center;
    margin: 10px 0
}
.sr-no-ex {
    background: linear-gradient(45deg, #fc7e00, #ffc107);
    padding: 10px 0;
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 100px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    color: #fff;
    border: 4px solid #ebebeb;
    box-shadow: 6px 5px 11px 0 #2c2c2c6e;
    margin: 0 0 19px
}
.ex-subheading {
    font-size: 26px;
    color: #ff8000;
    font-weight: 600;
    margin: 10px 0
}
.list-thing {
    margin: 0;
    padding: 0
}
.list-thing li {
    margin-bottom: 10px;
    font-size: 16px;
    color: #434342
}
.list-thing li i {
    font-size: 5px;
    color: #ccc
}
.box--2 {
    width: 20%;
    text-align: start;
    margin: 20px 0 20px 33px;
    background: #fff;
    box-shadow: 0 0 15px #dfdfdf6b;
    padding: 21px;
    border-radius: 13px
}
.img-bulk {
    width: 85%;
    text-align: center;
    margin: 0 auto
}
.outer-help-center {
    width: 70%!important;
    margin: 0 auto
}
.outer-xx {
    border-bottom: 1px solid #f3f3f3
}
.contact-us-heading {
    font-size: 20px;
    color: #434342;
    font-weight: 600
}
.order-sec {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    width: 40%;
    text-align: start;
    border: 1px solid #f3f3f3;
    padding: 11px;
    align-items: center;
    color: #727272
}
.order-sec i {
    font-size: 20px;
    color: #ff8000
}
.order-sec span {
    font-size: 12px;
    color: #c9c9c9;
    margin-left: 10px
}
.mang-order-btn {
    background: #ff7200;
    padding: 10px;
    color: #fff
}
.sidebar-helpcenter {
    border-right: 1px solid #f3f3f3;
    padding: 10px
}
.sidebar-helpcenter ul {
    margin: 0;
    padding: 0
}
.sidebar-helpcenter ul li {
    border-bottom: 1px dashed #ddd;
    padding: 10px;
    margin: 10px 0
}
.sidebar-helpcenter ul .active-sidebar a, .sidebar-helpcenter ul .active-sidebar i {
    color: #ff8000
}
.sidebar-helpcenter ul li:last-child {
    border-bottom: none
}
.sidebar-helpcenter ul li a {
    color: #434342;
    font-size: 19px
}
.help-list i {
    font-size: 25px;
    color: #434342;
    margin-right: 19px
}
.faq-accordian {
    padding: 20px 0;
    margin: 0
}
.faq-accordian .accordion-item {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 0!important;
    box-shadow: none
}
.faq-accordian .accordion-item .accordion-button {
    font-size: 16px;
    padding: 10px!important;
    border-radius: 0!important
}
.faq-accordian .accordion-item .accordion-body {
    font-size: 13px;
    color: #434342
}
.faq-accordian .accordion-item .accordion-button:not(.collapsed) {
    background: 0 0;
    color: #434342
}
.faq-accordian .accordion-item .accordion-button:not(.collapsed)::after {
    color: #ff8000!important;
    background-image: url(../image/icon/arrow-active-icon.png)
}
.faq-accordian .accordion-item .accordion-button:focus {
    box-shadow: none
}
.contact-customer-form {
    padding: 20px 0
}
.contact-customer-form h6 {
    font-size: 20px;
    color: #434342;
    font-weight: 600;
    margin-bottom: 2em
}
.contact-customer-form .form-control {
    border-radius: 0
}
.conts-box {
    background: #fff;
    padding: 21px;
    border: 2px solid #efeeee;
    margin: 1em 0;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative; min-height: 140px;
}
.out-cc-bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #434342
}
.icon-for-cc {
    display: block;
    float: left;
    background: -webkit-linear-gradient(#ffc107, #ff8000);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    width: 65px
}
.bb-namer-heading {
    color: #434343;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px
}
.out-cc-bx span {
    font-size: 15px;
    color: #999;
    font-weight: 400
}

.out-cc-bx p{ line-height: 22px; }


.chat-live a {
    background: #ff8000;
    padding: 10px 20px;
    color: #fff;
    font-size: 13px;
    border-radius: 25px;
    font-weight: 100
}
.submit-button {
    border: none;
    padding: 8px 20px;
    background: #ff8000;
    color: #fff
}
.client-content-all {
    width: 100%
}
.bner-star {
    margin: 10px 0;
    padding: 0;
    width: fit-content
}
.bner-star li {
    background: #ff8000;
    border-radius: 4px;
    text-align: center;
    margin: 0 3px;
    display: inline-block;
    padding: 5px;
    color: #fff;
    font-size: 15px
}
.bner-star li:first-child {
    margin-left: 0
}
.bner-star li:last-child {
    margin-right: 0
}
.client-box2 .client-img {
    border-radius: 10px;
    left: 0;
    width: 100%;
    height: 300px
}
.client-box2 .client-img img {
    width: 100%;
    height: 100%
}
.secect-filter-review {
    background: #fff;
    padding: 10px
}
.secect-filter-review {
    background: #fff;
    padding: 41px;
    box-shadow: 0 0 20px #ccc;
    border-radius: 10px;
    margin-top: -4em;
    margin-bottom: 1em
}
.seclect-box-filter {
    position: relative;
    margin: 0 10px;
    width: calc(100%/3)
}
.seclect-box-filter label {
    position: absolute;
    top: -25px;
    font-size: 13px;
    font-weight: 600;
    color: #ff8000
}
.seclect-box-filter .form-select {
    border-radius: 0;
    font-size: 14px;
    padding: 10px
}
.forget-pass-sec {
    background: #fffbf5;
    padding: 8em;
    width: 80%;
    display: block;
    margin: 10em auto
}
.forget-pass-sec h2 {
    font-size: 85px;
    color: #434342;
    font-weight: 100;
    line-height: 1.3em
}
.forget-pass-sec h2 span {
    font-weight: 700;
    color: #ff8000
}
.forget-pass-sec p {
    color: #434342;
    font-size: 18px
}
.fotgot-form {
    background: #fff;
    padding: 3em;
    border-radius: 10px;
    box-shadow: 0 0 20px #ffb06141;
    position: relative;
    width: 100%;
    display: block
}
.fotgot-form-in label {
    font-size: 16px;
    color: #434342;
    margin-bottom: 1em
}
.fotgot-form-in input[type=email] {
    border-radius: 5px;
    border: 1px solid #ffad5a;
    padding: 10px;
    font-size: 14px;
    color: #ff8000
}
.fotgot-form-in input[type=email]:focus {
    box-shadow: none
}
.step-button {
    color: #7e7e7e;
    font-size: 30px
}
.submit-forgot-btn {
    background: linear-gradient(45deg, #ff8000, #ffdf80);
    border: 0;
    padding: 13px 52px;
    border-radius: 100px;
    color: #fff;
    box-shadow: 0 7px 20px #ff800085;
    font-size: 17px
}
.submit-forgot-btn i {
    font-weight: 600
}
.submit-forgot-btn:hover {
    color: #fff
}
.mail-sent-box {
    width: 100%;
    text-align: center
}
.mail-sent-box {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    background: #fff;
    padding: 47px;
    height: 100%;
    margin: 0 auto;
    left: 0;
    border-radius: 10px
}
.mail-sent-box i {
    font-size: 10em;
    color: #ff8000;
    text-align: center;
    font-weight: 900;
    margin-bottom: 14px
}
.otp-input input {
    font-size: 18px;
    width: 49px;
    height: 49px;
    line-height: 1;
    text-align: center
}
.otp-input input:last-child {
    margin-right: 0
}
.otp-input input:first-child {
    margin-left: 0
}
.otp-input input:focus {
    box-shadow: none!important;
    box-shadow: none!important
}
.otp-text {
    border: 2px solid #ff800033;
    margin: 0 12px;
    border-radius: 9px;
    box-shadow: inset 0 1px 6px 0 #db6f0447
}
.success-popup {
    background: #e9f9e2;
    position: fixed;
    top: 10px;
    right: -400px;
    width: 327px;
    max-width: 369px;
    height: 76px;
    border-radius: 100px 0 0 100px;
    text-align: start;
    display: flex;
    justify-content: space-around;
    align-items: center;
    animation: myfirst-alert 4.5s 1;
    z-index: 9
}
.success-popup2 {
    background: #fee;
    position: fixed;
    top: 100px;
    right: -400px;
    width: 327px;
    max-width: 369px;
    height: 76px;
    border-radius: 100px 0 0 100px;
    text-align: start;
    display: flex;
    justify-content: space-around;
    align-items: center;
    animation: myfirst-alert 4.5s 1;
    z-index: 9
}
@keyframes myfirst-alert {
0% {
right:-400px
}
25% {
right:0
}
50% {
right:0
}
75% {
right:0
}
100% {
right:-400px
}
}
.success-popup p {
    color: #3aa515;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0
}
.success-popup h6 {
    color: #2a9106;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0
}
.success-popup2 p {
    color: red;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0
}
.success-popup2 h6 {
    color: red;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0
}
#smile {
    position: absolute!important;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%);
    animation: fill .5s ease forwards .9s;
    box-shadow: 0 5px 20px #3ad70085;
    border-radius: 100%
}
#smile path:nth-child(1) {
    stroke-dasharray: 606;
    stroke-dashoffset: 606;
    animation: line-animation 7s ease forwards
}
@keyframes line-animation {
to {
stroke-dashoffset:0
}
}
@keyframes fill {
from {
fill:transparent
}
to {
    fill: #33c300
}
}
#smile2 {
    position: absolute!important;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%);
    animation: fills .5s ease forwards .9s;
    box-shadow: 0 5px 20px #ffc2c2;
    border-radius: 100%
}
#smile2 path:nth-child(1) {
    stroke-dasharray: 606;
    stroke-dashoffset: 606;
    animation: line-animations 7s ease forwards
}
@keyframes line-animations {
to {
stroke-dashoffset:0
}
}
@keyframes fills {
from {
fill:transparent
}
to {
    fill: red
}
}
.heading-forpage {
    font-size: 17px;
    color: #434342;
    font-weight: 600;
    margin: 19px 0;
    display: block
}
.sitemap-box {
    border-radius: 10px;
    background: #fbfbfbce;
    padding: 21px;
    box-shadow: 0 0 20px #e7e7e7a1;
    margin: 19px 0
}
.sitemap-box ul {
    margin: 0;
    padding: 0 0 0 23px;
    border-left: 1px dashed #ff800091;
    border-radius: 0 0 0 0
}
.sitemap-box ul li {
    margin: 5px 0;
    display: block;
    position: relative;
    padding: 0 0 0 52px
}
.sitemap-box ul li::before {
    content: '';
    position: absolute;
    width: 47px;
    height: 1px;
    border-bottom: 1px dashed #d46b0b;
    top: 13px;
    margin: 0 auto;
    left: -23px
}
.sitemap-box ul li::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px dashed #d46b0b;
    border-radius: 100px;
    left: 24px;
    top: 9px
}
.sitemap-box ul li span {
    background: #ffe9c1;
    border-radius: 5px;
    padding: 6px;
    text-align: center;
    margin: 0 12px 0 0;
    display: inline-flex;
    align-items: center;
    position: relative
}
.sitemap-box ul li span svg {
    color: #ff8000;
    text-align: center
}
.sitemap-box ul li a {
    color: #434342;
    font-size: 14px
}
.count-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #a9ffd7;
    font-size: 8px;
    border-radius: 100px;
    padding: 0 4px;
    color: #0f8b00;
    border: 1px solid #aef5ca
}
.list-out-of-delivery {
    display: block;
    width: 100%
}
.list-inn {
    border-bottom: 2px solid #cccccc40;
    padding: 5px 0;
    display: flex;
    width: 100%;
    height: fit-content;
    align-items: flex-start
}
.list-inn ul {
    margin: 0;
    padding: 0
}
.list-inn ul li {
    float: left;
    padding: 0;
    margin: 0
}
.list-inn ul li:last-child a {
    border: none
}
.list-inn ul li a {
    color: #434342;
    font-size: 14px;
    border-right: 1px solid #ddd;
    padding: 0 10px
}
.d-city-name {
    font-size: 15px;
    color: #ff8000;
    margin: 7px 0
}
.banner-for-bulk {
    width: 100%;
    height: fit-content
}
.banner-for-bulk img {
    width: 100%;
    height: 100%
}
.area-ss-box {
    background: #fff5ea;
    border-radius: 13px;
    padding: 16px;
    font-size: 16px;
    color: #434342;
    margin: 1em 2em;
    width: 200px;
    height: 200px;
    text-align: center
}
.para-bb {
    flex-flow: column;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    flex-direction: column;
    font-size: 14px;
    margin-top: 21px;
    width: 100%;
    margin: 19px auto 0;
    height: 37px
}
.area-ss-box .icon-svg {
    animation: fill2 .5s ease forwards .9s
}
.icon-svg path:nth-child(1) {
    stroke-dasharray: 606;
    stroke-dashoffset: 606;
    animation: line-animation2 7s ease forwards
}
@keyframes line-animation2 {
to {
stroke-dashoffset:0
}
}
@keyframes fill2 {
from {
fill:transparent
}
to {
    fill: transparent
}
}
.create-pack {
    position: relative;
    z-index: 2;
    margin: 6em 0 2em
}
.create-pack::after {
    position: absolute;
    content: '';
    background: gray;
    background: linear-gradient(357deg, #fc7e00, #ffdb8e);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    width: 95%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    box-sizing: content-box;
    border-radius: 50px;
    z-index: -1
}
.bulk-form-content {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 5em 0
}
.btn-forbulk-form {
    font-size: 15px;
    color: #fff;
    border-radius: 100px;
    background: 0 0;
    border: 2px solid #fff;
    padding: 9px 42px;
    margin: 1em 0;
    display: inline-block
}
.list-_ul-2 {
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}
.call_source_button {
    background: #fff;
    border-radius: 21px;
    padding: 9px 2rem;
    margin: 10px 0 10px 18px;
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    right: 0;
    color: #5a5c59;
    float: left;
    cursor: pointer
}
.call_source_button a {
    color: #5a5c59;
    font-size: 16px;
    text-decoration: none
}
.women-insofa {
    margin: -3em 0
}
.devider2 {
    text-align: center;
    width: 53%;
    margin: 13px auto;
    color: #fff
}
.devider2::after {
    position: absolute;
    content: '';
    border-top: 1px solid #fff;
    background: 0 0;
    left: 104px;
    width: 92px;
    top: 13px
}
.devider2::before {
    position: absolute;
    content: '';
    border-top: 1px solid #fff;
    background: 0 0;
    right: 104px;
    width: 92px;
    top: 13px
}
.portfolio-card {
    width: 100%
}
.portfolio-card .work-img {
    width: 100%;
    height: 100%;
    min-height: 200px
}
.portfolio-card .work-img img {
    width: 100%;
    height: 100%
}
.portfoliowtext h6 {
    font-size: 20px;
    padding: 1em 0 0;
    font-weight: 600;
    color: #434342
}
.portfoliowtext p {
    font-size: 14px;
    text-align: justify
}
.price-input {
    width: 100%;
    display: flex;
    margin: 30px 0 35px
}
.price-input .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center
}
.field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 19px;
    margin-left: 12px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}
.field input[type=number]::-webkit-outer-spin-button, .field input[type=number]::-webkit-inner-spin-button {
-webkit-appearance:none
}
.price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center
}
.slider-range {
    height: 5px!important;
    position: relative;
    background: #ddd;
    border-radius: 5px
}
.slider-range .progress {
    height: 100%;
    left: 0%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: #ff8000
}
.range-input {
    position: relative
}
.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: 0 0;
    pointer-events: none;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.range-input input[type=range]::-webkit-slider-thumb {
height:17px;
width:17px;
border-radius:50%;
background:#ff8000;
pointer-events:auto;
-webkit-appearance:none;
box-shadow:0 0 6px rgba(0,0,0,.05)
}
.range-input input[type=range]::-moz-range-thumb {
height:17px;
width:17px;
border:none;
border-radius:50%;
background:#ff8000;
pointer-events:auto;
-moz-appearance:none;
box-shadow:0 0 6px rgba(0,0,0,.05)
}
.ui-slider {
    height: 5px!important
}
.ui-slider .ui-slider-range {
    background:#c40c0f!important
}
.ui-slider .ui-slider-handle {
    height: 17px!important;
    width: 17px!important;
    border: none!important;
    border-radius: 50%!important;
    background:#fff !important;
    pointer-events: auto!important;
    -moz-appearance: none!important;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 0 6px rgba(0,0,0,.05)!important; border: solid 5px #c40c0f !important;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.4em!important
}
.ui-widget.ui-widget-content {
    border: none!important;
    background-color: #ddd
}
.rangeslider {
    margin-bottom: 30px;
    padding: 10px
}
#tick {
    animation: fill .5s ease forwards .9s;
    stroke-dasharray: 606;
    stroke-dashoffset: 606;
    animation: line-animation 5s ease forwards;
    width: 150px
}
@keyframes line-animation {
to {
stroke-dashoffset:0
}
}
@keyframes fill {
from {
fill:transparent
}
to {
    fill: #33c300
}
}
.for-anyquery {
    display: flex;
    margin: 0 auto;
    justify-content: center
}
.view-order-btn {
    font-size: 16px;
    background: #198754;
    text-align: center;
    color: #fff;
    border: 1px solid #198754;
    border-radius: 6px;
    padding: .4em .6em;
    margin: 0 10px
}
.ask-q-btn {
    font-size: 16px;
    background: #0a58ca;
    text-align: center;
    color: #fff;
    border: 1px solid #0a58ca;
    border-radius: 6px;
    padding: .4em .6em;
    margin: 0 10px
}
.qu-sec.py-2.thank-sec {
    background: #fff
}
.thank-box {
    background: #fff5f0;
    width: 80%;
    height: 600px;
    text-align: center;
    padding: 2em;
    box-shadow: 0 8px 54px #fc7e003b;
    margin: 5em auto;
    border-radius: 51px;
    border: 1px solid #ffe0c1;
    display: block
}
.thank-heading {
    font-size: 67px;
    font-weight: 800;
    color: #fc7e00;
    margin: 0
}
.thank-box p {
    font-size: 20px
}
.not-found-bg {
    background: #f5f5f5;
    padding: 5em 0;
    background: linear-gradient(140deg, #ffe8ce47, #fbb8a078);
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.not-found-content h2 {
    font-size: 5em;
    color: #434342
}
.not-found-content h3 {
    font-size: 24px;
    color: #434342;
    font-weight: 200
}
.not-found-img {
    width: 70%;
    margin: 0 auto;
    display: block
}
.not-found-img img {
    width: 60%
}
.goback-btn {
    background: #fc7e0000;
    font-size: 14px;
    color: #ff8000;
    text-decoration: none;
    text-align: center;
    padding: 6px 26px;
    transition: all .5s ease-out;
    border: 1px solid #fc7e00;
    border-radius: 100px;
    margin-top: 1.4em;
    display: inline-block
}
@media screen and (min-device-width:1700px) and (max-device-width:1800px) and (-webkit-min-device-pixel-ratio:1) {
.step-for-checkout::after {
    width: 235px
}
.navbar-nav li.nav-item {
    margin: 0 19px!important
}
.bbb-slider1 .owl-item img, .bbb_slider2 .owl-item img, .bbb_slider3 .owl-item img, .bbb_slider4 .owl-item img {
    height: 248px!important
}
}
@media screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1) {
.customfurniture-breadcrumb ul li {
    padding: 0;
    margin: 11px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5
}
.price-input .field {
    height: 36px
}
.field input {
    font-size: 16px
}
.bbb-slider1 .owl-item img, .bbb_slider2 .owl-item img, .bbb_slider3 .owl-item img, .bbb_slider4 .owl-item img {
    height:400px!important
}
.pp-2-img img {
    height: 180px!important
}
.client-img {
    height:90px; width:90px;  margin: auto;
    border-radius: 100%; border: solid 1px #ccc; background: #fff;
}

.client-img img{ border-radius: 100%; }

.client-box {
    margin: 1rem 10px
}
.secect-filter-review {
    margin-bottom: 0
}
.best-item-box .best-item-img {
    height: 312px
}
.new-arrival-box {
    margin: 0
}
.help-list i {
    font-size: 19px;
    margin-right: 9px
}
.sidebar-helpcenter ul li a {
    font-size: 17px
}
.share-idea-form {
    width: 100%;
    padding: 20px
}
.row2 {
    margin: 0 0 10px
}
.thank-box {
    padding: 5em 1em;
    margin: 5em auto
}
.thank-heading {
    font-size: 55px
}
.ex-subheading {
    font-size: 18px
}
.item-box3 img {
    margin-top: 1em
}
.client-name p {
    /*font-size: 16px*/
}
.outer-img-show {
    margin-bottom: 30rem
}
.navbar-nav li.nav-item {
    margin: 0
}
.customfurniture-breadcrumb h6 {
    font-size: 50px
}
.customfurniture-breadcrumb ul li {
    margin: 9px 0;
    font-size: 16px
}
#demo .carousel-inner {
    height: 349px
}
.box-details {
    background: #fff;
    width: 90%;
    max-width: 90%;
    margin: 2em auto
}
.progress-bar-name {
    font-size: 13px;
    width: 20%
}
.meter {
    width: 60%
}
.progress-bar-nums {
    width: 20%
}
.write-rew {
    padding: 7px 6px;
    font-size: 13px;
    width: 50%
}
.panel-order-id {
    font-size: 13px
}
.pp-title-panel {
    font-size: 20px;
    margin: 3px 0
}
.delivery-add-detil li {
    font-size: 13px
}
.pp-dd-21 {
    /*width: 80%;*/
    height: 546px;
    min-height: 546px
}
.feature-box ul li {
    font-size: 12px;
    padding: 0 2px;
    padding: 6px 3px
}
.add-to-cart-btn {
/*  padding: 8px 8px;*/
    font-size: 13px;  display: block !important;
}
.buy-now-btn-pp {
    /*padding: 8px 26px;*/
    font-size: 13px; display: block;
}
.rating-pp-ad-shoping .rr-start {
    color: #ffd200;
    font-size: 10px
}
.search-devlivery-btn {
    width: 79px;
    height: 38px
}
.search-form-delivery {
    height: 38px
}
.offer-avil-list li {
    font-size: 13px;
    margin: 4px 0
}
.side-bnner-11 {
    width: 14.5%
}
.zoomWrapper {
    height: 550px!important
}
.pp-heading-line {
    font-size: 18px; margin:0px 0px 20px 0px; 
}
.bestseller-tag- {
    font-size: 11px
}
.pp-2-img {
    height: 180px;
    width: 55%
}
.pp-together-content {
    width: 45%
}
.buy-now-together {
    font-size: 11px;
    padding: 4px 18px;
    margin: 1em 0 0
}
.info-pills .nav-link {
    font-size: 14px;
    padding:2px 16px; font-weight: 600;
}
.pd-amount {
    font-size: 16px
}
.cut-ammount {
    font-size: 14px
}
.pd-img-in {
    height: 238px
}
.availibility-pd {
    font-size: 10px
}
.pd-name a {
    font-size: 14px
}
.img-location-ceative img {
    width: 97%;
    top: -61px;
    right: 15px
}
.radio-list-finish {
    margin: 4px;
    width: 15px;
    height: 15px
}
.pd-config {
    font-size: 12px
}
.image-forloaction {
    width: 60%
}
.sign-banner-con h6 {
    font-size: 25px
}
.sign-banner-con h5 {
    font-size: 25px
}
.img-location-ceative {
    position: relative;
    width: 529px;
    height: 330px
}
#divAnim input {
    top: 52px
}
.item-img {
    height: 216px;
    min-height: 216px
}
.in-img-box4 {
    height: 352px;
    min-height: 252px;
    max-height: 252px
}
.con-benifit .bb-text-2 {
    left: 44px
}
.con-benifit .bb-text-4 {
    left: -59px;
    top: 321px
}
.con-benifit .bb-text-5 {
    right: -60px;
    top: 321px
}
.con-benifit .bb-text-3 {
    right: 44px
}
.heading-2-text {
    font-size: 24px
}
.heading-3-text {
    padding: 0
}
.in-img-box2 {
    height: 258px;
    min-height: 258px;
    max-height: 258px
}
.insta-sec {
    background: url(../image/circlebg.png) top 0 right;
    background-size: auto 100%;
    background-repeat: no-repeat
}
.line_hr {
    margin: 7px auto;
    padding: 0
}
.trends {
    padding-top: 40px;
    padding-bottom: 40px
}
.global-price-amount {
    font-size: 20px
}
.insta-sec {
    margin-top: 20px
}
.client-comment p {
    font-size:13px; line-height:20px;
}
.client-box {
    padding: 7px
}
.bbb_item4 {
    height: 303px
}
.bbb_content {
    margin-top: 0;
    padding: 9px
}




.qa-list li i {
    height: 15px;
    width: 15px;
    font-size: 9px
}
.pp-price h6 {
    font-size: 18px
}
.pp-name {
    width: 50%
}
.pp-name span {
    font-size: 13px;
    display: block
}
.pp-name p {
    font-size: 14px
}
.product-content .p_item-name a {
    font-size: 15px
}
.sale-badge {
    font-size: 10px
}
.p_item-amount_ {
    font-size: 14px
}
.p_item-amount_ i {
    font-size:15px
}
.p_item-price p {
    font-size: 13px
}
.cart-p-name {
    font-size: 13px
}
 
.cp-with {
    height: 349px
}
.qu_box_heading {
    font-size: 15px
}
.my-cart-price {
    font-size: 14px
}
.my-cart-price i {
    font-size: 13px
}
.forget-pass-sec {
    width: 90%
}
.tab-popup button {
    padding: 5px 0;
    font-size: 11px;
    width: 17%
}
.forget-pass-sec h2 {
    font-size: 70px
}
.g-review-box {
    width: 247px;
    height: 247px;
    top: 1em;
    left: 0
}
.g-review-box2 {
    right: 4em;
    left: auto;
    top: 5em
}
.g-review-box4 {
    right: 3em;
    top: 29em;
    left: auto
}
.g-review-box3 {
    top: 24em;
    left: 1em
}
.client-heading {
    font-size: 55px
}
.step-for-checkout::after {
    left: 45px;
    position: absolute;
    content: " ";
    width: 159px!important
}
.real-amm {
    font-size:24px
}
 
.cart-deatils {
    margin: 0 5px
}
.pp-img-cart {
    width: 102px;
    height: 102px
}
.dis-amm {
    font-size: 13px
}
.location-box {
    width: 100%
}
.tab-ul ul {
    width: 85%!important;
    height: 268px!important
}
.cp-with h3 {
    font-size: 70px
}
.cp-with p {
    font-size: 40px
}
.pp-item-box {
    width: 100%
}
.item-name { width: 100%;
    padding: 3px 5px
}
 
.bg-custom:after {
    right: -9rem
}
.query_man {
    margin: 0 -111px 0 0;
    width: 70%
}
.call_to_action_sec {
    margin: 10rem 0 0
}
.navbar-nav li.nav-item {
    margin: 0!important
}
.nav-link {
    font-size: 14px!important
}
.custom-heading-whts {
    font-size: 28px
}
.conforchat {
    margin: 0
}
.whatsappnotify {
    padding: 17px 10px;
    margin: 11px 8px 0
}
.whatsappnotify h5 {
    font-size: 22px
}
.out-whats {
    padding: 6px 8px 1px 0;
    margin-top: 1.5rem;
    padding: 3em 2em
}
.whatsappnotify .form-control {
    margin: 7px 0
}
.whatsappnotify .newlabel {
    top: -3px
}
.whatsappnotify .form-select {
    border-radius: 30px!important
}
.whatchatmobile {
    z-index: 2;
    width: 80%
}
.out-whats:after {
    width: 165px;
    left: -149px
}
.whatchatmobile {
    z-index: 2;
    margin-top: 10px
}
.bed-banner-img {
    right: -46px!important
}
.bed-banner-img img {
    max-width: 60%!important;
    min-width: 60%!important;
    float: right
}
.breadcrumb-content {
    padding: 6rem 0;
    width: 50%
}
.pp-price h6 {
    font-size: 18px
}
.pp-name-title {
    font-size: 16px
}
.customfurniture-breadcrumb {
    width: 56%
}
.forget-pass-sec {
    padding: 6em;
    margin: 2em auto
}
.sitemap-box ul li {
    padding: 0 0 0 20px
}
.sitemap-box ul li::before {
    width: 26px;
    left: -23px
}
.sitemap-box ul li::after {
    left: 3px;
    top: 8px
}
.sitemap-box {
    padding: 9px
}
.con-detail h5 {
    font-size: 18px;
    color: #f2f2f2
}
.query_man {
    margin: -7rem -71px 0 0;
    width: 58%
}
.home-slider-control-next, .home-slider-control-prev {
    width: 30px!important;
    height: 30px!important
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem
}
.MultiCarousel .lead {
    font-size: 1rem
}
.otp-input input {
    width: 38px;
    height: 38px
}
.fotgot-form {
    padding: 2em
}
.off_badge {
    font-size: 10px
}
}
@media only screen and (min-device-width:1400px) and (max-device-width:1500px) {
.pp-2-img {
    width: 60%
}
.bbb_slider5 .owl-item img {
    width: 248px;
    height: 180px
}
}
@media only screen and (min-device-width:1300px) and (max-device-width:1400px) {
.pp-together-content {
    width: 40%
}
.pp-2-img {
    height: 180px;
    width: 60%
}
}
@media only screen and (min-device-width:1200px) and (max-device-width:1100px) {
.bbb_slider5 .owl-item img {
    width: 259px
}
.pp-together-content {
    width: 50%
}
.pp-2-img {
    height: 180px;
    width: 50%
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
.p_item-amount_ i {
    font-size: 20px
}
.p_item-amount_ {
    font-size: 17px
}
.product-content .p_item-name a {
    font-size: 16px
}
.pp-name-title {
    font-size: 16px
}
.pp-price h6 {
    font-size: 16px
}
.pp-name p {
    font-size: 14px
}
.bbb_content {
    margin-top: 0
}
.bbb_name a {
    font-size: 16px
}
.popup_content {
    width: 789px!important;
    max-width: 853px!important
}
.sign-banner-con {
    text-align: center
}
.col-width-1024 {
    width: 100%!important
}
.field input {
    font-size: 15px;
    margin-left: 2px
}
.pd-img-in {
    height: 230px
}
.accordion-item-filter .accordion-body li {
    margin: 10px 0
}
.filter-switch2>label.form-check-label {
    font-size: 14px;
    margin-left: 4px
}
.client-name p {
    font-size: 15px
}
.rating span i {
    font-size: 13px
}
.see-product-btn {
    font-size: 13px;
    margin: 5px 0;
    padding: 4px 13px
}
.customfurniture-breadcrumb h6 {
    font-size: 60px
}
.breadcrumb-sec {
    height: 40vh;
    min-height: 40vh
}
.panel-order-id {
    padding: 6px 10px
}
.buy-now-btn-pp {
    padding: 8px 34px;
    font-size: 14px
}
.radio-list-finish {
    margin: 1px
}
.area-ss-box {
    margin: 1em
}
.con-benifit .bb-text-1 {
    top: 28px
}
.g-review-box {
    width: 220px
}
.con-benifit .bb-text-3 {
    right: 43px;
    left: auto;
    top: 100px
}
.con-benifit .bb-text-2 {
    left: 29px;
    top: 100px
}
.con-benifit .bb-text-4 {
    left: -40px;
    right: auto;
    top: 263px
}
.con-benifit .bb-text-5 {
    right: -47px;
    top: 264px
}
.bed-banner-img {
    right: 0!important
}
.step-for-checkout::after {
    top: 19px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 118px!important
}
.item-box3 {
    height: 138px!important;
    margin: 30px 8px!important
}
.product-box-tab {
    padding: 20px;
    margin: 35px 8px;
    min-width: 193px
}
.customfurniture-breadcrumb {
    padding: 2rem 0;
    width: 60%
}
.box-details {
    width: 100%;
    max-width: 100%
}
.carousel-item {
    height: 301px
}
.cp-with {
    height: 301px
}
.bg-custom {
    padding: 2rem 0 2rem 6rem
}
.query_man {
    margin: -4rem -46px 0 0
}
.container-custom {
    min-width: 100%;
    width: 190%
}
.offer-box {
    width: 97%!important
}
.cp-with h3 {
    font-size: 44px
}
.cp-with p {
    font-size: 20px
}
.pg-heading {
    font-size: 35px
}
.qu_box_heading {
    font-size: 14px
}
.call_to_action_sec:after {
    width: 100%
}
.product-content {
    padding: 7px
}
.navbar-nav li.nav-item {
    margin: 0!important;
    padding: 0!important
}
.nav-link {
    font-size: 12px!important
}
.breadcrumb-content h6 {
    font-size: 75px
}
.image-forloaction {
    width: 51%
}
.sign-banner-con h5 {
    font-size: 30px
}
.sign-banner-con h6 {
    font-size: 24px
}
.img-location-ceative img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -5px;
    right: 34px
}
.img-location-ceative {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: auto
}
.image-forloaction {
    width: 57%
}
.owl-theme .owl-nav .owl-next {
    right: 2em
}
.owl-theme .owl-nav .owl-prev {
    left: 2em;
    right: auto
}
.order-sec {
    width: 62%
}
.outer-help-center {
    width: 90%!important
}
.sidebar-helpcenter ul li a {
    font-size: 16px
}
.help-list i {
    font-size: 19px
}
.one-stop {
    margin: 2em 0
}
.heading-3-text span {
    font-size: 56px
}
.heading-3-text h5 {
    font-size: 54px
}
.heading-3-text {
    padding: 1em
}
#divAnim input {
    top: auto;
    bottom: 0;
    right: 0
}
}
@media(min-device-width:1250px) and (max-device-width:1300px) {
.nav-link {
    font-size: 13px!important
}
}
@media(min-device-width:800px) and (max-device-width:1280px) {
.bbb-slider1 .owl-item img, .bbb_slider2 .owl-item img, .bbb_slider3 .owl-item img, .bbb_slider4 .owl-item img {
    height: 198px!important
}
.item-img {
    height: 199px;
    min-height: 199px
}
#offcanvasRight2 {
    width: 50%
}
.pr-img-myorder {
    height: 170px
}
.breadcrumb-content {
    padding: 2rem 0;
    width: 50%
}
.breadcrumb-content h6 {
    font-size: 46px
}
.new-arrival-box {
    margin: 0
}
.bg-custom {
    padding: 2rem 0 2rem 6rem
}
.pg-heading {
    font-size: 30px
}
.call_to_action_sec:after {
    width: 100%
}
.call_to_action_sec {
    margin: 3rem 98px 0
}
.bed-banner-img {
    right: -44px!important
}
.bed-banner-img img {
    max-width: 57%!important;
    min-width: 57%!important;
    float: right
}
.best-item-box {
    margin: 0
}
.help-list i {
    font-size: 16px;
    margin-right: 10px
}
.sidebar-helpcenter ul li a {
    font-size: 16px
}
.sidebar-helpcenter {
    padding: 0
}
.customfurniture-breadcrumb h6 {
    font-size: 37px
}
.customfurniture-breadcrumb {
    padding: 0
}
.breadcrumb-sec {
    height: 40vh;
    min-height: 40vh
}
.thank-box {
    width: 80%;
    padding: 6em 1em;
    margin: 4em auto
}
.step-for-checkout::after {
    width: 144px
}
.filter-switch>label.form-check-label, .filter-switch2>label.form-check-label {
    font-size: 16px
}
.otp-input input {
    width: 38px;
    height: 38px
}
.fotgot-form {
    padding: 2em
}
.forget-pass-sec h2 {
    font-size: 70px
}
.otp-text {
    margin: 0 6px
}
.zoomWrapper {
    height: 460px!important
}
.pp-dd-21 {
    height: 460px;
    min-height: 460px;
    margin: 0 0 0 5px
}
.write-rew {
    padding: 5px 9px;
    font-size: 14px;
    width: 54%
}
.heading-nrm {
    font-size: 14px
}
.progress-bar-name {
    width: 15%
}
.progress-bar-name {
    width: 20%
}
.meter {
    width: 55%
}
.progress-bar-name {
    width: 27%;
    font-size: 13px
}
.rating-num {
    font-size: 39px
}
.progress-bar-nums {
    width: 15%
}
.clien-rew-img ul li {
    width: 100px;
    height: 100px
}
.img-location-ceative img {
    top: -63px;
    right: 0
}
.image-forloaction {
    width: 50%
}
.img-location-ceative {
    width: 100%
}
.sign-banner-con h6 {
    font-size: 24px
}
.sign-banner-con h5 {
    font-size: 24px
}
.sign-banner-con p {
    font-size: 24px
}
.add-to-cart-btn {
    padding: 8px 13px;
    font-size: 14px;
    margin-right: 18px
}
.buy-now-btn-pp {
    padding: 7px 39px;
    font-size: 14px
}
.pp-heading-line {
    font-size: 19px
}
.search-form-delivery {
    padding: 10px 0 10px 10px;
    height: 39px;
    width: 59%
}
.search-devlivery-btn {
    height: 39px
}
.offer-avil-list li {
    font-size: 13px
}
.rating-pp-ad-shoping .rr-start {
    font-size: 10px
}
.dis-amm {
    font-size: 15px
}
.item-box3 {
    height: 170px
}
.item-box3 img {
    margin-top: 0;
    margin-bottom: 1em
}
.call_source_button a {
    font-size: 14px
}
.call_source_button {
padding:9px .5rem;
    justify-content: center;
    font-size: 14px
}
.trending-product-box .product_img {
    height: 180px;
    min-height: 180px
}
.popup_content {
    width: 770px!important;
    max-width: 770px!important
}
.call_source_button {
    padding: 9px 1rem
}
.outer-img-show {
    margin-bottom: 0;
    margin-top: -4rem
}
.client-box {
    margin: 1rem 2rem
}
.call_source_button {
    float: none;
    justify-content: center
}
.nav-link {
    font-size: 11px!important
}
.navbar-nav li.nav-item {
    margin: 0!important;
    padding: 5px
}
}
@media screen and (max-width:1150px) {
.price-input .field {
    height: 37px
}
.breadcrumb-sec {
    height: 56vh;
    min-height: 56vh
}
#divAnim input {
    right: 7em;
    bottom: 0;
    top: auto
}
.price-input .separator {
    width: 66px
}
.field input {
    font-size: 15px
}
.bbb-slider1 .owl-item img, .bbb_slider2 .owl-item img, .bbb_slider3 .owl-item img, .bbb_slider4 .owl-item img {
    height: 249px
}
.client-img {
    height: 104px
}
.secect-filter-review {
    margin-bottom: 0
}
.breadcrumb-content h6 {
    font-size: 46px
}
.outer-img-show {
    margin-bottom: 6rem;
    margin-top: -7rem
}
.call_to_action_sec {
    margin: 6rem 98px 0
}
.product-box-tab {
    min-width: 189px
}
.best-item-box {
    margin: 0
}
.bed-banner-img {
    right: -40px!important
}
.bed-banner-img img {
    float: right
}
.breadcrumb-content {
    padding: 2rem 0;
    width: 50%
}
.out-whats {
    padding: 10px 10px 10px 0;
    margin-top: 1rem
}
.out-whats:after {
    left: -64px
}
.custom-heading-whts {
    font-size: 28px
}
.whatsappnotify h5 {
    font-size: 22px
}
.conforchat {
    margin: 0
}
.whatsappnotify {
    padding: 17px 10px;
    margin: 11px 8px 0
}
.whatsappnotify h5 {
    font-size: 22px
}
.whatsappnotify .newlabel {
    top: -3px
}
.whatsappnotify .form-control {
    margin: 7px 0
}
.whatchatmobile {
    z-index: 2;
    margin-top: 10px
}
.share-idea-form {
    padding: 9px;
    width: 100%
}
.forget-pass-sec {
    padding: 3em;
    width: 95%;
    margin: 8em auto
}
.cp-with {
    height: 290px
}
.carousel-item {
    height: 292px
}
.qu_box_heading {
    font-size: 14px
}
.img-location-ceative img {
    top: -84px;
    right: 0
}
.image-forloaction {
    width: 59%
}
.item-box3 {
    width: 235px;
    margin: 21px 10px
}
.pd-img-in {
    height: 177px
}
.radio-list-finish {
    margin: 0;
    width: 14px;
    height: 14px
}
.client-name p {
    font-size: 16px
}
.pg-heading {
    color: #434342;
    font-size: 25px
}
.bg-custom {
    padding: 1rem 0 2rem 4rem
}
.onsale_badge {
    font-size: 11px;
    padding: 3px 12px
}
.MultiCarousel .lead {
    font-size: 1rem
}
}
@media only screen and (max-width:1024px) {
.bed-banner-img {
    right: 0!important
}
.in-img-box4 {
    height: 244px;
    min-height: 244px;
    max-height: 244px
}
.in-img-box2 {
    height: 226px;
    min-height: 226px;
    max-height: 226px
}
#tick {
    width: 106px
}
.thank-box {
    width: 90%;
    height: 443px;
    padding: 2em 1em;
    margin: 5em auto
}
.delivery-add-detil li {
    font-size: 13px;
    margin: 0
}
.pr-img-myorder {
    width: 100%;
    height: 160px
}
.pp-deatil-para {
    font-size: 13px;
    margin: 8px 0
}
.btn.btn-check-bill {
    width: 20px;
    height: 20px;
    padding: 3px;
    font-size: 13px;
    line-height: 1
}
.panel-order-id {
    font-size: 12px
}
.client-img {
    width: 21%
}
.client-img {
    height: 160px
}
.pp-title-panel {
    font-size: 18px
}
.filter-side--web {
    display: none
}
.fillter-mob-sec {
    display: block
}
.price-input .separator {
    width: 21px;
    font-size: 12px
}
.shop-nowb-btn {
    font-size: 13px;
    padding: 5px 8px;
    width: 105px;
    top: 16%
}
.pd-deatils-sec {
    padding: 0
}
.item-box3 img {
    margin-top: 1em;
    margin-bottom: 0
}
.bbb_next2, .bbb_next1, .bbb_next3 {
    right: 9px
}
.item-img {
    height: 199px;
    min-height: 199px
}
#footer .footer-top .social-links a {
    width: 28px;
    height: 28px
}
.accordion-button {
    padding: 14px 13px!important
}
.accordion-item {
    width: 86%;
    margin-bottom: 20px
}
.query_man {
    margin: -4rem -86px 0 0
}
.con-info {
    margin: 1rem 0
}
.con-detail h5 {
    font-size: 16px
}
.price-input .field {
    height: 32px
}
.call_source_button {
padding:9px .5rem;
    margin: 10px 0 10px 6px
}
.carousel-item {
    height: 278px
}
.cp-with {
    height: 280px
}
.pg-heading {
    font-size: 25px
}
.item-name {
    font-size: 12px
}
.item-name span {
    border-top: 24px solid #000000a3
}
.trending-product-box .product_img {
    height:390px;
    min-height: 199px
}
.radio-list-finish {
    margin: 0;
    width: 13px;
    height: 13px
}
.heading-para {
    font-size: 13px
}
.heading-nrm {
    font-size: 14px
}
.clien-rew-img ul li {
    width: 100px;
    height: 100px;
    margin: 10px 13px 10px 0
}
.banner-for-add {
    display: none
}
.panel-order-id {
    padding: 6px
}
.side-bnner-11 {
    width: 14%
}
.off_badge {
    right: 54px;
    font-size: 10px
}
.websitelogo {
    width: 65%
}
.breadcumb-navigation {
    padding: 0
}
.area-ss-box {
    margin: 1em .5em
}
.pp-box-cat {
    width: 163px;
    height: 188px;
    margin: 27px 6px
}
.fotgot-form {
    padding: 2em
}
.forget-pass-sec {
    padding: 2em;
    margin: 6em auto
}
.forget-pass-sec h2 {
    font-size: 61px
}
.feedbackmodal {
    padding: 16px!important
}
.review-item {
    width: 65%;
    display: block;
    margin: 0 auto
}
.heading-3-text {
    padding: 0
}
.heading-3-text span {
    font-size: 50px
}
.side-box {
    padding: 0
}
.con-benifit .bb-text-3 {
    right: 149px;
    top: 100px
}
.con-benifit .bb-text-2 {
    left: 149px;
    top: 100px
}
.con-benifit .bb-text-4 {
    left: 86px
}
.con-benifit .bb-text-5 {
    right: 86px
}
.customfurniture-breadcrumb h6 {
    font-size: 49px
}
.breadcrumb-sec {
    margin-top: 0;
    background-size: 100% 100%!important
}
.customfurniture-breadcrumb {
    padding: 0;
    width: 60%
}
.bed-banner-img img {
    max-width: 65%!important;
    min-width: 68%!important
}
.product-bed-banner {
    height: 46vh!important;
    min-height: 46vh!important
}
.qu-sec {
    margin-top: 0
}
.best-item-box {
    margin: 0
}
.best-item-box .best-item-img {
    height: 239px
}
.addtocart-mob-carousel {
    height: 648px;
    width: 71%!important;
    margin: 0 auto 21px
}
.addtocart-mob-carousel-indicator [data-bs-target] {
    width: 8px!important;
    height: 8px!important;
    border-radius: 100%
}
.whatchatmobile img {
    width: 100%;
    margin: 0 auto;
    display: block
}
.out-whats {
    padding: 20px 40px
}
.share-idea-form {
    padding: 20px;
    margin: 20px 0;
    width: 100%
}
.steps-for-cutom {
    margin-left: 0!important;
    margin-right: 0!important
}
.upload-container input {
    width: 100%
}
.styling_box {
    width: 93%;
    margin: 0 auto 37px
}
.content-share-heading::after, .content-share-heading::before {
    display: none
}
.stepwizard {
    width: 62%!important
}
.chec--do- {
    margin: 5px 9px 0 0
}
.couppon-apply {
    font-size: 11px;
    color: #434342
}
.btn-list-cart {
    display: flex;
    width: 100%
}
.quantity-bar {
    width: 100%;
    display: flex
}
.pp-img-cart {
    width: 86px;
    height: 86px;
    padding: .7em 8px
}
.item-box3 img {
    margin-top: 0!important;
    margin-bottom: 0!important
}
.image-forloaction {
    width: 100%
}
.img-location-ceative img {
    position: relative;
    width: 60%;
    height: 100%;
    top: 7px;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto
}
.banner-strip-location {
    margin-top: 32px;
    padding: 10px;
    border-radius: 11px;
    display: block;
    height: fit-content
}
.shop-find-btn {
    font-size: 16px;
    padding: 5px 15px
}
.availibility-pd {
    font-size: 9px
}
.product-box-tab {
    min-width: 113px;
    min-height: 247px
}
.box-1-tab, .box-2-tab, .box-3-tab, .box-4-tab, .box-5-tab {
    background-size: 75%;
    padding: 11px
}
.dd-time-box2 {
    width: 100%;
    margin: 2em 0
}
.request-from {
    margin: 0!important
}
.breadcrumb-content h6 {
    font-size: 60px
}
.breadcrumb-nav {
    padding: 0 35px;
    margin: 2em 0
}
.requestcall {
    font-size: 13px!important;
    width: 148px!important;
    height: 42px!important
}
.imgs-show-grid {
    margin: 0 auto;
    position: relative
}
.outer-img-show {
    margin-top: -4rem;
    margin-bottom: 14px
}
.call_to_action_sec {
    margin: 2rem 0 0
}
#footer {
    margin: 0 0 0
}
.qu_box_heading {
    font-size: 14px
}
.MultiCarousel .lead {
    font-size: 1em
}
.query_man {
    margin: -8rem 0 0;
    width: 37%
}
#footer .footer-newsletter {
    width: 96%!important;
    margin: 0 auto!important;
    padding: 15px!important
}
.bg-custom {
    border-radius: 3rem 0 0 3rem;
    padding: 1rem 0 1rem 3rem;
    margin: 1rem 0
}
.bg-custom:after {
    width: 143px;
    right: -8rem
}
.custom_btn {
    padding: 5px 20px;
    font-size: 15px
}
.insta-image {
    text-align: center;
    margin: 12px auto;
    display: flex;
    width: 100%;
    align-items: center; 
    justify-content: center;
    text-align: center;
}
 


.in-img-box1 {
    margin: 10px 0;
    height: auto
}
.in-img-box3 {
    margin: 10px 0;
    width: auto;
    height: auto
}
.call_to_action_sec:after {
    width: 100%
}
.list-_ul {
    margin: 0;
    padding: 0;
    float: none;
    text-align: center;
    margin: 0 auto
}
.call_source_button {
    float: none
}
.bbb_prev1 {
    left: -6px;
    right: auto
}
.bbb_next1 {
    left: auto;
    right: -6px
}
.cp-with p {
    font-size: 19px!important
}
.cp-with h3 {
    font-size: 45px!important
}
.offer-box {
    margin: 3px auto
}
.off-bb-1 h6 {
    font-size: 22px
}
.off-bb-1 span {
    font-size: 14px
}
.item-name {
    padding: 1px 7px;
    font-size: 14px
}
.item-name span {
    border-top: 24px solid #000000a3
}
.accordion-item {
    width: 100%
}
.query-sec {
    margin: 8rem 0 0
}
.offer-box {
    width: 76%
}
.pg-heading {
    font-size: 26px
}
.bbb_prev1, .bbb_prev2, .bbb_prev3, .bbb_prev4 {
    left: 0;
    right: auto
}
.bbb_item4 {
    width: 100%;
    height: 378px;
    transition: 1s ease all
}
.wdith-25-sm {
    width: 30%!important
}
.tophead-link-2 li {
    margin: 5px 11px 5px 0!important
}
.search-form {
    position: relative;
    align-items: center;
    padding:5px 0
}
.search-btn {
    bottom: auto!important
}
.navbar-nav.side-nav {
    top: 61px!important;
    width: 33%!important
}
.tab-ul ul .nav-item {
    width: 32%!important
}
.tab-ul ul .nav-item .nav-link p {
    font-size: 10px!important
}
.edit-p-btn {
    margin: 0 auto 0
}
.modal-for-profile-edit {
    width: 96%!important;
    max-width: 96%!important
}
#rating-ability-wrapper .field-label-header {
    width: 100%;
    font-size: 15px
}
.write-rew {
    padding: 7px 8px;
    font-size: 14px;
    width: 54%
}
.glad-msg-us::after {
    top: 0;
    left: 0;
    font-size: 54px
}
.client-heading {
    font-size: 35px
}
.client-heading {
    font-size: 25px
}
.map-box-2 {
    width: 100%
}
.box--2 {
    width: 27%
}
.copyright {
    width: 53%
}
.ex-subheading {
    font-size: 18px
}
.list-thing li {
    font-size: 14px
}
.heading-2-text, .text-pp {
    font-size: 30px
}
.devider2::after {
    left: 55px;
    width: 92px
}
.devider2::before {
    right: 55px;
    width: 92px
}
}
@media screen and (max-width:992px) and (min-width:800px) {
.pp-2-img {
    width: 60%;
    height: 198px
}
.pp-together-content {
    width: 40%
}
.bbb_slider5 .owl-item img {
    width: 227px;
    height: 199px
}
.pd-img-in {
    height: 299px
}
}
@media screen and (max-device-width:992px) {
.navbar-brand {
    width: 130px
}
.whatchatmobile img {
    width: 70%
}
.whatsouter {
    display: block
}
.conforchat {
    width: 100%;
    text-align: center
}
.whatchatmobile {
    width: 50%;
    margin: 0 auto
}
.not-found-content h2 {
    font-size: 3em
}
.tophead-link{
    margin:0px 0 0 0px!important
}



.tophead-link2 { 
    margin:0px auto!important;  
}


#offcanvasRight2 {
    background: #fff5f0;
    width: 66%
}
.item-box3 h6 {
    font-size: 12px
}
.breadcumb-navigation {
     
}
.bbb-slider1 .owl-item img, .bbb_slider2 .owl-item img, .bbb_slider3 .owl-item img, .bbb_slider4 .owl-item img {
    height: 215px
}
.price--order {
    display: block
}
#demo .carousel-inner {
    margin-top: 4.2em
}
.in-img-box2 {
    margin: 10px 0;
    width: auto;
    height: 330px;
    min-height: 330px;
    max-height: 330px
}
.in-img-box4 {
    margin: 10px 0;
    width: auto;
    height: 330px;
    min-height: 330px;
    max-height: 330px
}
.banner-for-bulk {
    width: 100%;
    margin-top: 4.2em
}
.banner-for-bulk img {
    width: 100%;
    height: 100%
}
.breadcrumb-sec {
    margin-top: 3rem
}
.tab-ul ul {
    width: 80%;
    height: 243px
}
.top-sel-content {
    width: 94%
}
.top-sel-title {
    font-size: 14px
}
.cost-pro {
    font-size: 15px
}
.customfurniture-breadcrumb {
    padding: 1rem 0
}
.curstom-furniturebanner {
    margin-top: 3em
}
.trackorder-banner {
    margin-top: 3em
}
.steps-for-cutom .stepbutton {
    width: 86%!important
}
.thank-box p {
    font-size: 17px
}
.breadcrumb-content h6 {
    font-size: 34px
}
.breadcrumb-content {
    padding: 4rem 0;
    width: 50%
}
.breadcrumb-content p {
    font-size: 13px
}
.cloud-2 img {
    width: 164px;
    top: -4em
}
.cloud-1 img {
    width: 97px;
    top: 0
}
.g-review-box {
    top: 3em;
    left: 0
}
.g-review-box2 {
    top: 6em;
    right: 0;
    left: auto
}
.g-review-box3 {
    top: 27em;
    left: 0
}
.g-review-box4 {
    top: 30em;
    right: 1em;
    left: auto
}
.g-review-box {
    width: 278px
}
}
@media(max-device-width:800px) {
.client-box {
    margin: 1rem 0
}
.product-bed-banner {
    height: 32vh!important;
    min-height: 33vh!important
}
.bed-banner-img img {
    max-width: 60%!important;
    min-width: 60%!important
}
.heading-3-text span {
    font-size: 40px
}
.add-to-cart-btn {
    padding: 8px 13px;
    font-size: 14px;
    margin-right: 18px
}
.buy-now-btn-pp {
    padding: 7px 39px;
    font-size: 14px
}
.pd-img-in {
    height: 268px
}
.pp-dd-21 {
    height: 100%
}
.img-location-ceative img {
    width: 100%
}
.categories-pp {
    width: 100%;
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px;
    height: fit-content
}
.bbb_next2, .bbb_next1, .bbb_next3 {
    right: 0
}
}
@media only screen and (max-width:768px) {
   
.stripMain span {
    width: 100% !important;
    
}

    .covid-update p {
    
    font-size: 11px;
}
.tophead-link {
    float:left !important;  
}
.carousel { margin-bottom:0px !important;  
}

    .menue-bg { min-height:auto !important;}
.categories-p2 {
    width: 100%;
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px;
    height: fit-content
}
.item-box3 {
    padding: 10px!important;
    width: 35%!important;
    margin: 22px 7px!important;
    display: inline-block;
    height: 133px
}
.bbb_slider5 .owl-item img {
    width: 206px;
    height: 173px
}
.pp-2-img {
    width: 50%;
    height: 196px
}
.pp-together-content {
    width: 50%
}
#demo .carousel-inner {
    margin-top: 3.7em
}
.wdith-50-sm-ff {
    width: 50%!important;
    display: inline-block;
    margin: 20px 0
}
.categories-ff {
    width: 100%;
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px;
    height: fit-content
}
.categories-best {
    width: 100%;
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px;
    height: fit-content
}
.wdith-50-sm-2 {
    width: 31%!important;
    float: left;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 5px;
    padding: 0;
    padding-left: 0!important;
    padding-right: 0!important
}
.product-box-tab {
    min-width: 109px;
    margin: 6px
}
.bed-banner-img {
    top: 61px
}
.order-sec {
    width: 100%
}
.cont-box-in {
    width: 70%
}
.chat-live {
    width: 30%
}
.box-details {
    width: 100%;
    max-width: 100%;
    margin: 2em auto
}
.thank-heading {
    font-size: 59px
}
.whatchatmobile img {
    width: 90%
}
.thank-box {
    width: 90%
}
.step-for-checkout::after {
    width: 181px
}
.pr-img-myorder {
    width: 150px;
    height: 127px
}
.view_all_btn {
    text-align: center;
    margin: 0 auto;
    width: fit-content;
    display: block
}
.sign-banner-con {
    text-align: center
}
.global-price-amount {
    font-size: 18px;
    text-align: center
}
.user-detail-box {
    margin: 27px 0
}
.user-panel-box {
    box-shadow: none;
    padding: 0
}
.item-box3 img {
    width: 40px
}
.otp-input input {
    width: 40px;
    height: 40px
}
.popup_content {
    height: auto!important
}
.categories-for-bulk {
    width: 100%;
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px;
    height: fit-content
}
.list-inn {
    display: inline-block
}
.d-city-name {
    font-size: 13px
}
.list-inn ul li a {
    font-size: 13px;
    padding: 0 4px
}
.forget-pass-sec p {
    font-size: 13px
}
.success-popup-outer {
    transform: translate(0px, -80px)
}
.forget-pass-sec {
    margin: 5em auto
}
.heading-2-text, .text-pp {
    font-size: 26px
}
.ex-subheading {
    font-size: 16px
}
.list-thing li {
    font-size: 12px
}
.review-item {
    width: 80%
}
.con-benifit .bb-text-2 {
    left: 86px
}
.one-stop {
    background-size: cover
}
.con-benifit .bb-text-3 {
    right: 87px
}
.con-benifit .bb-text-4 {
    left: 11px
}
.con-benifit .bb-text-5 {
    right: 22px
}
.breadcrumb-content h6 {
    font-size: 25px
}
.breadcrumb-content {
    padding: 3rem 0;
    width: 54%
}
.breadcrumb-sec {
    height: 30vh;
    min-height: 30vh
}
.pp-2-img {
    width: 60%;
    height: 145px
}
.buy-now-together {
    font-size: 11px!important;
    padding: 4px 17px!important;
    margin: 1em 0 0
}
.pp-together-content {
    width: 50%;
    padding: 5px 6px
}
.shopping-pp-detail {
    box-shadow: none
}
.customfurniture-breadcrumb ul {
    margin: 12px 0;
    padding: 0
}
.customfurniture-breadcrumb ul li {
    font-size: 15px
}
.product-bed-banner {
    height: 37vh!important;
    min-height: 37vh!important
}
.bb-item-box {
    width: 33%!important
}
.best-item-box .best-item-img {
    height: 200px
}
.best-item-nm {
    top: 6px;
    left: 0;
    background: #f5f5f569;
    width: 100%
}
.addtocart-mob-carousel {
    height: 504px
}
.whatappcontant {
    display: flex;
    justify-content: center
}
.whatsouter:after {
    display: none
}
.step-carousel-inner {
    height: 443px
}
.styling_box {
    width: 70%
}
.stepwizard {
    width: 100%!important
}
.steps-for-cutom .stepbutton {
    margin: 0 auto!important;
    display: block!important
}
.dd-time-box {
    width: 100%;
    margin: 2em 0
}
.customfurniture-breadcrumb h6 {
    font-size: 28px
}
.filter-box {
    padding: 4px;
    top: 9px
}
.filter-switch>label.form-check-label {
    font-size: 13px
}
.filter-switch2>label.form-check-label {
    font-size: 13px
}
.accordion-item-filter .accordion-button {
    padding: 7px!important;
    font-size: 13px
}
.signup-banner-strip {
    background: url(../image/sign-strip-banner-bg.jpg) top 0 center;
    height: fit-content
}
.img-fluid {
    margin: 0 auto;
    display: block
}
.imgs-show-grid img {
    width: 60%
}
.sign-banner-con h6 {
    font-size: 20px
}
.view-m {
    position: relative!important;
    bottom: -38px!important
}
.box-1-tab, .box-2-tab, .box-3-tab, .box-4-tab, .box-5-tab {
    padding: 7px
}
.bottom-content p {
    font-size: 14px
}
.bottom-content h3 {
    color: #838381!important
}
.bottom-content h3 a {
    color: #ff7200!important
}
.bottom-content h4 {
    color: #838381
}
.bottom-content h5 {
    font-size: 14px
}
.listing-bb li {
    width: 100%;
    float: none;
    font-size: 13px;
    margin: 0
}
.location-box {
    background: #fff9f7;
    width: 100%;
    margin: 4em auto
}
.tab-ul ul {
    width: 100%!important
}
.trending-product-box .product_img {
    height: 230px;
    min-height: 230px
}
.qu-box ._box_icon {
    width: 55px;
    height: 55px
}
.qu-box {
    padding: 0;
    min-height: 9em;
    width: 69px;
    border-radius: 100px
}
.cp-with {
    display: none
}
.slider-img {
    width: 100%
}
.call_source_button {
    float: none;
    width: 56%
}
.query-sec {
    padding: 40px 40px 0 21px
}
.icon-2 {
    margin-right: 0
}
.item-name span {
    right: -22px
}
.bg-custom {
    border-radius: 0 2rem 0 2rem
}
.bg-custom:after {
    display: none
}
.custom_btn {
    margin: 0 auto;
    text-align: center;
    width: 200px;
    display: block
}
.copyright {
    padding: 4px;
    margin: 9px auto 0;
    width: 93%
}
#footer .footer-newsletter {
    border-radius: 10px;
    display: block
}
.call_source_button {
    display: initial
}
.pp-price h6 {
    font-size: 15px
}
.line {
    width: 2em
}
.signin-form-popup {
    width: 100%;
    padding: 20px;
    margin: 20px 0
}
.float-right-btn {
    float: none
}
.pg-heading {
    font-size: 20px;
    text-align: center
}
.heading-para {
    text-align: center
}
.home-slider-control-next, .home-slider-control-prev {
    background: #ffc68d!important;
    width: 34px!important;
    height: 34px!important
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    /*width: 1rem!important;
    height: 1rem!important*/
}
.home-slider-control-prev {
    left: auto!important;
    right: 65px!important
}
.call_to_action_sec {
    margin: 1rem 0 0
}
.slider-img {
    height: auto
}
.carousel-item {
    height: 214px
}
.cover-wrapper a {
    font-size: 16px!important
}
#offcanvasRightr-view {
    width: 100%
}
.act-btn-list {
    display: inline-block!important;
    margin: 10px auto!important;
    text-align: center;
    width: 100%
}
.out-active-user {
    font-size: 12px;
    line-height: 1.95
}
.out-active-user img {
    width: 20%
}
.enter-pin-btn {
    margin: 15px auto
}
form .form--field {
    width: 22%;
    height: 138px;
    margin: 0 auto
}
.popup_content {
    width: 682px!important;
    max-width: 682px!important
}
.heading-nrm {
    font-size: 15px
}
.qu_box_heading {
    font-size: 14px
}
.pp-title-panel {
    font-size: 16px
}
.header-user {
    padding: 6px
}
.usr-data ul li {
    font-size: 13px
}
.box--2 {
    padding: 9px
}
.list-_ul-2 {
    display: block
}
.women-insofa {
    margin: -3em 3em
}
.devider2::before {
    right: 2px;
    width: 66px
}
.devider2::after {
    left: 2px;
    width: 66px
}
.product-content .p_item-name a {
    font-size: 14px
}
.img-location-ceative {
    width: auto
}
.img-location-ceative img {
    width: 80%
}
.sign-banner-con h5, .sign-banner-con p {
    font-size: 25px
}
.wdith-50-rw {
    width: 50%!important;
    display: inline-block
}
.client-box2 .client-img {
    height: 260px
}
.secect-filter-review {
    padding: 30px 22px
}
}
@media only screen and (max-width:630px) {
#offcanvasRight2 {
    width: 100%
}
.pp-with-together {
    display: block
}
.pp-2-img {
    width: 100%;
    height: 192px
}
.bbb_slider5 .owl-item img {
    width: 100%;
    height: 192px
}
.pp-together-content {
    width: 100%;
    padding: 5px 6px
}
.off-amm-together {
    top: -40px;
    left: 1em
}
}
@media only screen and (max-width:576px) {
.bbb_name {font-size: 13px;}

.bbb_category { font-size: 12px;}
.modal-body { 
    padding: 0px;
    margin: 0px;
}
.view-details2 a { font-size: 10px; padding: 3px 3px !important;}
.product__viewBtn { width: 100px; height: 30px; font-size: 11px;}


.not-found-img {
    width: 100%
}
.not-found-content h3 {
    font-size: 18px
}
.not-found-content h2 {
    font-size: 2em
}
.goback-btn {
    font-size: 13px;
    padding: 5px 25px
}
.pp-2-img {
    height: 180px
}
.bbb_slider5 .owl-item img {
    height: 180px
}
.bbb-slider1 .owl-item img, .bbb_slider2 .owl-item img, .bbb_slider3 .owl-item img, .bbb_slider4 .owl-item img {
    height: 198px
}
.client-img {
    height: 139px;
    left: -10px;
    width: 28%
}
.client-box2 .client-img {
    height: 213px
}
.wdith-50-sm-ff {
    width: 75%!important;
    margin: 0
}
.breadcrumb-content h6 {
    font-size: 28px
}
.product-bed-banner .breadcrumb-content {
    padding: 4rem 0 0;
    width: 53%
}
.product-bed-banner .breadcrumb-content p {
    font-size: 13px;
    display: none
}
.wdith-50-sm-2 {
    float: none
}
.categories {
    width: 100%;
    margin: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px;
    height: fit-content
}
.thank-box {
    height: 380px;
    padding: 0 1em;
    margin: 4em auto
}
.thank-heading {
    font-size: 42px
}
.step-for-checkout::after {
    width: 131px
}
.apaymentmode-box {
    padding: 2rem
}
.save-continue-btn2 {
    padding: .5em 4em
}
.g-review-box {
    width: 248px
}
div#accordionExample {
    padding: 10px
}
.off-amm-together {
    top: -29px;
    left: auto;
    right: 0
}
.bbb_content {
    margin-top: 0
}
.pp2-item-box {
    height: 300px
}
.progress-bat-sec {
    width: 100%
}
.pp-with-together {
    display: block
}
.custom_btn {
    margin: 9px auto
}
.p_item-amount_ {
    display: block
}
.p_item-price {
    display: block
}
.p_item-amount_, .p_item-amount_ i {
    font-size: 15px
}
.trending-product-box .product_img {
    height: 150px;
    min-height: 150px
}
.websitelogo {
    width: 87%
}
.trending-product-box .product_img {
    height: 170px;
    min-height: 170px
}
.fotgot-form {
    padding: 1em
}
#divAnim input {
    right: 0;
    top: auto;
    left: 0;
    margin: 0 auto
}
.forget-pass-sec h2 {
    font-size: 35px
}
.forget-pass-sec {
    padding: 3em 0;
    text-align: center
}
.review-item {
    width: 100%
}
.g-review-box2 {
    right: 0
}
.g-review-box4 {
    right: 1em
}
.con-benifit .bb-text-1 {
    display: none
}
.p_item-amount_, .p_item-amount_ i {
    font-size: 15px
}
.qu-box {
    width: 81px
}
.bed-banner-img img {
    max-width: 60%!important;
    min-width: 60%!important
}
.product-box-tab {
    min-width: 134px;
    min-height: 246px;
    height: 95px
}
.product-box-tab, .bb-item-box {
    display: inline-block
}
.new-arrival-box .new-arrival-img {
    min-height: 229px
}
.new-arrival-box {
    margin: 6px;
    width: 100%
}
.new-product-dd {
    margin: 0;
    padding: 9px
}
.new-product-dd .new-pp-name {
    font-size: 16px;
    font-weight: 600
}
.new-product-dd p {
    display: none
}
.new-product-dd .new-sdhop-btn {
    font-size: 13px;
    border: 1px solid #fff;
    padding: 4px 15px
}
.bbb_name a {
    font-size: 16px
}
.bbb_price {
    float: none;
    font-size: 16px
}
.global-price-amount {
    font-size: 20px;
    text-align: center
}
.bbb_category {
    float: none;
    width: 100%
}
.item-img {
    height: 142px!important;
    min-height: 142px!important
}
.item-content {
    text-align: center;
    display: block;
    max-height: 75px;
    height: 75px
}
.pp-price h6 {
    font-size: 15px
}
.pp-name-title {
    font-size: 15px;
    display: block;
    text-align: center
}
.off_badge {
    right: 7px;
    background: #fc7e00;
    font-size: 9px;
    padding: 7px 6px
}
.pp-price {
    text-align: center
}
.best-item-nm {
    font-size: 13px
}
.best-item-box .best-item-content p {
    font-size: 11px;
    text-align: justify
}
.outer-img-show {
    width: 73%;
    margin: 0 auto
}
.side-bnner-11 {
    display: none
}
.pp-dd-21 {
    margin: 0;
    width: 100%
}
.addtocart-mob-carousel {
    height: 377px
}
.customfurniture-breadcrumb p {
    display: none
}
.popup_content {
    width: auto!important
}
.owl-carousel .owl-stage-outer {
    width: 100%
}
.signin-form-popup {
    width: 88%;
    padding: 20px;
    margin: 30px auto
}
.width-30 {
    display: none
}
.width-70 {
    width: 100%!important
}
#demo2 .carousel-item {
    height: auto!important
}
.custom-select {
    width: 100%;
    float: none
}
.loc-tab-content {
    margin: 28px 0 0!important;
    padding: 2rem 1rem!important
}
.tab-ul ul .nav-item .nav-link p {
    display: none
}
.tab-ul .nav-tabs .nav-item.show .nav-link, .tab-ul .nav-tabs .nav-link.active {
    padding: 12px 8px 0!important;
    top: -16px!important
}
.tab-ul .nav-tabs .nav-item.show .nav-link, .tab-ul .nav-tabs .nav-link.active h6 {
    font-size: 13px!important
}
.tab-icon {
    margin: 0
}
.tab-ul ul .nav-item .nav-link h6 {
    color: #fff;
    font-size: 13px!important
}
.tab-ul ul {
    height: 164px!important
}
.request-from {
    margin: 0 0 0!important;
    padding: 1rem!important
}
.breadcrumb-nav {
    padding: 0
}
.breadcrumb-content p {
    display: none
}
.breadcrumb-sec {
    height: 23vh;
    min-height: 23vh
}
.breadcrumb-content {
    padding: 3rem 0 0;
    width: 100%
}
.navbar-nav.side-nav {
    width: 59%!important
}
#footer .footer-newsletter {
    width: 93%!important;
    display: block
}
.view_all_btn {
    padding: 5px 15px;
    display: block;
    width: fit-content;
    margin: 0 auto
}
.trends {
    padding-top: 28px;
    padding-bottom: 28px
}
.line_hr {
    margin: 11px auto;
    padding: 9px 0
}
.heading-para {
    font-size: 14px
}
.con-info {
    margin: 0
}
.accordion-header {
    margin-bottom: 0;
    padding: 0
}
.accordion-item {
    margin-bottom: 10px
}
.bg-custom {
    padding: 1rem 0
}
.owl-carousel.owl-drag .owl-item {
    width: 100%
}
.bbb_next {
    right: 0
}
.call_source_button {
    margin: 10px 0;
    width: 100%
}
.call_to_action_sec {
    margin: 1rem
}
.btn-show {
    background: 0 0;
    font-weight: 700;
    color: #434342;
    font-size: 13px;
    border: none;
    width: 115px;
    margin: 0;
    text-align: end;
    display: block;
padding:.5rem;
    align-items: center;
    justify-content: end;
    position: absolute;
    right: 0;
    bottom: -7px;
    z-index: 3;
    top: auto;
    left: auto;
    margin: 0 auto
}
.onsale_badge {
    right: 0
}
.pp-on-sale {
    margin: 20px
}
.price-sec {
    display: block;
     
}
.store_branch {
    background: linear-gradient(to top, #fff6ed 78%, white 40%)
}
.qa-list li {
    font-size: 14px
}
#footer .footer-newsletter form input[type=submit] {
    padding: 0 12px
}
.query-sec {
    margin: 2rem 0 0;
    display: block;
    padding: 40px 20px 0
}
.query_man {
    width: 40%;
    text-align: center;
    display: block;
    margin: 0 auto
}
.con-detail h5 {
    font-size: 18px
}
.wdith-50-sm {
    width: 50%!important;
    display: inline-block
}
.home-slider-control-next, .home-slider-control-prev {
    bottom: 16px;
    width: 22px!important;
    height: 22px!important
}
.home-slider-control-next {
    right: 15px!important
}
.home-slider-control-prev {
    left: auto!important;
    right: 40px!important
}
#footer {
    margin: 0 0 0
}
/*.carousel-item {
    height: 462px
}*/
.btn.requestcall {
    top: 52%!important
}
.out-active-user {
    display: block!important
}
.search-form-delivery {
    padding: 10px 4px 10px 10px;
    width: 76%
}
.buy-now-btn-pp {
    padding: 8px 29px;
    font-size: 13px
}
.add-to-cart-btn {
    padding: 8px 14px;
    font-size: 13px
}
.offer-avil-list li {
    font-size: 13px
}
.progress-bar-name {
    font-size: 12px;
    width: 25%
}
.meter {
    width: 54%
}
.header {
    display: block
}
.likes-for-pp {
    font-size: 14px;
    margin: 10px 0
}
.pp-heading-line {
    font-size: 20px
}
.sign-banner-con h6 {
    font-size: 18px
}
.sign-banner-con p {
    font-size: 16px
}
.sign-banner-con h5 {
    font-size: 21px
}
.pd-img-in {
    height: 300px
}
.order-sec {
    width: 100%
}
.order-sec {
    font-size: 11px;
    padding: 6px
}
.floating-sofa {
    bottom: -2px;
    width: 73%
}
.userreview-seen-box {
    padding: 5px;
    width: 100%
}
.given-stage {
    padding: 6px 3px;
    border-radius: 0
}
.forget-pass-sec {
    width: 100%
}
.forget-pass-sec p {
    font-size: 13px
}
.submit-forgot-btn {
    padding: 5px 43px
}
.step-button {
    font-size: 24px
}
.qa-list li {
    margin: 16px 0 0
}
.success-popup, .success-popup2 {
    width: 258px;
    max-width: 257px;
    height: 58px
}
.success-popup p, .success-popup2 p {
    font-size: 13px
}
.dis-amm {
    font-size: 15px;
    margin-right: 0
}
.real-amm {
    font-size: 15px
}
.owl-carousel .owl-stage-outer {
    padding: 0
}
}
@media only screen and (max-width:450px) {

.feature-box ul li { float: left; width: 100%;}

.sale-badge {
    font-size: 10px;
    left: 4px;
    padding: 2px 7px
}
.bbb_name a {
    font-size: 16px
}
.tophead-link, .tophead-link-2 {  
    /*display: none*/
}
.navbarcontainerbottom {
    display: block!important
}
.search-btn {
    right: 0
}
.bbb_nav {
    width: 22px!important;
    height: 22px!important
}
.bbb_nav i {
    line-height: 25px!important
}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {
    padding: 2px 6px
}
.seclect-box-filter {
    margin: 0 4px
}
.item-img {
    height: 140px;
    min-height: 140px
}
.bbb-slider1 .owl-item img, .bbb_slider2 .owl-item img, .bbb_slider3 .owl-item img, .bbb_slider4 .owl-item img {
    /*height: 140px*/
}
.seclect-box-filter .form-select {
    font-size: 11px;
    padding: 5px
}
.secect-filter-review {
    padding: 30px 8px
}
.secect-filter-review {
    margin-top: -1em
}
.wdith-50-rw {
    width: 100%!important;
    display: block
}
.location-box {
    padding: 3rem 1rem
}
.product-bed-banner .breadcrumb-content p {
    display: none
}
.outer-help-center {
    width: 100%!important;
    margin: 0 auto
}
.curstom-furniturebanner {
    margin-top: 3.7em
}
.call-oofcancavs ul {
    margin: 0 auto;
    display: inline-block
}
.buy-now-btn {
    font-size: 10px;
    padding: 3px 12px;
    margin: 0 11px;
    font-size: 10px!important
}
.btn-plus {
    margin-left: 0;
    font-size: 7px
}
.btn-minus {
    margin-right: 0;
    font-size: 7px
}
#tick {
    width: 83px
}
.view-order-btn {
    font-size: 13px
}
.ask-q-btn {
    font-size: 13px
}
.thank-box {
    width: 100%
}
.thank-box p {
    font-size: 14px
}
.dont-accont2 {
    font-size: 13px;
    width: 100%
}
.pr-img-myorder {
    width: 92px;
    height: 92px
}
.slick-initialized .slick-slide {
    display: block;
    text-align: center
}
.client-content {
    width: 100%
}
.client-img {
    left: 0;
    width: 50%;
    right: 0;
    margin: 0 auto
}
.write-rew {
    padding: 7px
}
.pp-2-img {
    height: 150px
}
.bbb_slider5 .owl-item img {
    height: 150px
}
.otp-text {
    margin: 0 6px
}
.otp-input input {
    width: 29px;
    height: 29px
}
.step-button {
    font-size: 18px
}
.submit-forgot-btn {
    padding: 2px 30px
}
.feedback-heading {
    font-size: 21px
}
.own-reson-cx {
    width: 90%
}
.solutio-heaind {
    font-size: 14px
}
.feedbackmodal p {
    font-size: 13px
}
.emji-feedback {
    padding: 2px
}
.emji-feedback label {
    font-size: 11px
}
.bad-ff::before {
    width: 32px;
    right: -17px
}
.shareidea-img-bg {
    background-color: #fff;
    background-image: none
}
.g-review-box {
    width: 181px
}
.g-content-review {
    padding: 0;
    margin: 4px 0 16px;
    font-size: 11px
}
.g-star-rating ul li i {
    font-size: 9px
}
.tim-g-review {
    margin: 0 7px
}
.row2 {
    margin: 10px 0
}
.drag-area p {
    font-size: 11px;
    margin: 0;
    line-height: 1.8
}
.outer-drag-n-drop {
    display: block
}
#footer .footer-newsletter {
    width: 96%!important
}
.bed-banner-img {
    top: 30px
}
.bed-banner-img img {
    max-width: 70%!important;
    min-width: 70%!important
}
.bbb_category a {
    font-size: 14px!important
}
.product-bed-banner .breadcrumb-content {
    padding: 7rem 0 0
}
.product-bed-banner {
    height: 29vh!important;
    min-height: 29vh!important
}
.item-box3 {
    width: 40%!important;
    height: 125px
}
.item-box3 p {
    font-size: 11px
}
.out-whats {
    padding: 20px 9px
}
.conforchat {
    padding: 8px
}
.whatchatmobile img {
    width: 80%
}
.signin-form-popup {
    width: 94%;
    padding: 10px;
    margin: 10px auto
}
.from-header h6 {
    font-size: 19px
}
.feature-box ul li {
    font-size: 11px
}
.clien-rew-img ul li {
    width: 92px;
    height: 92px;
    margin: 10px 11px 10px 0
}
.view-rew {
    margin-bottom: 18px
}
.progress-bat-sec {
    width: 100%
}
.form-check-inline {
    margin-right: 0!important
}
.add-to-cart-btn {
    padding: 8px 11px;
    margin-right: 0px
}
.buy-now-btn-pp {
    padding: 8px 21px;
    display: block;
}
.qty-select-drop {
    width: 78px!important;
    margin-right: 10px
}
.addtocart-mob-carousel {
    height: 398px;
    width: 100%!important
}
.out-whats:after {
    display: none
}
.bbb_name a {
    font-size: 14px
}
.bbb_content {
    margin-top: 10px;
    padding: 5px;
    text-align: center
}
.bbb_price {
    font-size: 16px;
    float: none!important;
    width: 100%
}
.line {
    width: 3em
}
.out-whats {
    border-radius: 0
}
.whatsappnotify {
    margin: 11px 0 0
}
.steps-for-cutom .stepbutton {
    width: 100%!important
}
.step-carousel-inner {
    height: 306px
}
.content-share-heading {
    font-size: 22px;
    margin-top: 1em
}
form .form--field {
    width: 50%
}
.user-panel {
    margin-top: 69px
}
.step-for-checkout::after {
    position: absolute;
    content: " ";
    width: 73px!important
}
.edit-p-btn {
    display: block
}
.edit-btn {
    font-size: 14px;
    margin: 10px 0
}
.feed-back-btn {
    font-size: 14px
}
.breadcumb-navigation {
    padding: 4px
}
.breadcumb-navigation .breadcrumb-item {
    padding: 0 9px;
    font-size: 11px
}
.breadcumb-navigation .breadcrumb-item a {
     
}
.img-location-ceative {
    width: auto!important;
    height: 171px!important
}
.img-location-ceative img {
    height: 86%!important;
    top: 33px;
    width: 60%
}
.accordion-body {
    font-size: 1em
}
.accordion-button {
font-size:.9rem!important
}
.requestcall span {
    padding: 4px 7px!important;
    font-size: 12px!important;
    width: 10px!important;
    height: 10px!important
}
.requestcall {
    font-size: 11px!important;
    width: 145px!important;
    height: 29px!important
}
.location-box {
    margin: 2em auto
}
.pg-heading {
    font-size: 16px
}
.breadcrumb-sec {
    height: 18vh;
    min-height: 18vh
}
.breadcrumb-content h6 {
    font-size: 21px
}
.customfurniture-breadcrumb h6 {
    font-size: 20px
}
.view_all_btn {
    font-size: 14px;
    padding: 4px 14px
}
.customfurniture-breadcrumb h6 {
    font-size: 20px
}
.track-order-search {
    padding: 6px!important
}
.track-order-search-btn {
    padding: 9px 13px;
    font-size: 12px
}
.slider-img {
    width: 100%;
    height: 100%;
    padding: 0
}
.carousel-item {
    height:21vh
}
.slider-img img {
    float: none
}
.qu-box {
    padding: 1px;
    min-height: 9em;
    width: 76px;
    border-radius: 100px;
    margin: 10px 5px
}
.qu-box ._box_icon {
    width: 45px;
    height: 45px;
    padding: 10px
}
.qu_box_heading {
    font-size: 12px
}
.pp-item-box {
    margin: 12px auto
}
.review-item {
    height: 583px
}
.glad-msg-us p {
    font-size: 14px;
    line-height: 2
}
.g-review-box3 {
    top: 23em!important
}
.g-review-box4 {
    top: 25em;
    left: auto
}
.heading-3-text span {
    font-size: 33px
}
.cloud-2 img {
    width: 190px;
    top: -4em
}
.cloud-1 img {
    width: 117px;
    top: 1em
}
.heading-3-text h5 {
    font-size: 35px
}
.one-stop {
    padding: 3em 0
}
.box--2 {
    padding: 6px;
    width: 41%;
    margin: 20px 0 20px 14px
}
.ex-subheading {
    font-size: 14px
}
.text-pp, .heading-2-text {
    font-size: 16px
}
.pp-heading-line2 {
    font-size: 14px
}
.women-insofa {
    margin: -3em 0
}
.tim-g-review {
    margin: 0 7px;
    font-size: 9px
}
.g-review-box4 {
    top: 23em!important
}
.g-review-box {
    width: 190px;
    top: 0
}
.g-review-box2 {
    top: 0
}
.sr-no-ex {
    width: 40px;
    height: 40px
}
.heading-3-text {
    margin-bottom: 4em
}
.one-stop {
    padding: 2em 0
}
.trending-product-box .product_img {
    height:210px;
    min-height: 110px
}

.pd-img-in{height: 300px !important;}
.pd-img-in img {
    width: 100%;
    height: 100%;
}


.trending-product-box {
    min-height: 238px
}
.new-arrival-box .new-arrival-img {
    min-height: 188px
}
}
@media only screen and (max-width:360px) {
.pp-2-img {
    height: 140px
}
.bbb_slider5 .owl-item img {
    height: 140px
}
.add-to-cart-btn {
    padding: 5px 7px;
    margin-right: 7px
}
.buy-now-btn-pp {
    padding: 6px 16px
}
.bbb_item {
    height: 282px
}
.bbb-slider1 .owl-item img, .bbb_slider2 .owl-item img, .bbb_slider3 .owl-item img, .bbb_slider4 .owl-item img {
    height: 113px
}
.clien-rew-img ul li {
    width: 77px;
    height: 77px
}
.best-item-box .best-item-img {
    height: 170px
}
.out-cc-bx {
    display: block
}
.cont-box-in {
    width: 100%;
    display: inline-block
}
.chat-live {
    width: 100%;
    display: block
}
.step-for-checkout::after {
    width: 56px!important
}
.g-review-box {
    width: 160px
}
.item-img {
    height: 115px!important;
    min-height: 115px!important
}
.pp2-item-box {
    min-height: 314px;
    height: 314px
}
.g-review-box3 {
    top: 21em;
    left: 0
}
.g-review-box4 {
    right: 0;
    top: 25em;
    left: auto
}
.glad-msg-us {
    margin: 0;
    padding: 1em 0
}
.client-heading {
    font-size: 30px
}
.glad-msg-us::after {
    width: 19px;
    height: 19px;
    top: -40px;
    left: -6px;
    font-size: 41px
}
.addtocart-mob-carousel {
    height: 297px;
    margin: 0 auto 0
}
.write-rew {
    width: 100%
}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
}
@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) {
}
@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
}
@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
}




/*Pankaj css start */


.info, .success, .warning, .error, .validation {
 
    margin: 10px 0px;
    padding: 5px 10px 5px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 14px;
  }
  
  .error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
  }
  
  
  input.parsley-success,
  select.parsley-success,
  textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
  }
  
  /* input.parsley-error,
  select.parsley-error,
  textarea.parsley-error {
  color: #B94A48;
  background-color: #FFBEBE!important;
  border: 1px solid #EED3D7!important;
  } */
  
  .parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.8em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;
  
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  }
  
  .parsley-errors-list.filled {
  opacity: 1;
  }
  
  .ajaxError{ 
    font-size: 12px;
    color: #f00;
    font-weight: bold; 
  }


  .ui-front{
    z-index: 10000000;
  }
  
._3ETuFY {
        margin-bottom:5px; 
        text-align: center;
    display: block;
    border:solid 3px #d0d0d7;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;

    }
._3ETuFY img{border-radius:100%; max-width:70px !important; max-height:70px;} 


.svelte-oxnrg9 {
    border-radius: 100%; 
    margin: 0;
    font-size: inherit;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}
.svelte-oxnrg9 {
    position: relative;
    border: 0px solid rgb(255, 255, 255);
    border-radius: 100%;
    height:70px;
    width:70px;
    object-position: center center;
    object-fit: cover;
    display: block;
}



._3ETuFY2{line-height: 0px;  
    position: relative;}


@media only screen and (max-width: 780px) {
.svelte-oxnrg9 { 
        display: inline;
        border-radius: 0;
    height: 30px;
    width: 30px;
         
}
 



._3ETuFY {
        margin-bottom:5px; 
        text-align: center; display: inline;
        border: none;
    }

._3ETuFY img { border-radius:0px; 
    max-width: 30px !important;
}
}


.down_arrow1 img{top:-3px; position: relative; margin-left: 5px}



.video_outer {
    padding: 0;
    margin: 15px auto;
    border:1px solid #e7e7e7; 
    width: 100%;
    background: #fff;
    transition: all .5s ease-out;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative;
    min-height:450px; width: 255px;
}

.video_outer_video {position: relative;
     margin: 0 auto; display: flex; align-items: center; justify-content: center;  overflow: hidden
}

.video_outer_video video{object-fit: cover; object-position: center top; z-index: 1; 
    border: 0px solid rgb(255, 255, 255); width: 100%; height:450px;}
 

.popup_video_outer_video {position: relative;
     margin: 0 auto; display: flex; align-items: center; justify-content: center;  overflow: hidden
}

.popup_video_outer_video video{object-fit: cover; object-position: center top; z-index: 1; 
    border: 0px solid rgb(255, 255, 255); width: 100%; height:550px;}
 

.overflow-auto {  
    overflow: auto !important; display: flex; 
}
.overflow-auto::-webkit-scrollbar {
  width: 10px;
}
.overflow-auto::-webkit-scrollbar:horizontal {
  height: 10px;
}
.overflow-auto::-webkit-scrollbar-track {
  background-color: rgba(204, 204, 204, 0.3);
}
.overflow-auto::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(204, 204, 204, 0.5);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}


/*=========================2/12/24========================*/

.thumb_outer {
  font-family: Arial, sans-serif;
  height:690px;
  margin: 0;
/*  background-color: #f0f0f0;*/
}

.thumb_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 80%;
  width:90px;
}

.scrollable {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.scrollable::-webkit-scrollbar {display: none; }


.content {
  display: flex;
  flex-direction: column;
  gap:0px;
}

.item {
  min-height: 100px;
  background-color: #4caf50;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.thumb_container button {
  background-color:#fff;
    color:#282121;
    border: none;
    padding:2px 8px;
    cursor: pointer;
    font-size:16px;
    /* border-radius: 5px; */
    opacity: 0.9;
    transition: opacity 0.3s ease;
    box-shadow: 0 0 24px 2px rgb(0 0 0 / 20%);
}

.thumb_container button:hover {
  opacity: 1;
}

.thumb_container button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}


@media only screen and (max-width: 767px) {
    .video_box {  
    width: 60px !important;
    height: 84px !important;
     
}
    
.thumb_outer {height:410px; margin: 0;}

}
.video_box{background: #ccc; width: 90px; height: 113px; display: flex; align-items: center; justify-content: center;}


.video_box i {
   /* position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;*/
    display: flex;
    align-items: center;
    justify-content: center;
    background:rgb(29 32 47);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff;
}
.video_flk video{ width:100%; min-height:400px; }
.cart-detail {
    border-radius:10px;
    border: 1px solid #dfdfdf;
    padding:15px 20px;
}


/*====================4-12-24===========================*/


.popular-categories .slick-slide {
    margin: 0 10px;
}
 
.popular-categories .slick-dots, .popular-categories .slick-next, .popular-categories .slick-prev {
    position: absolute;
    display: block;
    padding: 0;
}
 
.popular-categories .slick-next, .popular-categories .slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width:40px;
    height:40px;
    margin-top: -10px\9;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: #fff;
    z-index: 10; padding: 5px; 
    box-shadow: 0 0 24px 2px rgb(0 0 0 / 20%);

}
.popular-categories .slick-next:focus, .popular-categories .slick-next:hover, .popular-categories .slick-prev:focus, .popular-categories .slick-prev:hover {
    color: transparent;
    outline: 0;
    background:#fff;
}
.popular-categories .slick-next:focus:before, .popular-categories .slick-next:hover:before, .popular-categories .slick-prev:focus:before, .popular-categories .slick-prev:hover:before {
    opacity: 1;
}
.popular-categories .slick-next.slick-disabled:before, .popular-categories .slick-prev.slick-disabled:before {
    opacity: 1;
}
.popular-categories .slick-next:before, .popular-categories .slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity:1;
    color: #282121;

}
.popular-categories .slick-prev {
    left:23px;
}
/*[dir=rtl] .popular-categories .slick-prev {
    right: 0px;
    left: 0px
}*/
.popular-categories .slick-prev:before {
    content: "\eb33";

font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;

}
.popular-categories .slick-next:before, [dir=rtl] .slick-prev:before {
    content: "\ebe6";
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
}
.popular-categories .slick-next {
    right:20px; 
}
[dir=rtl] .slick-next {
    right: auto;
    left:0px
}
[dir=rtl] .slick-next:before {
   content: "\ec5d";
}
.popular-categories .slick-slider {
    margin-bottom: 30px
}
 





.tf-top-bar_wrap {
  padding: 10px 0px;
}

.top-bar-text .tf-btn {
  padding-bottom: 0;
  color: var(--primary);
}
.top-bar-text .tf-btn::after {
  background-color: var(--primary);
}
.bg_dark {
    background-color:#0e20c1 !important;
}
.announcement-bar-item::after {
    height: 1px;
    width: 22px;
    background-color: #000;
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


.top-bar-text .tf-btn:hover {
  opacity: 0.8;
}
.top-bar-text .tf-btn:hover::after {
  opacity: 0.8;
}
.top-bar-text .tf-btn.text_white {
  color:#fff;
}
.top-bar-text .tf-btn.text_white::after {
  background-color:#fff;
}

.announcement-bar {
  padding-right: 65px;
  position: relative;
  transition: all 0.3s linear;
}
.announcement-bar .close-announcement-bar {
  cursor: pointer;
  position: absolute;
  font-size: 12px;
  right: 25px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  top: 50%;
  transform: translateY(-50%);
  color:#fff;
}
.announcement-bar.not-hover .box-sw-announcement-bar:hover {
  animation-play-state: running !important;
}

.box-sw-announcement-bar {
  display: flex;
  -webkit-animation: slide-har 14s linear infinite;
  animation: slide-har 14s linear infinite;
  transition: animation-duration 300ms;
}
.box-sw-announcement-bar:hover {
  animation-play-state: paused;
}

.speed-1 {
  -webkit-animation: slide-har 40s linear infinite;
  animation: slide-har 40s linear infinite !important;
}
.speed-1:hover {
  animation-play-state: paused !important;
}

.wrap-announcement-bar {
  overflow: hidden;
}

.noti-bar-text {
  padding: 10px 0px;
}

.wrap-announcement-bar-2 {
  position: relative;
}
.wrap-announcement-bar-2 .tf-sw-top_bar {
  margin: 0px 20px;
}
.wrap-announcement-bar-2 .navigation-topbar {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap-announcement-bar-2 .navigation-topbar .icon {
  color: var(--white);
  font-size: 12px;
}
.wrap-announcement-bar-2 .navigation-topbar.nav-next-topbar {
  left: 0;
}
.wrap-announcement-bar-2 .navigation-topbar.nav-prev-topbar {
  right: 0;
}

@keyframes slide-har {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.announcement-bar-item {
  display: inline-block;
  padding-right: 46px;
  position: relative;
}
.announcement-bar-item p {
  font-size: 12px;
  padding:5px 0px;
  font-weight: 600;
  color:#fff;
  white-space: nowrap;
  padding-left: 23px;
  margin: 0px;
}
.announcement-bar-item::after {
  height: 1px;
  width: 22px;
  background-color:#fff;
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.top-bar-language .dropdown-menu {
  inset: 0px !important;
}
.top-bar-language .bootstrap-select.image-select.style-default > button {
  padding-right: 24px !important;
}
.top-bar-language .dropdown.bootstrap-select.image-select.style-default > .dropdown-menu {
  margin-top: 12px !important;
}
.top-bar-language .filter-option-inner .filter-option-inner-inner {
  font-weight: 500 !important;
}


.stripMain {
    width: 100%;
    text-align: center;
    margin: 5px 0;
}
.stripMain a {
    display: block;
    padding: 7px; color: #323232;
    
}
.stripMain span:nth-child(1) {
    background: #ffe9e5;
}
 
 .stripMain span:nth-child(2) {
    background: #f8c9c8;
}
.stripMain span {
    width: 33.33333%;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    float: left;
}
.stripMain span:nth-child(3) {
    background: #ffe9e5;
}


.footer-bottom {
    padding: 15px 0;
}

.category-name {
    font-weight: 600;
    font-size: 15px;
    color:#d5d5d5;
    line-height: 1;
    letter-spacing: 0;
    padding-right: 10px;
    margin-bottom: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.category-box ul {
    list-style: none;
    margin: 0;
    padding: 0px;
}

.category-box ul li {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    color:#d5d5d5;
    line-height: 1;
    margin-bottom: 1rem;
    position: relative;
    display: inline-flex
;
}

.category-box ul li::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    border-left: 1px solid #d5d5d5;
    margin: 0px 10px 0 10px;
    vertical-align: bottom;
}

h1.category-name233 {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 400 !important;
    letter-spacing: 1px;
    font-size: 16px;
    margin-top: 0;
    color:#434342;
}

.filter-title {
    font-weight: 700; color: #434342; font-size: 16px;
}
 

.product-content {
    display: flex;
    align-items: baseline;
    line-height: 24px;
    color: #0c0c0c;
    font-weight: 500;
}

.product-content .brand {
    width: 28%;
    padding:3px 6px;
    /* border-bottom: 0.5px solid #dddddd26; */
    background:#f6f6f6;
    margin-bottom: 2px;
    font-size:13px;
    font-weight: 600;
    color: #282828;
}
.product-content .brand-content {
    width: 66%;
    padding:2px 10px;
    /* border-bottom: 0.5px solid #dddddd26; */
    /* background: #faf7ff; */
    margin-bottom: 0px;
    margin-left: 0px;
    display: flex;
    align-items: center;
    line-height:20px;
    font-weight: 400;
    font-size:13px;
    color: #2a2929;
}
.product-content .brand-content .dot {
    position: relative;
    left: 0px;
    margin-right: 10px;
    border: solid 1px #ededed;
    padding: 4px 10px;
    font-size:13px;
}


.content2 {
    max-height:150px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.show-more {text-align: left; display: inline-block; float: left; margin-top: 20px;
    background: none;
    border: none; color:#1538d8; font-size: 12px; font-weight: 700; cursor: pointer;
}
.woocommerce-checkout h2 {
    font-size: 20px; 
    color: #333;
    font-weight: 600;
}

 
.woocommerce-checkout textarea{
    height: 100px;
    
    border:1px solid #b3b3b3; padding:10px 20px;
    color:#333;
    background-color:#fff;
    border-radius: 4px;
    font-size: 16px;
    width: 100%; 
   transition: 0.4s ease-in-out;
}




.woocommerce-checkout select::placeholder, .form-control, .form-select, textarea::placeholder, input::placeholder
{font-size: 14px; color: #333;
}
.woocommerce-checkout input[type="checkbox"] ~ label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
/*    display: block;*/
}
.woocommerce-checkout input[type="checkbox"]:checked ~ label:before {
    content: "\f00c";
    color: var(--white-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.woocommerce-checkout input[type="checkbox"] ~ label:before {
    content: "";
    font-family: var(--icon-font);
    font-weight: 700;
    position: absolute;
    left: 0px;
    top: 3.5px;
    background-color: var(--white-color);
    border: 1px solid var(--th-border-color);
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
}

#ship-to-different-address {
    margin-top: 15px;
}
#ship-to-different-address input{display: inline-block; width: 20px; margin: 0px; padding: 0px; height: auto; 
top: 2px; position: relative; margin-right: 5px;}

.map-items .googpemap{border: 1px solid #ebebeb;}
.map-items .googpemap iframe {
  width: 100%;
  height:604px; 
  padding: 10px;
}
@media (max-width: 575px) {
  .map-items .googpemap iframe {
    height: 400px;
  }
}

.address_outer_contact{width: 100%;}

.bg-theme-orange {
    --tw-bg-opacity: 1;
    background-color:#13154b; color: #fff;
}

.rounded-md {
    border-radius: .375rem;
}



.address_outer_contact{width: 100%; padding: 50px 0px;}
.contact_page{width: 100%; padding: 50px 0px;}

.address_outer_contact{border: 1.2px solid rgba(16, 24, 40, 0.1);
    background: rgba(255, 255, 255, 0.7);
    box-shadow:0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);;
    padding:20px 30px; border-radius: 6px; margin-bottom: 20px;
}
.address_outer_contact h2{ margin: 0px 0px 10px 0px; padding: 0px; font-size: 18px; font-weight: 600; color: #333;}

.address_outer_contact h3{font-size: 18px; margin: 0px 0px 10px 0px; padding: 0px;}

.address_outer_contact p{font-size: 14px; line-height: 20px; color: #2e2c2c; margin-bottom: 10px;}

 .address_outer_contact button{font-size: 14px;}

.addr{width: 100%; }
.addr .icon{margin-right: 10px; font-size: 30px; color:#a5a5a5}

.whatsapp{ float:right; }
.whatsapp i{color:#4caf50; font-size: 40px;}
.chanel_partner_form_bg{background:url(../img/service/service-bg-min.jpg) center center no-repeat; background-size: cover;}

.dashboard-image img {
    max-width: 100%;
}


.address_outer_contact h3 {
    font-size: 16px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #333;
    font-weight: 600;
}





/*==========================my-review-page===============================*/

.main-section{
background:#FFFFFF;
margin-top:50px;
/*width:80%;
margin: 0 auto;
padding: 10px;

box-shadow:0px 2px 7px 1px #aa9191;*/
}
.hedding-title h1{
margin:0px;
padding:0px 0px 10px 0px;
font-size:25px;
}
.average-rating{
float:left;
text-align: center;
width:30%;
}
.average-rating h2{
margin:0px;
font-size:80px;
}
.average-rating p{
margin:0px;
font-size:20px;
}

.comment-part{border-bottom:solid 1px #f1f0f0; padding-bottom: 20px; margin-bottom:20px; }



.comment-part .fa-star,.fa-star-o,.fa-star-half-o{
color:#FDC91B;
font-size:20px !important;
} 
.comment h2{font-size:16px; color: #333; margin: 10px 0px; font-weight: 600;}



.progress,.progress-2,.progress-3,.progress-4,.progress-5{
background:#F5F5F5;
border-radius: 13px;
height:18px;
width:97%;
padding:3px;
margin:5px 0px 3px 0px;
}
.progress:after,.progress-2:after,.progress-3:after,.progress-4:after,.progress-5:after{
content: '';
display: block;
background: #337AB7;
width:80%;
height: 100%;
border-radius: 9px;
}
.progress-2:after{
width: 60%;
}
.progress-3:after{
width:40%;
}
.progress-4:after{
width:20%;
}
.progress-5:after{
width:10%;
}
.loder-ratimg{
display: inline-block;
width:40%;
}
.start-part{
float:right;
width:30%;
text-align: center;
}
.start-part span{
color:#337AB7;
font-size:23px;
}
.reviews h1{
margin:10px 0px 20px 30px;
}
.user-img img{
max-height: 120px;
max-width: 80px;
/*border:1px solid blue;
border-radius: 50%;*/
}
.user-img-part{
width:30%;
float:left;
}
.user-img{
width:30%;
float:left;
text-align: left;

}
.user-text{
float:left;
}
.user-text h4,.user-text p{
margin:0px 0px 5px 0px;
}
.user-text p{
font-size: 20px;
font-weight: bold;
}
.user-text span{
color:#000; font-size: 14px;
}
.user-text h4 {font-size: 16px; font-weight: 600; color:#5a5a5a;}



.comment{
width:68%;
float:right;
width:
}
@media (max-width: 768px) {
.user-img-part {
    width: 100%;
    margin-bottom: 10px;
  
}
.comment {
    width:100%;
    float: none;
    width: ;
}
}

.address_shipping_bg{background: #f5f5f7;
    padding: 24px;
    border-radius: 6px;}



.move{
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 6px;
    padding:0px 10px;
    height: 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px; 
    color:#1538d9;
    height:35px;
    line-height: 35px;

}

.mr-10{margin-right: 10px;}