main{
    width: 70%;
    margin: 50px auto;
    /* border: 1px solid red; */
    display: grid;
    gap: 15px;
    row-gap: 15px;
    grid-template-columns: 300px 300px;
    /* grid-template-rows: 300px 300px; */
align-items: start;
height: auto;
grid-template-columns: 1fr 1fr 1fr; 
}
.card{

    display: grid;
    grid-template-columns: repeat(2,1fr );
  
}

.owl-carousel .item{
    border: none;
    outline: none;
    height: 100%;
} 
.card-body{
    /* border: 1px solid red;  */
    object-fit: cover;
  width: 100%;
}
.card-body img{
    height: 100%;
    object-fit: cover;
}
.cardd p{
    padding: 1vw;
    font-family: "Poppins", sans-serif;

}
.cardd i{
    color: #005e84;
}
.fa-calendar-o:before {
    content: "\f133";
}
.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 94px;
    color: #000;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1000;
}

.owl-prev {
    left: 10px;
    font-size: 2rem;
}

.owl-next {
    right: 10px;
}
#div1{
    grid-column: 1/3;
    width: 100%;
    /* height: 100%; */
}
.row-container{
    /* border: 1px solid red; */
    width: 100%;
    height: 50vh;

}
.div2{
   color: black;
   padding: 1rem;
   font-family: "Poppins", sans-serif;
   /* background-color: antiquewhite; */
}
.div2 p{
    text-align: center;
    padding: 1rem;
}

.div3 p{
    /* background-color: rgb(153, 151, 51); */
    /* grid-row: 1/-1; */
    padding: 1rem;
    font-family: "Poppins", sans-serif;
}
.div4 p { 
    padding: 1rem;
    font-family: "Poppins", sans-serif;

    /* grid-column: 1/3; */
    /* background-color: rgb(35, 116, 116); */
}
.div5 p{
    padding: 1rem;
    /* background-color: rebeccapurple; */
    font-family: "Poppins", sans-serif;
    
}
.div6{
    padding: 1rem;
    background-color: rgb(201, 188, 214);
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
    main {
        width: 90%;
        gap: 5px;
        margin: 10px;
        grid-template-columns: 1fr;
 
    }
    .card{
        display: grid;
        grid-template-columns: repeat(1,1fr );
    }
    .div2{
        /* background-color: rebeccapurple; */
        grid-column: 1/3;
        width: 100%;
        /* margin-top: 5rem; */
        /* height: 30px; */
        /* z-index: 99; */
        /* grid-column: 1/3; */
        width: 100%;
        /* margin-top: 5rem; */
    }
}

/* @media (max-width: 576px) {
      main {
        width: 90%;
        gap: 55px;
        
        grid-template-columns: 1fr;
       
    }
    .div2{
     
        width: 100%;

        
    }
    .card{
        display: grid;
        grid-template-columns: repeat(1,1fr );
    }
} */