@import "tailwindcss";


@media (max-width : 480px) {
  
}.owl-carousel .item {
   height: 100vh; /* Fullscreen */
   width: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   display: flex;
   align-items: start;
   justify-content: start;
   position: relative;

}

.overlay h2 {
text-align: start;
font-size: xx-large;
font-weight: 600;
margin-top: 8rem;
color: white;

   
   
}.overlay p{
 text-align: start;
 font-size: large;
 font-weight: 500;
 margin-top: 12px;
 color: white;
 
}

.btn {
   display: inline-block;
   background: #ff5722;
   color: white;
   padding: 10px 20px;
   text-decoration: none;
   font-weight: bold;
   border-radius: 5px;
   margin-top: 10px;

}

.overlay{
 padding-left: 44px;
column-gap: 24px;
}

.btn:hover {
   background: #e64a19;
}


 /* board of directors card css  */

 
/* .card {
    width: 190px;
    height: 254px;
    background: #3405a3;
    border-radius: 15px;
    box-shadow: 1px 5px 60px 0px #100a886b;
   }
   
   .card .card-border-top {
    width: 60%;
    height: 3%;
    background: #6b64f3;
    margin: auto;
    border-radius: 0px 0px 15px 15px;
   }
   
   .card span {
    font-weight: 600;
    color: white;
    text-align: center;
    display: block;
    padding-top: 10px;
    font-size: 16px;
   }
   
   .card .job {
    font-weight: 400;
    color: white;
    display: block;
    text-align: center;
    padding-top: 3px;
    font-size: 12px;
   }
   
   .card .img {
    width: 70px;
    height: 80px;
    background: #6b64f3;
    border-radius: 15px;
    margin: auto;
    margin-top: 25px;
   }
   
   .card button {
    padding: 8px 25px;
    display: block;
    margin: auto;
    border-radius: 8px;
    border: none;
    margin-top: 30px;
    background: #6b64f3;
    color: white;
    font-weight: 600;
   }
   
   .card button:hover {
    background: #534bf3;
   } */