body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}

.slider {
	display: flex;
	height: 100vh;
	width: 500%;
	transition: transform 0.5s ease;
}

.slide {
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color 4.5s ease;
	font-family: 'Arima', sans-serif;
	font-size: 80px;
	line-height: 110px;
    position: relative;
}

.box{
	width: 82vw;
	text-align: center;
    position: relative;
}

.slide .span_divs span{
    display: block !important;
}

.slide .span_divs span:last-child{
    margin: 1em 0 0;
}

.restart{
    position: absolute;
    bottom: 1em;
    left: 0;
    background: white;
	cursor: pointer;
}

.heart{
    position: absolute;
    bottom: 1em;
    right: 0;
    width: 160px;
}

#left-arrow, #right-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 58px;
	cursor: pointer;
	z-index: 1;
}

#left-arrow {
	left: 30px;
}

#right-arrow {
	right: 30px;
}

/* Slide background gradients */
.slide-1 {
	background: linear-gradient(90deg, rgba(197,142,237,1) 0%, rgba(186,203,236,1) 100%);
}

.slide-2 {
	background: linear-gradient(90deg, rgba(186,203,236,1) 0%, rgba(186,226,235,1) 100%);
}

.slide-3 {
	background: linear-gradient(90deg, rgba(186,226,235,1) 0%, rgba(228,235,186,1) 100%);
}

.slide-4 {
	background: linear-gradient(90deg, rgba(228,235,186,1) 0%, rgba(234,198,166,1) 100%);
}

.slide-5 {
	background: linear-gradient(90deg, rgba(234,198,166,1) 0%, rgba(214,190,233,1) 100%);
}

@media (max-width: 991.98px) {
    .slide{
        font-size: 58px;
        line-height: 80px;
    }
    
    .box{
        width: 74vw;
    }
}

@media (max-width: 767.98px) {
    .slide{
        font-size: 40px;
        line-height: 60px;
    }
    
    .about_video2{
        width: 140%;
        bottom: 0;
        right: -20%;
    }

    #left-arrow {
        left: 20px;
    }

    #right-arrow {
        right: 20px;
    }
    
    #left-arrow, #right-arrow {
        font-size: 40px;
    }
    
    .heart{
        width: 140px;
    }
}