* {
  margin: 0;
  padding: 0;
}

:root {
  --tarkata: #ffffff;
  --shikha:#61135d;
  --sumi: #002347;
  --rumi:#959191;
  --antara:#fef9f9;
  --barsha:#d48509;
  --pomi:#000000;
  --dabu:#fdc632;
}
.soubhik_school_his_heading_section{
    /* border: 1px solid red; */
    width: 100%;
    justify-items: center;
    align-content: center;
    font-family: var(--font-family);
    padding: 0px 0px 30px 0px;
    color: var(--light-color);
}
.soubhik_school_his_heading_section .school_heading{
    /* border: 1px solid red; */
    padding: 10px 10px;
    font-weight: bold;
    font-size: 25px;
    color: rgba(60, 59, 59, 0.699);
}
.soubhik_school_his_heading_section .school_heading span{
    color: var(--deep_sky);
}
.soubhik_school_his_heading_section .school_heading_line{
    /* border: 1px solid red; */
    height: 4px;
    width: 200px;
    background: linear-gradient(90deg,var(--deep_sky),var(--normal_sky),var(--deep_sky));
    animation: a 2s linear infinite;
}
@keyframes a{
    0%{
        transform: translateX(0%);
    }
    25%{
        transform: translateX(15%);
    }
    50%{
        transform: translateX(0%);
    }
    75%{
        transform: translateX(-15%);
    }
    100%{
        transform: translateX(0%);
    }
}

.assm_divv{
  height: auto;
  /* background-color: gray; */
  display: flex;
  align-items: center;
  justify-content: center;
   gap:30px;
   flex-wrap: wrap;
   padding: 20px;
   /* background-color: var(--antara); */
}

.assm_divv .assm_box {
  height: 320px;
  width: 290px;
 /* box-shadow: pink 0px 2px 0px 0px; */
 position: relative;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
margin: 20px 0px;
border-radius: 7px;
}

.assm_divv .assm_box .antara_image{
  height:230px ;
  width: 290px;
  transition: .5s;
}
/* .assm_divv .assm_box:hover .antara-div{
  background: #09d46e;
} */
.assm_divv .assm_box .antara_image img{
  height: 100%;
  width: 100%;
      transition: .5s;
      border-radius: 7px;
  /* transform: scale(1.1); */
}
/* .assm_divv .assm_box .antara_image img:hover{
  transform: scale(1.040);
    transition: .5s;
} */


.assm_divv .assm_box .antara_text{
 height: 100px;
    width: 290px;
    border-radius: 7px;
    background-color: #fef9f9;
    padding-bottom: 10px;
}
.assm_divv .assm_box .antara-div{
    height: 46px;
    width: 47px;
    position: absolute;
    bottom: 71px;
    right: 5px;
    /* left: 189px; */
    border-radius: 50px;
    text-align: center;
    align-content: center;
   background-color: var(--barsha);
   color: var(--tarkata);
}
.assm_divv .assm_box .antara-div:hover{
     background-color:var(--shikha);
}
/* .assm_divv .assm_box .antara-div:hover i{
    color: var(--dabu);
} */
.assm_divv .assm_box .barsha-div1{
     height: 45px;
    width: 290px;
    position: absolute;
    bottom: 119px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    opacity: 0;
}
/* .assm_divv .assm_box .antara-div:hover .barsha-div1{
    opacity: 1;
} */
.assm_divv .assm_box:hover .barsha-div1{
  opacity: 1;
  transition: 0.8s;
}

.assm_divv .assm_box .barsha-div1 .sikha-a{
     height: 40px;
    width: 40px;
    border-radius: 50px;
    text-align: center;
    align-content: center;
     background-color: var(--tarkata);
}
.assm_divv .assm_box .barsha-div1 .sikha-a:hover{
       background-color: var(--barsha);
}
.assm_divv .assm_box .barsha-div1 .sikha-a:hover i{
     color: var(--antara);
}
.assm_divv .assm_box .antara_text h2{
  text-align: center;
  padding-top: 15px;
  color: #000000;
  font-size: 22px;
}

.assm_divv .assm_box .antara_text p{
  text-align: center;
  padding-top: 8px;
  color: var(--rumi);
}