.tatha_Practices{

    width: 100%;

    height: auto;

    margin-bottom: 30px;

    /* border: 1px solid red; */

}

.tatha_Practices .heading{

    width: 100%;

    height:auto;

    /* border: 1px solid red; */

    align-content: center;

    justify-items: center;

    padding: 30px 0px;

}

.tatha_Practices .heading .big_heading{

    width: 100%;

    height:auto;

    text-align:center;

}

.tatha_Practices .heading .big_heading h1{

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

font-size: var(--sub-hading);
    font-weight: bold;
    letter-spacing: .5px;
    line-height: 25px;



}





.tatha_Practices .heading .small_heading{

    width:100%;

    height:auto;

   

   

    text-align:center;

    

    

}



.tatha_Practices .heading .small_heading p{

        color: #646051;
    font-size: var(--font-size1);
    line-height: 25px;
    letter-spacing: .5px;
    font-family: var(--font-family1);
    font-weight: 500;
    /* color: var(--color1); */

    

}

.tatha_Practices .main_card{

    width:100%;

    /* height: 375px; */

    /* border: 1px solid blue; */

    display: flex;

    align-items: center;

    justify-content: center;

}

.tatha_Practices .main_card .copy_card{

    width: 85%;

    height:auto;

    /* border: 1px solid red; */

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content:space-evenly;

}

.tatha_Practices .main_card .copy_card .card1{

    width:330px;

    height:300px;

    /* border: 1px solid blue; */

    background-image: url(../../../images/history/practices-history/bg.png);

    display: flex;

    align-items: center;

    margin: 10px;

    padding: 10PX;

    justify-content: center;

}

.tatha_Practices .main_card .copy_card .card1 .card1_copy{

    width: 100%;

    height: 100%;

    /* border: 1px solid red; */

    background-color: #fff;

    align-content:center;

    justify-items:center;

}

.tatha_Practices .main_card .copy_card .card1 .card1_copy .img{

   width: 100px;

   height:100px;

   /* border: 1px solid red; */

}

.tatha_Practices .main_card .copy_card .card1 .card1_copy .img img{

    width: 100%;

    height: 100%;

}

.tatha_Practices .main_card .copy_card .card1 .card1_copy .leter{
    font-size: var(--font-size1);
    line-height: 25px;
    letter-spacing: .5px;
    font-family: var(--font-family1);
    font-weight: 500;
    color: var(--color44);
    margin: 20px 0px;

}



@media(max-width:1322px) {

    .tatha_Practices .main_card .copy_card .card1{

       width: 300px;

    height: 270px;

    }

}

@media(max-width:1287px) {

    .tatha_Practices .main_card .copy_card .card1{

       width: 250px;

        HEIGHT: 200PX;

    }

}

@media(max-width:1215px) {

    .tatha_Practices .main_card .copy_card .card1{

        width: 250px;

    }

}

@media(max-width:760px) {

    .tatha_Practices .main_card .copy_card .card1{

    width:340px;

    height:280px;

    /* border: 1px solid blue; */

}





}

@media(max-width:728px) {



.tatha_Practices .main_card .copy_card .card1{

    width:330px;

    height:280px;



    display: flex;

    align-items: center;

    /* margin: 10px; */

    justify-content: center;

}

.tatha_Practices .main_card .copy_card .card1 .card1_copy{

    width: 100%;

    height: 100%;

    /* border: 1px solid red; */

    background-color: #fff;

    align-content:center;

    justify-items:center;

}

}







@media(max-width:320px) {

    .tatha_Practices .main_card .copy_card .card1 .card1_copy .leter{

 margin-top: 10px;

    font-size:20px;

  font-weight: 700;

    }

    .tatha_Practices .main_card .copy_card .card1{

  

    height:200px;

    /* border: 1px solid red; */



    }

}