.ak-hero-slider,
.ak-hero-slider .carousel,
.ak-hero-slider .carousel-inner,
.ak-hero-slider .carousel-item {
    height: 100vh;
}

.ak-hero-slider .carousel-item {
    position: relative;
    overflow: visible !important;
}

/* MAIN IMAGE */
.ak-slide-main-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: 1s;
    z-index: 1;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* SHOW IMAGE AFTER ANIMATION */
.ak-slide-item.active.ak-animation-end .ak-slide-main-image {
    opacity: 1;
}

/* COLUMNS WRAPPER */
.ak-columns-wrapper {
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 5;
    perspective: 1400px;
}

/* SINGLE COLUMN */
.ak-single-column {
    flex: 1;
    position: relative;
    overflow: hidden;
    opacity: 0;

    transform: translateX(-250px) rotateY(90deg);

    transform-origin: left center;

    backface-visibility: hidden;
    transform-style: preserve-3d;

    will-change: transform, opacity;
}

/* COLUMN IMAGE */
.ak-single-column img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;

    backface-visibility: hidden;
    transform: translateZ(0);
}

/* IMAGE POSITIONING */
.ak-single-column:nth-child(1) img {
    left: 0;
}

.ak-single-column:nth-child(2) img {
    left: -20vw;
}

.ak-single-column:nth-child(3) img {
    left: -40vw;
}

.ak-single-column:nth-child(4) img {
    left: -60vw;
}

.ak-single-column:nth-child(5) img {
    left: -80vw;
}

/* ANIMATION */
.ak-slide-item.active .ak-single-column {
    animation: akColumnAnimation 1.1s forwards;
}

/* DELAY */
.ak-slide-item.active .ak-single-column:nth-child(1) {
    animation-delay: 0s;
}

.ak-slide-item.active .ak-single-column:nth-child(2) {
    animation-delay: 0.15s;
}

.ak-slide-item.active .ak-single-column:nth-child(3) {
    animation-delay: 0.3s;
}

.ak-slide-item.active .ak-single-column:nth-child(4) {
    animation-delay: 0.45s;
}

.ak-slide-item.active .ak-single-column:nth-child(5) {
    animation-delay: 0.6s;
}

/* KEYFRAMES */
@keyframes akColumnAnimation {

    0% {
        transform: translateX(-300px) rotateY(90deg);
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotateY(0deg);
        opacity: 1;
    }
}

/* HIDE COLUMNS */
.ak-slide-item.active.ak-animation-end .ak-columns-wrapper {
    opacity: 0;
    transition: .6s;
}

/* OVERLAY */
.ak-slider-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    z-index: 2;
}

/* CONTENT */
.ak-slider-content {
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);
    z-index: 20;
    color: #fff;
}

.ak-slider-content h1 {
    font-size: 75px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
}

.ak-slider-content p {
    font-size: 20px;
    max-width: 600px;
    color: #fff;
}

/* BOOTSTRAP CONFLICT FIX */
.ak-hero-slider .carousel-item {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    inset: 0;
    z-index: 1;
}

.ak-hero-slider .carousel-item.active {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2;
}

/* MOBILE */
@media(max-width:768px) {

    .ak-slider-content {
        left: 5%;
        right: 5%;
    }

    .ak-slider-content h1 {
        font-size: 42px;
    }

    .ak-slider-content p {
        font-size: 16px;
    }
}