.animate-head{
	white-space:nowrap!important;
	flex-shrink:0!important;
}
#breadcrumbs {
    font-family: 'Actay';
    font-size: 16px;
    font-weight: 400;
    color: #2C2C2C;
}

.white-template p#breadcrumbs .breadcrumb_last{
    color: #000000;
		font-weight:700;
}
.white-template p#breadcrumbs a{
    color: #2C2C2C;
		transition: color .3s ease-out;
}
.white-template p#breadcrumbs a:hover{
    color: #2FE6FF;
}
.home .elementor-location-header{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	z-index:99;
}
.dark-template p#breadcrumbs .breadcrumb_last{
    color: #ffffff;
		font-weight:700;
}
.dark-template p#breadcrumbs a{
    color: #2C2C2C;
		transition: color .3s ease-out;
}
.dark-template p#breadcrumbs a:hover{
    color: #2FE6FF;
}
.project-single-swiper{
	height:500px;
}
.swiper-wrapper{
	height:100%;
}
.swiper-wrapper img{
	height:100%;
	object-fit:cover;
}
.home{
	background-color:#0A0A0A;
}
@media (max-width:767px){
	.project-single-swiper{
		height:300px;
	}
	.services-hidden{
		padding-top:20px;
	}
	.services-hidden.hovered .services-bg:before{
    background-color: transparent
	}
}
.animate__line {
    min-width: fit-content!important;
}

@keyframes animateLine {
  0% {
    transform: translateX(0%);
  }
  
  50% {
    transform: translateX(calc(var(--marquee-width) - 100%));
  }
  100%{
      transform:translateX(0%);
  }
}
.wrapper{
	margin: 0 auto;
}

.arrow-small{
    padding: 0;
    white-space: nowrap;
    cursor: pointer;
}
.header-black{
    margin: 0 auto;
    align-self: center;
    right: 0px;
}
.header-black .arrow-small svg,.dev-button svg{
    transition: stroke .3s ease-out;
    stroke: #F9F9F9;
}
.black-template svg{
    transition: stroke .3s ease-out;
    stroke: #F9F9F9;
}
.arrow-small .elementor-button-icon{
    width: 16px;
    height: 16px;
}
.arrow-small:hover svg ,.dev-button:hover svg{
    stroke: #2FE6FF;
}
.arrow-small a:focus svg,.arrow-small a:active svg{
    stroke: #2FE6FF!important;
}
.elementor-item{
    padding: 0!important;
    overflow: hidden;
}
.elementor-item span{
    transform: translateY(3px);
    transition: transform 400ms ease-out!important;
    text-shadow: 0px 25px #F9F9F9;
}
.elementor-item:hover span{
    transform: translateY(-111%);
}


.animate__line {
  position: relative;
  display: flex;
  white-space: nowrap;
  will-change: transform;
}