.abc_sumi{
    height: auto;
}
.abc_sumi .main{
    height: auto;
    padding: 20px 0px;
    /* border: 1px solid blue; */
}
.abc_sumi .main .s{
    /* border: 1px solid red; */
    height: auto;

}
.abc_sumi .main .s ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.abc_sumi .main .s ul .first-li{
    font-size: 13px;
    align-content: center;
    width: 58px;
    height: 30px;
    background-color: var(--main-bgcolor);
}

.abc_sumi .main .s ul .first-li:hover{
    text-decoration: underline;
    color: var(--white);
   
}
.abc_sumi .main .s ul .first-li a{
    border-right:1px solid gray;
      padding: 0px 18px;
         color: var(--white);
   
}
.abc_sumi .main .s ul li{
    font-size: 13px;
    color: var(--grey);
    height: 20px;
   
}

.abc_sumi .main .s ul li:hover{
    text-decoration: underline;
    color: var(--main-bgcolor);
   
}
.abc_sumi .main .s ul li a{
    border-right:1px solid gray;
      padding: 0px 18px;
   
}

.abc_sumi .main .s1{
    /* border: 1px solid red; */
    height: auto;
    margin-top: 50px;
    display: flex;
    column-gap: 10px;
    row-gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.abc_sumi .main .s1 .s2{
    border: 1px solid rgb(7, 7, 53);
    height: auto;
    width: 20%;
    
}
.abc_sumi .main .s1 .s2 .sumi{
    /* border: 1px solid red; */
    height: 140px;
      position: relative;
      
      
}
.abc_sumi .main .s1 .s2 .sumi .rumi{
   height: 100%;
   width: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(1, 1, 26, 0.418);
  z-index: 1;
  overflow: hidden;
  display: none;
  /* border: 1px solid red; */
  align-content: center;
  justify-items: center;
}
.abc_sumi .main .s1 .s2 .sumi:hover .rumi{
    display: block;

}

.abc_sumi .main .s1 .s2 .sumi .rumi .rumi1{
    /* border: 1px solid red; */
    height: 40px;
    width: 15%;
    border-radius: 50px;
    background-color: var(--cc);
    align-content: center;
    text-align: center;
    /* display: none; */

}

.abc_sumi .main .s1 .s2:hover .sumi .rumi{
    display: block;
}

.abc_sumi .main .s1 .s2 .sumi .rumi .rumi2{
    color: var(--white);
    /* display: none; */
    
}
.abc_sumi .main .s1 .s2 .sumi img{
    height: 100%;
    width: 100%;
}
.abc_sumi .main .s1 .s2 .sumi1{
     /* border: 1px solid red; */
    height: auto;
display: flex;
align-items:center;
}

.abc_sumi .main .s1 .s2 .sumi1 .su h5{
    font-size: 20px;
    color: var(--black);
}
.abc_sumi .main .s1 .s2 .sumi1 .su{
    border-right: 1px solid;
    height: 65px;
    width: 17%;
    text-align: center;
    align-content: center;
    font-size: 11px;
    color: var(--grey);
}
.abc_sumi .main .s1 .s2 .sumi1 .su span{
font-size: 10px;
}
.abc_sumi .main .s1 .s2 .sumi1 .su1{
    /* border: 1px solid red; */
    height: 80px;
    width: 83%;
    font-size:13px ;
    padding:5px 0px 0px 5px;
}