/**
 * Theme Name:     Arolax Child
 * Author:         BoomDevs
 * Template:       arolax
 * Text Domain:	   arolax-child
 * Description:    Arolax is a versatile, responsive, and easily customizable digital agency portfolio WordPress theme. It comes with 40+ unique home pages, including the Dark and Light versions, along with a broad range of inner pages. Its specifically tailored for users who want to bring their websites to life with diverse, dynamic animations. The stunning look, exclusive features, and ultra-high performance make it a perfect choice for websites for digital agencies, startup businesses, design studios, digital marketing agencies, web design and development agencies, portfolio showcases, personal portfolios, and so on.
 */
.post-categories ul{
 display: flex;
 gap: 0 10px;
 flex-wrap: wrap;
}
.post-categories ul li a{
     font-size: 16px;
     line-height: 21px;
     font-weight: 500;
}

.home .portray-header-custom {
	height: 142px;
}
.portray-header-custom .open-offcanvas img {
    width: 48px;
}

.home .portray-header-custom-wrapper {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.portray-testimonial-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}

.portray-testimonial-bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.portray-testimonial-wrapper a {
  text-decoration: none;
  font-size: 3rem;
  color: #000;
  overflow: hidden;
  transition: ease .5s all;
  display: block;
  margin: .5rem 0;
  z-index: 2;
  padding: 15px 30px 15px 90px;
  text-shadow: 3px 5px 10px rgba(255,255,255,1);
}

.portray-testimonial-wrapper a:hover h2 {
  transition: ease .5s all;
  padding-left: 1rem;
  color: #ccc;
  text-shadow: 3px 5px 10px rgba(0,0,0,1);
}

.portray-testimonial-wrapper a:hover .follow-img {
  opacity: 1;
}

.portray-testimonial-wrapper .follow-img {
  opacity: 0;
  width: 100%;
  height: auto;
  max-width: 400px;
  box-sizing: border-box;
  transition: ease .2s;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: -1;
  object-fit: cover;
}

@media only screen and (max-width : 991px) {
	.home .portray-header-custom {
		height: auto;
	}
}

@media (min-width: 1921px) and (max-width: 2399px) {
	
  .home_slider .portfolio__area {
    padding-left: 180px !important;
  }
}