/*!
Theme Name: Nyasatech
Theme URI: https://nyasa.co.in/
Author: NyasaTech.me
Author URI: https://nyasa.co.in/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nyasatech
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Nyasatech is based on NyasaTech nyasa.co.in/, (C) 2012-2020 Automattic, Inc.
NyasaTech is distributed under the terms of the GNU GPL v2 or later.

*/

.swiper-pagination {
	bottom: 65%!important;
}
@media only screen and (max-width: 768px) {
	.swiper-pagination {
		bottom: 52%!important;
	}
}

.button-hover {
  position: relative;
  overflow: hidden;
}

.button-hover::before {
  position: absolute;
  top: 0;
  left: 80%;
  z-index: 2;
  display: block;
  content: '';
  width: 8%;
  height: 100%;
  background: linear-gradient(to right, #FFFCF9 0%, #FFFCF9 100%);
  transform: skewX(-25deg);
}
.button-hover::after {
  position: absolute;
  top: 0;
  left: 96%;
  z-index: 2;
  display: block;
  content: '';
  width: 20%;
  height: 100%;
  background: linear-gradient(to right, #FFFCF9 0%, #FFFCF9 100%);
  transform: skewX(-25deg);
}

.button-hover:hover::before {
  animation: shine .75s;
}

@keyframes shine {
  0% {
    left: -75%;
  }
  100% {
    left: 110%;
  }
}

#button-hover {
  position: relative;
  overflow: hidden;
}

#button-hover::before {
  position: absolute;
  top: 0;
  left: 80%;
  z-index: 2;
  display: block;
  content: '';
  width: 8%;
  height: 100%;
  background: linear-gradient(to right, #FAF1E7 0%, #FAF1E7 100%);
  transform: skewX(-25deg);
}
#button-hover::after {
  position: absolute;
  top: 0;
  left: 94%;
  z-index: 2;
  display: block;
  content: '';
  width: 20%;
  height: 100%;
  background: linear-gradient(to right, #FAF1E7 0%, #FAF1E7 100%);
  transform: skewX(-25deg);
}

#button-hover:hover::before {
  animation: shine .75s;
}

.product-details {
  transform: skewX(-15deg) translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: 
    opacity 0.3s ease-out,
    transform 0.3s ease-out,
    visibility 0s linear 0.3s;
}

.product-container:hover .product-details {
  transform: skewX(-15deg) translateY(0);
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
	overflow: visible!important;
}

@media only screen and (max-width: 768px) {
	.product-details {
		transform: skewX(0) translateY(0);
		opacity: 1;
		visibility: visible!important;
		transition: 
		opacity 0s ease-out,
		transform 0s ease-out,
		visibility 0s linear 0s;
	}
	.product-container:hover .product-details {
		transform: skewX(0) translateY(0);
		opacity: 1;
		visibility: visible;
		transition-delay: 0s;
	}
}

.state-art-text {
  display: none;
  overflow: hidden;
  transition: 0.4s ease-out;
}

.state-art:hover .state-art-text {
  display: block;
}

.elementor-element-735808f {
	overflow: hidden!important;
}

@media only screen and (max-width: 768px) {
	.product-details {
		position: relative!important;
	}
}

@media only screen and (max-width: 768px) {
	.state-art-container {
		position: relative!important;
		background-color: #EE7005!important;
	}
	.state-art-text {
	  display: inline-block!important;
	}
}