.about-us{
    justify-content: center;
    align-items: center;
    margin: 2% auto;
    text-align: center;
    max-width: 1000px;
}
.about-pera p{
    text-align: justify;

}
.about-us p{
    text-align: justify;
    max-width: 90%;
    text-align: center;
    justify-content: center;
    margin: 2% auto;
    color: black;
}
.about-vision-approch-goals{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 2% auto;
    text-align: center;

    gap: 3%;
}
.our-vision,.our-approch,.our-goals{
    max-width: 350px;
}

.our-approch-headings-pera p ,.our-goals-headings-pera p, .our-vision-headings-pera p{
    text-align: justify;
}

.our-goals-headings-pera h2,.our-approch-headings-pera h2 ,.our-vision-headings-pera h2{
color: #54AAD6;
}
.our-approch{

    background-color: white;
    padding: 10px;
    box-shadow:  0px 0px 10px lightgray;
}

/* video css start  */
.videos iframe{
    max-width: 350px;
    border-radius: 20px;
   

}
.videos{
    justify-content: center;
    margin: 2% auto;
    align-items: center;
    text-align: center;

}

/* video css end  */

/* photo gallery start  */
#closebutton{
    position: absolute;
    top: 12px;
    right: 8%;
    font-size: 2rem;
    color: white;
    cursor: pointer;
}
#fullimage{
    padding: 24px;
    max-width: 100%;
    max-height: 100%;
}
#fullimageview{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, .9);
    text-align: center;
    margin: 8% auto;
   

}
.gallery{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.gallery img{
    max-width: 298px;
    max-height: 224px;
    margin: 2px;
}
.gallery img:hover{
    cursor: pointer;
    filter: brightness(70%);
}

/* photo gallery end  */

/* our services  */

.our-services{
    padding: 10px;
    margin-top: 2%;
    background-color: rgb(246, 246, 246);
}

.heading h2{
    text-align: center;
}
.heading p{
    text-align: center;
}
.services-card-heading h2{
    padding: 10px;
    font-size: 25px;
}
.services-card-body{ 
    margin-top: 2%;
    width: 350px;
    background-color: white;
    box-shadow: 2px 5px 10px rgba(218, 218, 218, 0.9);
}
.services-card-immage img{
width: 350px;
}
.services-card-pera p{
text-align: left;
    padding: 10px;
    font-size: 18px;
}
.services-card-pera p a{
    color: #54AAD6;
}
.services-card-heading{ 
    text-align: center;
}
.services-card{
    display: flex;
    flex-wrap: wrap;
    margin: 2% auto;
    justify-content: center;
    gap: 1%;
}
.our-services-details{
    padding: 20px;
    background-color: rgb(247, 247, 247);
    margin: 3%;
    color: black;
    font-size: 22px;
    text-align: justify;
 
}
.our-services-details h2{
color: rgb(2, 152, 207);
}