/* Add Font */
@font-face {
  font-family: IranSans;
  src: url('../assests/font/IRANSansWeb.woff2') format(woff2);
}
/* Add Font */

/* Normalizetion */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-family: IranSans;
}
/* Normalizetion */

body{
   background-color: #f2f4f7;
}
/* Header */
header>nav{
  right:0 ;
  left: 0;
  top: 0;
}
input{
    direction: rtl;
    background-color: #f0f2f4;
    width: 100%;
}
.navLink{
  margin-top: 67px;
}
/* Header */
/* Slider */
.carousel-control-prev,
.carousel-control-next {
    display: none !important;
}

.carousel-indicators button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    background-color: #fff !important;
}

.slider-track {
  scroll-behavior: smooth;
  scrollbar-width: none; 
}

.slider-track::-webkit-scrollbar {
  display: none; 
}

.slider-card {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  overflow: hidden;
  width: calc(25% - 12px); 
}
.slider-card2 {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  overflow: hidden;
  width: calc(36% - 12px); 
  height: 23vh;
}
.slider-card2>img{
  height: 55%;

}
/* Slider */

.main-section{
  background-color: #f2f4f7;
  margin-top: 48px;
}
.insta-text{
  color: orange;
}

.offer-timer{
  background-color: #ff7a7a;
  border-radius: 2px;
}
.card-txt{
  font-size: 12px;
}
/* Slider category */
.card-category{
transition: all .3s ease-in-out;
}
.card-category:hover{
  cursor: pointer;
  background-color: rgba(128, 0, 128, 0.151);
}
/* Slider category */

/* Footer Section */
.footer-txt h5,.footer-txt p{
direction: rtl;
}
.footerDiv{
  border-bottom: 1px solid gray;
}
.footer-shortLink{
  text-align: right;
}
.accordion-section{
  direction: rtl;
}
/* Footer Section */
/* Respansive */
@media (max-width: 767.98px) {
  .slider-card {
    width: calc(50% - 12px); 
  }
  .slider-card2{
    height: 32vh;
  }
}
@media (max-width:990px) {
  .simple-slider {
  width: 100% !important;
}
.offer-responsiv{
  width: 100% !important;
}
.main-section{
  margin-top: 132px !important;
}
}
/* Respansive */