@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@200;300;400;500&display=swap');

#banner {
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    height: 100vh;
}
#banner .video video {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    height: 110vh;
    width: 100%;
}

#ban{
    margin-top: 130px;
}

#ban .container-fluid{
    max-width: 1200px;
   text-align: center;
    margin: 0 auto;
}

#ban .container-fluid .row .col-xl-12 h1{
   color:white;
   /* float:left; */
   /* text-align: left; */
   font-family: 'Prompt', sans-serif;
   font-size:35px ;
}

#ban .container-fluid .row .col-xl-12 h2{
    color:red;
    clear: both;
    font-family: 'Prompt', sans-serif;
    font-size:42px;
    padding-top: 15px;
 }

 #ban .container-fluid .row .col-xl-12 p{
    color:white;
    font-family: 'Prompt', sans-serif;
    /* font-size:42px; */
    padding-top: 15px;
 }

 #ban .container-fluid .row .col-xl-12 h4{
    color:red;
    font-family: 'Prompt', sans-serif;
    font-size:34px;
    padding-top: 15px;
    padding-bottom: 30px;
 }

 #content .container-fluid{
    max-width: 1200px;
   width: 90%;
     margin: 0 auto;
 }

 #content .container-fluid .card{
    background-color: rgba(0,0,0,0.4);
    height: 95%;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 10px;

 }

 #content .container-fluid .card h5{
color: red;
font-family: 'Prompt', sans-serif;
font-size:22px;

 }

 
 #content .container-fluid .card p{
    color: white;
    font-family: 'Prompt', sans-serif;
    /* font-size:22px; */
    
     }