.instite_of_school_pulak{
    height: auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
padding: 45px 0px;
     
}
/* left side card design */
.instite_of_school_pulak .photo_container{
    height: auto;
    width: 50%;
    position: relative;
}
.instite_of_school_pulak .photo_container .left_side_card{
    border: 4px solid var(--color400);
    height: 300px;
    width:48%;
      border-radius: 50px 65px 65px 0px;
    position: absolute;
        top: 13%;
        

}


.instite_of_school_pulak .photo_container .left_side_card img{
    height: 100%;
    width: 100%;
     border-radius: 45px 60px 60px 0px;
    object-fit: cover;
}

.instite_of_school_pulak .photo_container .middle_card{
    border: 4px solid var(--color400);
    height: 281px;
    width:48%;
    border-radius: 50px 55px 55px 0px;
    position: absolute;
    top: 38%;
    left: 25%;
    z-index: 1;

}

.instite_of_school_pulak .photo_container .middle_card img{
    height: 100%;
    width: 100%;
     border-radius: 45px 52px 52px 0px;
    object-fit: cover;
}

.instite_of_school_pulak .photo_container .right_side_card{
    border: 4px solid var(--color400);
    height: 300px;
    width:48%;
    border-radius: 50px 55px 55px 0px;
    position: absolute;
    right: 0%;

}

.instite_of_school_pulak .photo_container .right_side_card img{
    height: 100%;
    width: 100%;
     border-radius: 45px 52px 52px 0px;
    object-fit: cover;
}






/* right side design */
.instite_of_school_pulak .detailes_write{
    height: auto;
    width: 48%;
}


.instite_of_school_pulak .detailes_write .pjjav_heigh_school{
      font-size: var(--font-size1);
    line-height: 25px;
    letter-spacing: .5px;
    font-family: var(--font-family1);
    font-weight: 500;
    color: var(--color1);
    display: flex;
    gap: 7px;
}
.instite_of_school_pulak .detailes_write .pjjav_heigh_school i{
  
    font-size: var(--font-size1);
 }

.instite_of_school_pulak .detailes_write .for_admissions{
    height: auto;
    width: auto;
    text-transform: capitalize;
    color: #0e454f;
    font-family: serif;
    font-size: var(--sub-hading);
    font-weight: bold;
    line-height: 40px;
    padding-top: 10px;
}

.instite_of_school_pulak .detailes_write .school_details{
    height: auto;
    width: auto;
    text-transform: capitalize;
    color: #a2a4a2;
font-family: var(--font-family1);
text-align: justify;
    word-spacing: 5px;
    font-size: 15px;
        line-height: 25px;
    letter-spacing: .5px;
    padding: 15px 0px;
}


.instite_of_school_pulak .detailes_write .secendary_school{
    height: auto;
    width: 100%;
display: flex;
justify-content: space-between;
padding: 10px 0px;
}

.instite_of_school_pulak .detailes_write .secendary_school .undergraduate_div{
    height: auto;
    width: 100%;
display: flex;
gap: 5px;
text-transform: capitalize;
font-weight: 600;
font-size: var(--paragraph);
align-items: center;
font-family: var(--font-family1);
color: #a2a4a2;
}

.instite_of_school_pulak .detailes_write .secendary_school .undergraduate_div i{
color: var(--color3);
font-size: var(--font-size2);
background-color: var(--background-color1);
height: 30px;
width: 30px;
border-radius: 50%;
align-content: center;
justify-content: center;
}

.instite_of_school_pulak .detailes_write .student_feedback{
    /* font-size: var(--paragraph);
    color: #a2a4a2;
    font-family: var(--font-family1);
    font-weight: 600;
    text-align: justify; */

        height: auto;
    width: auto;
    text-transform: capitalize;
    color: #a2a4a2;
    font-family: var(--font-family1);
    text-align: justify;
    word-spacing: 5px;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: .5px;
}
.instite_of_school_pulak .detailes_write .explore_more{

    background: linear-gradient(var(--background-color11));
    color: var(--color2);
    font-size: var(--font-size2);
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    font-family: var(--font-family1);
    padding: 20px 35px;
    border-radius: 24px 0px 25px 0px;
    border: 1px solid var(--color400);
    cursor: pointer;
    margin-top: 25px;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.instite_of_school_pulak .detailes_write .explore_more i {
     transform: rotate(-36deg);
}

.instite_of_school_pulak .detailes_write .explore_more:hover {
    background: var(--background-color3);
    color: var(--color400);
    transform: translateY(-3px);
    border: 1px solid var(--color400);
}


@media (max-width:1400px) {
    .instite_of_school_pulak .photo_container .left_side_card {
        height:280px;
    }
    .instite_of_school_pulak .photo_container .middle_card {
       height: 280px;
    }
    .instite_of_school_pulak .photo_container .right_side_card {
        height: 280px;
    }
}

@media (max-width:1200px) {
    .instite_of_school_pulak .photo_container .left_side_card {
        height: 260px;
        border-radius: 45px 55px 55px 0px;
        width: 46%;
        top: 17%;
    }
    .instite_of_school_pulak .photo_container .middle_card {
          height: 260px;
        border-radius: 45px 50px 50px 0px;
        width: 46%;
        top: 40%;
    }
    .instite_of_school_pulak .photo_container .right_side_card {
               height: 260px;
        border-radius: 45px 55px 55px 0px;
        width: 46%;
        top: 10%;
    }

.instite_of_school_pulak .detailes_write .secendary_school {
    display: grid;
    gap: 10px;
}

}


@media (max-width:992px) {
    .instite_of_school_pulak {
        display: block;
    }

    .instite_of_school_pulak .photo_container {
        height: 530px;
        width: 100%;
    }
.instite_of_school_pulak .detailes_write {
    width: 100%;
}

        .instite_of_school_pulak .photo_container .left_side_card{
            height: 280px;
        }

            .instite_of_school_pulak .photo_container .middle_card {
                           height: 280px;
            
            }

 .instite_of_school_pulak .photo_container .right_side_card {
                             height: 280px;
                            
                             
                }

}

@media (max-width:400px) {

        .instite_of_school_pulak .photo_container .left_side_card{
            height: 230px;
            width: 45%;
        }

            .instite_of_school_pulak .photo_container .middle_card {
                           height: 230px;
            width: 45%; 
            }

 .instite_of_school_pulak .photo_container .right_side_card {
                             height: 230px;
                             width: 45%; 
                }

}


@media (max-width:350px) {

        .instite_of_school_pulak .photo_container .left_side_card{
            height: 210px;
            width: 45%;
                    border-radius: 35px 45px 45px 0px;
        }

            .instite_of_school_pulak .photo_container .middle_card {
                           height: 210px;
            width: 45%; 
            border-radius: 35px 45px 45px 0px;
            
            }

 .instite_of_school_pulak .photo_container .right_side_card {
                             height: 210px;
                             width: 45%; 
                             border-radius: 35px 45px 45px 0px;
                }

}