*{

    box-sizing: border-box;

    margin: auto;

    padding: 0;

}

.topbar-inner{

    width: 100%;

    text-align: right;

    background-color: #000;

    padding: 1rem 2rem;

    font-family: 'Roboto', sans-serif;

}



.topbar-link{

    color: #fff;

    text-decoration: none;

    outline: none;

    font-weight: 700;

}



/* navigation  */



.navigation-main{

    position: fixed;

    padding: 1rem 0;

    z-index: 9;

    width: 100vw;

    font-family: 'Roboto', sans-serif;

    background-color: transparent;

    transition: all 0.4s ease-in-out;

}



.scrollnav{

    top: 0;

    background-color: #fff;

}



.nav-logo{

    display: flex;

    height: 100%;

    align-items: center;

}

/* menu */

.nav-menu{

    display: flex;

    justify-content: end;

    align-items: center;

    list-style: none;

    margin: 0;

    padding: 0 1rem;

}



.nav-menu-item{

    padding: 1rem 1.2rem;

}



.nav-menu-item a{

    color: #fff;

    text-decoration: none;

    font-weight: 600;

}



.nav-menu-item a:hover{

    color: #333;

}



/* navigation ends */







/* header */



.header-main{ 

    height: 80vh;

    background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgba(0,0,0,1) 100%) , url(img/background-image.png);

    background-size: cover;

    background-attachment: fixed;

    /* background-color: #000; */

}



.header-content{

    display: flex;

    align-items: center;

    /* background-color: #000; */

    height: 100%;

}



.header-content-inner{

    font-family:'Playfair Display';

    width: 100%;

    color: #fff;

}



.header-title{

    padding: 4rem;

    width: 100%;

    text-align: center;

}



.header-title h5{

    padding: 1rem 0;

}



.header-title-btn{

    border: none;

    padding: 0.5rem 1rem;

    border-radius: 25px;

    font-weight: 600;

    color: #fff;

    background-color: #ce1141;

}



.header-buttons{    

    width: 100%;

    display: flex;

    justify-content: space-evenly;

}



.header-link{

    padding: 4rem;

    margin: 10px;

}



.header-lrn-btn{

    color: #fff;

    text-decoration: none;

}

/* header ends */





/* innerpage header */



.innerpage-header{

    background: linear-gradient(0deg, rgb(0 0 0 / 35%) 0%, rgba(0,0,0,1) 100%) , url(img/banner.jpg);

    background-size: cover;

    height: 300px;

    display: flex;

}



.innerpage-title{

    color: #fff;

    text-align: center;

    font-family:'Playfair Display';

}



/* innerpage header ends*/





/* innerpage main */





/* innerpage main ends */





/* footer */



.footer-main{

    background-color: #000;

    height: 400px;

}



.footer-social-menu{

    padding: 0;

    display: flex;

    justify-content: center;

    list-style: none;

}



.footer-social-link{

    margin: 1rem;

    padding: 1rem;

    border: 1px solid #777;

    border-radius: 50%;

    font-size: 24px;

    width: 60px;

    text-align: center;

}



.footer-social-link a{

    color: #777;

}



.copyright{

    color: #777;

    text-align: center;

}

.copyright a{

    color: #777;

    text-decoration: none;

}

.copyright a:hover{

    color: #777;

    text-decoration: underline;

    transition: all .4s ease-in-out;

}



/* footer ends*/





video {

    position: fixed;

    top: 0;

    width: 100%;

    height: 80vh;

    z-index: 0;

}







/* -------------------------------------------------------------------------- */



/* packages */



.packages-title{

    width: 100%;

    text-align: center;

    font-family:'Playfair Display';

    font-weight: 500;

    padding: 50px 0;

}



.card-main{

    padding: 70px 0;

}



/* .card-container{



} */



.card{

    margin: 1rem;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    height: 400px;

    border-radius: 30px;

}



.card img{

    width: 100%;

    height: 200px;

    margin: 0;

}

/* packages ends*/