*{margin: 0px; padding: 0px; box-sizing: border-box;}
img{max-width: 100%;}
a,a:hover,a:visited,a:active,a:focus{text-decoration: none;}
ul{margin: 0px; padding: 0px;}
p{margin: 0px;}

body{font-family: 'Lato', sans-serif;}


/* wishlist pop */
.wishlist-pop {padding: 0px;}
#myalert {right: 50px; top: 50px; position: fixed; z-index: 10000; display: none;}

.cart-pop {padding: 0px;}
#myalerta {right: 50px; top: 50px; position: fixed; z-index: 10000; display: none;}

/* poop end */


header .headertop{background-color: #000; padding: 7px 0px;}
header .headertop .headertop-info .tell a{color: #fff; font-size: 14px;}
header .headertop .headertop-info .marku{color: #ffff; font-size: 15px;}
header .headertop .icon li{border-right: 1px solid #cbcbcb75; padding-right: 8px;}
header .headertop .icon li:last-child{border: transparent;}
header .headertop .icon li a{font-size: 10px; color: #fff; position: relative;}
header .headertop .icon li a::before{position: absolute; content: ''; width: 0px; height: 1px; background-color: #fff; z-index: 1; transition: .5s; top: 14px;}
header .headertop .icon li a:hover::before{width: 100%;}


/*  */

header .headermedim .heaqderlogo{padding-left: 72px;}
header .headermedim .heaqderlogo img{width: 140px; }
header .headermedim{display: flex; justify-content: space-between; align-items: center;}

/* header .headermedim .headericon li a{color: #020202; font-size: 15px; transition: .5s;}

header .headermedim .headericon{gap: 14px;}
header .headermedim .headericon li a:hover{color: #fef600;} */

header .headermedim .headericon  li a {
	display: inline-block;
	padding: 6px 18px;
	background-color: transparent;
	color: #000;
	transition: .5s;
	border: 2px solid#fef600;
	position: relative;
	transition: .5s;
	z-index: 1;
  }
  header .headermedim .headericon  li a:hover{
	color: #fff;
	background-color: #000;
	border: 2px solid #000;
  }

header .sticky  .heaqderlogo img{width: 100px !important;}

/* header ko sticky karna ki */

.sticky{background-color:#fff ; left: 0; right: 0;z-index: 999; position: fixed !important; top:0px; animation: slideDown .5s ease-out;}


@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(10);
    }
  }
/*  */
header .heaberbooyem .navbar-brand{padding: 0px !important;}




/* drop-down */
/* header .heaberbooyem .navbar{position: relative;}
header .heaberbooyem .dropdown{position: unset;}

header .heaberbooyem .dropdown-menu {width: 100% !important; left: 0px; right: 0px; padding: 40px 30px; top: 46px; border: transparent; border-radius: 0px;}
header .heaberbooyem .dropdown-menu h4{font-size: 16px; padding: 0px 16px; color: #fef600; margin-bottom: 15px; font-weight: 700;}
header .heaberbooyem .dropdown-menu .megamenu{justify-content: start}
header .heaberbooyem .dropdown-menu .megamenu .dropdown-item{font-size: 14px; transition: .5s; display: block; margin-bottom: 10px;}
header .heaberbooyem .dropdown-menu .megamenu .dropdown-item:hover{background-color: transparent; padding-left: 20px; color: #fef600;}
 */
 /* .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Optional: Adjust if you notice any spacing issue */


header .heaberbooyem{background-color: transparent; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 0px; margin-top: 5px;}
header .heaberbooyem .navbar-nav{gap: 40px;}
header .heaberbooyem .navbar-nav .nav-item .nav-link{ transition: .5s; color: #2b2b2b; text-transform: uppercase; font-size: 13px; transition: .5s; position: relative;}
header .heaberbooyem .navbar-nav .nav-item .nav-link:hover{color: #fef600;}
header .heaberbooyem .navbar-toggler{border: transparent;}
header .heaberbooyem .navbar-toggler span i{color:#878787!important;}
header .heaberbooyem .offcanvas{background-color: #ffffff; width: 276px;}
header .heaberbooyem button:focus:not(:focus-visible){box-shadow: none;}
header .heaberbooyem .offcanvas-header .btn-close{color: #030303; }
header .heaberbooyem  .navbar-nav .leee .lee{display: none;}

header .heaberbooyem .navbar-nav .nav-item .dropdown-menu {
	border-radius: 0;
    border: 0;
    box-shadow: #0000004b 0 0 10px;
    padding: 10px;
	background-color: #000;
	border-bottom: 2px solid #fef600;
}
header .heaberbooyem .navbar-nav .nav-item .dropdown-menu li a{
    color: #fff;
}
header .heaberbooyem .navbar-nav .nav-item .dropdown-menu li a:hover{
	background-color: #fef600;
    color: #000;
}


/* header .heaberbooyem .navbar-nav .nav-item .dropdown-menu{
    background-color: #000;
    border-radius: 0;
    border-bottom: 2px solid #fef600;
	transition: all 0.3s ease 0s;
}
header .heaberbooyem .navbar-nav .nav-item .dropdown-menu li a{ 
	color: #fff;
	transition: all 0.3s ease 0s;
}
header .heaberbooyem .navbar-nav .nav-item .dropdown-menu li a:hover{ 
	color: #000;

} */
/* header .heaberbooyem  .dropend .dropdown-toggle::after{display: none;} */

header .heaberbooyem .navbar-nav .nav-item .nav-link::after {
	content: '';
	background-color: #fef600;
	width: 0%;
	height: 2px;
	position: absolute;
	bottom: 0px;
	left: 0;
	transition: .5s;
  }
  
  header .heaberbooyem .navbar-nav .nav-item .nav-link:hover::after {
	width: 100%;
  }
/*  */

/* header ma cart ki  */
/* .vive-cart .row{border-top: 1px solid rgb(199, 196, 196); border-bottom: 1px solid rgb(199, 196, 196); padding-bottom: 30px; padding-top: 30px;}
.vive-cart .content h3{line-height: 17px;}
 .vive-cart .content h3 a{font-size: 12px; color: #000; font-weight: bold;}
 .vive-cart .content h4 b{font-size: 11px; color: #000;}
 .vive-cart .content h4{color: rgb(165, 162, 162); font-size: 11px;}
 .vive-cart .content h5 b{ color: #000; font-size: 11px;}
 .vive-cart .content h5{color: rgb(165, 162, 162); font-size: 11px;}
 .headermedim  .vive-cart .imgsc img{width: 90px;}
 .vive-cart .offcanvas.offcanvas-end{width: 330px;}
 .vive-cart .content{margin-left: -51px;}

 .vive-cart .content .qty-input {
	color: #000;
	background: #fff;
	display: flex;
	align-items: center;
	overflow: hidden;
  }
 .vive-cart .content .qty-input .product-qty,
 .vive-cart .content .qty-input .qty-count {
	background: transparent;
	color: inherit;
	font-weight: bold;
	font-size: inherit;
	border: none;
	display: inline-block;
	min-width: 0;
	height: 1.5rem;
	line-height: 1;
  }
 .vive-cart .content .qty-input .product-qty:focus,
 .vive-cart .content .qty-input .qty-count:focus {
	outline: none;
  }
 .vive-cart .content .qty-input .product-qty {
	width: 50px;
	min-width: 0;
	display: inline-block;
	text-align: center;
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
			appearance: textfield;
  }
 .vive-cart .content .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
			appearance: none;
	margin: 0;
  }
 .vive-cart .content .qty-input .qty-count {
	padding: 0;
	cursor: pointer;
	width: 1.5rem;
	font-size: 1.25em;
	text-indent: -100px;
	overflow: hidden;
	position: relative;
  }
 .vive-cart .content .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;
  }
 .vive-cart .content .qty-input .qty-count--minus {
	border-right: 1px solid #e2e2e2;
  }
 .vive-cart .content .qty-input .qty-count--add {
	border-left: 1px solid #e2e2e2;
  }
 .vive-cart .content .qty-input .qty-count--add:after {
	transform: rotate(90deg);
  }


  

  
 .vive-cart .content .qty-input {
	border-radius: 4px;
	width: 102px;
	transform: scale(1);
	border: 1px solid#e2e2e2;
  }


  .vive-cart .cartinfo{margin: 20px 0px;}
  .vive-cart .cartinfoo{ border-bottom: 1px solid rgb(199, 196, 196); margin-bottom: 20px; padding-bottom: 20px;}
  .vive-cart .btnd{display:block; text-align: center; transition: .5s; padding: 10px 20px; background-color: #fef600; color: #fff; transition: .5s; font-size: 18px;}
  .vive-cart .btnd:hover{background-color: #000;}

  /* hearder ka cart icon ki css clos */

  .MagicSlideshow{overflow: hidden;} 


/* category */

#category{padding: 50px 0px;}
#category h2{text-align: center; font-size: 26px; font-family: 'Source Sans Pro', sans-serif, 'MS Sans Serif', Geneva, sans-serif; margin-bottom: 20px; position: relative; z-index: 1;}
#category h2::after{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    /*background-image: url(../images/tab-bg.png);*/
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 100%;
    height: 100%;
    z-index: -1;}
#category .text{text-align: center; margin-bottom: 30px; color: #252222; font-size: 16px; font-style: italic;}
#category .row{row-gap: 30px;}
#category .imgs{overflow: hidden; position: relative;}
#category .imgs img{transition: .5s;}
#category .imgs:hover img{transform: scale(1.1);}
#category .imgs h4{position: absolute; text-align: center; bottom: 0px; left: 0px; right: 0px;}
#category .imgs h4 a{display: inline-block; padding: 8px 16px; background-color: #fef600; color: #000000; font-size: 13px; transition: .5s;}
#category .imgs h4 a:hover{background-color: #000; color: #fff;}


/* best-seller */

#best-seller{padding: 50px 0px;}
#best-seller h2{text-align: center; font-size: 26px; font-family: 'Source Sans Pro', sans-serif, 'MS Sans Serif', Geneva, sans-serif; margin-bottom: 20px; position: relative; z-index: 1;}

#best-seller .row{row-gap: 30px;}
#best-seller .feature-iner .imgs{position: relative; overflow: hidden;}
#best-seller .feature-iner .imgs img{height: 300px; width: 100%;}
#best-seller .feature-iner .imgs.imgsc{border: 1px solid #fef60046;}
#best-seller .feature-iner ul li i,a{color: #ffffff;}
#best-seller .feature-iner .imgs .icon{position: absolute; z-index: 1; bottom: -46px; left: 0px; right: 0px; background-color: #000000; padding: 8px 20px; transition: .5s;}
#best-seller .feature-iner:hover .imgs .icon{bottom: 0px;}
#best-seller .feature-iner .content{padding: 10px 4px; text-align: center;}
#best-seller .feature-iner .content h5 a{color: #000000; font-size: 15px;}
#best-seller .feature-iner .content h6{font-size: 14px; color: #bc9a5c;}
#best-seller .feature-iner .content h6 span{text-decoration: line-through;}
#best-seller .feature-iner ul li a:hover{color: #ffffffbd;}

/* banner */

#banner{padding: 0px;}
#banner h2{text-align: center; font-size: 26px; font-family: 'Source Sans Pro', sans-serif, 'MS Sans Serif', Geneva, sans-serif; margin-bottom: 20px; position: relative; z-index: 1;}

/* blog */

#blog{padding: 40px 0px;}
#blog h2{text-align: center; font-size: 26px; font-family: 'Source Sans Pro', sans-serif, 'MS Sans Serif', Geneva, sans-serif; margin-bottom: 30px; position: relative; z-index: 1;}
#blog .imgsc{position: relative; overflow: hidden;}
#blog .imgsc .post-date{position: absolute; top: 20px; left: 20px; background-color: #fff; box-shadow: 0 0 9px rgba(0,0,0,.1);
z-index: 2; display: inline-block; width: 53px; height: 55px; text-align: center;}
#blog .imgsc img{transition: 3s;}
#blog .imgsc:hover img{transform: scale(1.1); }
#blog h3 a{color: #1b1919; text-align: center; display: inline-block; margin-top: 20px; font-size: 20px;}
#blog .text{font-family: 'Source Sans Pro', sans-serif, Arial, Helvetica, sans-serif; color: #4c4c4c; margin-top: 20px; font-size: 15px; line-height: 29px; text-align: center;}

/* about-bg */

#about-bg{background-image: url(../images/about-bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 70px 0px; background-attachment: fixed; overflow: hidden;}
#about-bg .inr{background-color: #fff; padding: 60px 50px;}
#about-bg .content{text-align: center;}
#about-bg .content h3{color: #1b1919; font-size: 22px; font-family: 'Source Sans Pro', sans-serif, 'Comic Sans MS', cursive;
font-weight: 400;}
#about-bg .content h6{color: #2A2A2A; font-size: 26px;}
#about-bg .content .text{font-family: 'Source Sans Pro', sans-serif, Arial, Helvetica, sans-serif; color: #4c4c4c; margin-top: 20px; font-size: 15px; line-height: 29px; text-align: center;}
#about-bg .content .btn{padding: 8px 25px; display: inline-block; background-color: #000; color: #fff; border-radius: 0px; margin-top: 15px; font-size: 14px;} 
#about-bg .content .btn:hover{
	background-color: #fff;
	border: 1px solid #000;
	color: #000;

}

#human-banner{ padding-top: 60px;}
/* testimonaiol */

#testimonaiol{background-image: url(../images/testimonaiol-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 60px 0px 150px; position: relative; z-index: 1;}
#testimonaiol::before{background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;}
#testimonaiol h2{color: #fff; font-size: 45px; text-align: center; font-family: Marcellus-Regular; position: relative;}
#testimonaiol h2::before{background: #625859; height: 2px; width: 70px; position: absolute; content: ''; z-index: 1; top: 60px; margin-left: 155px;} 
#testimonaiol .content{text-align: center; margin-top: 40px; position: relative;}
#testimonaiol .content .text{color: #fff; font-size: 18px; font-family: "gelasio-regular" !important;}
#testimonaiol .content h6{position: absolute; top: -6px; left: -10px; color: #fff; font-size: 22px;}
#testimonaiol .content h4{font-size: 30px !important; font-family: Marcellus-Regular; margin-top: 39px; font-size: 32px;
color: #fff8f9;}

/* word-shipping */

#word-shipping{padding: 30px 0px; background-color: #f4f4f4;}
#word-shipping .imgs{text-align: center;}
#word-shipping h5{text-align: center; font-size: 14px; margin-top: 20px; line-height: 22px;}

/* feature-product */

#feature-product{padding: 50px 0px; background-color: #fdffee;}
#feature-product h2{text-align: center; font-size: 35px; font-family: 'Baskervville', serif; margin-bottom: 40px;}
#feature-product .row{row-gap: 30px;}
#feature-product .feature-iner .imgs{position: relative; overflow: hidden;}
#feature-product .feature-iner ul li i{color: #fef600;}
#feature-product .feature-iner .imgs .icon{position: absolute; z-index: 1; bottom: -46px; left: 0px; right: 0px; background-color: #ffffff80; padding: 10px 20px; transition: .5s;}
#feature-product .feature-iner:hover .imgs .icon{bottom: 0px;}
#feature-product .feature-iner .imgs .new{position: absolute; z-index: 1; top: 10px; right: 5px; padding: 2px 13px; background-color: #000; color: #fff; font-size: 13px; border-radius: 17px 0px 17px 0px;}
#feature-product .feature-iner .content{padding: 10px 4px; text-align: center;}
#feature-product .feature-iner .content .text a{font-size: 13px; color: #000;}
#feature-product .feature-iner .content h5{margin-top: -8px;}
#feature-product .feature-iner .content h5 a{color: #000; font-size: 13px; display: inline-block;}
#feature-product .feature-iner .content h6{margin-top: -8px;}
#feature-product .feature-iner .content h6 a{color: #000; font-size: 13px; font-weight: bold; display: inline-block;}

/* footer */

footer{background-color: #5a5757; padding: 30px 0px 10px;}
footer h4{color: #fef600; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; letter-spacing: 1.5px; position: relative;}
footer h4::before{content: ""; position: absolute; bottom: -3px; display: inline-block; width: 30px; height: 2px;
background-color: #fef600;}
footer .footer-info{margin-top: 20px;}
footer .footer-info li a, footer .footer-info li{font-size: 13px; color: #fff;  margin-bottom: 10px;}
footer .footer-icon-2{margin-top: 20px;}
footer .footer-icon-2 li a{display: inline-block; height: 35px; width: 35px; text-align: center; line-height: 35px; background-color: #fff; border-radius: 50px; color: #fef600;}


footer .gdi{text-align: center; border-top: 1px solid #fef600; padding-top: 15px; margin-top: 10px;}
footer .gdi img{ width: 250px; margin: auto;}

.footer-map{
	margin-top: 20px;
}

/* model */

.modal .forem .icon-input {position: relative;}
.modal .modal-content{background-color: #f8f8f8; padding: 30px;}
.modal .forem span {position: absolute; top: 9px; left: 23px; color: #000;}
.modal .forem .form-control {background-color: #fff; padding: 10px 40px; box-shadow: none; border: transparent;
border-radius: 0px; margin-bottom: 10px; font-size: 15px;}
.modal .forem .btn {padding: 10px 30px; background-color: #000; color: #fff; border-radius: 0px; margin-top: 20px;}
.modal .forem .btn:hover{background-color: #fff; color: #000; border: 1px solid #000;}

    /* whatapp */
	.quickcontact {
		width: 40px;
		position: fixed;
		top: 77%;
		right: 30px;
		z-index: 9999;
	  }


	  /* search ka popup */
	  
	  #search-menu {
		position: fixed;
		width: 100%;
		height: 137px;
		top: -20em;
		left: 0;
		right: 0;
		white-space: nowrap;
		z-index: 9999;
        background-color: #fff;
		opacity: 0;
		visibility: hidden;
		transition: 500ms ease all;
	  }
	  #search-menu.toggled {
		top: 0;
		opacity: 1;
		visibility: visible;
	  }
	  #search-menu .wrapper {
		position: relative;
		margin: 3em auto 0 auto;
		padding: 0 1em;
	  }
	  #search-menu .wrapper input {
		width: 58%;
		padding: 0 0 0.125em 0;
		background: transparent;
		border: none;
		border-bottom: 1px solid #000000;
		font-size: 16px;
		color: #000000;
	  }
	  #search-menu .wrapper input:focus {
		outline: none;
	  }
	  #search-menu .wrapper button {
		/* position: absolute;
		display: block;
		width: 10%; */
		right: 0;
		top: 0;
		background: transparent;
		border: none;
		color: #000000;
		font-size: 25px;
		transition: 500ms ease all;
	  }
	  #search-menu .wrapper button:hover {
		color: #000000;
	  }
	  #search-menu .wrapper button:focus {
		outline: none;
	  }
	  
	  #search-icon {
		padding: 0 0.5em 0.25em 0.5em;
		font-size: 15px;
		color: #000;
		cursor: pointer;
		text-align: center;
		transition: 500ms ease all;
	  }
	  #search-icon:hover {
		color: #000000;
	  }

	  /*  */





/* index clos */

/* contact-banner */

#about-banner{background-image: url(../images/intro-bg.webp); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 70px 0px;}
#about-banner h2{text-align: center; font-size: 35px;}
#about-banner .banner-info{justify-content: center;}
#about-banner .banner-info li a{color: #000000;}



/* contact start */

#contact-info{padding: 50px 0px;}
#contact-info .contact-in{padding: 60px 40px 60px 40px; border: 1px solid #e7e7e7; border-radius: 20px;}
#contact-info .contact-in .sub-title{font-size: 18px; font-weight: 500; color: #eaaa85; margin: 0 0 5px;}
#contact-info .contact-in .heading{font-size: 36px; color: #424242; font-weight: 500; margin: 0 0 35px; line-height: 55px;}
#contact-info .contact-in .infon{margin: 30px 0px; gap: 30px;}
#contact-info .contact-in .color{width: 80px; height: 80px; background: #2a2a2a; position: relative; transition: all .5s ease-in-out; font-size: 30px; color: #fff; text-align: center; line-height: 80px;}
#contact-info .contact-in .color:hover{background-color: #fef600;}
#contact-info .contact-in .color::after{position: absolute; top: 5px; left: 5px; width: 100%; height: 100%; background-color: #fef600;
content: ""; z-index: -1; transition: all .5s ease-in-out;}
#contact-info .contact-in .color:hover:after{background-color: #2a2a2a;}
#contact-info .contact-in h5{font-size: 24px; color: #2e2e2e; font-weight: 400; margin: 0 0 3px;}
#contact-info .contact-in .text a{color: #848484;}
#contact-info .contact-in .icon-inf{list-style: none;}
#contact-info .contact-in .icon-inf li a{width: 36px; height: 36px; color: #fff; font-size: 16px; background-color: #000;
border-radius: 5px; text-align: center; line-height: 36px; font-size: 14px; display: inline-block; transition: .5s;}
#contact-info .contact-in .icon-inf li a:hover{background-color: #fef600;}

#contact-info .contact-inr{padding: 60px 40px 60px 40px; -webkit-box-shadow: 0 8px 36px 0 rgba(0,0,0,.1);  box-shadow: 0 8px 36px 0 rgba(0,0,0,.1);
border-radius: 20px;}
#contact-info .contact-inr .title{font-family: Rubik,sans-serif; font-size: 36px; color: #424242; font-weight: 500; margin: 0 0 14px;}
#contact-info .contact-inr .text-b{color: #747474; line-height: 27px; margin-bottom: 30px;}
#contact-info .contact-inr .form-control{padding: 13px; border-radius: 0px; box-shadow: none; margin-bottom: 10px; font-size: 14px; font-family: cursive;}
#contact-info .contact-inr .btn{padding: 10px 30px; margin-top: 25px; background-color: #000; color: #fff; border-radius: 0px; transition: .5s;}
#contact-info .contact-inr .btn:hover{background-color: #fff; color: #000; border: 1px solid #000;}

/* blog-det */

#blog-det{padding: 50px 0px;}
#blog-det h4 a{font-size: 30px; transition: .5s; color: #1b1919; display: inline-block; margin-bottom: 20px;}
#blog-det h4 a:hover{color: #fef600;}
#blog-det .imgsc{position: relative; overflow: hidden;}
#blog-det .imgsc img{transition: 5s;}
#blog-det .imgsc:hover img{transform: scale(1.1);}
#blog-det .imgsc .post-date {position: absolute; top: 20px; left: 20px; background-color: #fff; box-shadow: 0 0 9px rgba(0,0,0,.1);
z-index: 2; display: inline-block; width: 53px; height: 55px; text-align: center;}
#blog-det .text{margin: 15px 0px; font-size: 15px; line-height: 28px; color: #4c4c4c;}
#blog-det .btn{padding: 10px 30px; background-color: #fef600; display: inline-block; border-radius: 0px; color: #fff; margin-bottom: 25px; transition: .5s;}
#blog-det .btn:hover{background-color: #000000;}
#blog-det .blog-icon li a{width: 36px; height: 36px; color: #fef600; font-size: 16px; background-color: transparent; border: 1px solid #fef600; border-radius: 50px; text-align: center; line-height: 36px; font-size: 14px; display: inline-block; transition: .5s;}
#blog-det .blog-icon li a:hover{background-color: #fef600; color: #fff;}
#blog-det .blog-icon li:first-child{position: relative;}
#blog-det .blog-icon li:first-child::after{content: ''; position: absolute; background-color: #fef600; width: 253px; height: 1px;
left: -267px; top: 17px;}
#blog-det .blog-icon li:first-child::before{content: ''; position: absolute; background-color: #fef600; width: 245px; height: 1px;
right: -414px; top: 17px;}
#blog-det h5 a{font-size: 15px; margin-bottom: 20px; position: relative; color: #000000; font-weight: 600;}
#blog-det h5 a::before{content: ""; position: absolute; bottom: -5px; width: 30px; height: 2px; background-color: rgba(0,0,0,.1);}
#blog-det .froem{position: relative; margin: 30px 0px 40px;}
#blog-det .froem .form-control {padding: 10px; height: 43px; border-radius: 0px; box-shadow: none; font-size: 13px;}
#blog-det .froem .btn{position: absolute; right: 4px; height: 43px; border: transparent; font-size: 13px;}
#blog-det .text-a{font-size: 13px; color: rgb(190, 188, 188); margin: 20px 0px 40px;}
#blog-det .recent-post .imgss img{width: 114px;}
#blog-det .recent-post .imgss.imgc img{width: 70px;}
#blog-det .recent-post{margin: 20px 0px 18px; border-bottom: 1px solid rgb(219, 218, 218); padding-bottom: 15px;}
#blog-det .recent-post li h6 a{font-size: 11px; line-height: 12px; color: #000000e6;}
#blog-det .recent-post li .text-b{font-size: 11px; color: rgb(194, 190, 190); margin-top: -5px;}
#blog-det .marrgin{margin-top: 25px;}




/* login start */

#login-bg{background-image: url(../images/contact-banner.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 100px 0px; position: relative; z-index: 1;}
#login-bg::before{position: absolute; content: ''; z-index: -1; background-color: #000000b5; left: 0px; right: 0px; bottom: 0px; top: 0px;}

#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:#fef600 ;}
#login .logininr .forgot{color: #fef600; font-size: 15px; font-family: Baskervville serif;}
#login .logininr .btnb{display: block; background-color: #fef600; 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:#fef600 ;}
#forget-login .btnc{display: inline-block; padding: 8px 20px; background-color: #fef600; color: #fff; font-size: 13px; transition: .5s;}
#forget-login .btnc:hover{background-color: #000;}

/*  forget-login clos */

/* 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:#fef600;}
#crear-password .btnd{padding: 10px 20px; background-color: #fef600; color: #fff; display: inline-block; font-size: 10px; margin-top: 20px; transition: .5s;}
#crear-password .btnd:hover{background-color: #000;}

/* 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: #fef600;}
#shippimg .text{font-size: 14px; color: #000000; margin-bottom: 20px;}

/* 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: #fef600; border-bottom: 1px solid #fef600; 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: #ffc705;}

/* 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 #fef600; padding: 10px 20px; box-shadow: none; }
#apply .forem .btn-c{padding: 11px 20px; background-color: #fef600; 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: #fef600; 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;}



/* products */

/* feature-product */

#product{background-color: #fdffee;}
#product .row{row-gap: 30px;}
#product .feature-iner .imgs{position: relative; overflow: hidden;}
#product .feature-iner .imgs img{height: 340px; width: 100%;}
#product .feature-iner .imgs.imgsc{border: 1px solid #fef60046;}
#product .feature-iner ul li i{color: #ffffff;}
#product .feature-iner ul li a:hover{color: #ffffffbb;}
#product .feature-iner .imgs .icon{position: absolute; z-index: 1; bottom: -46px; left: 0px; right: 0px; background-color: #000000; padding: 8px 20px; transition: .5s;}
#product .feature-iner:hover .imgs .icon{bottom: 0px;}
#product .feature-iner .content{padding: 10px 4px; text-align: center;}
#product .feature-iner .content h5 a{color: #000000; font-size: 15px;}
#product .feature-iner .content h6{font-size: 14px; color: #bc9a5c;}
#product .feature-iner .content h6 span{text-decoration: line-through;}


#product .prroduct{display: flex; list-style: none; justify-content: space-between; align-items: center;}
#product .prroduct li .accordion-button{font-size: 13px; color: #000;}
#product .prroduct li .accordion-button:focus{box-shadow: none; border-color: transparent;}
#product .prroduct li .accordion-button:not(.collapsed){background-color: transparent; box-shadow: none;}
#product .prroduct li{font-size: 15px; display: flex; margin-bottom: 10px;}
#product .prroduct li .bttnn{border: 1px solid rgb(204, 201, 201); padding: 6px 40px;}
#product .prroduct li .accordion-item .acckodi li .form-check-label{cursor: pointer; font-size: 12px;}
#product .prroduct li .offcanvas .acckodi li .accoodi{text-align: end; margin-left: auto; font-size: 12px;}
#product .prroduct li .droopdwwom .lablee{margin:56px 0px 6px;}
#product .prroduct li .droopdwwom .select{border: 1px solid; padding: 10px 20px;}
#product .prroduct li .droopdwwom .select:hover{box-shadow: none;}
#product .prroduct li .droopdwwom .select:focus{box-shadow: none;}
#product .prroduct li .offcanvas .acckodi li .form-check .form-check-input{border-radius: 0px;}
#product .offcanvas{width: 260px;}
#product .offcanvas-body{width: 266px;}
#product .offcanvas-title{font-size: 15px;}
#product .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);}
#product .offcanvas .accordion-item .accordion-body .gulabi{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #f8cccc;}
#product .offcanvas .accordion-item .accordion-body .gulabi:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .blue{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #98d4f4;}
#product .offcanvas .accordion-item .accordion-body .blue:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .green{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #98c47c;}
#product .offcanvas .accordion-item .accordion-body .green:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .yellow{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #ffdc64;}
#product .offcanvas .accordion-item .accordion-body .yellow:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .bige{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #e8c49c;}
#product .offcanvas .accordion-item .accordion-body .bige:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .rade{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #c80404;}
#product .offcanvas .accordion-item .accordion-body .rade:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .purple{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #e0d4ec;}
#product .offcanvas .accordion-item .accordion-body .purple:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .purplee{display: inline-block; height:35px; width: 35px; border-radius: 50px; background-color: #6413b6;}
#product .offcanvas .accordion-item .accordion-body .purplee:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .orange{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #ffa404;}
#product .offcanvas .accordion-item .accordion-body .orange:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .grey{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #c0c4d4;}
#product .offcanvas .accordion-item .accordion-body .grey:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .black{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #000;}
#product .offcanvas .accordion-item .accordion-body .black:hover{border: 1px solid;}
#product .offcanvas .accordion-item .accordion-body .peach{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #f0947c;}
#product .offcanvas .accordion-item .accordion-body .peach:hover{border: 1px solid;}

#checocta .checoctinr .from .form-control, .form-select {
    border: none;
    border-bottom: 1px solid gray;
    border-radius: 0px;
}

#product .prroduct li .droopdwwom .select {
    border: 1px solid;
    padding: 10px 20px; font-size: 14px;
}

#product .prroduct li .droopdwwom .select:hover {
    box-shadow: none;
}

/* product-banner */

#product-banner{background: #fdffee; padding: 15px 0px;}
#product-banner .banner-info li a{color: #000;}


/* sub-category */

#sub-category{padding: 10px 0px 30px;}
#sub-category h2{text-align: center; font-size: 40px; font-family: 'Baskervville', serif; margin-bottom: 30px;}
#sub-category .imgsc{text-align: center;}
#sub-category h5 {text-align: center;}
#sub-category h5 a{text-align: center; margin-top: 25px; text-align: center; font-family: 'Lato', sans-serif; color: #000000; display: inline-block;}


/* zoomproduct start */


 /* product detel */

 #zoomp{padding: 50px 0px;}
 #zoomp .row{row-gap: 40px;}
 #zoomp h2{color: #000000 !important; font-family: 'Baskervville', serif; font-size: 25px; margin-bottom: 10px;}
 #zoomp .text-a{font-size: 14px; font-family: 'Lato', sans-serif; color: #000000;}
 #zoomp .price{font-size: 19px; font-family: 'Lato', sans-serif; margin: 10px 0px; font-weight: 600;}
 #zoomp .text-b{font-size: 14px; font-family: 'Lato', sans-serif; color: #000000;}
 #zoomp .text-c{font-size: 14px; font-family: 'Lato', sans-serif; color: #000000; margin: 10px 0px;}
 #zoomp .text-d{font-size: 14px; font-family: 'Lato', sans-serif; color: #000000; margin: 10px 0px; position: relative;}
 #zoomp .text-d::before{position: absolute; z-index: 1; content: ''; width: 106px; height: 1px; background-color: #000000; top: 20px;}
 #zoomp .text-e{font-size: 14px; font-family: 'Lato', sans-serif; color: #000000; margin: 5px 0px 35px;}
 #zoomp .text-e .stock{color: #fef600;}
#zoomp .colorr{margin: 10px 0px;}
#zoomp .color-red{display: inline-block; height: 30px; width: 30px; background-color: red; border-radius: 50px; margin: 0px 0px 20px;}
#zoomp .color-red:hover{border: 1px solid;}

#zoomp .color-blue{display: inline-block; height: 30px; width: 30px; background-color: blue; border-radius: 50px; margin: 0px 0px 20px;}
#zoomp .color-blue:hover{border: 1px solid;}


#zoomp .color-pink{display: inline-block; height: 30px; width: 30px; background-color: rgb(80, 23, 33); border-radius: 50px; margin: 0px 0px 20px;}
#zoomp .color-pink:hover{border: 1px solid;}


#zoomp h5{margin: 10px 0px 5px; font-size: 18px;}
#zoomp .zoom-gallery .selectors{margin: 30px 0px 0px 42px;}
#zoomp .title{font-size: 18px;}
#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: #2170b3;}
#zoomp  .custima{gap: 30px; align-items: center; margin-top: 25px;}
#zoomp  .custima li{font-size: 22px;}
#zoomp  .custima li .enquire{padding: 10px 30px; background-color: #2170b3; display: inline-block; color: #ffd; font-size: 16px;}
#zoomp .qty-input {color: #000; background: #fff; display: flex;	align-items: center; overflow: hidden; margin-bottom: 20px;}
#zoomp .dropdown{margin: 20px 0px;}
#zoomp .nav-link {border: 1px solid gray; padding: 5px 20px; background-color: transparent;}
#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,#shoping .table tr td .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,#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;}
#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);}
.qty-input {
border-radius: 4px;
width: 140px;
transform: scale(1);
border: 1px solid#e2e2e2;}


#zoomp .zoomiconn li .btn{display: block; background-color: #fef600; color: #fff; padding: 9px 52px; border-radius: 0px;}
#zoomp .zoomiconn li:last-child a{display:inline-block; height: 40px; width: 40px; border: 1px solid #fef600; line-height: 40px; border-radius: 6px; text-align: center; color: #fef600;}
.mz-expand div a{display: none;}

 #zoomp .zoom-gallery a img{width: 90px; margin: auto;}

 .zoomp-inquiry-button{
	margin: 60px;
		display: inline-block;
		padding: 6px 18px;
		background-color: transparent;
		color: #000;
		transition: .5s;
		border: 2px solid #fef600;
		position: relative;
		transition: .5s;
		z-index: 1;
	}
	.zoomp-inquiry-button:hover{
		color: #fff;
		background-color: #000;
		border: 2px solid #000;
	  }


 /* description */

 /* #description{padding: 20px 30px; }
 
 #description h3{font-size: 25px; font-family: 'Baskervville', serif; color: #000000 !important;}
 #description .text-a{font-size: 14px; margin-bottom: 30px;}
 #description .text-b{font-size: 14px;}
 #description .text-c{font-size: 14px; margin-top: 20px;}
 #description .text-d{margin-top: 30px;} */

/* releted-products */

#releted-product{padding: 40px 0px;}
#releted-product h2{text-align: center; font-size: 35px; margin-bottom: 50px; font-family: 'Baskervville', serif;}
#releted-product .row{row-gap: 30px;}
#releted-product .feature-iner .imgs{position: relative; overflow: hidden;}
#releted-product .feature-iner .imgs img{height: 340px; width: 100%;}
#releted-product .feature-iner .imgs.imgsc{border: 1px solid #fef60046;}
#releted-product .feature-iner ul li i{color: #ffffff;}
#releted-product .feature-iner ul li a:hover{color: hsla(0, 0%, 100%, 0.856);}
#releted-product .feature-iner .imgs .icon{position: absolute; z-index: 1; bottom: -46px; left: 0px; right: 0px; background-color: #000000; padding: 8px 20px; transition: .5s;}
#releted-product .feature-iner:hover .imgs .icon{bottom: 0px;}
#releted-product .feature-iner .content{padding: 10px 4px; text-align: center;}
#releted-product .feature-iner .content h5 a{color: #000000; font-size: 15px;}
#releted-product .feature-iner .content h6{font-size: 14px; color: #bc9a5c;}
#releted-product .feature-iner .content h6 span{text-decoration: line-through;}

/* wishlist start */

/* #wishlist{padding: 30px 0px; background-color: #fdffee;}
#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: #fef600; 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: #fef600; transition: .5s; position: relative; z-index: 1;}
#wishlist .table tbody tr td .btn1:hover{color: #ffffff; background-color: #000000;} */

/* my-account */

#my-account{padding: 50px 0px;}
#my-account h4{font-size: 18px;}
#my-account .contacttab{background: #fef600 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: #fef600; 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: #fef600 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: #fef600 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: #fef600; display: inline-block; color: #fff;}
#my-wishlist .wishinr .table-responsive .table{vertical-align: middle;}
#my-wishlist .wishinr .table-responsive .table .creee .rrrrrrr{color: #fef600; padding: 0px; display: block; background-color: #ffffff; transition: 5s;}


/* order-list */

/* orderlist start */

.orderlist{padding: 50px 0px;}
.orderlist .account__menu{background: #fef600 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;}


/* faqs */

#faqs{padding: 50px 0px;}
#faqs .accordion-flush .accordion-item .accordion-button{box-shadow: none; position: relative; font-weight: 600;}
#faqs .accordion-button:not(.collapsed){background-color: transparent; color: #000;}
#faqs .accordion-button::after{position: absolute; content: ''; background-image: url(../images/download.png); background-size: cover; background-repeat: no-repeat; right: 20px;}

/* Privacy */

#Privacy{padding: 50px 0px;}
#Privacy .text{margin-bottom: 15px;}
#Privacy h3{font-size: 20px; margin-bottom: 20px;}
#Privacy h4{margin-bottom: 20px;}
#Privacy .privacy-info li{margin-bottom: 15px;}

/* returns-refund */

#refund{padding: 50px 0px;}
#refund h2{font-size: 25px; margin-bottom: 13px;}

/* terms */

#terms{padding: 50px 0px;}
#terms h2{font-size: 25px; margin-bottom: 13px;}





/* gallery section csss  */

#gallery {
	padding: 50px 0px;
  }
  
  #gallery .gallery-top {
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
  }
  
  
  
  #gallery .gallery-top h6 {
	color: #e41621;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
  }
  
  #gallery .gallery-top h2 {
	font-size: 36px;
	font-weight: 600;
	color: #333;
	line-height: 1.3;
	letter-spacing: -1px;
	padding: 0;
	margin: 0;
  }
  
  
  #gallery .img-wrapper {
	position: relative;
	margin-top: 25px;
	overflow: hidden;
	box-shadow: 0 0 8px #00000033;
  }
  
  #gallery .img-wrapper img {
	width: 100%;
	height: 300px;
  
  }
  
  #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: #fef600;
	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;
  }
  
  
  @media screen and (min-width: 768px) {
	#overlay img {
	  width: 60%;
	  padding: 0 20px;
	}
  }
  
  #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;
  }
  