.pp-section-one *,
.pp-section-one ::after,
.pp-section-one ::before,
.pp-swiper-container {
  box-sizing:border-box
}
.pp-benefits,
.pp-hero-stats {
  grid-template-columns:repeat(4,1fr)
}
.pp-hero h1,
.pp-smart-content h2 {
  letter-spacing:-.5px;
  text-align:center
}
.pp-benefit,
.pp-benefit-text h3,
.pp-benefit-text p,
.pp-categories>h2,
.pp-category-name,
.pp-hero h1,
.pp-hero p,
.pp-hero-stat,
.pp-hero-text,
.pp-product-card,
.pp-smart-content h2,
.pp-smart-content li,
.pp-smart-stat,
.pp-smart-text {
  text-align:center
}
.pp-benefit,
.pp-category,
.pp-category-img,
.pp-category-name,
.pp-hero,
.pp-hero-slider,
.pp-service-card,
.pp-service-img,
.pp-smart,
.pp-smart-stat {
  overflow:hidden
}
.pp-section-one {
  --pp-blue:#075ce5;
  --pp-blue-dark:#0648b8;
  --pp-cyan:#08c6d5;
  --pp-text:#172033;
  --pp-muted:#707887;
  --pp-border:#e4e8ef;
  --pp-light-blue:#eef4ff;
  margin:10px 35px 0;
  direction:rtl;
  font-family:inherit;
  color:var(--pp-text)
}
.pp-section-one a {
  text-decoration:none
}
.pp-scroll-section {
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.22, 1, .36, 1),transform .7s cubic-bezier(.22, 1, .36, 1)
}
.pp-scroll-section--instant,
.pp-scroll-section.is-visible {
  opacity:1;
  transform:translateY(0)
}
.pp-reveal-item {
  opacity:0;
  transform:translateY(22px)
}
.pp-scroll-section.is-visible .pp-reveal-item {
  animation:.65s cubic-bezier(.22,1,.36,1) forwards ppRevealIn
}
.pp-scroll-section.is-visible .pp-features-bar .pp-reveal-item:first-child,
.pp-scroll-section.is-visible .pp-reveal-item:first-child {
  animation-delay:50ms
}
.pp-scroll-section.is-visible .pp-reveal-item:nth-child(2) {
  animation-delay:.11s
}
.pp-scroll-section.is-visible .pp-reveal-item:nth-child(3) {
  animation-delay:.17s
}
.pp-scroll-section.is-visible .pp-reveal-item:nth-child(4) {
  animation-delay:.23s
}
.pp-scroll-section.is-visible .pp-reveal-item:nth-child(5) {
  animation-delay:.29s
}
.pp-scroll-section.is-visible .pp-reveal-item:nth-child(6) {
  animation-delay:.35s
}
.pp-scroll-section.is-visible .pp-category-grid .pp-reveal-item:first-child,
.pp-scroll-section.is-visible .pp-services .pp-reveal-item:first-child {
  animation-delay:80ms
}
.pp-scroll-section.is-visible .pp-category-grid .pp-reveal-item:nth-child(2) {
  animation-delay:.14s
}
.pp-scroll-section.is-visible .pp-category-grid .pp-reveal-item:nth-child(3),
.pp-scroll-section.is-visible .pp-features-bar .pp-reveal-item:nth-child(4) {
  animation-delay:.2s
}
.pp-scroll-section.is-visible .pp-category-grid .pp-reveal-item:nth-child(4) {
  animation-delay:.26s
}
.pp-scroll-section.is-visible .pp-category-grid .pp-reveal-item:nth-child(5) {
  animation-delay:.32s
}
.pp-scroll-section.is-visible .pp-category-grid .pp-reveal-item:nth-child(6) {
  animation-delay:.38s
}
.pp-scroll-section.is-visible .pp-services .pp-reveal-item:nth-child(2) {
  animation-delay:.16s
}
.pp-scroll-section.is-visible .pp-services .pp-reveal-item:nth-child(3) {
  animation-delay:.24s
}
.pp-scroll-section.is-visible .pp-features-bar .pp-reveal-item:nth-child(2) {
  animation-delay:.1s
}
.pp-scroll-section.is-visible .pp-features-bar .pp-reveal-item:nth-child(3) {
  animation-delay:.15s
}
.pp-scroll-section.is-visible .pp-features-bar .pp-reveal-item:nth-child(5) {
  animation-delay:.25s
}
@keyframes ppRevealIn {
  from {
    opacity:0;
    transform:translateY(22px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
.pp-lazy-img {
  background:#cde3ff30;
  opacity:0;
  transition:opacity .45s;
  border-radius:5px!important
}
.pp-benefit:hover::before,
.pp-hero-slide.is-active,
.pp-lazy-img.is-loaded {
  opacity:1
}
.pp-hero {
  position:relative;
  width:100%;
  height:370px;
  border-radius:8px;
  background-color:#031832;
  background-image:url("https://parpardaz.net/wp-content/uploads/2026/08/main-bg-parpardaz.jpg");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover
}
.pp-hero-overlay {
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(1,15,38,.99) 0,rgba(2,18,42,.97) 25%,rgba(2,21,46,.78) 44%,rgba(2,23,49,.38) 59%,rgba(0,20,45,.06) 77%,rgba(0,20,45,0) 100%)
}
.pp-hero-inner {
  position:relative;
  z-index:3;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  direction:ltr
}
.pp-hero-content {
  width:55%;
  height:100%;
  padding:30px 35px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  direction:rtl
}
.pp-hero-text {
  width:100%;
  max-width:510px;
  display:flex;
  flex-direction:column;
  align-items:center
}
.pp-hero-slider {
  position:relative;
  width:45%;
  height:100%
}
.pp-hero-slide {
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:0 10px;
  opacity:0;
  transition:opacity .8s
}
.pp-hero-slide img {
  display:block;
  width:auto;
  max-width:80%;
  max-height:80%;
  object-fit:contain;
  object-position:bottom center;
  filter:drop-shadow(0 8px 24px rgba(0, 0, 0, .35));
  position:relative;
  top:-40px;
  left:-20px
}
.pp-hero-dots {
  position:absolute;
  bottom:25px;
  left:46%;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  transform:translateX(-50%)
}
.pp-hero-dot {
  width:8px;
  height:8px;
  padding:0;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.38);
  cursor:pointer;
  transition:width .3s,background .3s,border-radius .3s
}
.pp-hero-dot:hover {
  background:rgba(255,255,255,.65)
}
.pp-hero-dot.is-active {
  width:22px;
  border-radius:4px;
  background:#0871ed
}
.pp-hero h1 {
  width:100%;
  margin:0 0 12px;
  color:#fff;
  font-size:31px;
  font-weight:800;
  line-height:1.65
}
.pp-hero h1 span {
  color:#3bbda0;
}
.pp-hero p {
  width:100%;
  margin:0 0 18px;
  color:rgba(255,255,255,.88);
  font-size:18px;
  font-weight:400;
  line-height:2.5;
}
.pp-hero-actions {
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:12px
}
.pp-hero-btn,
.pp-hero-btn-icons {
  align-items:center;
  display:inline-flex
}
.pp-hero-btn {
  height:43px;
  padding:0 15px;
  justify-content:center;
  gap:8px;
  border-radius:9px;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  transition:.25s
}
.pp-hero-btn i {
  font-size:14px
}
.pp-hero-btn-icons {
  gap:6px
}
.pp-hero-btn-icons i {
  font-size:13px
}
.pp-hero-btn-primary .pp-hero-btn-icons i:last-child {
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  font-size:10px
}
.pp-hero-btn-primary {
  min-width:200px;
  color:#fff;
  background:linear-gradient(135deg,#0965ec,#1557e3);
  box-shadow:0 7px 18px rgba(0,81,230,.28)
}
.pp-hero-btn-primary:hover {
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,81,230,.42)
}
.pp-hero-btn-secondary {
  min-width:200px;
  color:#fff;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(0,0,0,.06)
}
.pp-hero-btn-secondary:hover {
  color:#fff;
  background:rgba(255,255,255,.08);
  transform:translateY(-2px)
}
.pp-hero-stats {
  width:100%;
  max-width:535px;
  margin-top:22px;
  display:grid;
  gap:6px;
  direction:rtl
}
.pp-hero-stat {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.pp-hero-stat-icon {
  width:27px;
  height:27px;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0871ed;
  font-size:30px
}
.pp-hero-stat strong {
  color:#fff;
  font-size:18px;
  font-weight:800;
  line-height:1.35
}
.pp-hero-stat span {
  margin-top:1px;
  color:rgba(255,255,255,.72);
  font-size:11px;
  line-height:1.5
}
.pp-benefits {
  width:100%;
  min-height:112px;
  margin-top:11px;
  padding:0 10px;
  display:grid;
  direction:rtl;
  background-color:#fff;
  background-image:linear-gradient(#e8ebf1,#e8ebf1),linear-gradient(#e8ebf1,#e8ebf1),linear-gradient(#e8ebf1,#e8ebf1);
  background-size:1px 64%,1px 64%,1px 64%;
  background-position:calc(25% - .5px) 18%,calc(50% - .5px) 18%,calc(75% - .5px) 18%;
  background-repeat:no-repeat;
  border:1px solid #e4e8ef;
  border-radius:14px
}
.pp-benefit {
  position:relative;
  min-height:96px;
  padding:10px 16px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  cursor:default;
  transition:transform .4s cubic-bezier(.34, 1.56, .64, 1),background .35s
}
.pp-benefit-icon,
.pp-category-img {
  align-items:center;
  position:relative
}
.pp-benefit::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(160deg,rgba(7,92,229,.07) 0,rgba(7,92,229,.02) 45%,transparent 70%);
  opacity:0;
  transition:opacity .35s;
  pointer-events:none
}
.pp-benefit::after {
  content:none
}
.pp-benefit:hover {
  transform:translateY(-4px);
  background:rgba(238,244,255,.65)
}
.pp-benefit-icon {
  z-index:1;
  width:50px;
  height:50px;
  margin-bottom:5px;
  display:flex;
  justify-content:center;
  color:#075ce5;
  transition:transform .45s cubic-bezier(.34, 1.56, .64, 1),color .3s
}
.pp-benefit:hover .pp-benefit-icon {
  transform:translateY(-6px) scale(1.1);
  color:#0648b8
}
.pp-benefit-icon svg {
  width:100%;
  height:100%;
  display:block
}
.pp-benefit-text {
  position:relative;
  z-index:1;
  width:100%;
  max-width:210px;
  transition:transform .4s cubic-bezier(.34, 1.56, .64, 1)
}
.pp-benefit:hover .pp-benefit-text {
  transform:translateY(-3px)
}
.pp-benefit-text h3 {
  margin:0 0 3px;
  color:#0753c9;
  font-size:16px;
  font-weight:800;
  line-height:1.55;
  transition:color .3s
}
.pp-benefit:hover .pp-benefit-text h3,
.pp-smart-stat:hover strong {
  color:#0648b8
}
.pp-benefit-text p {
  margin:0;
  color:#707784;
  font-size:12px;
  line-height:1.75;
  transition:color .3s;
  font-weight:400;
}
.pp-benefit:hover .pp-benefit-text p,
.pp-smart-stat:hover span {
  color:#5a6578
}
.pp-categories {
  width:100%;
  padding-top:0
}
.pp-categories>h2 {
  margin:-10px 0 30px;
  color:#172033;
  font-size:18px;
  font-weight:bolder;
  line-height:1.7
}
.pp-category-grid {
  width:100%;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  direction:rtl
}
.pp-category {
  position:relative;
  height:125px;
  padding:8px 7px 5px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  background:#fff;
  border:1px solid #e4e9f0;
  border-radius:12px;
  cursor:pointer;
  transition:transform .4s cubic-bezier(.34, 1.56, .64, 1),box-shadow .35s,border-color .35s
}
.pp-category::before {
  content:"";
  position:absolute;
  top:0;
  right:-130%;
  z-index:2;
  width:50%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  transform:skewX(-20deg);
  transition:right .7s;
  pointer-events:none
}
.pp-category::after,
.pp-smart-stat::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:1;
  height:3px;
  background:linear-gradient(90deg,#075ce5,#08c6d5);
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .4s cubic-bezier(.34, 1.56, .64, 1)
}
.pp-category:hover {
  transform:translateY(-6px);
  border-color:#9ebef5;
  box-shadow:0 14px 28px rgba(7,92,229,.14),0 4px 10px rgba(24,72,140,.08)
}
.pp-category:hover::before {
  right:130%
}
.pp-category:hover::after,
.pp-service-card:hover::after,
.pp-smart-stat:hover::after {
  transform:scaleX(1)
}
.pp-category-name {
  position:relative;
  z-index:2;
  width:100%;
  color:#252d3b;
  font-size:14px;
  font-weight:700;
  line-height:1.7;
  white-space:nowrap;
  transition:color .3s
}
.pp-category:hover .pp-category-name {
  color:#0753c9;
  animation:2.8s ease-in-out infinite alternate pp-name-scroll
}
@keyframes pp-name-scroll {
  0% {
    transform:translateX(0)
  }
  100% {
    transform:translateX(6px)
  }
}
.pp-category-img {
  z-index:1;
  width:100%;
  height:86px;
  display:flex;
  justify-content:center
}
.pp-category-img img {
  display:block;
  width:auto;
  max-width:90%;
  height:80px;
  object-fit:contain;
  transition:transform .5s cubic-bezier(.34, 1.56, .64, 1),filter .35s
}
.pp-category:hover .pp-category-img img {
  transform:translateY(-10px) scale(1.12);
  filter:drop-shadow(0 8px 14px rgba(7, 92, 229, .18))
}
.pp-category-more {
  width:250px;
  height:32px;
  margin:12px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#075ce5;
  border:1px solid #a5c3f5;
  border-radius:8px;
  background:#fff;
  font-size:13.5px;
  font-weight:700;
  transition:.22s
}
.pp-smart-aside,
.pp-smart-content {
  flex-direction:column;
  display:flex
}
.pp-category-more i {
  font-size:11px
}
.pp-category-more:hover,
.pp-product-btn:hover,
.pp-service-btn:hover {
  color:#fff;
  background:#075ce5;
  border-color:#075ce5
}
.pp-smart {
  position:relative;
  width:100%;
  height:275px;
  border-radius:14px;
  background:#edf4ff;
  direction:ltr;
  margin-top:-15px
}
.pp-smart-aside {
  position:relative;
  z-index:4;
  width:50%;
  height:100%;
  padding:30px 35px 22px;
  justify-content:center;
  align-items:center;
  background:linear-gradient(180deg,#eef4ff 0,#f8fbff 100%);
  clip-path:polygon(0 0,100% 0,82% 100%,0 100%);
  direction:rtl
}
.pp-smart-aside::after {
  content:"";
  position:absolute;
  top:-25px;
  right:7%;
  width:32px;
  height:125%;
  background:rgba(0,0,0,.08);
  transform:skewX(-26deg);
  filter:blur(1.5px);
  pointer-events:none
}
.pp-smart-main {
  position:absolute;
  inset:0;
  z-index:1
}
.pp-smart-background {
  position:absolute;
  inset:0;
  background-image:url("https://parpardaz.net/wp-content/uploads/2026/08/main-bg-parpardaz.jpg");
  background-repeat:no-repeat;
  background-position:72% center;
  background-size:cover
}
.pp-smart-main::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,#edf4ff 0,#edf4ff 10%,rgba(237,244,255,.92) 20%,rgba(237,244,255,.45) 34%,rgba(237,244,255,.05) 48%,transparent 56%)
}
.pp-smart-content {
  width:100%;
  height:100%;
  justify-content:center;
  align-items:center;
  direction:rtl
}
.pp-smart-text {
  width:100%;
  max-width:510px;
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:-15px
}
.pp-smart-content h2 {
  width:100%;
  margin:0 0 2px;
  color:#16233a;
  font-size:28px;
  font-weight:800;
  line-height:1.65
}
.pp-smart-content ul {
  width:100%;
  margin:0 0 18px;
  padding:0 68px 0 0;
  list-style:none
}
.pp-smart-content li {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  margin-bottom:2px;
  color:#59667b;
  font-size:15.5px;
  font-weight:200;
  line-height:1.8
}
.pp-smart-content li i {
  color:#075de0;
  font-size:12px;
  flex-shrink:0
}
.pp-smart-socials {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  padding-right:100px;
  margin-top:-10px!important
}
.pp-smart-social {
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  border-radius:50%;
  font-size:18px;
  box-shadow:0 6px 16px rgba(7,92,229,.22);
  transition:transform .35s cubic-bezier(.34, 1.56, .64, 1),box-shadow .35s
}
.pp-smart-social-telegram {
  background:linear-gradient(135deg,#2aabee,#229ed9)
}
.pp-smart-social-whatsapp {
  background:linear-gradient(135deg,#25d366,#1ebe57)
}
.pp-smart-social-instagram {
  background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)
}
.pp-smart-social:hover {
  color:#fff;
  transform:translateY(-4px) scale(1.08);
  box-shadow:0 10px 22px rgba(7,92,229,.28)
}
.pp-smart-stats {
  position:absolute;
  top:70%;
  right:18px;
  left:48%;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  transform:translateY(-50%);
  direction:rtl
}
.pp-smart-stat {
  position:relative;
  min-height:50px;
  padding:10px 6px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  background:rgba(255,255,255,.98);
  border:1px solid #dce4ef;
  border-radius:10px;
  box-shadow:0 7px 16px rgba(0,22,50,.14);
  cursor:default;
  transition:transform .4s cubic-bezier(.34, 1.56, .64, 1),box-shadow .35s,border-color .35s,background .35s
}
.pp-smart-stat::before {
  content:"";
  position:absolute;
  top:0;
  right:-120%;
  z-index:1;
  width:55%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
  transform:skewX(-18deg);
  transition:right .65s;
  pointer-events:none
}
.pp-smart-stat:hover {
  transform:translateY(-6px);
  border-color:#9ebef5;
  background:#fff;
  box-shadow:0 14px 28px rgba(7,92,229,.16),0 4px 12px rgba(0,22,50,.1)
}
.pp-smart-stat:hover::before {
  right:120%
}
.pp-smart-stat strong {
  position:relative;
  z-index:2;
  color:#0758cf;
  font-size:23px;
  font-weight:bolder;
  line-height:1.3;
  transition:color .3s
}
.pp-smart-stat-icon {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  height:20px;
  color:#8eb8f0;
  font-size:20px;
  line-height:1;
  transition:transform .4s cubic-bezier(.34, 1.56, .64, 1),color .3s
}
.pp-smart-stat:hover .pp-smart-stat-icon {
  transform:translateY(-3px) scale(1.12);
  color:#0871ed
}
.pp-smart-stat span {
  position:relative;
  z-index:2;
  color:#697385;
  font-size:13px;
  font-weight:400;
  line-height:1.45;
  transition:color .3s
}
.pp-featured {
  width:100%;
  padding:18px 0 8px;
  margin-top:-30px
}
.pp-brands>h2,
.pp-featured>h2 {
  margin:0 0 30px;
  color:#172033;
  font-size:18px;
  font-weight:800;
  line-height:1.7;
  text-align:center
}
.pp-products-slider {
  width:100%;
  overflow:hidden
}
.pp-products-track {
  display:flex;
  gap:12px;
  direction:rtl;
  transition:transform .5s
}
.pp-product-card {
  flex:0 0 calc(20% - 10px);
  min-width:0;
  padding:12px 10px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  background:#fff;
  border:1px solid #e4e9f0;
  border-radius:12px;
  direction:rtl;
  transition:transform .35s,box-shadow .35s,border-color .35s
}
.pp-product-card:hover {
  transform:translateY(-4px);
  border-color:#b9ccef;
  box-shadow:0 10px 22px rgba(24,72,140,.1)
}
.pp-product-img {
  width:100%;
  height:110px;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  justify-content:center
}
.pp-product-img img {
  max-width:90%;
  max-height:100%;
  object-fit:contain
}
.pp-product-card h3 {
  margin:0 0 6px;
  color:#252d3b;
  font-size:11px;
  font-weight:700;
  line-height:1.6
}
.pp-product-price {
  margin:0 0 10px;
  color:#075ce5;
  font-size:12px;
  font-weight:800;
  line-height:1.5
}
.pp-product-price span {
  font-size:9px;
  font-weight:600
}
.pp-product-btn {
  width:100%;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#075ce5;
  border:1px solid #a5c3f5;
  border-radius:8px;
  background:#fff;
  font-size:9px;
  font-weight:700;
  transition:.22s
}
.pp-products-dots {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:12px
}
.pp-products-dot {
  width:8px;
  height:8px;
  padding:0;
  border:none;
  border-radius:50%;
  background:#d5deec;
  cursor:pointer;
  transition:width .3s,background .3s,border-radius .3s
}
.pp-products-dot.is-active {
  width:22px;
  border-radius:4px;
  background:#075ce5
}
@media (min-width:901px) {
  .pp-products-dots {
    display:none
  }
}
.pp-brands {
  width:100%;
  padding:16px 0 10px;
  margin-top:-45px
}
.pp-brands-box {
  width:102%!important;
  padding:22px 18px;
  background:#f5f7fa;
  border:1px solid #e8ecf2;
  margin:-12px
}
.pp-brands-logos {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  direction:ltr
}
.pp-brand-item {
  flex:1;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center
}
.pp-brand-item img {
  display:block;
  max-width:100%;
  height: 80%;
  object-fit:contain;
  transition:.3s
}
.pp-brand-item:hover img {
  filter:grayscale(0%);
  opacity:0.8;
  background-color: #5bb6da26;
  padding: 2px;
  border-radius: 8px;
  width: 100%;
}
.pp-brand-text {
  color:#4a5568;
  font-size:15px;
  font-weight:800;
  letter-spacing:.5px
}
.pp-services-wrap {
  width:100%;
  padding:0 30px
}
.pp-services {
  width:100%;
  padding:14px 0 10px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px
}
.pp-service-card {
  position:relative;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  isolation:isolate;
  background:#fff;
  border:1px solid #e4e9f0;
  border-radius:12px;
  direction:rtl;
  transition:transform .42s cubic-bezier(.34, 1.2, .64, 1),box-shadow .35s,border-color .35s
}
.pp-service-card::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%);
  transform:translateX(-125%);
  transition:transform .7s;
  pointer-events:none
}
.pp-service-card::after {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:2;
  height:3px;
  background:linear-gradient(90deg,var(--pp-blue),var(--pp-cyan));
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .4s
}
.pp-service-card:hover {
  transform:translateY(-6px);
  border-color:#c5d9f8;
  box-shadow:0 16px 32px rgba(7,92,229,.12)
}
.pp-service-card:hover::before {
  transform:translateX(125%)
}
.pp-service-img {
  flex:0 0 42%;
  min-height:130px
}
.pp-service-img img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.22, 1, .36, 1)
}
.pp-service-card:hover .pp-service-img img {
  transform:scale(1.08)
}
.pp-service-body {
  position:relative;
  z-index:1;
  flex:1;
  padding:14px 14px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:right;
  transition:background .35s
}
.pp-service-card:hover .pp-service-body {
  background:linear-gradient(180deg,#fff 0,#f8fbff 100%)
}
.pp-service-body h3 {
  margin:0 0 6px;
  color:#16233a;
  font-size:17px;
  font-weight:700;
  line-height:1.6
}
.pp-service-body p {
  margin:0 0 10px;
  color:#6b7280;
  font-size:14px;
  line-height:1.75
}
.pp-service-btn {
  align-self:flex-start;
  height:30px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#075ce5;
  border:1px solid #a5c3f5;
  border-radius:8px;
  background:#fff;
  font-size:13.5px;
  font-weight:700;
  transition:.22s;
  width:100%
}
.pp-card-date,
.pp-card:hover .pp-card-title a {
  color:#02a782
}
.pp-articles {
  width:100%;
  padding:20px 0 14px;
  margin-top:-50px;
  text-align:center
}
.pp-articles h2 {
  margin:0 0 14px;
  color:#172033;
  font-size:18px;
  font-weight:800;
  line-height:1.5;
  text-align:center
}
.pp-articles p {
  margin:0;
  color:#707887;
  font-size:14px;
  line-height:1.8
}
.pp-features-bar {
  width:102%;
  padding:14px 12px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  background:#eef4ff;
  border:1px solid #dce8fb;
  margin-right:-12px;
  margin-top:30px;
  margin-bottom:-50px
}
.pp-features-bar-item {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center
}
.pp-features-bar-item i {
  color:#075ce5;
  font-size:18px
}
.pp-features-bar-item span {
  color:#4a5568;
  font-size:13px;
  font-weight:400;
  line-height:1.5
}
@media (max-width:900px) {
  .pp-section-one {
    padding:0 15px
  }
  .pp-hero-content {
    width:61%
  }
  .pp-hero-slider {
    width:39%
  }
  .pp-hero h1 {
    font-size:27px
  }
  .pp-category-grid,
  .pp-features-bar {
    grid-template-columns:repeat(3,1fr)
  }
  .pp-smart-aside {
    width:61%;
    padding:30px 28px 22px
  }
  .pp-smart-stats {
    left:54%;
    gap:8px
  }
  .pp-product-card {
    flex:0 0 calc(33.333% - 8px)
  }
  .pp-services {
    grid-template-columns:1fr
  }
  .pp-brands-logos {
    flex-wrap:wrap;
    justify-content:center
  }
  .pp-brand-item {
    flex:0 0 calc(33.333% - 12px)
  }
}
.pp-card-date,
.pp-swiper-container .pp-swiper-button-next i,
.pp-swiper-container .pp-swiper-button-prev i {
  font-size:10px
}
.pp-card,
.pp-card-img a,
.pp-card-img img {
  width:100%;
  height:100%
}
@media (prefers-reduced-motion:reduce) {
  .pp-benefit,
  .pp-benefit-icon,
  .pp-benefit-text,
  .pp-benefit::after,
  .pp-benefit::before,
  .pp-category,
  .pp-category-img img,
  .pp-category-name,
  .pp-category::after,
  .pp-category::before,
  .pp-reveal-item,
  .pp-scroll-section,
  .pp-service-card,
  .pp-service-card::after,
  .pp-service-card::before,
  .pp-service-img img,
  .pp-smart-social,
  .pp-smart-stat,
  .pp-smart-stat-icon,
  .pp-smart-stat::after,
  .pp-smart-stat::before {
    animation:none!important;
    transition:none!important
  }
  .pp-reveal-item,
  .pp-scroll-section {
    opacity:1!important;
    transform:none!important
  }
  .pp-lazy-img {
    opacity:1!important
  }
  .pp-benefit:hover,
  .pp-category:hover,
  .pp-service-card:hover,
  .pp-smart-stat:hover {
    transform:none
  }
}
.pp-brand-item svg {
  transition:transform .3s
}
.pp-brand-item svg:hover {
  transform:scale(1.1);
  transition:.3s;
  opacity:.8;
  filter:brightness(.8)
}
.pp-swiper-container {
  position:relative;
  width:100%;
  max-width:100%;
  padding:8px 0 0;
  overflow:hidden;
  direction:ltr
}
.pp-card,
.pp-card-content,
.pp-swiper-container .swiper-slide {
  direction:rtl;
  box-sizing:border-box
}
.pp-swiper-container .swiper-wrapper {
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch;
  gap:20px;
  width:max-content;
  margin:0;
  padding:0;
  box-sizing:border-box;
  transition:transform .55s cubic-bezier(
  .4,
  0,
  .2,
  1
  );
  will-change:transform
}
#pp_products_slider_box .pp-swiper-pagination {
  bottom:50px!important
}
#pp_products_slider_box .pp-card {
  height:80%!important
}
.pp-swiper-container .swiper-slide {
  display:block!important;
  flex:0 0 auto;
  height:auto!important;
  min-width:0
}
.pp-card {
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid #e5e9ef;
  border-radius:12px;
  overflow:hidden;
  transition:transform .25s,box-shadow .25s,border-color .25s
}
.pp-card:hover {
  transform:translateY(-3px);
  border-color:#d8e0e8;
  box-shadow:0 8px 24px rgba(20,35,55,.07)
}
.pp-card-img {
  position:relative;
  width:100%;
  height:160px;
  overflow:hidden;
  flex-shrink:0;
  background:#f5f7f9
}
.pp-card-img a {
  display:block
}
.pp-card-img img {
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .4s
}
.pp-card:hover .pp-card-img img {
  transform:scale(1.025)
}
.pp-card-content {
  display:flex;
  flex-direction:column;
  flex-grow:1;
  padding:14px 15px 13px
}
.pp-card-date {
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:5px;
  margin-bottom:8px;
  padding:4px 8px;
  background:#f0faf7;
  border-radius:6px;
  font-weight:600;
  line-height:1.5
}
.pp-card-excerpt,
.pp-card-title a {
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.pp-card-btn i,
.pp-card-date i {
  font-size:9px
}
.pp-card-title {
  margin:0 0 7px!important;
  font-size:14px!important;
  line-height:1.75!important;
  font-weight:700!important;
  letter-spacing:0!important
}
.pp-card-title a {
  color:#1e293b;
  text-decoration:none!important;
  transition:color .2s
}
.pp-card-excerpt {
  margin:0!important;
  color:#7b8797;
  font-size:11px!important;
  line-height:1.85!important
}
.pp-card-btn,
.pp-card-link {
  text-decoration:none!important;
  font-size:11px;
  font-weight:600
}
.pp-card-link:hover {
  background:#4fdeff85;
  padding:3px 10px;
  transition:10ms;
  color:#02a782!important
}
.pp-card-link {
  transition:10ms;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:auto;
  padding:2px 10px 0;
  border-top:1px solid #edf0f3;
  color:#263446!important;
  background:#4fdeff0d;
  border-radius:8px
}
.pp-card-btn,
.pp-card-link i {
  align-items:center;
  display:flex
}
.pp-card-link i {
  width:26px;
  height:26px;
  justify-content:center;
  border-radius:50%;
  background:#f0faf7;
  color:#02a782;
  font-size:9px;
  transition:background .2s,color .2s,transform .2s
}
.pp-card-link:hover i {
  background:#02a782;
  color:#fff;
  transform:translateX(-3px)
}
.pp-product-card .pp-card-content {
  min-height:145px
}
.pp-product-card .pp-card-title {
  margin-bottom:8px!important
}
.pp-product-card .pp-card-price {
  margin-top:auto;
  margin-bottom:9px;
  color:#02a782;
  font-size:14px;
  font-weight:700;
  line-height:1.6
}
.pp-product-card .pp-card-price del {
  color:#9aa5b1;
  font-size:10px
}
.pp-product-card .pp-card-price ins {
  color:#02a782;
  text-decoration:none
}
.pp-card-btn {
  width:100%;
  justify-content:center;
  gap:6px;
  padding:8px 10px;
  border-radius:7px;
  background:#f1f8f6;
  color:#087c68!important;
  box-sizing:border-box;
  transition:background .2s,color .2s
}
.pp-card-btn:hover {
  background:#02a782;
  color:#fff!important
}
.pp-swiper-container .pp-swiper-button-next,
.pp-swiper-container .pp-swiper-button-prev {
  position:absolute;
  top:50%;
  z-index:20;
  width:34px;
  height:34px;
  margin-top:-17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.98);
  border:1px solid #e1e6eb;
  border-radius:50%;
  color:#344054;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
  cursor:pointer;
  transition:background .2s,color .2s,border-color .2s,transform .2s
}
.pp-swiper-container .pp-swiper-button-next {
  left:8px!important;
  right:auto!important
}
.pp-swiper-container .pp-swiper-button-prev {
  right:8px!important;
  left:auto!important
}
.pp-swiper-container .pp-swiper-button-next:hover,
.pp-swiper-container .pp-swiper-button-prev:hover {
  background:#02a782;
  border-color:#02a782;
  color:#fff;
  transform:translateY(-1px)
}
.pp-swiper-container .pp-slider-disabled {
  opacity:.35;
  pointer-events:none
}
.pp-swiper-pagination {
  position:relative;
  bottom:-15px!important;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  height:40px
}
.pp-swiper-pagination .swiper-pagination-bullet {
  appearance:none;
  border:0;
  padding:0;
  margin:0!important;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d8dee5;
  opacity:1;
  cursor:pointer;
  transition:width .25s,background .25s,transform .25s
}
.pp-swiper-pagination .swiper-pagination-bullet:hover {
  background:#9fb4ad
}
.pp-swiper-pagination .swiper-pagination-bullet-active {
  width:17px;
  height:6px;
  border-radius:5px;
  background:#02a782!important
}
@media (max-width:1024px) {
  .pp-swiper-container .swiper-wrapper {
    gap:16px
  }
  .pp-card-img {
    height:150px
  }
  .pp-card-content {
    padding:13px
  }
  .pp-card-title {
    font-size:13px!important
  }
}
@media (max-width:767px) {
  .pp-benefit-text,
  .pp-hero-stats,
  .pp-smart-content {
    max-width:100%
  }
  .pp-brands,
  .pp-features-bar>div:last-child,
  .pp-smart-aside::after {
    display:none
  }
  #content {
    margin-bottom:0!important
  }
  .pp-featured {
    margin-top:-15px;
    padding:0
  }
  .pp-services {
    margin-top:-10px
  }
  .pp-smart-aside.pp-reveal-item {
    position:absolute;
    top:0;
    background:0 0;
    padding-top:33px
  }
  .pp-category {
    border-radius:4px
  }
  .pp-benefits,
  .pp-hero,
  .pp-section-one,
  .pp-smart,
  .pp-smart-main {
    border-radius:0
  }
  .pp-hero h1,
  .pp-hero-stat-icon i {
    font-size:25px
  }
  .pp-hero-stat strong {
    font-size:15px
  }
  .pp-section-one {
    margin:0;
    padding:0!important
  }
  .pp-hero-slide img {
    padding:0 10px;
    top:-25px;
    left:-12px
  }
  .pp-hero-dots {
    bottom:0
  }
  .pp-hero {
    height:555px;
    background-position:65% center
  }
  .pp-hero-overlay {
    background:linear-gradient(180deg,rgba(2,18,42,.04) 0,rgba(2,18,42,.35) 38%,rgba(2,18,42,.88) 67%,#031832 100%)
  }
  .pp-hero-inner {
    flex-direction:column
  }
  .pp-hero-slider {
    width:100%;
    height:52%;
    order:1
  }
  .pp-hero-content {
    width:100%;
    height:auto;
    flex:1;
    order:2;
    padding:18px 21px 22px;
    justify-content:center;
    align-items:center
  }
  .pp-hero p {
    font-size:14px
  }
  .pp-hero-actions {
    flex-wrap:wrap;
    gap:7px
  }
  .pp-category-grid,
  .pp-smart-stats {
    grid-template-columns:repeat(2,1fr);
    gap:8px
  }
  .pp-hero-btn {
    flex:1;
    min-width:0;
    height:42px;
    padding:0 9px;
    font-size:12px
  }
  .pp-hero-stats {
    margin-top:16px
  }
  .pp-benefits {
    height:auto;
    padding:4px 4px 0;
    grid-template-columns:repeat(2,1fr);
    background-image:linear-gradient(#e8ebf1,#e8ebf1),linear-gradient(#e8ebf1,#e8ebf1);
    background-size:1px 66%,66% 1px;
    background-position:calc(50% - .5px) 17%,17% calc(50% - .5px);
    margin-top:-28px;
    margin-bottom:0
  }
  .pp-benefit {
    min-height:100px;
    padding:10px 10px 12px
  }
  .pp-benefit:first-child,
  .pp-benefit:nth-child(2) {
    border-bottom:none
  }
  .pp-benefit-icon {
    width:40px;
    height:40px;
    margin-bottom:4px
  }
  .pp-benefit-text h3 {
    font-size:13px
  }
  .pp-benefit-text p,
  .pp-smart-stat span {
    font-size:10.5px
  }
  .pp-categories {
    padding-top:12px;
    padding-bottom:0;
    margin-bottom:25px
  }
  .pp-category {
    height:120px
  }
  .pp-smart {
    display:flex;
    flex-direction:column;
    height:auto;
    min-height:500px
  }
  .pp-smart-aside {
    width:100%;
    height:auto;
    padding:22px 20px 18px;
    clip-path:none
  }
  .pp-smart-main {
    position:relative;
    height:500px
  }
  .pp-smart-background {
    position:absolute;
    inset:0
  }
  .pp-smart-main::before {
    background:linear-gradient(180deg,rgba(237,244,255,.15) 0,rgba(0,20,45,.35) 45%,rgba(0,20,45,.75) 100%)
  }
  .pp-smart-text {
    font-size:21px;
    text-align:center
  }
  .pp-smart-content h2 {
    font-size:21px;
    margin-bottom:10px;
    color:#fff
  }
  .pp-smart-socials {
    padding-right:0
  }
  .pp-smart-content ul {
    padding-right:23px;
    color:#fff;
    margin-bottom:35px;
    text-align:center
  }
  .pp-smart-content li {
    width:100%;
    font-size:16px;
    line-height:1.9;
    color:#fff;
    text-align:center
  }
  .pp-smart-social {
    width:40px;
    height:40px;
    font-size:17px
  }
  .pp-smart-stats {
    position:absolute;
    top:auto;
    right:12px;
    left:12px;
    bottom:20px;
    transform:none
  }
  .pp-smart-stat {
    min-height:68px
  }
  .pp-smart-stat strong {
    font-size:22px
  }
  .pp-smart-stat-icon {
    font-size:21px
  }
  .pp-product-card {
    flex:0 0 calc(50% - 6px)
  }
  .pp-brands-box {
    padding:16px 12px
  }
  .pp-brand-item {
    flex:0 0 calc(50% - 10px)
  }
  .pp-brand-item img {
    max-height:28px
  }
  .pp-services-wrap {
    margin:-40px -10px 0;
    padding:0 10px;
    overflow:hidden
  }
  .pp-services {
    display:flex;
    overflow-x:auto;
    gap:12px;
    padding-bottom:8px;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:10px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none
  }
  .pp-services::-webkit-scrollbar {
    display:none
  }
  .pp-service-card {
    flex:0 0 84%;
    flex-direction:column;
    scroll-snap-align:center
  }
  .pp-service-img {
    flex:none;
    width:100%;
    height:140px
  }
  .pp-service-body {
    padding:14px 12px 12px
  }
  .pp-service-body h3 {
    font-size:15px;
    text-align:center
  }
  .pp-service-body p {
    font-size:12.5px;
    text-align:center
  }
  .pp-articles {
    padding:0 0 10px;
    margin-top:-15px;
    margin-bottom:55px
  }
  .pp-articles h2,
  .pp-featured h2 {
    font-size:16px
  }
  .pp-articles p {
    font-size:13.5px;
    padding:0 8px
  }
  .pp-brands h2 {
    font-size:15px;
    line-height:1.6;
    padding:0 6px
  }
  .pp-features-bar {
    grid-template-columns:repeat(4,1fr);
    gap:12px 8px;
    padding:12px 10px;
    margin:0
  }
  .pp-features-bar-item {
    flex-direction:column;
    gap:4px
  }
  .pp-features-bar-item span {
    font-size:11.5px
  }
  .pp-swiper-container {
    padding:0
  }
  .pp-swiper-container .swiper-wrapper {
    gap:14px
  }
  .pp-card-img {
    height:150px
  }
  .pp-card-content {
    padding:13px
  }
  .pp-card-title {
    font-size:14px!important;
    line-height:1.7!important
  }
  .pp-card-excerpt {
    font-size:11px!important
  }
  .pp-swiper-container .pp-swiper-button-next,
  .pp-swiper-container .pp-swiper-button-prev {
    width:31px;
    height:31px;
    margin-top:-15.5px
  }
  .pp-swiper-container .pp-swiper-button-next {
    left:4px!important
  }
  .pp-swiper-container .pp-swiper-button-prev {
    right:4px!important
  }
  .pp-swiper-pagination {
    bottom:4px!important
  }
}
@media (max-width:400px) {
  .pp-card-img {
    height:140px
  }
  .pp-card-content {
    padding:12px
  }
  .pp-product-card .pp-card-content {
    min-height:140px
  }
}
.pp-brands-box {
  overflow:visible!important;
  position:relative
}
.pp-brands-logos {
  display:flex!important;
  align-items:center;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  max-width:none!important;
  gap:30px;
  direction:ltr;
  flex-shrink:0;
  will-change:transform;
  transform:translate3d(0,0,0)
}
.pp-brand-item {
  flex:0 0 95px!important;
  width:95px!important;
  min-width:95px!important;
  height:65px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible
}
.pp-brand-item svg {
  display:block;
  width:100%;
  height:55px;
  flex-shrink:0;
  overflow:visible
}
@keyframes ppBrandMove {
  from {
    transform:translate3d(0,0,0)
  }
  to {
    transform:translate3d(calc(-1 * var(--pp-loop-width)),0,0)
  }
}
@media (max-width:767px) {
  .pp-brands-box {
    overflow:visible!important
  }
  .pp-brands-logos {
    gap:30px;
    animation-duration:var(--pp-speed, 18s);
    animation:ppBrandMove var(--pp-speed,18s) linear infinite
  }
  .pp-brand-item {
    flex:0 0 95px!important;
    width:95px!important;
    min-width:95px!important;
    height:65px
  }
  .pp-brand-item svg {
    width:100%;
    height:55px
  }
}
@media (min-width:768px) {
  .pp-brands-box {
    overflow:hidden!important
  }
  .pp-brands-logos {
    gap:40px
  }
  .pp-brand-item {
    flex:0 0 150px!important;
    width:150px!important;
    min-width:150px!important;
    height:80px
  }
  .pp-brand-item svg {
    width:100%;
    height:70px
  }
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: -5px!important;
}