.portfolio-boxarea .arrow a,
.portfolio-boxarea .content-area a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}

.portfolio-boxarea .content-area p {
  visibility: hidden;
  position: relative;
  margin: 0;
  text-align: center;
}


.portfolio-boxarea .content-area p::after {
	display: none;
  content: "Creative Direction";
  visibility: visible;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.4px;
  color: #b3b3b3;
  text-transform: uppercase;
}

.testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .names-area .elements20 {
	display: none;!important
}

#preloader {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #000; /* or dark background */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 0.5s ease;
}

.azb-container {
  display: flex;
  flex-direction: column;
  transform: rotate(-45deg);
}

.letter {
  font-size: 3rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #590016; /* Your accent color */
  opacity: 0;
  transform: scale(0.5);
  animation: showLetter 0.6s ease forwards;
}

.letter.z { animation-delay: 0.4s; }
.letter.b { animation-delay: 0.8s; }

@keyframes showLetter {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.service-tabs-area .nav li button .icons {
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    display: inline-block;
    transition: all 0.4s;
    background: #590016;!important
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -35px;
}

.progress-wrap svg.progress-circle path {
    stroke: #590016;!important
    stroke-width: 4;
    box-sizing: border-box;
    transition: 200ms linear;
}

.elementor-52 .elementor-element.elementor-element-f29b5f1 .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li:nth-child(2) a {
    background-color: transparent;
    background: #590016; /* fallback */
    background-image: linear-gradient(90deg, #9E2A2B 0%, #F5CBA7 100%);
    color: #FFFFFF;
}

.inner-section-area .imges-header .arrow {
    position: absolute;
    top: 0;
    right: -30px;
    display: none;!important
}