ul#ui-id-1 {
  border: 1px solid #f5f5f5;
}

.ui-widget {
  font-family: Sofia Pro, Univers Next Arabic, sans-serif;
  font-size: 0.7em;
}
.paginationBox .pagination li.active span {
  /* background-color: transparent;
    border: 1px solid #2f3134;
    color: #2f3134; */
}
.paginationBox li span {
  height: 34.199px;
  height: 1.9rem;
  /* border-radius: 50%; */
  width: 34.199px;
  width: 1.9rem;
  color: #2f3134;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  font-size: 16.2px;
  font-size: 0.9rem;
  line-height: 1.2;
}
.searchBox input {
  color: #fff;
}
.searchBox a {
  -webkit-padding-end: 16.2px;
  padding-inline-end: 16.2px;
  -webkit-padding-end: 0.9rem;
  padding-inline-end: 0.9rem;
  -webkit-padding-start: 9px;
  padding-inline-start: 9px;
  -webkit-padding-start: 0.5rem;
  padding-inline-start: 0.5rem;
  cursor: pointer;
  border: none;
  background: transparent;
}
._underline {
  text-decoration: underline;
  font-style: normal !important;
}

/* AP 28-07-2023 */
.productList .contentWrap .pItem .imgBox {
  padding-top: 57%;
}
/* AP 28-07-2023 */

/* RP 17-05-2024 */
@media screen and (max-width: 991px) {
  #people-product .contentWrapper .imgBox {
    padding-top: 0;
    height: 100%;
  }

  #people-product .contentWrapper .imgBox picture {
    position: relative;
  }
}

/* RP 17-05-2024 */

/* RP 03-06-2024 */
/* .icon-Box .social-whatsApp svg path {
  animation-name: color;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-timing-function: ease;
}

@keyframes color {
  from {
    fill: #25d366;
  }
  to {
    fill: #ee6e12;
  }
} */

.social-whatsApp {
  animation: sm-shake-animation linear 1.5s infinite;
}

@keyframes sm-shake-animation {
  0% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
  25% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
  35% {
    transform: rotate(-0.3rad) scale(1) skew(0.017rad);
  }
  45% {
    transform: rotate(0.3rad) scale(1) skew(0.017rad);
  }
  55% {
    transform: rotate(-0.3rad) scale(1) skew(0.017rad);
  }
  65% {
    transform: rotate(0.3rad) scale(1) skew(0.017rad);
  }
  75% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
  100% {
    transform: rotate(0) scale(1) skew(0.017rad);
  }
}

/* AP 10-12-2024 */
@media screen and (max-width: 767px) {
  .contactBox .quickLinks .linkBox ul {
    justify-content: start;
    gap: 0.5rem 1rem;
    & li {
      margin-bottom: 0;
    }
  }
}
/* AP 10-12-2024 */
/* AR 22-01-2025 */


.catItem .imgBox img {
  object-fit: contain;
}


/* AR 24-01-2025 */
.catalogBox .tabItems p  {
  font-size: calc(var(--font-size)* 1);
  font-family: Ivy Mode, sans-serif;
  color: #2f3134;
  opacity: .5;
  margin: 0;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.catalogBox .tabItems .tabLink.active~p {
  opacity: 1;
}
.catalogBox .tabItems .tabLink:hover~p {
  color: #ee6e12;
  opacity: 1;
}
.catalogBox .tabItems .tabLink.active:hover~p {
  color: #2f3134;
}
@media screen and (max-width: 767px) {
  .catalogBox .tabItems p  {
    font-size: 15px;
}
}

.catItem .imgBox {
  position: relative;
  padding-top: 0; 
}
.catItem .imgBox  picture {
  position: static;
  
  max-height: 500px;
}
@media screen and (min-width: 991px) {
.catalogBox .tabContent {
 
  height: calc(500px + 10rem + 40px);
}
}
.news-section .news-box .sliderNavBox {
  position: absolute;
    top: 50%;
    width: 110%;
    left: -5%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}
.news-section .news-box  .swiper-prev, .news-section .news-box  .swiper-next{
  pointer-events: all;
}
.news-box .swiper{
  overflow: hidden;
}

/* AP 12-08-2025 */
.catalogBox .tabItems .tabLink:hover~p ,
.catalogBox .tabItems .tabLink:hover {
	color: #2f3134;
	opacity: 1;		
}

.catalogBox .tabItems .tabLink.active ,
.catalogBox .tabItems .tabLink.active:hover {
	color: #ee6e12;
}
/* AP 12-08-2025 */