/*--------------------------------------------------------------

## Dashboard - Header

--------------------------------------------------------------*/


/*--------------------------------------------------------------

## Home - Header

--------------------------------------------------------------*/


.S-home-header:before {
  position:absolute;
  content:"";
  z-index:80;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(40,60,80,0.5);
}

.page-header .slider .img {
  opacity: 0;
  animation-name: slideShow;
  animation-duration: 18s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.pic-1 {
  opacity: 1;
}

.pic-2 {
  animation-delay: 6s;
}

.pic-3 {
  animation-delay: 12s;
}

@keyframes slideShow {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  2% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  40% {
    opacity: 0;
    transform: scale(1.3);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}




.page-header .background:before {
    content:"";
    position:absolute;
    z-index:50;
    inset:0;
background: linear-gradient(90.11deg, #252535 11.94%, rgba(37, 37, 53, 0) 99.92%);
opacity:0.8;
}




@media (max-width: 1920px) {
  
  
  
}

@media (max-width: 1680px) {
  
  
  
}

@media (max-width: 1440px) {
  
  
  
}

@media (max-width: 1280px) {
  
  
  
}

@media (max-width: 1120px) {
  
  
  
}

@media (max-width: 960px) {
  
  .page-header {
    --h-800:0.8;
    --h-700:0.8;
  }

  .page-header {
    padding-top:90px;
  }
  
}

@media (max-width: 640px) {
  
  
  
}

@media (max-width: 480px) {
  
  
  
}

@media (max-width: 360px) {
  
  
  
}


/*--------------------------------------------------------------

## Dashboard - About

--------------------------------------------------------------*/






@media (max-width: 1920px) {
  
  
  
}

@media (max-width: 1680px) {
  
  
  
}

@media (max-width: 1440px) {
  
  
  
}

@media (max-width: 1280px) {
  
  
  
}

@media (max-width: 1120px) {
  
  
  
}

@media (max-width: 960px) {
  
  .home-about .container-m {
    grid-template-columns:1fr;
  }

  .home-about .side {
    height: calc((18.75rem * var(--responsive-70)) * (var(--h-300, 1)));
    position:relative;
  }

  .home-about .side svg {
    transform:translateY(-50%) translateX(-50%);
    left:50%;
  }

  
}

@media (max-width: 640px) {
  
  
  
}

@media (max-width: 480px) {
  
  
  
}

@media (max-width: 360px) {
  
  
  
}







/*--------------------------------------------------------------

## Dashboard - Serivces

--------------------------------------------------------------*/


.home-services .swiper {
  overflow:visible;
}

.home-services .swiper-slide {
  height:auto;
}

.home-services .swiper-wrapper .swiper-slide {

}

@media (min-width: 1120px) {
  
  .home-services .swiper-wrapper {
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc((1.25rem * var(--responsive-70)) * (var(--gap-20, 1)));
  }
  
  
}




@media (max-width: 1920px) {
  
  
  
}

@media (max-width: 1680px) {
  
  
  
}

@media (max-width: 1440px) {
  
  
  
}

@media (max-width: 1280px) {
  
  
  
}

@media (max-width: 1120px) {
  
  
  
}

@media (max-width: 960px) {
  
  
  
}

@media (max-width: 640px) {
  
  
  
}

@media (max-width: 480px) {
  
  
  
}

@media (max-width: 360px) {
  
  
  
}








/*--------------------------------------------------------------

## Dashboard - Banner

--------------------------------------------------------------*/

.home-banner {
    background:url("https://www.cresiventures.com/wp-content/uploads/2022/02/parallax-1-2-scaled.jpg");
    background-attachment:fixed;
  }
  
  .home-banner:before {
    content:"";
    position:absolute;
    inset:0;
    z-index:20;
    background:rgba(37,37,53,0.4);
  }
  


@media (max-width: 1920px) {
  
  
  
}

@media (max-width: 1680px) {
  
  
  
}

@media (max-width: 1440px) {
  
  
  
}

@media (max-width: 1280px) {
  
  
  
}

@media (max-width: 1120px) {
  
  
  
}

@media (max-width: 960px) {
  
  .home-banner {
    background-attachment: initial;
background-size: cover;
--h-480:0.8;
  }
  
  
}

@media (max-width: 640px) {
  
  
  
}

@media (max-width: 480px) {
  
  
  
}

@media (max-width: 360px) {
  
  
  
}






/*--------------------------------------------------------------

## Dashboard - Services

--------------------------------------------------------------*/







@media (max-width: 1920px) {



}

@media (max-width: 1680px) {

.home-services .item {
  --p-48:0.9;
  --text-28:0.9;
  --h-400:0.8;
}

}

@media (max-width: 1440px) {



}

@media (max-width: 1280px) {


  .home-services .desc {
    font-size:15px;
  }

}

@media (max-width: 1120px) {

  .home-services .head {
    flex-direction:column;
    --gap-140:0.6;
    align-items:flex-start;
  }

  .home-services .head .side {
    width:100%;
  }


.home-services .item {
  --p-48:1;
  --text-28:1;
  --h-400:1;
}

.home-services .desc {
  font-size:16px;
}


}

@media (max-width: 960px) {



}

@media (max-width: 640px) {



}

@media (max-width: 480px) {



}

@media (max-width: 360px) {



}




/*--------------------------------------------------------------

## Dashboard - Why

--------------------------------------------------------------*/







@media (max-width: 1920px) {

.home-why .line.h-500 {
  --h-500:0.95;
}

}

@media (max-width: 1680px) {


  .home-why .line.h-500 {
    --w-400:0.5;
  }

}

@media (max-width: 1440px) {

  .home-why .line.h-500 {
    --h-500:0.93;
    --w-400:0.6;
  }


}

@media (max-width: 1280px) {

  .home-why .line.h-500 {
    --h-500:0.91;
    --w-400:0.3;
  }


}

@media (max-width: 1120px) {



}

@media (max-width: 960px) {

.home-why .items {
  grid-template-columns:1fr;
}

.home-why .item .inner {
  height:auto;
  padding-top: calc((5rem * var(--responsive-40)) * (var(--py-80, 1)));
  padding-bottom: calc((5rem * var(--responsive-40)) * (var(--py-80, 1)));
}

}

@media (max-width: 640px) {

.home-why .icon {
  --mb-28:0.4;
}

}

@media (max-width: 480px) {



}

@media (max-width: 360px) {



}




/*--------------------------------------------------------------

## Dashboard - Services

--------------------------------------------------------------*/







@media (max-width: 1920px) {



}

@media (max-width: 1680px) {



}

@media (max-width: 1440px) {



}

@media (max-width: 1280px) {



}

@media (max-width: 1120px) {



}

@media (max-width: 960px) {



}

@media (max-width: 640px) {



}

@media (max-width: 480px) {



}

@media (max-width: 360px) {



}




/*--------------------------------------------------------------

## Dashboard - Services

--------------------------------------------------------------*/







@media (max-width: 1920px) {



}

@media (max-width: 1680px) {



}

@media (max-width: 1440px) {



}

@media (max-width: 1280px) {



}

@media (max-width: 1120px) {



}

@media (max-width: 960px) {



}

@media (max-width: 640px) {



}

@media (max-width: 480px) {



}

@media (max-width: 360px) {



}