.item {
   height: 100%;
   display: flex !important;
   flex-direction: column;
   justify-content: space-between;
 }

 .questions {
   display: flex;
   background: #80808021;
   width: 400px;
   justify-content: space-around;
   align-items: center;
   margin: 0.5rem auto;
   font-size: 2.4rem;
   border-radius: 28px;
   padding: 10px 10px;
   border: 3px solid gray;
 }

 .questions .ques {
   cursor: pointer;
   padding: 5px 25px;
   padding-top: 11px;
 }
 

 .options .box {
   height: 100%;
 }

 .options .box img {
   width: 100%;
   border-radius: 30px 30px 0 0;
 }

 .options .box .answer_box {
   background-color: #c5c5c57d;
   width: 100%;
   height: inherit;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   font-size: 3rem;
   text-transform: capitalize;
   align-items: center;
   position: relative;
   padding-top: 9px;
 }

 .static {
   width: 100%;
   height: inherit;
   cursor: pointer;
   border-bottom: 3px solid gray;
   border-left: 3px solid gray;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   font-size: 3rem;
   text-transform: capitalize;
   align-items: center;
   background-color: #0080004d !important;
   position: relative;
   
 }

 

 .table .row_table { 
   display: flex;
   width: 100%;
   justify-content: center;
 }

 .table .row_table .cell { 
   width: 80px;
   height: 65px;
   margin-left: -3px;
 }

 .show_border {
   cursor: pointer;
   border-bottom: 3px solid gray;
   border-left: 3px solid gray;
 }

 .top_arrow::after {
   content: "";
   position: absolute;
   top: -40px;
   left: -20px;
   border: 20px soliid;
   border: 20px solid gray;
   border-top-left-radius: transparent;
   border-top-color: transparent;
   border-left-color: transparent;
   border-right-color: transparent;
   animation-name: arrow_bottom_animation;
   animation-duration: 1s;
   animation-iteration-count: infinite;
 }

 
.bottom_arrow:after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -17px;
  border: 20px soliid;
  border: 20px solid gray;
  border-top-left-radius: transparent;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  animation-name: arrow_right_animation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

 

 .top_arrow_tnalzy::after {
  content: "";
  position: absolute;
  top: -17px;
  left: -21px;
  border: 20px solid gray;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  animation-name: arrow_bottom_animation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  transform: rotate(180deg);
  z-index: 9999999999999999;
 }

 .bottom_arrow_tnalzy:after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -40px;
  border: 20px solid gray;
  border-top-left-radius: transparent;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  animation-name: arrow_right_animation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  transform: rotate(180deg);
}

 

@keyframes arrow_bottom_animation {
  0% {
    border-bottom-color: red;
  }
  40% {
    border-bottom-color:  rgb(177, 141, 141)
  }
  70% {
    border-bottom-color: red;
  }
  100% {
    border-bottom-color: rgb(177, 141, 141);
  }
}

@keyframes arrow_right_animation {
  0% {
    border-right-color: red;
  }
  40% {
    border-right-color:  rgb(177, 141, 141)
  }
  70% {
    border-right-color: red;
  }
  100% {
    border-right-color: rgb(177, 141, 141);
  }
}

.disabled {
  text-decoration: line-through;
  color: #6e6363;
}