* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWEBXyIfDnIV7nEnXO61F3f.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

body {
  font-family: Rubik, sans-serif;
}

.header-top {padding: 0px 0px; background-color: #ebb114;}
.header-top marquee{font-size: 13px; margin-top: 8px; color:#fff;}
.header-top .row{align-items: center;}

/* .headertop .top-info {text-align: center; list-style: none;}
.headertop .top-info li{color: #000;} */
header .header-top select{background-color: #fff; color: #000; margin: 5px 0; height: 30px;}

header .header-med{padding: 5px 20px; overflow: hidden; background: #000;}
header .header-med .top-logo img{width: 110px;}
header .header-med .search-from{position: relative;}
header .header-med .search-from .form-control{width: 650px; border-radius: 4px; padding: 10px 20px; border: 1px solid #e5e7eb; color: #003851; box-shadow: none;}
header .header-med .search-from .search-btn{position: absolute; right: 7px; border-radius: 0px 5px 5px 0px; padding: 10px 20px; color: #000000; border: transparent; background-color: transparent; transition: .5s;}
.sticky {
  left: 0;
  right: 0;
  z-index: 9;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
  background-color: #fff;
  box-shadow: 0 0 10px #00000021;
}

header .header-med .header-img{text-align: center;}
header .header-med .header-img li a{color: #fff;}
header .header-med .header-img .imgs img{height: 50px; width: 50px; border-radius: 50px;}
header .header-med .header-img h5{font-size: 15px; color: #fff;}
header .header-med .header-img h6{font-size: 14px;}
header .header-med .header-img h6 a{color: #fff;}
header .header-med .header-img li i{font-size: 20px; color: #ebb114;}
header .header-med .header-img .last-class{position: relative;}
header .header-med .header-img .last-class span{height: 20px; width: 20px; background-color: #000; color: #fff;
position: absolute; top: -8px; text-align: center; line-height: 20px; display: inline-block; left: 22px;border-radius: 50px; font-size: 12px;}

/* header .header-med .top-med li:last-child a{color: #000; font-size: 20px;} */

/* header */
header {position: unset; left: 0; right: 0; top: 0; z-index: 99;}
header .headermn {background-color: #ebb114;}
header .headermn .navbar .navbar-brand {width: 8%; padding: 0px; display: none;}
header .navbar .navbar-nav .nav-link {transition: .5s; color: #ffffff; text-transform: uppercase; font-size: 14px;}
/* header .navbar .navbar-nav .nav-link:hover {color: #fff;} */
header .navbar-nav {gap: 3px;}
header .navbar-toggler {border: none; color: #000; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus {box-shadow: none;}
header .offcanvas-title img {width: 34%;}
.headermn .navbar-nav {align-items: center;}
header .navbar .offcanvas {width: 300px;}


header .dropdown-menu .dropdown-item{
    display: table-cell;
}

header .dropdown-menu .dropend .dropdown-item {
    font-size: 13px;
}
header .dropdown-menu .dropdown-item{color: #000;}
header .dropdown-menu .dropdown-item:hover{background-color: #ebb114; color: #fff;}

/*header .dropdown-menu{background-color: #fff; border: none; border-radius: 0; box-shadow: 0 0 10px #00000026;}*/
/*header .dropdown-menu .dropdown-item{color: #000;}*/
/*header .dropdown-menu .dropdown-item:hover{background-color: #ebb114; color: #fff;} */

/* .headermn .navbar .navbar-brand{display: none;} */
/* .sticky .headermn .navbar .navbar-nav{justify-content: end !important;} */
.sticky .headermn .navbar .navbar-brand{display: block;}
.sticky .headermn .navbar .navbar-brand {
  width: 15%; display: none;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}


/* slider */

#slider .owl-theme .owl-dots .owl-dot {display: none;}

#category-slider{padding:30px 0px;}
#category-slider .row{row-gap:15px;}
#category-slider .imgs{overflow: hidden;}
#category-slider .imgs img{transition: 3s;}
#category-slider .imgs:hover img{transform: scale(1.3);}

/* about */

#about {padding: 50px 0px;}
#about .row {row-gap: 30px;}
#about .content h2 {color: #484848; font-size: 35px; margin-bottom: 10px; font-weight: bold;}
#about .content span {color: #ebb114;}
#about .content .text {font-size: 15px; text-align: justify; color: #484848; line-height: 24px; margin-bottom: 4px;}
#about .content .read-more{padding: 10px 30px; display: inline-block; background-color: #ebb114; color: #fff;  border-radius: 3px; margin-top: 15px;}
#about .imgs {overflow: hidden; border-radius: 5px;}
#about .imgs img {transition: 9s;}
#about .imgs:hover img {transform: scale(1.2);}

/* banner-sec-1 */

#banner-sec-1{overflow: hidden;}
#banner-sec-1 .imgs img{width: 100%;}

#banner-sec-2{overflow: hidden; padding: 0px 25px 60px; border-bottom: 1px solid #c5c5c5;} 
#banner-sec-2 .imgs img{width: 100%;}

/* our-service */

#our-service {padding: 60px 0px; background-color: #f2f2f2; margin-top: -10px;}
#our-service .row {row-gap: 25px;}
#our-service h2 {font-weight: 600; font-size: 34px; line-height: 34px; margin-top: 0; color: #000000; text-align: center; margin-bottom: 10px;}
#our-service .imgsc{text-align: center; margin-bottom: 60px;}
#our-service .iner .imgs {overflow: hidden; border: 1px solid #000; padding: 3px;}
#our-service .iner .imgs img {transition: 3s;}
#our-service .iner .imgs:hover img {transform: scale(1.3);}
#our-service .iner h3 a:hover {color: #ebb114;}
#our-service .iner h3{text-align: center;}
#our-service .iner h3 a {font-size: 18px; font-weight: 600; display: inline-block; margin: 20px 0 5px; color: #000000; transition: .5s;}

	/* rang slider clos */

/* why-chouse */

/* #why-chouse {padding: 60px 0px; background-attachment: fixed; background-image: url(../images/category-bg.jpg);
background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;z-index: 1;}
#why-chouse::before {position: absolute; content: ""; bottom: 0px; right: 0px; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.78); z-index: -1;}
#why-chouse .content{background-color: #fff; padding: 30px;}
#why-chouse .content h2 {color: #484848; font-size: 35px; margin-bottom: 20px; font-weight: bold; text-align: center; margin-bottom: 20px;}
#why-chouse .content h2 span {color: #ebb114;}
#why-chouse .content .text{margin-bottom: 15px; font-size: 14px; color: #212529;} */

#new-arrivals {padding: 60px 0px; margin-top: -10px;}
#new-arrivals .row {row-gap: 50px;}
#new-arrivals h2 {font-weight: 600; font-size: 34px; line-height: 34px; margin-top: 0; color: #000000; text-align: center; margin-bottom: 10px;}
#new-arrivals .imgsc{text-align: center; margin-bottom: 60px;}
#new-arrivals .iner{position: relative;}
#new-arrivals .iner .imgs img{margin-top: 20px;}
#new-arrivals h6{position: absolute; top: 0px; right: 10px; padding: 6px 10px; border-radius: 3px; font-size: 14px; background-color: #000; color: #fff;}
#new-arrivals .iner ul{margin: 13px 0px; position: absolute; bottom: 70px; width: 100%;}
#new-arrivals .iner ul li{transition: .5s; display: none;}
#new-arrivals .iner ul li a{color: #000;}
#new-arrivals .iner:hover ul li{display: block;}
#new-arrivals .iner h3{margin-top: 55px;}
#new-arrivals .iner h3 a{color: #212121; font-size: 14px;}
#new-arrivals .iner h5 {color: #212121; margin-top: 6px; font-size: 14px; font-weight: 600;}

/* product-page start */

#new-arrivals .form-select{ border-radius: 0; background-color: #efefef;}
#new-arrivals .form-select:focus{box-shadow: none;}
#new-arrivals h4{font-size: 28px; letter-spacing: 2px;}
#new-arrivals .prroduct{display: flex; list-style: none; justify-content: space-between; align-items: center; margin-bottom: 80px;}
#new-arrivals .prroduct li .accordion-button{font-size: 18px; color: #000;}
#new-arrivals .prroduct li .accordion-button:focus{box-shadow: none; border-color: transparent;}
#new-arrivals .prroduct li .accordion-button:not(.collapsed){background-color: transparent; box-shadow: none;}
#new-arrivals .prroduct li{font-size: 15px; display: flex; margin-bottom: 10px;}
#new-arrivals .prroduct li .bttnn{border: 1px solid rgb(204, 201, 201); padding: 6px 40px;}
#new-arrivals .prroduct li .accordion-item .acckodi li .form-check-label{cursor: pointer;}
#new-arrivals .prroduct li .offcanvas .acckodi li .accoodi{text-align: end; margin-left: auto;}
#new-arrivals .prroduct li .droopdwwom .lablee{margin:56px 0px 6px;}
#new-arrivals .prroduct li .droopdwwom .select{border: 1px solid; padding: 10px 20px;}
#new-arrivals .prroduct li .droopdwwom .select:hover{box-shadow: none;}
#new-arrivals .prroduct li .droopdwwom .select:focus{box-shadow: none;}
#new-arrivals .prroduct li .offcanvas .acckodi li .form-check .form-check-input{border-radius: 0px;}
#new-arrivals .offcanvas .accordion-item .accordion-body .white{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #ffff; border: 1px solid rgb(180, 176, 176);}
#new-arrivals .offcanvas .accordion-item .accordion-body .gulabi{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #f8cccc;}
#new-arrivals .offcanvas .accordion-item .accordion-body .gulabi:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .blue{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #98d4f4;}
#new-arrivals .offcanvas .accordion-item .accordion-body .blue:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .green{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #98c47c;}
#new-arrivals .offcanvas .accordion-item .accordion-body .green:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .yellow{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #ffdc64;}
#new-arrivals .offcanvas .accordion-item .accordion-body .yellow:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .bige{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #e8c49c;}
#new-arrivals .offcanvas .accordion-item .accordion-body .bige:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .rade{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #c80404;}
#new-arrivals .offcanvas .accordion-item .accordion-body .rade:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .purple{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #e0d4ec;}
#new-arrivals .offcanvas .accordion-item .accordion-body .purple:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .purplee{display: inline-block; height:35px; width: 35px; border-radius: 50px; background-color: #6413b6;}
#new-arrivals .offcanvas .accordion-item .accordion-body .purplee:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .orange{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #ffa404;}
#new-arrivals .offcanvas .accordion-item .accordion-body .orange:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .grey{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #c0c4d4;}
#new-arrivals .offcanvas .accordion-item .accordion-body .grey:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .black{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #000;}
#new-arrivals .offcanvas .accordion-item .accordion-body .black:hover{border: 1px solid;}
#new-arrivals .offcanvas .accordion-item .accordion-body .peach{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #f0947c;}
#new-arrivals .offcanvas .accordion-item .accordion-body .peach:hover{border: 1px solid;}

/* rang slider */
.range-slider {
	width: 300px;
	text-align: center;
	position: relative; margin-left: 40px; margin-bottom: 40px;}
	.rangeValues {
	  display: block; margin-right: 91px;}
	
	
	input[type=range] {
	-webkit-appearance: none;
	border: 1px solid white;
	width: 240px;
	position: absolute;
	left: -12px;
	top: 35px;
	}
	
	input[type=range]::-webkit-slider-runnable-track {
	width: 300px;
	height: 5px;
	background: #ddd;
	border: none;
	border-radius: 3px;
	
	}
	
	input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #21c1ff;
	margin-top: -4px;
	  cursor: pointer;
		position: relative;
	  z-index: 1;
	}
	
	input[type=range]:focus {
	outline: none;
	}
	
	input[type=range]:focus::-webkit-slider-runnable-track {
	background: #ccc;
	}
	
	input[type=range]::-moz-range-track {
	width: 300px;
	height: 5px;
	background: #ddd;
	border: none;
	border-radius: 3px;
	}
	
	input[type=range]::-moz-range-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #21c1ff;
	
	}
	
  /* new-arrivals */
	
	/* /hide the outline behind the border/ */
	
	input[type=range]:-moz-focusring {
	outline: 1px solid white;
	outline-offset: -1px;
	}
	
	input[type=range]::-ms-track {
	width: 300px;
	height: 5px;
	background: transparent;
	border-color: transparent;
	border-width: 6px 0;
	color: transparent;
	  z-index: -4;
	
	}
	
	input[type=range]::-ms-fill-lower {
	background: #777;
	border-radius: 10px;
	}
	
	input[type=range]::-ms-fill-upper {
	background: #ddd;
	border-radius: 10px;
	}
	
	input[type=range]::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #21c1ff;
	}
	
	input[type=range]:focus::-ms-fill-lower {
	background: #888;
	}
	
	input[type=range]:focus::-ms-fill-upper {
	background: #ccc;
	}

   /* zoop product start */
 #zoomp{padding: 50px 0px; border-top: 1px solid #dfdfdf;}
 #zoomp h2{font-size: 17px;}
 #zoomp h3{font-size: 25px;     font-weight: 400;
   line-height: 44px;
   margin-bottom: 4px;}
   #zoomp .doller{font-size: 20px;}
   #zoomp .title{font-size: 20px; font-weight: 600;}
   #zoomp .qty label{text-align: start;}
  #zoomp .qty button {margin-top: 10px; margin-left: -30px; width: 35px;}
  #zoomp .qty input{margin-top: 10px; width: 3rem; margin-left: 6px; width: 35px;}
  #zoomp .qty button.qtyplus{margin-top: 10px; margin-left: 10px; width: 35px;}
  #zoomp .listw .scbbbb{font-size: 20px; width: 80px;}
  #zoomp .wishlista{margin-top: 30px;}
  #zoomp .wishlista .wish{color: #ebb114;}
  #zoomp .dispr{font-size: 20px; font-weight: 600; margin-bottom: -20px; margin-top: 20px;}
  #zoomp .dispr a{font-size: 18px; font-weight: 600; margin-bottom: -20px; margin-top: 20px; color: #000;}
  #zoomp .lassd{color: #ebb114; font-size: 14px;}
  #zoomp .pragera{font-size: 15px; text-align: justify;}
  #zoomp .btn-outline-secondary{font-size: 14px;}
  
/*#zoomp .qunty .minus, .plus {
   display: inline-block;
   width: 40px;
   height: 40px; text-align: center; line-height: 40px; font-size: 15px;
   background-color:#ebb114;
   color: #fff;
   text-align: center;
   cursor: pointer;
}
#zoomp .qunty .num {
   padding: 0 10px; font-size: 18px;
} */


#zoomp .qty-input {
	color: #000;
	background: #fff;
	display: flex;
	align-items: center;
	overflow: hidden;
  }
 #zoomp .qty-input .product-qty,
 #zoomp .qty-input .qty-count {
	background: transparent;
	color: inherit;
	font-weight: bold;
	font-size: inherit;
	border: none;
	display: inline-block;
	min-width: 0;
	height: 2.5rem;
	line-height: 1;
  }
 #zoomp .qty-input .product-qty:focus,
 #zoomp .qty-input .qty-count:focus {
	outline: none;
  }
 #zoomp .qty-input .product-qty {
	width: 50px;
	min-width: 0;
	display: inline-block;
	text-align: center;
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
			appearance: textfield;
  }
 #zoomp .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
			appearance: none;
	margin: 0;
  }
 #zoomp .qty-input .qty-count {
	padding: 0;
	cursor: pointer;
	width: 2.5rem;
	font-size: 1.25em;
	text-indent: -100px;
	overflow: hidden;
	position: relative;
  }
 #zoomp .qty-input .qty-count:before, .qty-input .qty-count:after {
	content: "";
	height: 2px;
	width: 10px;
	position: absolute;
	display: block;
	background: #000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
  }
 #zoomp .qty-input .qty-count--minus {
	border-right: 1px solid #e2e2e2;
  }
 #zoomp .qty-input .qty-count--add {
	border-left: 1px solid #e2e2e2;
  }
 #zoomp .qty-input .qty-count--add:after {
	transform: rotate(90deg);
  }


  

  
 #zoomp .qty-input {
	border-radius: 4px;
	width: 140px;
	transform: scale(1);
	border: 1px solid#e2e2e2;
  }

#zoomp .qunty .aadcar{padding: 8px 30px; background-color: #ebb114; display: inline-block; color: #fff; border:0px}

#zoomp .wishlista .wish{color: #ebb114; font-size: 20px;}
#zoomp .wishlista .add{color: #ebb114; font-size: 16px; margin-left: 20px;}

/*  */

.mz-expand div a{
display: none;
}

#zoomp .zoom-gallery a img{width: 90px; margin: auto;}

/* zoom product clos */

/* zooomtab */
#zooomtab h4{font-size: 16px;}
#zooomtab .zooomtabstar li a{color: #ebb114;}
#zooomtab .form-control.is-valid, .was-validated .form-control:valid{border-radius: 0px;}
#zooomtab .btnk{padding: 10px 20px; background-color: #ebb114; color: #fff; display: inline-block;}
#zooomtab .retlatedprodu{margin-top: 35px;}
#zooomtab .retlatedprodu .retlatedpro{margin-top: 20px;}
#zooomtab .retlatedprodu .retlatedpro li:last-child{width: 100%;}
#zooomtab .retlatedprodu .retlatedpro li .thisis{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid gray;}

#zooomtab .retlatedprodu .retlatedpro li .retlatedprostar li:last-child{border-right: 1px solid gray; padding-right: 30px;}
#zooomtab .nav-pills .nav-item{background-color:#ebb114;  margin-left: 2px; transition: .5s;} 
#zooomtab .nav-pills .nav-item .nav-link{color:#fff; font-size: 13px;}
#zooomtab .nav-pills .nav-link.active{background-color:#ebb114 !important; }
#zooomtab .nav-pills .nav-link:hover{background-color:#000 !important; border-radius: 0;}

/* client-logo */

#client-logo {padding: 40px 0px; background-color: #ffffffc7; border-bottom: 1px solid #c5c5c5;}
#client-logo .row{row-gap: 30px;}
#client-logo h3{font-size: 14px; color: #cacaca; font-weight: 600; margin: 15px 0px;}
#client-logo h5, #client-logo h5 a{font-size: 14px; color: #cacaca; font-weight: 400;}
#client-logo .logo{text-align: center;}

/* gallery */
#gallery {
  background-color: #ffffff;
  padding: 70px 0;
}

#gallery h2 {
  font-size: 38px;
  color: #ebb114;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

#gallery h2 span {
  color: #000;
}

#gallery .img-wrapper {
  position: relative;
  margin-top: 15px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 8px #00000033;
}

#gallery .img-wrapper img {
  width: 100%;
}

#gallery .img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

#gallery .img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

#overlay img {
  width: 50%;
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}


/* testimonaiol-bg */

#testimonaiol-bg {padding: 60px 0px; border-bottom: 1px solid #c5c5c5;}
#testimonaiol-bg .row{justify-content: center;}
#testimonaiol-bg h2 {font-family: 'Roboto Slab', serif; color: #000000; font-size: 35px; margin-bottom: 40px; text-align: center; font-weight: bold;}
#testimonaiol-bg .iner{text-align: center;}
#testimonaiol-bg .iner .text{font-size: 15px; margin-bottom: 15px;}
#testimonaiol-bg .iner h3{font-size: 16px; position: relative;}
#testimonaiol-bg .iner h3::before{position: absolute; content: ''; width: 17px; height: 1px; top: 8px; background-color: #000; left: 343px;}
#testimonaiol-bg .iner h5 a{color: #000; font-weight: 400; font-size: 16px;}

/* blog */

#blog {padding: 60px 0px; border-bottom: 1px solid #c5c5c5;}
#blog h2 {color: #1f1f1f; font-size: 35px; margin-bottom: 60px; text-align: center; font-weight: bold;}
#blog .row {row-gap: 30px;}
#blog .iner {background-color: #f5f5f5;}
#blog .iner .imgs {position: relative; overflow: hidden;}
#blog .iner .content {padding: 15px 25px;}
#blog .iner .content h3 a {font-size: 20px; font-weight: bold; color: #484848;}
#blog .iner .content ul {margin-bottom: 10px;}
#blog .iner .content ul li{color: #484848;}
#blog .iner .content .enquiry {color: #000000; margin: 10px 0px 20px; font-size: 14px; display: inline-block;}
#blog .iner .imgs .news_img_overlay {position: absolute; background: rgba(0, 0, 0, 0.5); height: 100%;
width: 100%; left: 0; top: 0; transform: rotateZ(180deg); transform-origin: center top; transition: all 0.3s;}
#blog .iner .imgs:hover .news_img_overlay {-webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg);  -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg);}

/* footer */

#footer {background-color: #ebebeb !important; padding: 50px 0px;}
footer .row {row-gap: 25px;}
footer .footertop .about img {width: 200px;}
footer .footertop .about p {color: #000; font-size: 15px; margin-top: 20px;}
footer .footertop h3 {font-size: 20px; color: #000;}
footer .footertop ul {list-style: none;}
footer .footertop ul li {color: #000 ; margin-top: 10px;}
footer .footertop ul li a {color: #000 ; font-size: 16px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer .footertop ul li a:hover {color: #000;}
footer .footertop .addres li {margin-bottom: 20px;}
footer .footertop .addres li i {color: #000; font-size: 22px;}
footer .footerboo ul {display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #000;  padding-top: 20px;}
footer .footerboo {padding: 30px 0px 0px;}
footer .footerboo .soical li:first-child {color: #000; text-align: center;}
footer .footerboo .soical li:first-child a {color: #fff; font-size: 16px; display: inline-block; width: 35px;
height: 35px; line-height: 35px; background-color: #000; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover {background-color: #000;}
footer .footerboo ul li img {width: 195px; background-color: #000; padding: 0px 10px 8px; border-radius: 100px;}

/* quickcontact */

.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}


/* modal */

.modal form.row {row-gap: 20px;}
.modal img {width: 153px;}
.modal .form-control {border-radius: 0px; border: none;  box-shadow: none; background-color: #f1f1f1;}
.modal .form-control:focus {border-color: #000;}
.modal .submit {background-color: #ebb114; color: #fff; font-weight: 500px; padding: 10px; border: 0;
transition: .5;}
.modal .submit:hover {background-color: #000;}

/* about-slider */

/* about-slider */

#about-slider {background-image: url(../images/banner.png); background-position: center center; background-size: cover;
background-repeat: no-repeat; padding: 65px 0px; position: relative; z-index: 1;}
#about-slider::before {position: absolute; content: ''; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: #000000de;
z-index: -1;}
#about-slider h2 {text-align: center; font-size: 35px; color: #fff; margin-bottom: 20px;}
#about-slider .text {text-align: center; color: #fff;}
#about-slider .text a {color: #ffffff; text-align: center;}

/* about */

#about {padding: 50px 0px; border-bottom: 1px solid #d8d7d7;}
#about .row {row-gap: 30px;}
#about .content h2 {color: #484848; font-size: 35px; margin-bottom: 10px; font-weight: bold;}
#about .content span {color: #ebb114;}
#about .content .text {font-size: 15px; text-align: justify; color: #484848; line-height: 24px; margin-bottom: 25px;}
#about .content .read-more{padding: 10px 30px; display: inline-block; background-color: #ebb114; color: #fff;  border-radius: 3px; margin-top: 15px;}
#about .imgs {overflow: hidden; border-radius: 5px;}
#about .imgs img {transition: 9s;}
#about .imgs:hover img {transform: scale(1.2);}

/* blog-det */

#blog-det{padding: 40px 0px;}
#blog-det h5{margin: 15px 0px; font-size: 22px;}
#blog-det .image-info li i{color: #ebb114;}
#blog-det .image-info li a{color: #5c5c5c;}
#blog-det .text{margin-top: 15px; font-size: 17px; text-align: justify;}
#blog-det .iner-a{position: sticky; top: 20px;}
#blog-det .iner-a h4{font-size: 20px; margin-bottom: 30px; position: relative;}
#blog-det .iner-a h4::before{position: absolute; content: ''; width: 40px; height: 3px; background-color: #ebb114; z-index: 1; top: 30px;}
#blog-det .iner-a .recent{margin-bottom: 20px;}
#blog-det .iner-a .recent li h6 {margin-bottom: 3px;}
#blog-det .iner-a .recent li h6 a{color: #000;}


/* contact */

#contact{padding: 60px 0; background-color: #f2f2f2;}
#contact h2{font-size: 33px; color: #0f4336; text-align: center;}
#contact p{font-size: 18px; margin-bottom: 30px; text-align: center; color: grey;}
#contact .row{row-gap: 40px; justify-content: center;}
#contact .address{text-align: center; padding-top: 40px;}
#contact .address i{font-size: 33px; color: #ebb114;}
#contact .address h5{margin: 10px 0; color: #000;}
#contact .address a{color: #000; font-size: 16px;}
#contact .address p{font-size: 16px; color: #000;}
#contact form.row{row-gap: 20px;}
#contact form .form-control{border-radius: 0; background-color: #ffffff; border: 0; padding: 12px; box-shadow: none;}
#contact form .submit{background-color: #ebb114; font-size: 16px; color: #fff; padding: 10px 40px; border-radius: 6px; border: 0; font-weight: bold;}

/* shipping-start */
#shippimg{padding: 30px 0px;}
#shippimg h2{text-align: center; color: #000000 !important; font-family: 'Baskervville', serif; font-size: 40px; margin-bottom: 20px;}   
#shippimg h5{font-size: 14px; color: #000000 !important; font-family: 'Lato', sans-serif; font-weight: bold; margin-bottom: 20px;}
#shippimg h5 span{color: #ebb114;}
#shippimg .text{font-size: 14px; color: #000000; margin-bottom: 20px;}

/* login */

#login{padding: 50px 0px;}
#login .logininr{padding: 25px 25px; background-color: #fff; -webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6); box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.6);}
#login .logininr h2{font-size: 25px; font-family: Baskervville serif;}
#login .logininr .logintext{font-size: 14px; margin-bottom: 15px; font-family: Baskervville serif;}	
#login .logininr .form-control{border-radius: 0px; padding: 10px 15px; box-shadow: none; font-size: 13px;}
#login .logininr .form-control:focus{border-color:#ebb114 ;}
#login .logininr .forgot{color: #ebb114; font-size: 15px; font-family: Baskervville serif;}
#login .logininr .btnb{display: block; background-color: #ebb114; color: #ffff; padding: 10px 20px; text-align: center; font-size: 18px; transition: .5s; font-family: Baskervville serif;}
#login .logininr .btnb:hover{background-color: #000;}

/* forget-password */
#forget-login{padding: 50px 0px;}
#forget-login h5{font-size: 15px;}
#forget-login .row{justify-content: center;}
#forget-login h2{font-size: 25px; font-family: Baskervville serif;}
#forget-login .form-control{border-radius: 0px; padding: 13px 13px; margin-bottom: 15px; box-shadow: none; font-size: 13px;}
#forget-login .form-control:focus{border-color:#ebb114 ;}
#forget-login .btnc{display: inline-block; padding: 8px 20px; background-color: #ebb114; color: #fff; font-size: 13px; transition: .5s;}
#forget-login .btnc:hover{background-color: #000;}

/* creat-password start */
#crear-password {padding: 50px 0px;}
#crear-password h2{font-size: 25px; font-family: Baskervville serif;}
#crear-password .form-control{border-radius: 0px; padding: 10px 10px; box-shadow: none; font-size: 13px;}
#crear-password .form-control:focus{border-color:#ebb114;}
#crear-password .btnd{padding: 10px 20px; background-color: #ebb114; color: #fff; display: inline-block; font-size: 10px; margin-top: 20px; transition: .5s;}
#crear-password .btnd:hover{background-color: #000;}

/* my-account */

#my-account{padding: 50px 0px;}
#my-account h4{font-size: 18px;}
#my-account .contacttab{background: #ebb114 url(../images/pattern.png) top left repeat; padding: 10px 20px; margin: 20px 0px;}
#my-account .contacttab li a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
#my-account .contacttab li{margin: 10px 0px;}
#my-account .contacttab .active a{background-color: #E9E9E9; color: #000000;}
#my-account .contacttab li a:hover{background-color: #E9E9E9; color: #000000;}
#my-account .contacttab li a{color: #fff;}
#my-account .myaawwinra .form-control{border-radius: 0px ;}
#my-account .myaawwinra .upto{padding: 10px 20px; text-align: center; transition: .5s; font-size: 16px; background-color: #ebb114; color: #fff; display: block; margin-top: 20px;}
#my-account .myaawwinra .upto:hover{background-color: #000000;}

/* my-oredr */

#my-order{padding: 50px 0px;}
#my-order h4{font-size: 18px;}
#my-order .contacttab{background: #ebb114 url(../images/pattern.png) top left repeat; padding: 10px 20px; margin: 20px 0px;}
#my-order .table tr th, #my-order .table tr td{font-size: 12px;}
#my-order .table tr td a{color: #000;}
#my-order .contacttab li a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
#my-order .contacttab li{margin: 10px 0px;}
#my-order .contacttab .active a{background-color: #E9E9E9; color: #000000;}
#my-order .contacttab li a:hover{background-color: #E9E9E9; color: #000000;}
#my-order .contacttab li a{color: #fff;}
#my-order .myaawwinr .table-responsive .table tbody td a{color: #000;}

/* my-wishlist */

#my-wishlist{padding: 50px 0px;}
#my-wishlist h4{font-size: 18px;}
#my-wishlist .table tr th, #my-wishlist .table tr td{font-size: 12px; color: #000;}
#my-wishlist .contacttab{background: #ebb114 url(../images/pattern.png) top left repeat; padding: 10px 20px; margin: 20px 0px;}
#my-wishlist .contacttab li a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
#my-wishlist .contacttab li{margin: 10px 0px;}
#my-wishlist .contacttab .active a{background-color: #E9E9E9; color: #000000;}
#my-wishlist .contacttab li a:hover{background-color: #E9E9E9; color: #000000;}
#my-wishlist .contacttab li a{color: #fff;}
#my-wishlist .row{row-gap: 4px;}
#my-wishlist .wishinr .table-responsive .table td img{width: 50px;}
#my-wishlist .wishinr .table-responsive .table td a{padding: 8px 14px; font-size: 10px; background-color: #ebb114; display: inline-block; color: #fff;}
#my-wishlist .wishinr .table-responsive .table{vertical-align: middle;}
#my-wishlist .wishinr .table-responsive .table .creee .rrrrrrr{color: #ebb114; padding: 0px; display: block; background-color: #ffffff; transition: 5s;}


/* orderlist start */

.orderlist{padding: 50px 0px;}
.orderlist .account__menu{background: #ebb114 url(../images/pattern.png) top left repeat; padding: 10px 20px; margin: 20px 0px;}
.orderlist .account__menu  .account__menu--list a{margin-bottom: 10px; width: 100%; padding: 10px 20px; padding-left: 19px; display: inline-block;}
.orderlist .account__menu  .account__menu--list{margin: 10px 0px;}
.orderlist .account__menu .active a{background-color: #E9E9E9; color: #000000 !important;}
.orderlist .account__menu  .account__menu--list a:hover{background-color: #E9E9E9; color: #000000;}
.orderlist .account__menu  .account__menu--list a{color: #fff;}

/* wishlist start */

#wishlist{padding: 30px 0px; background-color: #fff;}
#wishlist .row{margin-top: -11px;}
#wishlist h3{font-size: 21px; text-transform: capitalize; color: #242424; font-weight: 700; line-height: 20px;
margin-bottom: 25px;}
#wishlist .table tbody tr td{
border: 1px solid #ebebeb;
align-items: center; font-family: Arial, Helvetica, sans-serif;
justify-content: center;
color: #212121;
font-weight: 500;
text-transform: capitalize;
font-size: 14px;
text-align: center;
align-items: center;
min-width: 150px; }

#wishlist .table thead tr th{border: 1px solid rgb(196, 193, 193); font-size: 13px}
#wishlist .table tbody tr td .delet{color: #ebb114; font-weight: bolder;}
#wishlist .table tbody tr td .product{color: #000;}
#wishlist .table tbody tr td .product:hover{color: #0c0c0c;}
#wishlist .table tbody tr td .imgsc img{width: 60px;}
#wishlist .table tbody tr td a{color: #000;}
#wishlist .table tbody tr td .btn1{padding: 9px 0px; font-size: 10px; text-transform: uppercase; border-radius: 0%0px; color: #ffffff; display: inline-block; background-color: #ebb114; transition: .5s; position: relative; z-index: 1;}
#wishlist .table tbody tr td .btn1:hover{color: #ffffff; background-color: #000000;}


/* shoping-cart start */
#shoping{padding: 50px 0px;}
#shoping h2{font-size: 30px; font-weight: bold; margin-bottom: 25px;}
#shoping .table tr{vertical-align: middle; background-color: #f8f8f8; }
#shoping .table .bord{border-top: 2px solid #f1e9e9;}
#shoping .table-group-divider{border: transparent;}
#shoping .table tr th{text-align: center;}
#shoping .table tr td{padding: 25px 30px;}
#shoping .table tr td h4{font-size: 16px; font-weight: 600 !important;}
#shoping .table tr td h5{font-size: 16px; font-weight: 500;}
#shoping .table tr td h6{font-size: 16px; font-weight: 500;}
#shoping .table tr .product{text-align: start;}
#shoping .table tr td .shoping-icon li img{width: 75px;}
#shoping .table tr td .shoping-icon li h3{margin: -13px 0px 6px;}
#shoping .table tr td .shoping-icon li h3 a{font-size: 16px; color: #000; font-weight: 500;}
#shoping .table tr td .shoping-icon li h4{font-size: 14px; font-weight: 500 !important;}
#shoping .table tr td .shoping-icon li h5{font-size: 14px;}
#shoping .table tr td .remove a{font-size: 14px; color: #ebb114; border-bottom: 1px solid #ebb114; padding-bottom: 1px;}

#shoping .table tr td .qty-input {
	color: #000;
	background: #fff;
	display: flex;
	align-items: center;
	overflow: hidden;
  }
 #shoping .table tr td .qty-input .product-qty,
 #shoping .table tr td .qty-input .qty-count {
	background: transparent;
	color: inherit;
	font-weight: bold;
	font-size: inherit;
	border: none;
	display: inline-block;
	min-width: 0;
	height: 2.5rem;
	line-height: 1;
  }
 #shoping .table tr td .qty-input .product-qty:focus,
 #shoping .table tr td .qty-input .qty-count:focus {
	outline: none;
  }
 #shoping .table tr td .qty-input .product-qty {
	width: 50px;
	min-width: 0;
	display: inline-block;
	text-align: center;
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
			appearance: textfield;
  }
 #shoping .table tr td .qty-input .product-qty::-webkit-outer-spin-button,#shoping .table tr td .qty-input .product-qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
			appearance: none;
	margin: 0;
  }
 #shoping .table tr td .qty-input .qty-count {
	padding: 0;
	cursor: pointer;
	width: 2.5rem;
	font-size: 1.25em;
	text-indent: -100px;
	overflow: hidden;
	position: relative;
  }
 #shoping .table tr td .qty-input .qty-count:before,#shoping .table tr td .qty-input .qty-count:after {
	content: "";
	height: 2px;
	width: 10px;
	position: absolute;
	display: block;
	background: #000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
  }
 #shoping .table tr td .qty-input .qty-count--minus {
	border-right: 1px solid #e2e2e2;
  }
 #shoping .table tr td .qty-input .qty-count--add {
	border-left: 1px solid #e2e2e2;
  }
 #shoping .table tr td .qty-input .qty-count--add:after {
	transform: rotate(90deg);
  }

.qty-input {
border-radius: 4px;
width: 140px;
transform: scale(1);
border: 1px solid#e2e2e2;
  }


#shoping .clear-cart li a{color: #000000; font-size: 22px; display: inline-block; margin-top: 20px; transition: .5s; font-weight: bold;}
#shoping .clear-cart li a:hover{color: #ebb114;}

/* apply */
#apply{padding: 0px 0px 60px;}
#apply .iner{padding: 25px 20px; background-color: #f8f8f8;}
#apply h3{font-size: 18px; font-weight: 500; color: #000000; margin-bottom: 15px;}
#apply .forem{position: relative;}
#apply .forem .form-control{border-radius: 0px; border: 1px solid #ebb114; padding: 10px 20px; box-shadow: none; }
#apply .forem .btn-c{padding: 11px 20px; background-color: #ebb114; color: #fff; border-radius: 0px; border: transparent; position: absolute; right: 0px;}
#apply .total{margin-bottom: 13px;}
#apply .total li{font-size: 14px;}
#apply .tssss{border-top: 1px solid rgb(233, 230, 230); padding-top: 13px;}
#apply .tssss li{font-size: 16px;}
#apply .btn{width: 100%; border: transparent;}
#apply .btn .btn-a{display: block; background-color: #ebb114; border-radius: 6px; border: transparent; padding: 10px 20px; width: 100%; margin-bottom: 15px; color: #fff;}
#apply .btn .btn-b{display: block; background-color: #ddd; border-radius: 6px; border: transparent; padding: 10px 20px; width: 100%; margin-bottom: 15px; color: #161616;}

 /* checkout start */

 #checkout {padding: 60px 0px; background-color: #f5f5f5;}
 #checkout form.row{row-gap: 10px;}
 #checkout h2{text-align: center;}
 #checkout .cheaa li a{color: #000;}
 #checkout .cheaa li a:hover{color: #ebb114;}
 #checkout .checoctinr .from .form-control,  #checkout .checoctinr .from .form-select{border: 1px solid #ffffff; border-radius: 0px; background-color: #fff;}
 #checkout .checoctinr .btn6{padding: 10px 20px; background-color: #ebb114; transition: .5s; width: auto; color: #fff; border-radius: 0px;}
 #checkout .checoctinr .btn6:hover{background-color: #000;}
 #checkout .checoctinr h3{font-size: 25px; font-weight: bold; margin-bottom: 20px; color: #ebb114;}
 #checkout .checoctinra h3{font-size: 25px; font-weight: bold; margin-bottom: 20px; color: #ebb114;}
 #checkout .checoctinra .table-responsive table td img{width: 70px;}
 #checkout .checoctinra .table-responsive table th, td{border-bottom: 1px solid #e7dddd; padding: 9px; vertical-align: middle;}
 #checkout .checoctinra .table-responsive table td .moon{font-size: 14px; font-weight: 600;} 
 #checkout .checoctinra .table-responsive table td .qty{display: block;}
 #checkout .checoctinra .table-responsive table .wiiii{text-align: inherit; width: 300px;}
 #checkout .checoctinra .pay{padding: 10px 50px; background-color: #ebb114; transition: .5s; display: inline-block; color: #fff; margin-top: 20px; text-align: center; margin-bottom: 30px;}
 #checkout .checoctinra .pay:hover{background-color: #000;}


/* billing */

#billing{padding-bottom: 40px; background-color: #f5f5f5; border-bottom: 3px solid #fff;}
#billing form.row{row-gap: 10px;}
#billing .checoctinr .from .form-control, #billing .checoctinr .from .form-select{border: 1px solid #00000000; border-radius: 0px; background-color: #fff;}
#billing .checoctinr .btn6{padding: 10px 20px; background-color: #ebb114; transition: .5s; width: 204px; color: #fff; border-radius: 0px;}
#billing .checoctinr .btn6:hover{background-color: #000;}
#billing .checoctinr h3{font-size: 25px; color: #ebb114; font-weight: bold; margin-bottom: 20px;}
#billing .form-check label{ font-size: 20px;}


#zoomp .inrs{padding: 10px 5px;}
#zoomp .inr{text-align: center; padding: 0px; border-radius: 3px; border: 1px solid #c1c1c1; transition: .5s; height: 100%;}
#zoomp .inr:hover{border: 1px solid #000;}

#zoomp .imgc img{width: 100%; height: 100px;  object-fit: contain;}

#zoomp .inr a:first-child { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 5px 5px;}

#zoomp .inr h6{
  color: #ebb114;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Courier New', Courier, monospace;
}

#zoomp .inr span strike{
  color:#ebb114; 
}

#zoomp .inr span{
    font-family: 'Questrial', sans-serif;
    text-align: center;
    font-size: 12px;
    color:  black;
  }

#zoomp .text-e a {color: #ebb114; font-size: 12px; font-weight: 600;}

.stock{color: #ebb114 !important; font-size: 13px; font-weight: 600;}


.product-sec .produ-topinfo{display: flex; list-style: none; justify-content: space-between; align-items: center;}
/* .product-sec .pro-ul{display: flex; list-style: none; align-items: center; padding: 0px; justify-content: space-between; margin-bottom: 0;} */

.product-sec .pro-ul
{
    list-style: none; 
    padding: 10px 30px; 
    margin-bottom: 0;
}

.product-sec .droopdwwom .select {
    border: 1px solid;
    padding: 10px 20px; font-size: 14px;

}


.product-sec .droopdwwom .select:hover {
    box-shadow: none;
}


