.top-header{
    background:#55117c;
    color:#fff;
    font-size:14px;
    padding:10px 0;
}

.top-header .container{
    width:90%;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}

.top-left span{
    margin-right:25px;
}

.top-left i{
    margin-right:8px;
}

.top-right a{
    color:#fff;
    margin-left:12px;
    width:30px;
    height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,0.4);
    border-radius:5px;
    text-decoration:none;
}

.top-right a:hover{
    background:#fff;
    color:#000000;
}

@media (max-width:768px){
    .top-header{
        display:none;
    }
}


.hero01{
position:relative;
}

.hero01 .carousel-item{
height:90vh;
min-height:500px;
background-size:cover;
background-position:center;
position:relative;
}

/* overlay */

.hero01 .carousel-item::before{
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:linear-gradient(90deg,rgba(0,0,0,0.75),rgba(0,0,0,0.2));
}

/* content */

.hero01 .hero-content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    max-width: 603px;
    z-index: 2;
    margin-left: 42px;
}

.hero01 h1{
font-size:55px;
font-weight:700;
line-height:1.2;
margin-bottom:20px;
animation:fadeUp 1s ease;
    color: white;
}

.hero01 p{
font-size:18px;
margin-bottom:30px;
opacity:.9;
animation:fadeUp 1.4s ease;
    color: white;
}

/* buttons */

.hero01 .btn{
padding:14px 28px;
border-radius:30px;
font-weight:600;
margin-right:10px;
}

.btn-orange{
    background: #8BC34A;
color:#fff;
}

.btn-purple{
    background: #55117c;
color:#fff;
}

/* animation */

@keyframes fadeUp{
from{
opacity:0;
transform:translateY(40px);
}
to{
opacity:1;
transform:translateY(0);
}
}

/* slider arrows */

.carousel-control-prev,
.carousel-control-next{
width:60px;
height:60px;
background:#ff7a00;
border-radius:50%;
top:50%;
transform:translateY(-50%);
opacity:1;
}

.carousel-control-prev{
left:30px;
}

.carousel-control-next{
right:30px;
}

/* indicators */

.carousel-indicators [data-bs-target]{
width:12px;
height:12px;
border-radius:50%;
background:#fff;
}

/* responsive */

@media(max-width:768px){

.hero01 h1{
font-size:32px;
}

.hero01 .carousel-item{
height:70vh;
}

}

/* animations */

@keyframes textDrop{
0%{
opacity:0;
transform:translateY(-50px);
}
100%{
opacity:1;
transform:translateY(0);
}
}

@keyframes textRise{
0%{
opacity:0;
transform:translateY(70px);
}
100%{
opacity:1;
transform:translateY(0);
}
}

@keyframes btnFade{
0%{
opacity:0;
}
100%{
opacity:1;
}
}
@media(max-width:768px){

.main-heading{
font-size:34px;
}

}

.footer-bottom-image{
width:100%;
text-align:center;
margin-top:20px;
}

.footer-bottom-image img{
width:100%;
height:auto;
display:block;
}

.footer-border{
position:absolute;
bottom:0;
left:0;
width:100%;
height:auto;
pointer-events:none;
}