/* Custom CSS Here */

.btn-blue-solid,
.btn-green-solid {
    color: #ffffff;
}

.header .navbar .navbar-nav .nav-item .nav-link.active::after {
    background: #04B198;
    background: linear-gradient(90deg, rgba(3,176,152, 0) 0%, rgb(3,176,152) 50%, rgba(3,176,152, 0) 100%);
}
.header .navbar .navbar-nav .nav-item .nav-link:hover::after {
    background: #04B198;
    background: linear-gradient(90deg, rgba(3,176,152, 0) 0%, rgb(3,176,152) 50%, rgba(3,176,152, 0) 100%);
}

.hero .wrapper .image img {
    mix-blend-mode: normal;
}
.overview .wrapper .text p {
    text-align: justify;
}
.overview .wrapper .heading .stats-wrapper .stats-card:hover h3,
.overview .wrapper .heading .stats-wrapper .stats-card:hover p {
    color: #ffffff;
}
.services .wrapper .s-wrapper .s-item p {
    text-align: justify;
}

.portfolio .projectSwiper .swiper-wrapper .swiper-slide .p-item img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 5px;
}
.portfolio .projectSwiper .swiper-wrapper .swiper-slide .p-item .overlay-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    bottom: 70px;
    margin: auto 10px;
}
.portfolio .projectSwiper .swiper-wrapper .swiper-slide .p-item .overlay-text .btn-green-solid {
    padding: 5px;
}
.portfolio .projectSwiper .swiper-wrapper .swiper-slide .p-item .overlay-text .btn-green-solid svg {
    width: 24px;
    height: 24px;
}
.portfolio .projectSwiper .swiper-button-prev,
.portfolio .projectSwiper .swiper-button-next {
    width: 50px;
    height: 50px;
    background-color: rgba(var(--clr-one), 1);
    border-radius: 5px;
}
.portfolio .projectSwiper .swiper-button-prev::after,
.portfolio .projectSwiper .swiper-button-next::after {
    font-size: 24px;
    color:#fff;
}
.clients .swiper .swiper-wrapper .swiper-slide img {
    opacity: 1.0;
}

.testimonials {
  padding: 50px 0;
}
.testimonials .heading {
  position: relative;
  z-index: 0;
  margin-bottom: 50px;
}
.testimonials .heading h2 {
  color: rgba(var(--clr-one), 1);
  background-color: white;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 1rem;
}
.testimonials .heading h2::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(var(--clr-one), 0.1);
  position: absolute;
  left: 0;
  top: 30px;
  z-index: -1;
}
.testimonials .swiper {
  direction: rtl;
  padding-bottom: 50px;
}
.testimonials .swiper .swiper-wrapper {
  align-items: center;
}
.testimonials .swiper .swiper-wrapper .swiper-slide .testimonial-item {
  background-color: rgba(var(--clr-three), 0.2);
  border-radius: 10px;
  padding: 20px;
  min-height: 200px;
  border: 1px solid rgba(var(--clr-one), 0);
  transition: all ease 500;
}
.testimonials .swiper .swiper-wrapper .swiper-slide .testimonial-item:hover{
    border: 1px solid rgba(var(--clr-one), 1.0);
    transition: all ease 500;
}
.testimonials .swiper .swiper-wrapper .swiper-slide .testimonial-item .client-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}
.testimonials .swiper .swiper-wrapper .swiper-slide .testimonial-item .client-wrapper .icon {
    width: 50px;
    height: 50px;
    margin-left: 15px;
}
.testimonials .swiper .swiper-wrapper .swiper-slide .testimonial-item .client-wrapper .icon img {
    width: 50px;
    height: 50px;
}
.testimonials .swiper .swiper-wrapper .swiper-slide .testimonial-item .client-wrapper .name {
    font-size: 1.2rem;
    color: rgba(var(--clr-one), 1);
}

.testimonials .swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: rgba(var(--clr-one), 1);
}
.top-page .page-wrapper {
    background: linear-gradient(300deg, #04B198, #00d6b6, #04B198);
}
.page .about-wrapper .image img {
    object-fit: contain;
}
.page .about-wrapper .text-wrapper .text p,
.page .about-wrapper .text-wrapper .features .f-block p {
    text-align: justify;
}