/*
Theme Name: Glass Artifact Pro
Theme URI: https://www.misbahwp.com/products/artifact-wordpress-theme
Description: Glass Artifact Pro WordPress theme will let you create the best online store as it has all the advance options available to customize your site. Our top premium theme comes with an advanced slider, featured products section, top brands, new arrivals, bestselling products, blog post, about us, category slider, and gender-specific product gallery sections, contact us, testimonials and so on. The theme is highly responsive and works speedily across all platforms and is compatible with every browser. Your traffic will improve undoubtedly and the enhanced user experience will see a bump in sales. It is SEO-ready too with the help of which your store will rank soon on all major search engines like Google. It is responsive enough to fit well in all devices screen sizes so you will not miss any buyers. Glass Artifact Pro WordPress theme has advance slider to create a stunning slider with multiple images upload option available. It is integrated with font awesome icon and 100+ font family options are available to select from.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: Glass Artifact Pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
  color: #000000;
  text-transform: capitalize;
  font-weight: 500;
}

body {
  font-family: "Poppins", sans-serif;
  color: #666666;
  margin:0;
  background: #fff;
}
h1, h2, h3, h4, h5, h6{
  font-family: "Protest Strike", sans-serif;
  color: #000;
}
p{
  font-size: 16px;
}
 
a {
  color:#000000;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#32BBE5;
  text-decoration: none;
}

section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */


/*404 Page*/
.page-404 h1{
	font-size: 160px;
  color: #000000;
}
.page-404 h3{
	font-size: 38px;
	color: #000000;
}
.page-404 hr{
	width: 150px;
	background: #9ae2e1;
	padding: 1px;
}
.page-404 p{
	margin-left: 30%;
	margin-right: 30%;
}
 
.page-404 .button{
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	display: inline-flex;
	transition: all 0.2s; 
  text-decoration: none;
  border-radius: 40px;
  background:  #32BBE5;
}
.page-404 .button:hover{
	background:  #2222;
}
 
 

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
	word-break: break-all;
}
.logo a {
  color: #000000;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#000000;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
  width: 100%;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #fff;
  font-size: 18px;
}
.social-links a:hover{
	color: #32BBE5; 
	margin-bottom: 0;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu ul.children, #main-menu ul.sub-menu {
	display: none;
}
#main-menu ul li:hover .sub-menu {
	display: block;
}
#main-menu {
	display:block;
	position:relative;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:flex;
  justify-content: flex-end;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #000000;
	text-decoration:none;
  text-transform: capitalize;
	display:block;
	z-index:1;
	padding:5px 40px;
  padding-left: 0;
	margin:0;
	font-weight: 600;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:35px;
  font-size: 16px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#32BBE5;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 46px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #000000;
	-webkit-transition: 
	all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;
}

#main-menu ul.sub-menu li a:before {
	left: 0;
	border: 1px solid #32BBE5;
	border-left: 0;
	border-right: 0;
}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: #32BBE5;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #000000;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

.menu-item-has-children::after {
  content: '\f347';
  font-family: "dashicons";
  position: absolute;
  font-size: 16px;
  top: 10px;
  right: 20px;
  color: #000;
}

.menu-item-has-children:hover::after, 
.menu-item-has-children.current-menu-item::after,
.menu-item-has-children:focus::after {
  color: #32BBE5;
}
 

/* ===============================================
   HEADER SEARCH
   =============================================== */

 
 .shoping-cart-div{
  position: relative;
 }

 .shoping-cart-div i{
  font-size: 20px;
 }
 
  
 p.cart-item-box{
 	position: absolute;
    top:-10px;
    right: -10px;
    background:#32BBE5;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
 }
 
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100vh;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

 
 
h4.post-title {
  font-size: 18px;
  color: #000000;
}
.post-content p{
	font-size: 14px; 
}
.post-meta i{
	color:  #32BBE5;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  float: left;
  width: 100%;
}
 
.latest-post .post-date {
  float: left;
}
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #eee;
	overflow: hidden;
}
.latest-post figure:hover+span{
	opacity: 1;
}
.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
.latest-post:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #000000;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#000000 ;
}
.post-single .blog_share_icon .fab{
	width: 40px;
	height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
	text-align: center;
	border-radius: 50%;
  background:  #32BBE5;
	color: #fff;
	font-size: 16px;
	margin-right: 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #000000;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #000000;
  font-weight: 600;
}
.latest-post h4 a:hover{
  color: #32BBE5;
}
.latest-post .post-content p{
  color: #908E8B;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
.latest-post{
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.08));
  border: 1px solid #32BBE5;
  padding: 20px;
  background: #fff;
}
.latest-post .far.fa-calendar-alt, .latest-post .fas.fa-bookmark{
  color: #717982;
} 
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.latest-post figure{
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden;
  height: 300px;
   
 }
.latest-post figure:hover+span{
  opacity: 1;
}
.latest-post figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.latest-post .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

.latest-post .far.fa-calendar-alt{
  color: #32BBE5;
}
.latest-post .far{
  color: #32BBE5;
  font-size: 18px;
}
.latest-post .date-grp {
  background: #FFF1EC;
  padding: 7px 10px;
  border-radius: 30px;
  color: #32BBE5;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #000000;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color:  #32BBE5;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #000000;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
  background:  #32BBE5;
  color: #f3f4f7;
  text-decoration: none;
}
 
 
ul.footer-cnt .dashicons{
  line-height: 28px;
}
 
.page-template-frontpage .woosc-btn {
position: absolute;
bottom: 45px;
right: 20px;
width: 40px;
height: 40px;
border-radius: 40px;
background: #000000;
border: 0;
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
}
.page-template-frontpage .product-image:hover  .woosc-btn{
  opacity: 1;
}
.page-template-frontpage .woosc-btn::after{
  content: '\f362';
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  color: #fff;
  font-weight: 900;
}
.page-template-frontpage .woosc-btn.woosc-btn-added:before{
  display: none;
}

.woocommerce-shop .woosc-btn, .related.products .woosc-btn{
  position: absolute;
  top: 65px;
  right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #000000;
  border: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  }
  .woocommerce-shop .woosc-btn::after, 
  .related.products .woosc-btn::after, .summary.entry-summary .woosc-btn::after{
    content: '\f362';
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    color: #fff;
    font-weight: 900;
  }
  .woocommerce-shop .woosc-btn.woosc-btn-added:before, 
  .related.products .woosc-btn.woosc-btn-added:before, 
  .summary.entry-summary .woosc-btn.woosc-btn-added:before{
    display: none;
  }
  .summary.entry-summary .woosc-btn{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #000000;
    border: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.wpcf7-not-valid-tip{
  font-size: 13px;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{
  font-size: 13px;
}
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
    margin-left: 0;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 10px 15px;
    display: initial;
    font-size: 18px;
    color: #000;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    /* padding: 0; */
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #000000;
    right: 30px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.Glass Artifact Pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.Glass Artifact Pro-pagination a span,
.Glass Artifact Pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.Glass Artifact Pro-pagination span.current,
.Glass Artifact Pro-pagination span.current:hover,
.Glass Artifact Pro-pagination span.current:focus,
.Glass Artifact Pro-pagination a span:hover,
.Glass Artifact Pro-pagination a span:focus {
	background:#000000;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#000000;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #000000;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
 
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#000000;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
  background: #fff;
  border: 1px solid  #e9e7f4;
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area a{
  font-size: 16px;
  line-height: normal;
}

.sidebar-area ul, #calendar_wrap, .sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #000000;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #32BBE5;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  background: #000;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #000000;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}
.sidebar-area input[type="search"]{
  width: 69%;
  border: none;
  background: transparent;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 0;
  outline: none;
  border-radius: 4px 0 0 4px;
  border: 1px solid #eee;
}
.searchform input[type=submit]{
	background: #32BBE5;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
  border-radius: 0 4px 4px 0;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color: #32BBE5;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area .post-thumbnail{
  width: 80px;
  height: 80px;
 }
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }
 
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: rgba(142, 142, 142, 1);
  font-size: 14px;
}
footer a:hover{
  color: #32BBE5;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 20px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, 
.footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}


/* Wishlist CSS */

.wishlist-button { 
  display: flex; 
  justify-content: center;
  align-items: center;
  width: 30px;
  height:30px;
  background: #f44336; 
  color: #fff; 
  text-decoration: none; 
  border-radius: 4px; 
  position: absolute;
  top: 10px;
  right: 10px;
}
.page-template-frontpage .wishlist-button{
  right: 0;
  top: 0;
  background: #eee;
  color: #000;
}
.page-template-frontpage .wishlist-button:hover{
  background: #f44336; 
  color: #fff;
}
.wishlist-items li { margin: 5px 0; }

.wishlist-select{
  display: flex; 
  justify-content: center;
  align-items: center;
  width: 30px;
  height:30px;
  background: #f44336; 
  color: #fff; 
  text-decoration: none; 
  border-radius: 4px; 
  position: absolute;
  top: 10px;
  right: 10px;
}
.wishlist-select:hover{
  color: #000;
}
.page-template-frontpage .wishlist-select{
  right: 0;
  top: 0;
 
}

.wishlist-item {
  padding: 15px;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #eee;
  background: #f5f5f5;
}
 
.wishlist-item h2 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 40px;

}
.wishlist-item .price {
  display: block;
  margin: 10px 0;
  font-weight: bold;
}
.wishlist-item .button {
  display: inline-block;
  padding: 8px 20px;
  background: #32BBE5;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
}

.wishlist-item .added_to_cart.wc-forward{
  display: inline-block;
  padding: 8px 20px;
  background: #32BBE5;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  margin-left: 10px;
}
.wishlist-item .added_to_cart.wc-forward:hover{
  background: #000;
}

.discount-percentage{
  position: absolute;
  right: auto;
}

 
 
.pagination-wrapper {
  margin-top: 30px;
  text-align: center;
}

.pagination-wrapper ul {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pagination-wrapper ul li {
  margin: 0 5px;
}

.pagination-wrapper ul li a,
.pagination-wrapper ul li span {
  display: block;
  padding: 8px 14px;
  color: #333;
  background: #f1f1f1;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

.pagination-wrapper ul li a:hover {
  background: #32BBE5;
  color: #fff;
}

.pagination-wrapper ul li span.current {
  background: #32BBE5;
  color: #fff;
  font-weight: 600;
}




/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #32BBE5;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll:hover {
  background:  #000000;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #32BBE5;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}


.loader-box{
  width: 100px;
  height: 100px;
  margin: auto;
}
.loader-box img{
  width: 100%;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff !important;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 10px;
}
a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   

}
 
 
/*Body*/ 

 
.header-menu{
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-menu .logo-image img{
	width: 100%;
}
.menu-header{
  padding: 10px 10px;
  background: #fff;
  border-radius: 40px;
  border: 1px solid #000;
}
 
.header-menu .contact-info{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.header-menu .login-info{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 30px;
  padding: 5px 20px;
  color: #32BBE5;
  column-gap: 5px;
  transition: all .3s ease-in;
}
.header-menu .login-info:hover{
  background: #000;
  color: #fff;
}
 
.contact-header-btn {
  background: transparent;
  color: #000;
  padding: 10px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  font-size: 16px;
  text-transform: capitalize;
  border: 1px solid #000;
  font-weight: 500;
}
.contact-header-btn:hover{
  background: #32BBE5;
  color: #000;
  border: 1px solid #32BBE5;
}
.flex-brn-div{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 10px;
}

.my-account-url a{
  padding: 10px 20px;
  border-radius: 30px;
  background: #32BBE5;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.my-account-url a:hover{
  background: #000;
  color: #fff;
}

/*SLIDER SECTION*/ 

#slider{
  position: relative;
}

 

#slider h1{
  font-size: 44px;
  color: #000000;
  font-weight: 600;
  line-height: normal; 
  max-width: 600px;
}

#slider h1 span{
  color: #32BBE5;
}

#slider p{
  color: #000000;
  max-width: 450px;
 
}
#slider .button{
  background: #32BBE5;
  color: #fff;
  padding: 10px 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  font-size: 16px;
 
  
}
#slider .button:hover{
  background: #000000;
  color: #fff;
}
 
#slider .img-div img{
  width: 100%;
}
 

#slider .img-list-box{
  border: 1px solid #000;
  border-radius: 20px;
  padding: 40px 20px;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  position: relative;
  max-width: 500px;
}
#slider .list-box{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
 
#slider .list-box span{
  color: #000;
  font-size: 16px;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
}

#slider  span.last-span{
  border-bottom: 0;
  padding-bottom: 0;
}
#slider .sec2{
  position: relative;
  align-self: center;
}
#slider .sec2::after{
  content: '';
  background: #32BBE5;
  border-radius: 50%;
  position: absolute;
  inset: 0;
  left: -100px;
  height: 560px;
  top: 50px;
 
}
#slider .img-div{
  z-index: 11;
  position: relative;
}
#slider .img-side-div{
  position: absolute;
  right: -90px;
  top: -50px;
  width: 180px;
  
}

#slider .icon-div{
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: #32BBE5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  position: absolute;
  top: -40px;
  left: 35px;
 
}

#slider .icon-div .dashicons{
  font-size: 54px;
  display: flex ;
  align-items: center;
  justify-content: center;
}

#slider .year-div{
  text-align: center;
  background: #fff;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 40%;
  left: -30px;
  z-index: 11;
  padding: 0 20px;

}
#slider .year-div h6{
  color: #32BBE5;
  font-weight: 600;
  font-size: 32px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0;
}
#slider .year-div  p{
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 14px;
  max-width: 100%;
}

.slider-form{
  margin-top: 30px;
  position: relative;
}
.slider-form p{
  display: flex;
}
.slider-form  input[type="email"]{
  padding: 10px 20px;
  border-radius: 10px 0 0 10px;
  border: 1px solid #000;
  border-right: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: rgba(0, 0, 0, 1);
}

.slider-form  input[type="email"]::placeholder{
  color: rgba(0, 0, 0, 1);
}
.slider-form  input[type="submit"]{
  background: #32BBE5;
  color: #000;
  padding: 10px 20px;
  border-radius: 0 10px 10px 0;
  border: 0;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  height: 45px;
}
 
.slider-form  input[type="submit"]:hover{
  background: #000;
  color: #fff;
}

 
.aroow-div{
  position: relative;
  bottom: 240px;
  left: -74%;
  width: 88%;
  height: 150px;
  z-index: 111;
  border-right: 2px solid #525252;
  border-bottom: 2px solid #525252;
}
.aroow-div i{
  position: absolute;
  bottom: -7px;
  left: -4px;
  font-size: 10px;
  color: #525252;
}


#slider .img-div img{
  transition: all .3s ease-in-out;
  transform: translateY(0);
}
 
#slider .img-div:hover img{
  transform: translateY(-9px);
}

/* Main css */

.page-template-frontpage h3{
  color: #000000;
  font-size: 34px;
  line-height: normal;
  position: relative;
  font-weight: 600;
  z-index: 11;
  display: inline-block;
  margin-bottom: 15px;
 
}

.page-template-frontpage h3::after{
  content: '';
  background: #32BBE5;
  position: absolute;
  bottom: -4px;
  right: -14px;
  height: 27px;
  width: 100px;
  border-radius: 340% 0;
  z-index: -1;
  transform: rotate(5deg);
}

.page-template-frontpage .btn{
  padding: 10px 20px;
  background: #32BBE5;
  color: #fff;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-align: center;
  text-decoration: underline;
}

.page-template-frontpage .btn:hover{
  background: #000;
}


.page-template-frontpage h4{
  font-size: 16px;
  color: #000000;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.head-flex-grp{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.head-flex-grp a{
  color: #000000;
  font-weight: 600;
}
.head-flex-grp i{
  color: #32BBE5;
  margin-left: 5px;
  font-size: 14px;
}
 .button-new{
  padding: 10px 20px;
  text-align: left;
  transition: .3s ease-in-out;
  display: inline-flex;
  justify-content: center;
  background: #32BBE5;
  color: #fff;
  font-weight: 400;
  border-radius: 30px;
  font-size: 16px;
}

.button-new:hover{
  background: #000000;
  color: #fff;
}

span.onsale {
  padding: 5px 10px;
  font-size: 14px;
  position: absolute;
  top: 20px;
  left: 10px;
  background: #000000;
  color: #fff;
}

.sec-padd{
  padding: 80px 0;
}


/*Parts Categories SECTION*/

#our_clients .product-box{
  position: relative; 
  text-align: center;
}
 
 
#our_clients .img-div{
  margin: auto;
  transition: all .3s ease-in-out;
  transform: translateY(0);
  width: 50px;
  height: 50px;
  position: relative;
  display: inline-block;
}
 

#our_clients .img-div:hover {
  transform: translateY(-7px);
  filter: drop-shadow(2px 4px 6px black);
}

#our_clients .img-div img{
  width: 100%;
  margin: auto;
  height: auto;
  display: block;
  transition: 0.3s ease;

}

 

/* About Us */
 
#about_us .sec-cnt{
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
#about_us .icon-div{
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
  transition: all .3s ease-in-out;
  transform: translateY(0);
}
#about_us .cnt-box:hover .icon-div{
  transform: translateY(-7px);
    filter: drop-shadow(2px 4px 6px #32BBE5);
}
#about_us .icon-div img{
  width: 100%;
  height: 100%;
  
}

#about_us h4{
  font-size: 18px;
  font-weight: 800;
}
#about_us .cnt-box p{
  font-size: 14px;
  color: #000000;
}

#about_us .year-div{
  text-align: center;
  background: #32BBE5;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  bottom: 15%;
  right: 25%;
  z-index: 11;
  padding: 0 10px;
  border: 10px solid #fff;

}
#about_us .year-div h6{
  color: #fff;
  font-weight: 600;
  font-size: 32px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0;
}
#about_us .year-div  p{
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 14px;
  max-width: 100%;
  color: #fff;
}
#about_us  .img-main-div{
  position: relative;
}
 
#about_us .img-grp-div{
  position: relative;
  display: flex;
  align-items: center;
}
#about_us  .img-main-div img{
  width: 100%;
}
#about_us .large-img-div{
  width: 100%;
}

#about_us .small-img-div{
  left: -20%;
  width: 70%;
  position: relative;
}

#about_us .cnt-box{
  margin-bottom: 30px;
}

#about_us .large-img-div{
  transition: all .3s ease-in-out;
  transform: translateY(0);
}
#about_us .large-img-div:hover{
  transform: translateY(-9px);
 
}


/* Our Collections */

#our_collections .sec-cnt{
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
 

#our_collections .sales-bg-div{
  position: relative;
  border-radius: 12px;
}

#our_collections .img-div{
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-self: center;
  justify-content: center;
  border-radius: 20px;
}
#our_collections .img-div img{
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 20px;
    position: relative;
}
#our_collections .sales-bg-div:hover .img-div img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 20px;
}
#our_collections .sales-bg-div::after{
  content: "";
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #32BBE5 100%);
  inset: 0;
  border-radius: 20px;
  position: absolute;
}

#our_collections  .center-info-div{
  position: absolute;
  bottom: 40px;
  left: 30px;
  right: 50px;
  z-index: 11;
  text-align: left;
}

#our_collections  .center-info-div h4{
  color: #fff;
  font-weight: 600;
  font-size: 32px;
  font-family: "Poppins", sans-serif;
  line-height: normal;
  margin-bottom: 0;
}

#our_collections .sales-bg-div:hover .center-info-div h4{
  color: #000;
}

/* Statistic Or Counter Sec  */

#counter_sec h4{
  font-size: 20px;
  font-weight: 600;

}
#counter_sec .counter_sec_bg{
  background: #32BBE51F;
  border-radius: 160px;
}

#counter_sec .count{
  font-size: 50px;
  font-weight: 800;
  /* font-family: "Inter", sans-serif; */
  color: #32BBE5;
  transition: all .3s ease-in-out;
  transform: translateY(0);
  display: inline-block;
}
#counter_sec .sign{
  font-size: 50px;
  font-weight: 800;
  /* font-family: "Inter", sans-serif; */
  color: #32BBE5;
  transition: all .3s ease-in-out;
  transform: translateY(0);
  display: inline-block;
}

  
 
#counter_sec .counter-box:hover .count, #counter_sec .counter-box:hover .sign{
  transform: translateY(-7px);
}



/*Explore Products SECTION*/

#explore_products .sec-cnt{
  max-width: 600px;
  color: #000;
  margin-bottom: 0;
}
#explore_products .box{
  overflow: hidden;
  position: relative;
}

#explore_products  .tab-product{
  transition: .3s ease-in-out;
}
 
#explore_products  .img-box-div{
  height: 324px;
  border-radius: 12px;
}
#explore_products .box img{
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 12px;
}
#explore_products .box img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 12px;
}
#explore_products h4 a{
  color: #000000;
  font-size: 16px;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#explore_products .product-details{
  margin-top: 15px;
}


#explore_products ins{
  text-decoration: none;
  font-size: 16px;
}

#explore_products h6.price{
  direction: rtl;
  font-family: "Poppins", sans-serif;
}
#explore_products h6.price del{
  color: #999999;
  font-weight: 400;
  font-size: 14px;
  margin-left: 5px;
}
 
#explore_products ins span.woocommerce-Price-amount.amount{
  color: #000;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}

#explore_products .button{
  background: #32BBE5;
  color: #fff;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
  letter-spacing: 2px;
  position: absolute;
  bottom: 80px;
  right: 0;
  left: 0;
  width: 160px;
  margin: auto;
  display: none;
}
#explore_products .tab-product:hover .button{
  display: block;
}
#explore_products .tab-product .button:hover{
  background: #000;
}
#explore_products .added_to_cart.wc-forward{
  background: #32BBE5;
  color: #fff;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
  width: 160px;
  margin: auto;
}
#explore_products .tab-product:hover .added_to_cart.wc-forward{
   background: #000;
}
 
#explore_products .star-rating{
  font-size: 12px;
}

#explore_products .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 14px;
  width: 5.4em;
  font-family: star;
  color: #ffd146;
}

#explore_products .star-rating::before {
  content: "\73\73\73\73\73";
  color: #e2e2e2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

#explore_products .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #ffd146
}

#explore_products .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

 #explore_products  .discount-percentage{
  position: relative;
  background: rgba(255, 51, 51, 0.1);
  color: rgba(255, 51, 51, 1);
  top: 0;
  font-size: 14px;
  font-weight: 400;
  border-radius: 30px;
  
 }

  #explore_products .price-percent-div{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 2px;
 }



/* Gallery Section */


#gallery .sec-cnt{
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

  .img-gallery {
  flex: 25%;
  max-width: 100%;
  padding: 0 4px;
  gap: 15px;
  column-count: 2;
}

 .gallery-item {
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  position: relative;
  margin-bottom: 20px;
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
  border-radius: 12px;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

 .gallery-item .center-info-div{
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 40px 0;
  background: #0000005c;
  display: none;
}

.gallery-item .img-div{
  margin: 0;
  border-radius: 12px;
}
.gallery-item:hover .center-info-div{
  display: block;
   
}

.gallery-item .post-title{
  font-size: 22px;
  color: #fff;
  text-align: center;
  font-family: "Poppins", sans-serif;
}

#gallery .gallery-item-1, #gallery .gallery-item-4, #gallery .gallery-item-6{
  max-width: 33%;
  flex:0 0 33%;
  padding: 0;
  margin: 10px;
}

#gallery .gallery-item-2, #gallery .gallery-item-3, #gallery .gallery-item-5{
  max-width: 62%;
  flex: 0 0 62%;
  padding: 0;
  margin: 10px;
}



/* Trending Products Section */

 
#trending_products .tab-product{
  padding: 10px;
  height: 220px;
  background: #fff;
}
 
#trending_products .sec-cnt {
  max-width: 600px;
  color: #000;
  margin-bottom: 0;
}

#trending_products .img-box-div{
  width: 150px;
  height: 150px;
  margin: auto;
}
 
#trending_products .box {
  overflow: hidden;
  position: relative;
}
#trending_products figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#trending_products .box img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
}

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

#trending_products h4 a {
  color: #000;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 20px;
  font-family: "Poppins", sans-serif;
}

#trending_products .owl-carousel{
  position: relative;
}
#trending_products .owl-nav{
  display: flex;
  position: absolute;
  width: 100%;
  top: 40%;
}

#trending_products  button.owl-prev, #trending_products  button.owl-next{
  width: 44px;
  height: 44px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  box-shadow: none;
  background: #32BBE5;
  transition: .3s ease-in-out;
  z-index: 11;
  border-radius: 50px;
  font-size: 0;
}
#trending_products  button.owl-prev:hover, 
#trending_products  button.owl-next:hover{
  background: #000;
  color: #fff;
}
#trending_products  button.owl-next{
  right: -20px;
  position: absolute;
}
#trending_products  button.owl-prev{
  left: -20px;
  position: absolute;
}
#trending_products  button.owl-prev::after{
  content: '\f340';
  font-family: "dashicons";
  position: absolute;
  font-size: 20px;
  
}
#trending_products  button.owl-next::after{
  content: '\f344';
  font-family: "dashicons";
  position: absolute;
  font-size: 20px;
}
 
#trending_products .button{
  background: #32BBE5;
  color: #fff;
  border-radius: 6px;
  padding: 8px 20px;
  font-size: 12px;
  letter-spacing: 2px;
  position: absolute;
  bottom: 40px;
  right: 0;
  left: 0;
  width: 140px;
  margin: auto;
  display: none;
}
#trending_products .tab-product:hover .button{
  display: block;
}
#trending_products .tab-product .button:hover{
  background: #000;
}
#trending_products .added_to_cart.wc-forward{
  background: #32BBE5;
  color: #fff;
  border-radius: 6px;
  padding: 8px 20px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 140px;
  margin: auto;
}
#trending_products .tab-product:hover .added_to_cart.wc-forward{
   background: #000;
}


/* Testimonial Sections */

#testimonial h3{
  color: #000;
  position: relative;
}
#testimonial .sec-cnt{
  max-width: 600px;
  color: #000;
  margin-bottom: 0;
}

#testimonial .testimonial-box{
  padding: 20px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #D9D9D9;
  height: 220px;
}
#testimonial .testimonial-box:hover{
  background: #32BBE5;
  color: #fff;
}
#testimonial .testimonial-dtl-div{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 15px;
}
 
#testimonial .box-img{
  width: 80px;
  height: 80px;
  border-radius: 12px;
  margin-bottom: 0;
}
#testimonial .box-img img{
  width: 100%;
  margin: auto;
  border-radius: 12px;
}
#testimonial h4{
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
}

#testimonial .testimonial-box:hover h4{
  color: #fff;
}
#testimonial .testimonial-box:hover .dashicons{
  color: #fff;
}
 

#testimonial .testimonial-box p{
  margin-bottom: 0;
  text-align: justify;
  font-size: 13px;
}
 

#testimonial span.star:before{
  color: #ffb930;
}
#testimonial span.star:after{
  color: #dddad7;
}

#testimonial span.star:before,
#testimonial span.star:after {
  font-size: 22px;
}
#testimonial span.star[data-rating="1"]:before,
#testimonial span.star[data-rating="4"]:after {
  content: "★";
}
#testimonial span.star[data-rating="2"]:before,
#testimonial span.star[data-rating="3"]:after {
  content: "★★";
}
#testimonial span.star[data-rating="3"]:before,
#testimonial span.star[data-rating="2"]:after {
  content: "★★★";
}
#testimonial span.star[data-rating="4"]:before,
#testimonial span.star[data-rating="1"]:after {
  content: "★★★★";
}
#testimonial span.star[data-rating="5"]:before,
#testimonial span.star[data-rating="0"]:after {
  content: "★★★★★";
}
#testimonial .dashicons{
  color: #33CB79;
  margin-right: 5px;
}

#testimonial .owl-nav{
  display: flex;
  position: absolute;
  right: 7%;
  top: -65px;
}

#testimonial  button.owl-prev, #testimonial  button.owl-next{
  width: 44px;
  height: 44px;
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  box-shadow: none;
  background: transparent;
  transition: .3s ease-in-out;
  z-index: 11;
  border-radius: 8px;
  font-size: 0;
}
#testimonial  button.owl-prev:hover, 
#testimonial  button.owl-next:hover{
  background: #32BBE5;
  color: #fff;
}
#testimonial  button.owl-prev{
  left: -20px;
  position: relative;
}
#testimonial  button.owl-prev::after{
  content: '\f340';
  font-family: "dashicons";
  position: absolute;
  font-size: 20px;
  
}
#testimonial  button.owl-next::after{
  content: '\f344';
  font-family: "dashicons";
  position: absolute;
  font-size: 20px;
}

/* Newsletter */
#newsletter h2{
  color: #fff;
  font-size: 44px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Poppins", sans-serif;
}
 
#newsletter p{
   color: #fff;
   margin: 15px 0;
}
 
#newsletter{
   position: relative;
}
 
#newsletter .form-sec{
  display: flex;
  align-items: flex-start;
  column-gap: 40px;
  justify-content: flex-end;
}

#newsletter input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email{
  padding: 15px 20px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  outline: none;
  box-shadow: none;
  color: #757575;
  width: 100%;
}

#newsletter input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email::placeholder{
  color: #757575;
}

#newsletter .newsletter-form{
  position: relative;
}

#newsletter .newsletter-form p{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  position: relative;
  margin: auto;
}
#newsletter .newsletter-form p span{
  width: 100%;
}
#newsletter .newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner{
  background: #000;
  outline: none;
  box-shadow: none;
  border: 0;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
  position: absolute;
  right: 8px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 2px;
  top: 5px;
}
#newsletter .newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
  background: #32BBE5;
  color: #000;
}


#newsletter .newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner::after{
  content: "\f1d8";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

#newsletter  .wpcf7-spinner{
  display: none !important;
}
#newsletter .checkbox-link p{
  align-items: flex-start;
  column-gap: 5px;
}

.sec-cnt{
 color: #000000;
}

/* Our Artists */

#our_artists .sec-cnt{
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  
}

#our_artists .artists-box{
  position: relative;
  border-radius: 0 90px 0 90px;
  transition: all 0.2s ease-in-out;
}

#our_artists .team-info-box{
  position: absolute;
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 2.74%, #32BBE5 108.09%);
  right: 0;
  left: 0;
  bottom: 0;
  padding: 50px 30px;
  border-radius: 0 0 0 90px;
  text-align: left;
  display: none;
  transition: all 0.2s ease-in-out;
}

#our_artists .artists-box:hover .team-info-box{
  display: block;
}

#our_artists .team-info-box h4{
  font-size: 32px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
}

#our_artists .team-info-box h6{
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

#our_artists .social-links{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 15px;
}

#our_artists .social-links a:hover{
  color: #000;
}

#our_artists .border-left-side{
  border-left: 2px solid #fff;
  padding-left: 20px;
}

#our_artists figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 0 90px 0 90px;
}
#our_artists .artists-box img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
  border-radius: 0 90px 0 90px;
}

#our_artists .artists-box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 0 90px 0 90px;
}

/* faq Section */

#faqs .sec-cnt{
  max-width: 600px;
  color: #000;
  margin-bottom: 0;
}

#faqs .faq-box{
  padding: 40px 30px;
  border-radius: 12px;
}

#faqs .faq-box1, #faqs .faq-box4, #faqs .faq-box5, #faqs .faq-box7{
   background: #32BBE5;
   color: #fff;
}

#faqs .faq-box1 h4, #faqs .faq-box4 h4, #faqs .faq-box5 h4, #faqs .faq-box7 h4{
   color: #fff;
}

#faqs .faq-box2, #faqs .faq-box3, #faqs .faq-box6, #faqs .faq-box8{
  background-color: #fff;
}

#faqs .btn{
  background: transparent;
  color: #32BBE5;
  border: 1px solid #32BBE5;
  text-decoration: none;
}
#faqs .btn:hover{
  color: #fff;
  border: 1px solid #000;
}

 
/*RECENT BLOG SECTION*/


#recent_blog .sec-cnt {
    max-width: 600px;
    color: #000;
    margin-bottom: 0;
}
 
#recent_blog figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-self: center;
  justify-content: center;
  border-radius: 10px;

}
#recent_blog figure img{
  -moz-animation-play-state: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#recent_blog .post-image-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 10px;
}
#recent_blog figure:hover+span{
  opacity: 1;
}
 
 
 
 
#recent_blog h4 a{
  color: #000000;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  line-height: normal;
  margin-top: 20px;
  display: block;
}
#recent_blog h4 a:hover{
  color: #32BBE5;
}
 #recent_blog .button{
  color: #000000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 600;
}
#recent_blog .button:hover{
  color: #32BBE5;
}
 
#recent_blog .date-location-flex{
  display: flex;
  margin: 10px 0;
  justify-content: flex-start;
  column-gap: 10px;
  align-items: center;
}
#recent_blog span{
  text-transform: capitalize;
  font-size: 14px;
  color: #999999;
}

#recent_blog .date-location-flex p{
  color: #000;
  font-size: 16px;
  margin-bottom: 0;
}
 
 
  
/* Blog section */

.latest-post .post-image-box{
  position: relative;
}
.latest-post .post-date{
  position: absolute;
    right: auto;
    background: #32BBE5;
    padding: 10px 10px;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}
.latest-post .latest_content{
  margin-top: 15px;
}
 
.latest-post .post-goto{
  color: #8C6239;
  font-weight: 300;
  font-size: 14px;
}
.latest-post .post-title a{
  color: #000000;
  font-weight: 500;
  font-size: 16px;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.latest-post .post-date p{
  margin-bottom: 0;
  font-weight: 600;
}
.latest-post .post-info {
  display: flex;
  column-gap: 10px;
  justify-content: flex-start;
}
.latest-post .cat-name {
  background: #ED1945;
  color: #fff;
  padding: 5px 15px;
  border-radius: 8px;
}
.latest-post .cat-name a{
  color: #fff;
}
h2.wp-block-heading, .wp-block-search__label{
  padding: 10px 10px;
  background: #000;
  color: #fff;
  border-bottom: 5px solid #32BBE5;
  font-size: 24px;
}

.footer-area h2.wp-block-heading, .footer-area .wp-block-search__label{
  padding: 0;
  background: transparent;
  color: #fff;
  border: 0;
  font-size: 24px;
  text-align: left;
}
.wp-block-latest-posts.wp-block-latest-posts__list{
  padding-left: 10px;
}
ol.wp-block-latest-comments{
  padding: 0;
}
ol.wp-block-latest-comments .footer{
  float: unset;
}

.footer1 .widget_block{
  display: none;
}
#banner .post-title{
  text-align: left;
}
 

.footer-area .date-div li span:first-child{
  width: 120px;
  display: inline-block;
}

.footer-area .date-div li:last-child span:last-child{
  float: unset;
  color: #ff0000;
 
}

.sidebar-area #block-1, .sidebar-area #block-2, 
.sidebar-area #block-3, .sidebar-area #block-4,
.sidebar-area #block-5, .sidebar-area #block-6{
  display: none;
}

.footer-area #block-1, .footer-area #block-2, 
.footer-area #block-3, .footer-area #block-4,
.footer-area #block-5, .footer-area #block-6{
  display: none;
}


 

/*Footer Section*/

.footer-area .footer{
  border-bottom: 1px solid #666666;
}
.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 5px 0;
  font-size: 14px;
  color: #FFF;
  font-weight: 300;
}
 .footer-area h4.title{
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 35px;
  text-transform: capitalize;
 }
 
 
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
  font-weight: 400;
  color: #e6e6e6;
  font-size: 18px;
}
.footer-area .post-meta a:hover{
  color: #32BBE5;
}
.footer-area ul {
    padding: 0px;
    padding-left: 0;
  }
.footer-area ul li{
  margin: 10px 0; 
  color: #FFF;
  font-weight: 500;
  font-size: 14px;
  list-style: none;
}
.footer-area ul li::marker{
  color: #fff;
}
.footer-area ul.footer-cnt{
  padding-left: 0;
  list-style: none;
}
 
.footer-area ul.footer-cnt i{
  width: 34px;
  height: 34px;
  background: #32BBE5;
  border-radius: 40px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-area ul.footer-cnt:hover i{
  background: #000;
}

.footer-socail-icon{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 10px;
}
.footer-socail-div strong{
  color: #E4E4E4;
}

.footer-socail-icon a{
  background: #32BBE5;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  transition: all 0.2s ease-in-out;
  font-size: 18px;
}

.footer-socail-icon a:hover{
  background: #ffff;
  color: #32BBE5;
}

.footer-area ul.footer-cnt a{
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.footer-area img{
  width: auto;
  margin-bottom: 10px;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #FFF;
}
.footer-area h3, .footer-area h2{
  font-size: 24px;
  color: #FFF;
}
.copyright {
  background: #32BBE5;
}
.copyright-box{
  display: flex;
  align-items: center;
  justify-content: center;
}
.copyrigt-links a{
  margin-left: 30px;
}

.copyright p{
  color: #E4E4E4;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
}
.copyright a{
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
}
.copyright a:hover{
    color: #000;
}
 a.buynowbtn {
    background: #32BBE5;
    color: #fff !important;
    padding: 5px 10px !important;
}
 

.footer-area input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email{
  border: 1px solid #C1C0BE;
  outline: none;
  box-shadow: none;
  background: transparent;
  width: 100%;
  padding: 10px 20px;
}
.footer-area input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email::placeholder{
  color: #C1C0BE;
}
.footer-area input.wpcf7-form-control.wpcf7-submit.has-spinner{
  background: #000000;
  color: #32BBE5;
  display: block;
  text-align: center;
  padding: 10px 20px;
  border: 0;
  box-shadow: none;
  margin-top: 15px;
  width: 100%;
  cursor: pointer;
}



.footer-area .social-links a{
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #32BBE5;
  background: #fff;
  border-radius: 10px;
  margin-right: 10px;
  
}
.footer-area .social-links a:hover{
  color: #fff;
  background: #32BBE5;
}

.product-cat-name{
  margin-bottom: 0;
  margin-top: 10px;
}

/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #000000;
  font-weight: 700;
}
#contact h2{
 font-size: 34px;
  line-height: 42px;
  color: #000000;
  font-weight: 500;
}
#contact hr{
  background: #000000;
    padding: 1px;
    width: 10%;
}
#contact p{
  color: #2b2b2b;
}
#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}
#contact input.wpcf7-form-control.wpcf7-text{
  padding: 10px 20px;
  background: #f9f8ff;
  border: 1px solid #e8e6f4 ;
  margin: 10px;
  outline: none;
  width: 46%;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 94%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 0px;
  background: #f9f8ff;
  border: 1px solid #e8e6f4 ;
  outline: none;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin-top: 30px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  background: #000000;
  border: none;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background:  #32BBE5;
  color:#fff; 
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .dashicons{
  font-size: 50px;
  color: #000000;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#contact .contact-services-box:hover .dashicons{
  transform: rotate(360deg);
  color:  #32BBE5
}
#contact h6{
  color: #32BBE5;
  font-size: 20px;
}
#contact .contact-services-box{
  border: 2px solid #32BBE5;
  height: 100%;
  padding: 20px 20px;

}
#contact .contact-services-box p{
  margin-bottom: 0;
}
#contact .contact-services-box:hover p{
  color: #32BBE5;
}
#recent_blog .btn-grp{
  margin-top: 30px;
}
 

#recent_blog .order-box2 figure{
  height: 340px;
}
#recent_blog .order-box2 figure img{
  width: 100%;
  object-fit: cover;
}

.price-ratting-div{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.price-ratting-div span.bold-text{
  color: #000;
  margin-left: 10px;
}
.price-ratting-div span{
  color: #999999;
  font-size: 14px;
}

.rating-stock-flex{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 7px;
  margin-top: 7px;
  flex-wrap: wrap;
}
.in-stock{
  color: #15D11C;
  margin-bottom: 0;
  font-size: 14px;
  line-height: normal;
}
.out-off-stock{
  color: #ff0000;
  font-size: 14px;
  margin-bottom: 0;
  line-height: normal;
}

@media (max-width: 1199px){
.sec2::before{
  display: none;
}




}
 
@media (max-width: 991px){
   
  .product-btn{
    font-size: 10px;
    display: flex;
    align-items: center;
  }
  .product-btn span{
    font-size: 16px;
    margin-right: 5px;
  }
  .copyright-box{
    display: block;
  }

}

 
@media (max-width: 767px){
   
  .copyrigt-links a{
    font-size: 14px;
    margin-left: 10px;
  }
  .copyright p{
    font-size: 14px;
  }

  h1.post-title{
    font-size: 22px;
  }

  #trending_products .img-box-div{
    width: 120px;
    height: 120px;
  }
 
}




/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 767px){
 
   #main-menu ul{
    display: block;
   }
  
	.sidenav {
	  height: 100vh;
	  width: 0;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  left: 0;
	  background-color: #ffff;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	  text-align:center;
	}
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
	#main-menu{
		top: 25px;
	}
	.sidenav a:hover{
	  color: #f1f1f1;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		box-shadow: none;
	}
	.sidenav .closebtn {
	  position: absolute;
	  top: 50px;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
	}
	#site-navigation .sidenav a.closebtn, .open-menu{
		display: inline-block;
		background: #000000;
		padding: 0 10px;
		color: #fff;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		background: transparent;
	}
	#main-menu ul.sub-menu li a:hover:after{
		background: transparent;
		color: #000000;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #000000;
	}
	#main-menu ul.sub-menu li a:before{
		border: none;
	}
	
  .page-404 h1{
  	font-size: 60px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  
  .page-404 h3{
    font-size: 18px;
  }

  .page-404 .button{
   font-size: 16px;
  }
   
  .top-header{
    padding: 10px;
  }
  .fix-sticky{
    position: relative;
  }
  .logo-image{
    margin: auto;
    width: 140px;
    margin-bottom: 10px;
  }
  #contact hr {
   width: 30%;
  }
  #contact .contact-form p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  	margin: 15px 0;
  }
  #contact .wpcf7 .ajax-loader{
  	display: block;
  	left: 38%;
  }
  #comments textarea{
  	width: 100%;
  }
	.woocommerce-page div.product div.summary{
	 	padding: 15px;
	} 
  .post-single .blog_share_icon .fab{
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }
  .copyright  img{
    margin: 10px 0;
  }
  .latest-post .post-title a{
    font-size: 16px;
  }
  .latest-post{
    padding: 10px;
  }
  
  p.post-content{
    text-align: center;
  }
  .footer-area h2.wp-block-heading, .footer-area .wp-block-search__label{
    text-align: center;
  }

  .footer-area h4.title{
    margin-top: 30px;
    margin-bottom: 10px;
  }
   
  header#site-navigation{
    padding-top: 0;
  }
  .page-template-frontpage h3{
    font-size: 23px;
    text-align: center;
  }
  .sec-padd {
    padding: 30px 0;
  }

  .menu-header{
    border-radius: 10px;
  }
 
  .page-template-frontpage h5{
    text-align: center;
  }
  #slider h1{
    font-size: 24px;
    line-height: 38px;
  }

  .footer-area .date-div li{
    text-align: left;
  }
  .footer-area ul.footer-cnt a{
    justify-content: center;
  }
  .copyright .social-links{
    margin-top: 15px;
  }

  p{
    font-size: 14px;
  }

  .page-template-frontpage h3{
    justify-content: center;
  }

  .contact-header-btn{
    font-size: 14px;
  }
  .my-account-url a{
    font-size: 14px;
  }
    

  .newsletter-info-box{
    padding: 20px;
  }

  #newsletter h3{
    font-size: 30px;
  }

  #newsletter .newsletter-form p{
    width: 100%;
  }
  #newsletter .newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner{
    margin-top: 0;
    padding: 10px 30px;
  }

  .footer-socail-icon{
    justify-content: center;
  }
  .rating-stock-flex{
    flex-direction: column;
  }

  .discount-percentage{
    font-size: 12px;
    padding: 5px 10px;
  }
  #about_us .img-grp-div{
    display: block;
  }
  #about_us .large-img-div{
    width: 100%;
  }

  #about_us .large-img-div img{
    width: 100%;
  }

  #about_us .small-img-div{
    position: absolute;
    right: 0;
    top: 50px;
    width: 70%;
  }

  #about_us .small-img-div img{
    width: 100%;
  }

  #slider .list-box span {
    font-size: 14px;
  }

  #slider .img-list-box{
    padding: 25px 10px;
  }
  #slider .icon-div{
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    margin: auto;
  }
  #slider .img-list-box{
    width: 100%;
  }
  #slider .img-side-div{
    display: none;
  }

  #slider .list-box{
    width: 100%;
  }

  #slider .icon-div .dashicons{
    font-size: 42px;
  }

  .slider-form input[type="email"]{
    width: 100%;
  }

  .wpcf7-spinner{
    display: none;
  }

  #slider .img-div{
    width: 80%;
    float: right;
  }
  #slider .sec2::after{
    max-width: 94%;
    inset: unset;
    width: 100%;
  }

  #slider .year-div{
    left: 50px;
  }

  #about_us .icon-div{
    margin: 15px auto;
  }

  #about_us .year-div p{
    font-size: 12px;
  }

 
  #counter_sec .counter_sec_bg {
   border-radius: 0;
  }

  #counter_sec .sign{
    font-size: 34px;
  }

  #counter_sec h4{
    font-size: 16px;
  }

  #our_collections .center-info-div h4{
    font-size: 28px;
  }

  .head-flex-grp{
    flex-direction: column;
    gap: 15px;
  }

  #explore_products .price-percent-div{
    justify-content: center;
  }

  .img-gallery{
    column-count: 1;
  }


  #trending_products .owl-nav{
    position: relative;
    justify-content: center;
    column-gap: 20px;
    margin-top: 20px;
  }

  #trending_products button.owl-prev {
    position: relative;
    left: 0;
  }

  #trending_products button.owl-next {
    position: relative;
    right: 0;
  }

  #testimonial .owl-nav{
    position: relative;
    right: 0;
    top: 0;
    justify-content: center;
  }

  #testimonial .testimonial-box p{
    text-align: center;
  }

  #testimonial .testimonial-dtl-div{
    justify-content: center;
  }

  #faqs .faq-box{
    padding: 20px;
  }

  #faqs .faq-box1, #faqs .faq-box3, #faqs .faq-box5, #faqs .faq-box7 {
    background: #32BBE5;
    color: #fff;
    margin-bottom: 20px;
  }

   #faqs .faq-box2, #faqs .faq-box4, #faqs .faq-box6, #faqs .faq-box8 {
    background: #fff !important;
    color: #000 !important;
    margin-bottom: 20px;
 
  }

  #faqs .faq-box4 h4{
    color: #000;
  }

  #faqs .faq-box3 h4{
    color: #fff;
  }

  #recent_blog .date-location-flex{
    justify-content: center;
  }

  #newsletter h2{
    font-size: 28px;
  }

  #recent_blog h4 a{
    font-size: 20px;
  }

  .footer-cols .row{
    justify-content: center;
  }

  #explore_products .img-box-div{
    height: 160px;
  }
  #explore_products .price-percent-div{
    flex-direction: column;
  }
  #explore_products ins span.woocommerce-Price-amount.amount{
    font-size: 14px;
  }

  #explore_products h4 a{
    font-size: 14px;
  }

  .gallery-item .post-title{
    font-size: 16px;
  }

  #about_us .year-div{
    bottom: 0;
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
  }

  #about_us .year-div h6{
    font-size: 22px;
  }

  #gallery .gallery-item-2, #gallery .gallery-item-3, #gallery .gallery-item-5{
    max-width: 100%;
    flex: 0 0 100%;
  }

  #gallery .gallery-item-1, #gallery .gallery-item-4, #gallery .gallery-item-6{
     max-width: 100%;
    flex: 0 0 100%;
  }

}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 768px) and (max-width: 1023px){
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 47%;
    margin-right: 12px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
    float: left;
  }
	#main-menu{
		float: left;
		width: 100%;
	}
  .header-menu .logo a{
    font-size: 24px;
    line-height: 35px;
   }
  .main-menu ul li a{
  	padding: 10px 12px;
  	font-size: 12px;
  	padding-left: 0;
  }
  .header-menu .logo-image img{
    width:100%;
  }
  .menu-header{
    padding: 10px 20px;
    border-radius: 20px;
  }
   
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 30%;
  }
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 95%;
		margin: 15px 0;
	}
	#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
		width: 45%;
		margin: 10px 10px;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 46%;
		margin: 20px 10px;
	}
	#contact .wpcf7 .ajax-loader{
		display: block;
	}
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.woocommerce div.product div.images img{
		width: auto;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	 	width: 50%;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
	.woocommerce div.product div.images, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
	 	float: left;
	 	width: 50%;
	}
	.woocommerce button.button{
	 	margin: 0 10px;
	 	padding: 12px 20px;
	}

  .page-404 h1 {
     font-size: 100px;
  }

  .page-404 h3{
    font-size: 28px;
  }

  .latest-post .post-title a{
    font-size: 16px;
  }

  .header-order1{
    order: 1;
  }
  .header-order2{
    order: 3;
  }
  .header-order3{
    order: 2;
  }
   

  #slider h1{
    font-size: 28px;
    max-width: 340px;
  }
  #slider p{
    font-size: 14px;
  }
  
  .fix-sticky{
    position: relative;
  }
  .contact-header-btn{
    font-size: 14px;
    padding: 10px 20px;
  }
  #main-menu ul li a{
    padding-right: 40px;
    font-size: 16px;
  }
   
  #newsletter h3{
    font-size: 30px;
  }

  

  #newsletter h2{
    font-size: 34px;
  }
  .footer-socail-icon{
    margin-bottom: 20px;
  }
  #slider .img-side-div{
    width: 174px;
    right: -100px;
    display: none;
  }
  #slider .img-div{
    float: right;
  }

  #slider .list-box span {
  font-size: 14px;
  }

  #slider .sec2::after{
    max-width: 100%;
    left: -15%;
    height: 100%;
  }

  #slider .sec2{
    align-self: center;
  }

  #slider .img-list-box{
    width: 82%;
    padding: 25px 20px;
  }

  #slider .icon-div{
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    margin: auto;
  }

  #slider .icon-div .dashicons {
    font-size: 40px;
  }

  #slider .year-div h6{
    font-size: 26px;
  }

  #slider .year-div{
    width: 100px;
    height: 100px;
  }

  #slider .year-div p {
    font-size: 12px;
  }

  #counter_sec .counter_sec_bg{
    border-radius: 60px;
  }

  #counter_sec .count, #counter_sec .sign{
    font-size: 44px;
  }

  #counter_sec h4{
    font-size: 16px;
  }

  #our_collections .center-info-div h4{
    font-size: 24px;
  }

  #explore_products .sec-cnt, #trending_products .sec-cnt, #faqs .sec-cnt, #recent_blog .sec-cnt{
   max-width: 520px;
  }

  #faqs .faq-box{
    padding: 20px;
  }

   #trending_products .owl-nav{
    position: relative;
    justify-content: center;
    column-gap: 20px;
    margin-top: 20px;
  }

  #trending_products button.owl-prev {
    position: relative;
    left: 0;
  }

  #trending_products button.owl-next {
    position: relative;
    right: 0;
  }

   #testimonial .owl-nav{
    position: relative;
    right: 0;
    top: 0;
    justify-content: center;
  }

  #testimonial .testimonial-box p{
    text-align: center;
  }

  #testimonial .testimonial-dtl-div{
    justify-content: center;
  }

  #about_us .icon-div{
    margin: 15px auto;
  }
  #explore_products .img-box-div{
    height: 250px;
  }

  #main-menu ul{
    justify-content: center;
  }
  #gallery .gallery-item-2, #gallery .gallery-item-3, #gallery .gallery-item-5{
    max-width: 60%;
    flex: 0 0 60%;
  }

  #slider p{
    max-width: 360px;
  }
 
  
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .header-menu .logo-image img {
    width: 100%;
   }
	#main-menu ul li a{
		padding: 5px 15px;
    font-size: 15px;
    padding-right: 30px;
	}
  .menu-item-has-children::after{
    right: 10px;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }

  .footer-area .date-div li span:first-child{
    width: 80px;
  }
  .sec-padd {
    padding: 40px 0;
  }

  #slider h1 {
    font-size: 44px;
  }

  .header-order1{
    order: 1;
  }
  .header-order2{
    order: 3;
  }
  .header-order3{
    order: 2;
  }

  #main-menu ul{
    justify-content: center;
  }

  .menu-header {
   border-radius: 20px;
  }

  #slider .list-box span{
    font-size: 14px;
    padding-bottom: 10px;
  }

  #slider .img-side-div{
    width: 160px;
    top: -45px;
  }

  #slider .sec2{
    align-self: center;
  }

  #slider .sec2::after{
    left: -82px;
  }
  #counter_sec .counter_sec_bg{
    border-radius: 40px;
  }
  #counter_sec .count, #counter_sec .sign {
    font-size: 40px;
  }

  #about_us .year-div{
    bottom: 5%;
  }

  #our_artists .team-info-box h4 {
   font-size: 24px;
  }

  #newsletter h2{
    font-size: 34px;
  }

  #newsletter .newsletter-form p {
   width: 80%;
  }

  #slider .img-list-box {
    max-width: 400px;
  }

}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
	 
  .woocommerce .quantity .qty{
      max-width: 150px;
  }
  #slider h1{
      font-size: 50px;
  }

  #main-menu ul li a{
    font-size: 14px;
  }

 
  .aroow-div{
    bottom: 200px;
    left: -71%;
    width: 86%;
    height: 130px;
  }
 
  #slider .sec2::after{
    height: 530px;
  }

 
 
 
}


@media (max-width: 1299px){

  .aroow-div{
    display: none;
  }

  #slider .sec2::after{
    height: 100%;
    margin-top: 0;
    top: 0;
  }
}

@media (max-width: 1199px){

  .aroow-div{
    display: none;
  }

  
}

@media (min-width: 1500px){
    #slider .banner-cnt{
    max-width: 100%;
    padding-left: 8% !important;
  }
}

@media (min-width: 991px){

  #slider .banner-cnt{
    max-width: 100%;
    padding-left: 5%;
  }

}


@media (min-width: 1599px){
  .aroow-div{
    bottom: 280px;
 
  }

  #slider .sec2::after{
    height: 600px;
  }


}
@media (min-width: 1690px){

  #slider .sec1{
    padding-left: 5%;
  }

}

@media (min-width: 1799px){
  .aroow-div{
    bottom: 320px;
    width: 86%;
    left: -75%;
  }
   
   #slider .sec2::after{
    height: 700px;
  }

   #slider .sec1{
    padding-left: 11%;
  }


}

@media (min-width: 1899px){
  #slider .sec2::after{
     
    left: -150px;
  }
  
}

@media (min-width: 2000px){

  .aroow-div{
    bottom: 350px;
}
}

@media (min-width: 2200px){

  #slider .sec2::after{
    height: 820px;
  }
  #slider .sec1{
     padding-left: 15%;
  }
  .aroow-div{
    bottom: 400px;
    left: -77%;
  }
  
}