#dises-sec,
#myth-sec,
#dos-sec {
   height: 12rem;
   overflow: hidden;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

#dises-sec {
   padding-bottom: 0.8rem;
}

#myth-sec {
   height: 14rem;
}

.dises-slide,
.myth-slide,
.dos-slide {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1.8rem;
   padding: 1rem 7rem;
}

.dos-slide {
   grid-template-columns: 1fr;
}

fieldset {
   width: 100%;
   padding: 1rem 2rem;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
}

legend {
   padding: 0 1.2rem;
   font-weight: 600;
   font-size: 1.5rem;
   font-family: var(--heading2);
   text-align: center;
}

.prob {
   border-color: rgb(224, 72, 72);

   legend {
      color: rgb(169, 16, 16);
   }

}

.statemant {
   text-align: center;

   .state-head {
      font-weight: 700;
   }
}

.soln {
   border-color: #46cb0d;

   legend {
      color: #2e8a06;
   }
}

@media only screen and (max-width: 799px) {

   #dises-sec,
   #dos-sec {
      height: 14rem;
   }

   #myth-sec {
      height: 20rem;
   }

   .dises-slide,
   .myth-slide,
   .dos-slide {
      padding: 1rem 4.5rem;
      gap: 1.5rem;
   }
}

@media only screen and (max-width: 563px) {
   #dises-sec {
      height: 28rem;
   }

   #dos-sec {
      height: 22rem;
   }

   #myth-sec {
      height: 32rem;
   }

   .dises-slide,
   .myth-slide,
   .dos-slide {
      padding: 1rem 3.5rem;
      grid-template-columns: 1fr;
      gap: 1.2rem;
   }
}