.carouselblock {
    display: block;

}

.tagline {
    cursor: pointer !important;
    display: block !important;
    position: absolute !important;
    position: absolute !important;
    right: 5%;
    top: 22% !important;
}

.carousel-slider1 {
    background-image: url(/images/carousel/Untitled-design.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    margin-top: 0;
    margin-bottom: 0;
    padding: 60px 0 50px;
    position: relative;
    z-index: 1;
}

.carousel-slider1 h1 {
    text-align: left;
    font-style: normal;
    font-size: 47.4375px;
    font-family: Roboto;
    color: #fff;
    line-height: 59.2969px;
    font-weight: 500;
    animation: image-in 1s cubic-bezier(0.5, 0, 0.1, 1) 0.5s backwards;
}

.carousel-slider1 h4 {
    text-align: left;
    font-weight: 700;
    font-style: normal;
    font-family: Roboto;
    font-size: 27.6719px;
    line-height: 27.6719px;
    color: rgb(47, 58, 113);
    margin-bottom: 15px;
    display: block;
    opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}



.carousel-slider1 a {
    border-radius: 15px;
    background-color: rgb(47, 58, 113);
    font-weight: 700;
    padding: 10px 15px;
    font-family: roboto;
    font-size: 14.8242px;
    color: #fff;
    margin-top: 15px;
    opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

    .carousel-slider1 a:hover {
        color: #fff;
    }


    @keyframes image-in {
        from {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        opacity: 0;

    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        opacity: 1;
    }
}



@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}