*{margin: 0px ;padding: 0px;}


.sagar_we_are_proud{

    width: 100%;

    height: auto;

    padding: 20px 0px;

    background-color: var(--background-color3);

}











.sagar_we_are_proud .we_are_proud_text{

    width: 100%;

    height: 120px;

    /* border:1px solid red; */

    justify-items: center;

    align-content:center ;

}









.sagar_we_are_proud .we_are_proud_text .text_our{

    width: 200px;

    height: 30px;

    /* border:1px solid red; */

    text-align: center;

    align-content: center;

    font-family: var(--font-family1);

    font-size: 17px;

    color: var(--color9);

}









.sagar_we_are_proud .we_are_proud_text .text_we_are{

    width: 250px;

    height: 40px;

    /* border:1px solid red; */

    color: var(--color33);

    text-align: center;

    align-content: center;

    font-family: var(--font-family1);

    font-weight: 600;

    font-size: 30px;

}











.sagar_we_are_proud .we_are_proud_text .text_we_are span{

  color: var(--color55);

}

































.sagar_we_are_proud .conta{

    width: 100%;

    height: auto;

    /* border:1px solid red; */

    margin-top: 20px;

    display: flex;

    gap: 20px;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}









.sagar_we_are_proud .conta_233{

    width:22%;

    height: 170px;

    /* border:1px solid red; */

    justify-items: center;

    align-content: center;

}







.sagar_we_are_proud .conta_233 .text_233{

    width:100%;

    height: 55px;

    /* border:1px solid red; */

    text-align: center;

    align-content: center;

    font-weight: 600;

    font-size: 40px;

    font-family: var(--font-family1);

    color: var(--color1);

}



.sagar_we_are_proud .conta_233 .text_courses{

    width:100%;

    height: 35px;

    /* border:1px solid red; */

    text-align: center;

    align-content: center;

    font-weight: 600;

    font-size: 15px;

    font-family: var(--font-family1);

    color: var(--color33);

}























.sagar_we_are_proud .graduated{

    width: 100%;

    height: auto;

    /* border:1px solid red; */

    display: flex;

    justify-content: center;

    align-items: center;

    background-image: url(../../../images/about/achievement-about/image.png);

    background-size: cover;

    background-attachment: fixed;

}







.sagar_we_are_proud .graduated .graduated_main_box{

    width: 33.3%;

    height: 330px;

    /* border:1px solid red; */

    background-color: rgba(0, 0, 0, 0.527);

    justify-items: center;

    align-content: center;



}





.sagar_we_are_proud .graduated .graduated_main_box1{

    width: 33.3%;

    height: 330px;

    /* border:1px solid red; */

    background-color: var(--background-color1);

    justify-items: center;

    align-content: center;



}









.sagar_we_are_proud .graduated .graduated_main_box .text_graduated{

    width: 100%;

    height: 50px;

    /* border:1px solid red; */

color: var(--color55);

font-size: 20px;

font-weight: 600;

font-family: var(--font-family1);

text-align: center;

align-content: center;

}





.sagar_we_are_proud .graduated .graduated_main_box .text_graduated-1{

    width: 80%;

    height: auto;

    /* border:1px solid red; */

    text-align: center;

    color: var(--color2);

    font-family: var(--font-family1);

    font-size: 17px;

}













.sagar_we_are_proud .graduated .graduated_main_box1 .text_graduated{

    width: 100%;

    height: 50px;

    /* border:1px solid red; */

color: var(--color55);

font-size: 20px;

font-weight: 600;

font-family: var(--font-family1);

text-align: center;

align-content: center;

}





.sagar_we_are_proud .graduated .graduated_main_box1 .text_graduated-1{

    width: 80%;

    height: auto;

    /* border:1px solid red; */

    text-align: center;

    font-size: 17px;

    color: var(--color2);

    font-family: var(--font-family1);

}







@media(max-width:850px) {



        .sagar_we_are_proud .conta{

            gap: 0px;

        }



    .sagar_we_are_proud .conta_233{

        width: 250px;

    }

    

    .sagar_we_are_proud .graduated{

        display: block;

    }



.sagar_we_are_proud .graduated .graduated_main_box{

        width: 100%;

    }



.sagar_we_are_proud .graduated .graduated_main_box1{

        width: 100%;

    }

}