@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playwrite+AR:wght@100..400&family=Sen:wght@400..800&display=swap');
*{
  font-family: "Inter", sans-serif;

}
body{
  overflow-x: hidden !important;
}
swiper-container {
  width: 100%;
  height: 70vh;
}

swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-1 {
  object-position: 38.7222% 18.5078%;
}

.slider-2 {
  object-position: 35.7222% 4.5078%;
}

.slider-btn:hover {
  scale: 1.01;
  transition: 0.5ms ease-in-out;
}
.btn{
  width: 130px;
  background-color: #121212;
  color: white;
  height: 50px;
  border-radius:5px ;
}
.quantity-input{
    width: 33% !important;
}
input::placeholder {
  padding-left: 10px; 
}
.border-color{
  border-color: rgb(18 18 18);
}

.toggle-Links{
  display: none !important ;
}

.toggle-Women-Links{
  display: none !important ;

}
.open-toggle-Links{
  display: flex !important;

}
.arrowiconanimation{
  transform: rotate(360deg) !important;
  transition: opacity 0.3s ease, transform 0.3s ease;

}
@media screen and (max-width: 768px){
body{
  overflow-x: hidden !important;
}
  .logo-nav{
display: flex;
width: 97%;
justify-content: space-between;
  }
  .header{
    padding-right: 2rem;
    padding-left: 2rem;
  }
.nav{
  display: none !important;
  position: absolute;
  left: -500px;
  top: 14%;
  flex-direction: column;
  background-color: #fff;
  left: 0;
  height: 100%;
  color: black;
  width: 60%;
  transition: max-height 0.3s ease-in-out !important;
    font-size: 20px;
  padding: 34px;
}
.active-nav2{
  display: flex !important;
  left: 0px !important;
  transition:  0.5s ease-in-out;
}
.open-toggle-Links{
  position: relative !important;
}
.Men-Link{
  justify-content: space-between;
}
.Women-Link{
  justify-content: space-between;
}

}

.cart-div{
  display: none;
  transition:  0.5s ease-in-out !important;
}
.open-cart-div{
  right: 0px !important;
  transition:  0.5s ease-in-out !important;
  display: block;
}

.pro-qty {
    display: flex;
    align-items: center;
}

.qtybtn {
    display: inline-block;
    padding: 0.5rem;
    background-color: #f0f0f0;
    cursor: pointer;
    user-select: none;
    text-align: center;
}

.qtybtn:hover {
    background-color: #e2e2e2;
}


.product-details .quantity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 33px;
}

.product-details .quantity .pro-qty {
	width: 123px;
	height: 46px;
	border: 2px solid #ebebeb;
	padding: 0 15px;
	float: left;
	margin-right: 14px;
}

.product-details .quantity .pro-qty .qtybtn {
	font-size: 24px;
	color: #b2b2b2;
	float: left;
	line-height: 38px;
	cursor: pointer;
	width: 18px;
	user-select: none;
}

.product-details .quantity .pro-qty .qtybtn.dec {
	font-size: 30px;
}

.product-details .quantity .pro-qty input {
	text-align: center;
	width: 52px;
	font-size: 14px;
	font-weight: 700;
	border: none;
	color: #4c4c4c;
	line-height: 40px;
	float: left;
}

.product-details .quantity .primary-btn.pd-cart {
	padding: 13px 70px 10px;
}

@media screen and (max-width: 450px){


  .active-nav2{

    width: 100%;
  }


}
#product-quantity-input{
height: 40px;
background-color: #e5e7eb;
}

@media screen and (max-width: 550px){
  .open-cart-div{
    width: 100% ;
  }
  .license{
    font-size: 10px;
  }
}
.active{
background-color: black;
color: #fff !important;
padding: 8px;
border-radius: 10px;


}
.menu, ol, ul{
  list-style: disc !important;
  padding-left: 30px;
}
.darkgray{
  color: rgb(77 77 77);
}
.lightgray{
    color: rgb(145 145 145);
}
.input-form{
  width: 100%;
  height: 49px;
  border: 1px solid lightgray;
  border-radius: 4px;
  margin-top: 10px;
}
.darkblue{
  color:#1773b0;
}