.home-slider-wrap {
position: relative;
padding-top: 50px;
overflow: hidden;
}
.home-slider-wrap .outer-bg {
background-image: url(https://development.ikf.in/sancheti/wp-content/uploads/2023/04/project-gallery-bg.jpg);
background-position: '50%';
background-size: contain;
position: absolute;
width: 110%;
height: 100%;
top: 0;
left: -5%
}
.home-slider-wrap .cnt {
position: relative;
z-index: 10;
text-align: center;
margin-bottom: -50px
}
.home-slider-wrap .sub {
font-family: 'gilroy';
font-weight: 400;
letter-spacing: 4px;
font-size: 13px;
text-transform: uppercase;
color: #eec668;
margin: 0
} .home-slider-wrap>a {
display: block;
width: 300px;
height: 100px;
background-color: #efefef
}
.home-slider-wrap .slider-outer {
position: relative;
top: 50px
}
.home-slider-wrap .slider {
-webkit-transform-origin: 50%;
transform-origin: 50%
}
.home-slider-wrap .inner {
position: relative;
-webkit-perspective: 10px;
perspective: 10px;
-webkit-perspective-origin: 50%;
perspective-origin: 50%;
z-index: auto !important
}
.home-slider-wrap .inner-bg {
position: absolute;
top: 0;
left: -50%;
width: 200%;
height: 100vh !important;
background-image: url(https://development.ikf.in/sancheti/wp-content/uploads/2023/04/golden-line.png);
background-position: 0 50%;
background-repeat: repeat-x;
pointer-events: none
}
.home-slider-wrap .slide {
position: relative;
display: block;
height: 46vw;
max-height: 910px;
width: 100vw;
float: left;
margin: 0 50px;
-webkit-perspective: 10px;
perspective: 10px;
-webkit-perspective-origin: 50%;
perspective-origin: 50%
}
.home-slider-wrap .img-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.home-slider-wrap .img-outer {
position: absolute;
-webkit-perspective: 100px;
perspective: 100px;
-webkit-perspective-origin: 50%;
perspective-origin: 50%
}
.home-slider-wrap .layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.home-slider-wrap .img-outer:nth-child(1) {
left: 0;
top: 1vw;
width: 17vw;
height: 24vw;
max-height: 472px
}
.home-slider-wrap .img-outer:nth-child(2) {
left: 120px;
bottom: 3vw;
width: 20vw;
height: 11vw;
max-height: 216px
}
.home-slider-wrap .img-outer:nth-child(3) {
left: -webkit-calc(50% - 20vw);
left: calc(50% - 20vw);
bottom: 14vw;
width: 40vw;
height: 25vw;
max-height: 491px
}
.home-slider-wrap .img-outer:nth-child(4) {
right: 11vw;
top: 0;
width: 11vw;
height: 11vw;
max-height: 216px
}
.home-slider-wrap .img-outer:nth-child(5) {
right: 0;
bottom: 0;
width: 17vw;
height: 24vw;
max-height: 472px
}
.home-slider-wrap .img {
position: absolute;
top: 0;
left: -25%;
width: 150%;
height: 100%;
background-size: cover;
background-position: center center !important;
}
.home-slider-wrap .single-slider-section {
display: none;
padding: 0
}
.home-slider-wrap .single-slider-section .slider-wrap {
padding-bottom: 20px;
width: 100%;
left: 0
}
.home-slider-wrap .slider-pixi {
display: none;
position: relative
}
.home-slider-wrap .slider-pixi canvas {
display: block;
width: 100%;
height: 910px
}