/* banner */
.ban {
    width: 100%;
    height: 60vh;
    background-image: url(./monginis\ banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
}


/* middle*/
.mida {
    width: 100%;
    height: 80vh;
    margin-top: 30px;
    color: rgb(229, 18, 132)
}

.mida h1 {
    text-align: center;
}

.midrapa {
    width: 80%;
    margin: auto;
    padding-top: 30px;
    display: grid;
    grid-template-columns: auto auto;
    /* grid-column-gap: 80px; */
}

.boxa1 {
    /* border:2px solid black; */
    padding: 10px;
}

.boxa1 img {
    width: 100%;
    height: 100%;
}



.boxa1 p {
    text-align: justify;
    color: black;
    font-size: 20px;
}

/* middlea1*/
.mida1 {
    width: 100%;
    height: 20vh;
    margin-top: 30px;
    color: rgb(229, 18, 132)
}

.mida1 h1 {
    text-align: center;
}

.midrapa1 {
    width: 80%;
    margin: auto;
    padding-top: 30px;
    display: grid;
    /* grid-template-columns: auto ; */
    /* grid-column-gap: 80px; */
}

.boxa2 {
    /* border:2px solid black; */
    padding: 10px;
}

.boxa2 p {
    text-align: justify;
    color: black;
    font-size: 20px;
}

/* middlea2*/
.mida2 {
    width: 100%;
    height: 20vh;
    margin-top: 30px; 
    color: rgb(229, 18, 132) 
}

.mida2 h1 {
    text-align: center;
}

.midrapa2 {
    width: 80%;
    margin: auto;
    padding-top: 20px;
    display: grid;
    /* grid-template-columns: auto ; */
    /* grid-column-gap: 80px; */
}

.boxa3 {
    /* border:2px solid black; */
    padding: 10px;
}

.boxa3 p {
    text-align: justify;
    color: black;
    font-size: 20px;
}

/* middlea3*/
.mida3 {
    width: 100%;
    height: 80vh;
    margin-top: 30px; 
    /* color: rgb(229, 18, 132) */
}


.midrapa3 {
    width: 80%;
    margin: auto;
    padding-top: 20px;
    display: grid;
    grid-template-columns: auto auto;
    /* grid-column-gap: 80px; */
}

.boxa4 {
    /* border:2px solid black; */
    padding: 10px;
}

.boxa4 img {
    width: 100%;
    height: 100%;
}



.boxa5 p {
    text-align: justify;
    color: black;
    font-size: 20px;
}


/* middlea4*/
.mida4 {
    width: 100%;
    height: 60vh;
    margin-top: 30px; 
    color: rgb(229, 18, 132) 
}

.mida4 h1 {
    text-align: center;
}

.midrapa4 {
    width: 80%;
    margin: auto;
    padding-top: 20px;
    display: grid;
    /* grid-template-columns: auto ; */
    /* grid-column-gap: 80px; */
}

.boxa6 {
    /* border:2px solid black; */
    padding: 10px;
}

.boxa6 p {
    text-align: justify;
    color: black;
    font-size: 20px;
}


/* middlea5*/
.mida5 {
    width: 100%;
    height: 170vh;
    margin-top: 30px; 
    color: rgb(229, 18, 132) 
}

.mida5 h1 {
    text-align: center;
}

.midrapa5 {
    width: 80%;
    margin: auto;
    padding-top: 20px;
    display: grid;
    /* grid-template-columns: auto ; */
    /* grid-column-gap: 80px; */
}

.boxa7 {
    /* border:2px solid black; */
    padding: 10px;
}

.boxa7 p {
    text-align: justify;
    color: black;
    font-size: 20px;
}