*{
   	box-sizing: border-box;
   	font-family: 'regular'
   }
    body {
      margin: 0;
      padding: 0;
    }


/*fonts Class*/

.danaThin
  {
    font-family: danaThin !important;
  }
.extralight
  {
    font-family: extralight !important;
  }
.light
  {
    font-family: light !important;
  }
.demibold
  {
    font-family: demibold !important;
  }
.ultrabold
  {
    font-family: ultrabold !important;
  }
.bold
  {
    font-family: bold !important;
  }
.regular
  {
    font-family: regular !important;
  }
.black
  {
    font-family: black !important;
  }

/*fonts Class*/


/*Swiper*/

    .swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: 200px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
 .swiper-slide
 {
 	height: auto;
 }

#swiper0{
  height:500px;
}
#swiper2,#swiper3,#swiper4 {
  height:500px;
}
#blog .swiper-slide 
{
  background-color: transparent;: 
}
#blog  
{
  height: 290px 
}
#swiper1{
    height: 200px
}
/*Swiper*/




 

/*searchBar*/


.input-box {
  position: relative;
  width: 100%;
  max-width: 60px;
/*  height: 55px;
  margin: 0 50px;*/
  background-color: #fff;
  border-radius: 6px;
  transition: all 0.5s ease-in-out;
}
.input-box.open {
  max-width: 350px;
}
.input-box input {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  padding: 0 15px;
  border: none;
  border-radius: 6px;
  outline: none;
  transition: all 0.5s ease-in-out;
}
.input-box.open input {
  padding: 0 15px 0 65px;
}

.input-box .search {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;
}
.input-box.open .search {
  border-radius: 6px 0 0 6px;
}
.search .search-icon {
   color: #1c1c1c;
}
.input-box .close-icon {
  position: absolute;
  top: 50%;
  right: -45px;
  color: #1c1c1c;
  padding: 5px;
  transform: translateY(-50%);
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
}
.input-box.open .close-icon {
  transform: translateY(-50%) rotate(180deg);
  pointer-events: auto;
  opacity: 1;
}


/*searchBar*/

#logo>img,#m-logo>img{
	width: 50px;
}

.text-justified 
{
	text-align: justify !important;
    direction: rtl;
}


.title{
	margin-bottom: 2rem;
	position: relative;
}
 

 



.title:after, .title:before {
  position: absolute;
  left: 0;
  bottom:-12px;
  width: 45px;
  height: 4px;
  content: "";
  right: 45px; 
  margin:auto;
  background-color: #ccc;
}
.title:before {
 background-color:#ffa5008c;
  left:45px; width:90px;

}
 
 
.bg-themColor
{
  background-color: #A7C6ED
}
.bg-gray
{
	background-color: #EAEAEA ;
}
.bg-gray-lighte
{
  background-color: #f9f9f9 ;
}
.card img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
a{
	text-decoration: none !important;
	color: black !important
}
.obj-contain{
    object-fit: contain;
}

 
 #map 
{  
    height: 300px; /* ارتفاع نقشه */  
    width: 100%; /* عرض نقشه */  
}  
.bg-gradient-top-end-bw 
{
   background:  linear-gradient(to bottom,#003366,white);
}

.bg-gradient-3color-wgw
{
    background: linear-gradient(to bottom, white, #dad5d5, white)
}
 

.bg-gradient-toLeft-bw
{
  background: linear-gradient(to left, #003366, white);
}


/*textColors*/
.text-gray
  {
    color: #e0dddd !important;
  }
.text-lightGray
{
  color: rgba(128 ,128, 128,0.6)
}
.text-blue
{
  color: #003366 !important;
}
/*textColors*/


/*bgColors*/
.bg-lightYellow
  {
    background-color: #FFEB3B !important;
  }
/*bgColors*/

/*fontSize*/

.fSize-1vw
  {
    font-size: 1.5vw
  }
.font-13px
  {
    font-size: 13px
  }

/*fontSize*/


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/icon/arrow_r.svg);
 
 
}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
       background-image: url(../img/icon/arrow_l.svg);

}


/*@media CSS*/
@media only screen and (max-width: 600px) {
 #swiper2,#swiper3,#swiper4,#blog{
  height:440px;
}


.w-s-100
{
  width: 100% !important
}


#blog{
    height: 290px
}



}


 

/*navbar  */

 .w3-sidebar 
 {
  z-index: 3;
 }

.flex-1
{
  flex: 1;
}

#mySidebar{
     right: 0  
  }

#cat{
  right: 64px;
}

.accordion-collapse.show{
    border-bottom: 1px solid #eae9e9;
}

.navbar-nav li
{
  padding-top: 5px;
  padding-bottom: 5px;
}
.navbar-nav li.simple-nav-item:hover  
  {
    background-color: #005cb733  
  }
.accordion-header
{
  margin-top:0 
}

.navbar-nav li:hover .accordion-button

{
    background-color: #005cb733 !important;
    box-shadow: none;
}


.accordion-button:not(.collapsed)
{
  background-color: transparent;
  box-shadow: none;
}

input[type="search"]:focus
{
  box-shadow: none;
  border-color: #dee2e6
}
.fa-search
{
  cursor: pointer;
}


 
.btn-style
{
    font-size: 12px;
    width: 200px;
}
.w3-sidebar {
  top: 61px
}
nav
{
    position: sticky;
    top: 0;
    z-index: 3;
    background: white;
}
.w3-button{
  transition: all .7s ease-in-out
}
.w3-button:hover
{
  background-color: transparent !important;
  color: white !important
}
#product-pic img
{
  width: 250px;
}





/*login*/

        .login-container {
            background-color: #A7C6ED;
            padding: 2rem;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            max-width: 400px;
            margin: auto;
            margin-top: 100px;
        }
        .login-container h2 {
            margin-bottom: 1.5rem;
            text-align: center;
        }        
/*login*/

/*single  */

.product {
            background: #ffffff;
            border: 1px solid #dddddd;
            padding: 20px;
            margin: 20px 0;
            text-align: center;
            border-radius: 5px;
        }
.product img {
          max-width: 100%;
          height: auto;
          border-radius: 5px;
      }


/*single  */


 /*btnHover*/
 

 .custom-btn {
     cursor: pointer;  
    position: relative;  
    overflow: hidden;  
    transition: color 0.3s;  
}

.custom-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffa50021;  
    transform: translateX(-100%);  
    transition: transform 0.4s;  
    z-index: 0;  
}

.custom-btn:hover::before {
    transform: translateX(0);  
}

.custom-btn:hover {
    color: #000;  
}
       
 /*btnHover*/



.dropdown-menu {  
            display: none; /* پنهان کردن منو در ابتدا */  
            min-width: 250px;
            text-align: right;
            transform:translate(-40%, 5%) !important;

        }  
.dropdown:hover .dropdown-menu {  
            display: block; /* نمایش منو در هاور */  
            position: absolute;
            inset: 0px auto auto 0px;
            margin: 0px;
/*            transform: translate(0px, 24.5333px);*/
        }  
.dropdown-item.active, .dropdown-item:active
{
  background-color: transparent;
}
.quantity-input {  
            width: 60px !important;  
            text-align: center; 

        } 
.badge
{
  top: 17px !important;
  transform: translate(-40%, -39%) !important;
}

.w-80
{
  width: 80%;
}
.w-120px
{
  width: 120px;
}
.mr-auto{
  margin-right: auto !important;
}
 
   /*favorite */

 

    .wishlist-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      background: white;
      border: none;
      cursor: pointer;
      font-size: 20px;
      color: #dc3545;
      background-color: transparent;
      transition: transform 0.2s ease;
    }

    .wishlist-btn.liked {
      color: red;
      animation: pop 0.4s ease;
    }

    @keyframes pop {
      0% { transform: scale(1); }
      50% { transform: scale(1.5); }
      100% { transform: scale(1); }
    }

    .message {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      background: #4caf50;
      color: white;
      padding: 6px 12px;
      border-radius: 20px;
      font-size: 13px;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }

    .message.show {
      opacity: 1;
    }

   /*favorite */



   .min-btn
{
    border-radius: 0 2px 2px 0 ;
}
.plus-btn
{
    border-radius: 2px 0 0 2px;
}

.w-175px{
  width: 175px;
}


 .ulUnstyle
  
/*@media CSS*/


        @media (max-width: 768px) {
          #logo
          {
            display: none;
          }
          .btn-style{
            width: 130px
          }
            .sidebar {
                width: 100%;
            }
            .toggle-btn {
                right: 20px;
            }
            #searchBar{
              display: none;
            }
            #m-nav{
              display: flex !important;
            }
                .w3-sidebar {
                top: 133px !important;
                 }

        }

  #SidebarClose{
              display: none ;
            }

.w3-button
    {
      display: none;
    }
@media (min-width: 2500px) {
    .w3-sidebar.w3-collapse {
        display: block !important;
    }
     
    
    }   
        








/*@media CSS*/