/* -----------------------------------------
   Home page slider
----------------------------------------- */

.slick-slider:not(.slick-initialized) {
	&::after {
		content: '';
		display: table;
		clear: both;
	}

	.slick-slide:first-child {
		display: block;
	}
}

.slick-slide {
	transition: transform .3s ease-in-out;
}

#home-slider {

}

.home-slide {
	width: 100%;
}

.home-slide__inner {
	height: 100%;
}

.home-slide__inner .grid-container {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    padding: 10rem 5rem 4.25rem;
    position: absolute;
    width: 80%;
}

@media (max-width: 1199px) {
    .home-slide__inner .grid-container {
        width: 100%;
        padding: 4rem 3rem;
    }
}

@media (max-width: 1024px) {
    .home-slide__inner .grid-container {
        width: 100%;
        padding: 5rem 3rem;
    }
}

@media (max-width: 768px) {
    .home-slide__inner .grid-container {
        padding: 3rem 1.5rem;
        justify-content: center;
    }
}

.home-slide__caption {
	position: relative;
	z-index: 3;

	.full-height & {
		min-height: 100vh;
	}
}

.home-slide__content {
    a {
        padding: 12px 24px;
        color: #fff;
        text-transform: uppercase;
        background-color: #1873CC;
        border-radius: 8px;
        font-size: 1.125rem;

        &:last-child {
            background-color: #fff;
            color: #1873CC;
        }
    }

    a:hover {
        background-color: #fff;
        color: #1873CC;

        &:last-child {
            color: #fff;
            background-color: #1873CC;
        }
    }

    h1, h2 {
        margin-bottom: 50px;
        color: #FFFFFF;
        font-family: "Inter", Sans-serif;
        font-size: 4rem;
        font-weight: 700;
        line-height: 1.15em;
    }

    p {
        font-size: 1.125rem;
        line-height: 1.25;
        font-weight: 500;
        font-family: "Inter", Sans-serif;
    }

    p:last-child {
        margin-top: 52px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 24px;
    }
}

@media (max-width: 1024px) {
    .home-slide__content {
        h1, h2 {
            margin-bottom: 2rem;
            font-size: 2rem;
            line-height: 1.15em;
        }
        p {
            font-size: 1.125rem;
        }
        a {
            padding: 11px 36px;
            font-size: 0.875rem;
        }
    }
}

@media (max-width: 768px) {
    .home-slide__content {
        p {
            font-size: 0.9375rem;
        }
    }
}

@media (max-height: 800px) and (min-width: 1025px) {
    .home-slide__content {
        h1, h2 {
            margin-bottom: 0;
        }
        p {
            margin-bottom: 1rem;
        }
    }
}

.home-slide__button {
	margin-top: 24px;
}

.video-holder {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.video-holder__media {
	z-index: 2;
	pointer-events: none;
}

.slick-dots {
	display: flex;
	justify-content: center;
	left: 0;
    bottom: 40px;

    > li button {
        border: 4px solid #fff;
        border-radius: 50%;

        &:before {
            opacity: 0 !important;
            color: transparent;
        }

        &:active,
        &:focus,
        &:hover {
            background-color: #fff;
        }
    }
}

@media (max-width: 1024px) {
    .home-slider .slick-dots {
        display: none !important;
    }
}