.padding-4-percent{
  padding-top: 4%;
}
.image-wrapper img {
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-filter: brightness(100%);
}

.image-wrapper :hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(50%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#social-footer, #copy-footer {
  text-align: center;
}
.content-lines-inner,
.content-lines {
  border: none;
}
.pozo-footer-container {
  border-top: none;
}
.footer-copy {
  width: 100%;
  margin: 28px 0 0;
  padding-top: 18px;
  border-top: none;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.03em;
}
.footer-social {
  margin-top: 8px;
}
#social-footer li {
  margin-left: 20px;
}
.projects {
  padding-left: 15%;
  padding-right: 15%;
}
.footer-logo img {
  width: 50%;
}


.owl-carousel .owl-dots .owl-dot {
  width: 15px;
  height: 15px; 
  margin: 5px; 
  padding: 10px 10px;
  background-color: #ccc; 
  border-radius: 50%;
}

.owl-nav {
  display: none;
}

.persian-poem {
  direction: rtl;
}

.nastalig {
  font-family: IranNastaliq,'IranNastaliq',tahoma;
  font-size: 25px;
  direction: rtl;
  text-align: center;
}
.swiper-slide-block .banner-fa {
  font-family: IranNastaliq, 'IranNastaliq', tahoma !important;
  direction: rtl;
  text-align: right;
  letter-spacing: 0;
  word-spacing: 0;
  text-transform: none;
}
.swiper-slide-block p.banner-fa.next-main-title {
  font-size: 32px;
  line-height: 1.9;
  margin: 4px 0 10px;
}
.swiper-slide-block p.banner-fa.next-main-subtitle {
  font-size: 22px;
  line-height: 1.8;
  margin: 0 0 16px;
  color: #191919;
}
.swiper-slide-block p.banner-fa.next-paragraph {
  font-size: 22px;
  line-height: 1.9;
}
.description_1 {
  font-size: 17px;
}
.p-not-bold {
  font-size: 18px;
  font-weight: 200;
  margin: 0;
}

.span-bold {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.pozo-social-link i {
  color: rgba(156, 84, 81, 0.8);
  transition: all 200ms linear;
}
.pozo-social-link i:hover {
  color: rgba(156, 84, 81, 1);
  transition: all 200ms linear;
}
.pozo-social-link.instagram-link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.instagram-caption {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.3;
  color: #9c5451;
  font-weight: 400;
  letter-spacing: 0.02em;
}
#request-btn{
  background-color: rgba(156, 84, 81, 0.8);
  border-color: rgba(156, 84, 81, 1);
  width: 200px;
  transition: all 200ms linear;
}
#request-btn:hover {
  background-color: rgba(156, 84, 81, 1);
  transition: all 200ms linear;
}

#back-btn {
  color: rgba(156, 84, 81, 0.7);
  font-size: 21px;
  transition: all 200ms linear;
}

#back-btn i{
  color: rgba(156, 84, 81, 1);
  font-size: 21px;
  opacity: 0;
  padding: 0 15px 0 40px;
  transition: all 200ms linear;
}
#back-btn:hover i {
  opacity: 1;
  transition: all 200ms linear;
}
#back-btn:after {
  position: relative;
  display: block;
  bottom: -5px;
  left: 38%;
  width: 132px;
  height: 2px;
  content: '';
  background-color: #9c5451;
  opacity: 0;
  transition: all 200ms linear;
}
#back-btn:hover {
  color: rgba(156, 84, 81, 1);
  transition: all 200ms linear;
}
#back-btn:hover:after {
  bottom: -2px;
  opacity: 1;
}

.projects .item .item-link,
.portfolio_group.masonry-hover .item-link {
  display: block;
  position: relative;
  color: inherit;
}
.projects .item .item-link:hover,
.projects .item .item-link:focus,
.portfolio_group.masonry-hover .item-link:hover,
.portfolio_group.masonry-hover .item-link:focus {
  color: inherit;
  text-decoration: none;
}
.projects .item .con,
.portfolio_group.masonry-hover .con {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 48px 24px 28px;
  bottom: 0;
  text-align: center;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.42) 58%, transparent 100%);
}
.projects .item .con h5,
.projects .item .con h5 a,
.projects .item:hover .con h5,
.projects .item:hover .con h5 a,
.portfolio_group.masonry-hover .con h5,
.portfolio_group.masonry-hover .con h5 a {
  color: #fff;
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 1.3;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
}
.projects .item .con .title-fa,
.portfolio_group.masonry-hover .con .title-fa {
  color: #fff;
  margin: 0;
  font-family: IranNastaliq, 'IranNastaliq', tahoma;
  font-size: 32px;
  line-height: 1.6;
  direction: rtl;
  text-align: center;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
}
.projects .item:hover img,
.portfolio_group.masonry-hover .masonry-hover-wrapper:hover img {
  -webkit-filter: brightness(38%);
  filter: brightness(38%);
}

@media (hover: hover) and (pointer: fine) {
  .projects .item .con,
  .portfolio_group.masonry-hover .con {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .35s ease, transform .35s ease;
  }
  .projects .item:hover .con,
  .projects .item:focus-within .con,
  .portfolio_group.masonry-hover .masonry-hover-wrapper:hover .con,
  .portfolio_group.masonry-hover .item-link:focus-within .con {
    opacity: 1;
    transform: translateY(0);
    bottom: 0;
  }
}

@media (hover: none) {
  .projects .item .con,
  .portfolio_group.masonry-hover .con {
    opacity: 1;
    bottom: 0;
  }
  .projects .item img,
  .portfolio_group.masonry-hover img {
    -webkit-filter: brightness(72%);
    filter: brightness(72%);
  }
}

@media only screen and (max-width: 767px){
  .projects {
    padding-left: 0;
    padding-right: 0;
  }
  .nastalig {
    font-family: IranNastaliq,'IranNastaliq',tahoma;
    font-size: 16px;
    direction: rtl;
    text-align: center;
  }
  .p-not-bold {
    font-size: 15px;
    font-weight: 200;
    margin: 0;
  }

  .span-bold {
    font-size: 17px;
    font-weight: 500;
    margin: 0;
  }
  .description_1 {
    font-size: 15px;
  }
  .projects .item .con,
  .portfolio_group.masonry-hover .con {
    padding: 36px 16px 20px;
  }
  .projects .item .con h5,
  .projects .item .con h5 a,
  .portfolio_group.masonry-hover .con h5,
  .portfolio_group.masonry-hover .con h5 a {
    font-size: 20px;
  }
  .projects .item .con .title-fa,
  .portfolio_group.masonry-hover .con .title-fa {
    font-size: 26px;
  }
  .footer-social {
    margin-top: 16px;
  }
  .footer-copy {
    margin-top: 16px;
    padding-top: 14px;
    font-size: 11px;
  }
  .pozo-footer-container {
    padding: 28px 0 20px;
  }
}